Приложение на php mysql

Создание облачного сайта на PHP и MySQL и его развертывание с помощью Git

Это руководство содержит сведения по созданию веб-сайта на базе PHP и MySQL в Windows Azure и его развертыванию с помощью Git. Для выполнения заданий нужно будет использовать установленные на компьютере PHP, средство командной строки MySQL (часть MySQL), веб-сервер и Git. Инструкции, содержащиеся в этом руководстве, можно выполнять в любой операционной системе, включая Windows, Mac и Linux. После выполнения всех действий будет создан веб-сайт PHP/MySQL, работающий на платформе Windows Azure.

О чем пойдет речь в данном руководстве:

• Как создать веб-сайт Windows Azure и базу данных MySQL с помощью портала управления (предварительная версия). Поскольку на веб-сайтах Windows Azure технология PHP включена по умолчанию, для выполнения кода PHP никакие особые действия не требуются.
• Как публиковать и повторно публиковать приложения на платформе Windows Azure с помощью Git.

Следуя инструкциям данного руководства, вы создадите простое веб-приложение на языке PHP для регистрации участников мероприятия. Это приложение будет размещено на веб-сайте Windows Azure. Ниже приведен снимок экрана готового приложения.

Настройка среды разработки

Предполагается, что на компьютере уже установлены PHP, средство командной строки MySQL (часть MySQL), веб-сервер и Git.

Примечание. Если разработка данного приложения ведется в ОС Windows, то можно выполнить настройку PHP и автоматическую настройку IIS (встроенного веб-сервера Windows), установив пакет Windows Azure SDK для PHP.

Создание учетной записи Windows Azure

Откройте веб-браузер и перейдите на веб-сайт http://www.windowsazure.com. Чтобы начать работу с помощью бесплатной учетной записи, щелкните в верхнем правом углу Free Trial и выполните указанные действия. Для проверки личности может потребоваться указать номер кредитной карты или мобильного телефона. Счет при этом не выставляется.

Включение сервиса Windows Azure Web Sites в свою подписку

Перейдите на страницу https://account.windowsazure.com/ и выполните вход с помощью учетной записи Windows Azure. Щелкните элемент preview features, чтобы вывести доступные варианты предварительного просмотра.

Выполните прокрутку до Web Sites и нажмите кнопку try it now.

Выберите подписку и установите флажок.

Создание веб-сайта Windows Azure и настройка публикации Git

Чтобы создать веб-сайт Windows Azure и базу данных MySQL, выполните следующие действия. Войдите на портал Windows Azure (предварительная версия). В нижней левой части портала щелкните значок + New.

Щелкните WEB SITE, а затем CREATE WITH DATABASE.

Введите значение в поле URL, выберите Create a New MySQL Database в раскрывающемся списке DATABASE и укажите центр обработки данных для веб-сайта в раскрывающемся списке REGION. Щелкните стрелку в нижней части диалогового окна.

Введите имя в поле NAME для базы данных, выберите центр обработки данных для базы данных в раскрывающемся списке REGION и установите флажок, выразив тем самым согласие с юридическими условиями. Щелкните флажок в нижней части диалогового окна.

После создания веб-сайта появится сообщение Creation of Web Site [ИМЯ_САЙТА] completed successfully. Теперь можно включить публикацию Git.

Щелкните имя веб-сайта, отображаемого в списке веб-сайтов, чтобы открыть панель быстрого запуска QUICKSTART веб-сайта.

В нижней части страницы QUICKSTART щелкните Set up Git publishing.

Чтобы включить публикацию Git, необходимо указать имя пользователя и пароль. Запомните введенные имя пользователя и пароль. (Если репозиторий Git был настроен ранее, это действие можно пропустить.)

Настройка репозитория займет несколько секунд.

Когда репозиторий будет готов, появятся инструкции по помещению файлов приложения в репозиторий. Запомните эти инструкции, поскольку они понадобятся позднее.

Получение сведений об удаленном подключении к базе данных MySQL

Чтобы подключиться к экземпляру базы данных MySQL, запущенному на веб-сайтах Windows Azure, потребуются сведения о подключении. Для получения этих сведений выполните следующие действия.

На панели быстрого запуска веб-сайта в правой части страницы щелкните ссылку View connection strings.

Запомните значения для Database , Data Source , User Id , и Password .

Создание и тестирование приложения на локальном компьютере

После создания веб-сайта Windows Azure можно разработать приложение, протестировать его на локальном компьютере, а затем развернуть.

Приложение Registration –– это простое PHP-приложение для регистрации участников мероприятия путем ввода имени и адреса электронной почты пользователя. Сведения о предыдущих зарегистрировавшихся участниках отображаются в таблице. Информация о регистрации хранится в экземпляре базы данных MySQL. Приложение состоит из двух файлов (код для копирования и вставки указан ниже).

• index.php. Отображает форму для регистрации и таблицу с данными о зарегистрировавшемся участнике.

Чтобы создать и запустить приложение локально, выполните следующие действия. Предполагается, что на локальном компьютере установлены PHP, средство командной строки MySQL (часть MySQL) и веб-сервер и включено расширение PDO для MySQL.

Подключитесь к удаленному серверу MySQL с помощью полученных ранее значений для Data Source , User Id , Password и Database .

Откроется командная строка MySQL.

Вставьте следующую команду CREATE TABLE , чтобы создать таблицу registration_tbl в базе данных.

mysql> CREATE TABLE registration_tbl(id INT NOT NULL AUTO_INCREMENT, PRIMARY KEY(id), name VARCHAR(30), email VARCHAR(30), date DATE);

В корневом каталоге веб-сервера создайте папку с именем registration, а в ней –– файл с именем index.php . Откройте файл index.php в текстовом редакторе или IDE и добавьте следующий код. Затем внесите необходимые изменения, отмеченные комментариями //TODO: .

Теперь можно перейти к файлу http://localhost/registration/index.php, чтобы протестировать приложение.

Публикация приложения

После тестирования на локальном компьютере приложение можно опубликовать на веб-сайте Windows Azure с помощью Git. Вы включите локальный репозиторий Git и опубликуете приложение.

Примечание. Выполните действия, которые описаны в конце разделов «Создание веб-сайта Windows Azure» и «Настройка публикации Git».

(Необязательно) Если вы забыли или потеряли URL-адрес удаленного репозитория Git, то перейдите на портале на вкладку Deployment.

Откройте GitBash (или терминал, если Git занесен в PATH ), перейдите в корневой каталог приложения и выполните следующие команды.

git init
git add.
git commit -m «initial commit»
git remote add azure [URL for remote repository]
git push azure master

Появится запрос на ввод пароля, созданного ранее.

Перейдите к файлу http://[имя_сайта].azurewebsites.net/index.php, чтобы начать работу с приложением (эти сведения будут сохранены на панели мониторинга учетной записи).

Опубликовав приложение, в него можно вносить изменения и публиковать их с помощью Git.

Публикация изменений в приложении

Чтобы опубликовать изменения в приложении, выполните следующие действия.

Измените приложение локально. Откройте GitBash (или терминал, если Git занесен в PATH), перейдите в корневой каталог приложения и выполните следующие команды.

git add.
git commit -m «comment describing changes»
git push azure master

Появится запрос на ввод пароля, созданного ранее.

Перейдите к файлу http://[имя_сайта].azurewebsites.net/index.php, чтобы просмотреть приложения и внесенные изменения.

На вкладке Deployments портала управления появится новое развертывание.

Уроки PHP и MySQL. Урок 5. Формы и базы данных в web

Урок посвящен языку PHP и базе данных MySQL. Рассматривается взаимодействие PHP и MySQL, способы занесения данных из формы в базу данных и вывод данных из базы на web-страницу.

В данном уроке PHP и MySQL Вам предстоит решить следующие задачи:

1. Создать базу данных, содержащую две таблицы: справочник пород кошек, таблицу сведений о потерявшихся животных.

2. Создать web-страницу, на которых будут размещена форма для подачи объявлений о потерявшихся кошках. Данные из этих объявлений заносятся в соответствующую таблицу сведений о потерявшихся животных.

3. Создать web-страницу, позволяющую просматривать информацию из базы данных. Данные в таблицы базы данных будут вноситься из объявлений, размещенных посетителями на сайте.

Задание № 1. Создание базы данных

Наши уроки PHP и MySQL начнем с создания базы данных.

Сначала необходимо создать таблицу-справочник пород и таблицу сведений о потерявшихся животных. Структура таблиц следующая:

Сведения о потерявшихся кошках

В наших уроках PHP и MySQL рассмотрим два способа создания таблицы базы данных.

1. С помощью клиента MySQL.

2. Средствами PHP.

Способ 1. Создание базы данных с помощью клиента MySQL

С помощью клиентской программы MySQL — «phpMyAdmin» создадим таблицу Справочник пород (таблица 1).

1. Запустите Denwer ярлыком Start Denwer.

2. Запустите браузер и перейдите по ссылке http://localhost/. На открывшейся странице в разделе Утилиты запустите: phpMyAdmin — администрирование СУБД MySQL. Запустится программа phpMyAdmin (рис. 1).

3. Создайте новую базу данных. Для этого впишите в поле Создать базу данных имя базы catsdb, кодировку установите utf8_general_ci и нажмите кнопку Создать (рис. 2).

4. Если все было выполнено верно, то будет выведено сообщение об удачном создании базы.

5. Перейдите в базу данных catsdb, нажав соответствующую строку в левой панели (рис. 3).

6. Добавьте в базу данных таблицу Справочник пород, назовите ее: spravpor (структура таблицы и назначение полей приведены в таблице 1 Справочник пород). Для этого:

a. Внесите данные в поле Имя (имя таблицы — spravpor) и Количество столбцов (3), после чего нажмите кнопку ОК (рис. 4).

b. В открывшемся окне заполните данные по структуре таблицы (рис. 5).

c. После заполнения всех полей нажмите Сохранить. Перейдите в таблицу spravpor, нажав соответствующую строку в левой панели (рис. 6).

d. Откроется сама таблица (рис. 7).

Способ 2. Создание базы данных средствами PHP

В данном уроке PHP и MySQL создадим таблицу с помощью сценария PHP, но при этом база данных должна уже быть создана! В листинге 1 приведена программа создания таблицы под именем species средствами PHP. Структура таблицы species аналогична структуре таблицы spravpor.

1. Проанализируйте приведенные в листинге 1 PHP-сценарий и комментарии к нему в файле species.php.

2. Реализуйте код из листинга 1. Для этого:

• скопируйте его в Notepad++
• преобразуйте кодировку файла в utf-8 командой Кодировка – Преобразовать в UTF-8
• сохраните в папку localhost/www под именем species.php
• запустите файл, набрав в адресной строке localhost/species.php
• появится сообщение, что таблица успешно создана (рис. 8).

3. После выполнения сценария убедитесь, что таблица species создана в базе данных catsdb (рис. 9, 10).

Листинг 1. Создание таблицы с помощью сценария PHP (файл species.php)

Комментарии к листингу 1:

1. Здесь адрес сервера MySQL — localhost (такой адрес указывается в случае если работа с базой данных ведется на локальном компьютере или компьютере где располагаются файлы с php-сценариями).

2. Программа на языке PHP обычно вставляется в HTML-текст. Поэтому предусмотрены специальные теги для отделения PHP-текста от HTML .

3. Если PHP-сценарий представляет собой самостоятельный модуль (как в листинге 1), он также должен начинаться с конструкции .

4. Любой файл, содержащий PHP-сценарий, имеет расширение php, независимо от того, встроен сценарий в HTML-текст или полностью написан на PHP.

5. Многострочные комментарии должны начинаться с символов /* и завершаться символами*/. Однострочные комментарии предваряются символами //. Закрывать их не нужно.

6. В языке PHP имя переменной начинается со знака доллара ($), за которым следует собственно имя переменной. В именах переменных различаются верхний и нижний регистры. Имя переменной должно начинаться с буквы или символа подчеркивания, за которыми могут следовать буквы, цифры или знаки подчеркивания. Буквы должны быть из диапазона A—Z.

7. В конце каждого оператора php обязательно ставится точка с запятой.

8. Функции для работы с MySQL имеют префикс mysql_ (см. приложение 2).

В нашем уроке PHP и MySQL, используя программу из листинга 1 в качестве образца, напишите сценарий PHP для создания таблицы сведений о потерявшихся кошках (см. таблицу 2). Таблицу назовите catspotery, а файл сценария catspotery.php. Результат на рис. 11, 12

Добавление записи в базу данных

Мы подготовили таблицы базы данных. Сейчас на web-странице разместим форму подачи объявлений для тех, кто потерял кошку. Задача — обеспечить занесение информации из форм в соответствующие таблицы базы данных.

Примерный вид формы представлен на рис. 13.

При выполнениии данного урока PHP и MySQL создайте web-страницу с формой, как на рис. 13. Сохраните под именем forma_cats.html. В качестве файл-обработчика укажите poter_dobavl.php. Не забывайте о корреляции полей формы и полей соответствующей таблицы в базе данных и кодировка файла должна быть в utf-8 (Кодировка – Преобразовать в UTF-8).

Данные, введенные посетителем, заносятся в соответствующую таблицу базы данных. Имя PHP-сценария, отвечающего за эту операцию, указывается в атрибуте action тега . В листинге 2 приведен код PHP-сценария, осуществляющего подключение к серверу MySQL, выбор базы данных, запрос к базе данных. В данном случае это запрос INSERT, который вставляет данные из формы в базу данных.

1. Используя программу из листинга 2 в качестве образца, напишите PHP-сценарии, осуществляющие вставку записей в таблицы сведений о пропавших кошках.

2. Проверьте работоспособность формы. В базу данных (рис. 14) должна сохраняться информация, введенная в форму (рис. 13).

3. Наполните базу 5-ю записями.

Листинг 2. Занесение данных формы в базу данных (файл poter_dobavl.php)

Извлечение записей из базы данных

В нашем уроке PHP и MySQL Вы реализовали технологию заполнения базы данных.

Теперь необходимо реализовать задачу вывода информации из базы данных. Т.е. необходимо представить на сайте информацию из базы данных в следующем виде:

Код сценария, представленный в листинге 3, выводит информацию из базы данных на web-страницу, в соответствии с рисунком 15.

Листинг 3. Вывод информации из базы данных на Web-страницу. Передача параметров (файл vivod_poter.php)

Изучите код сценария из листинга 3 и реализуйте его. Проверьте работоспособность сценария.

Реализуйте возможность работы со справочником пород spravpor. Для этого:

1. Добавьте к созданной таблице поле foto, в котором будет храниться ссылка на фотографию породы.

2. Используя запросы SQL (рис. 16), заполните базу 3-мя записями про породы кошек (длинношерстные, полудлинношерстные, короткошерстные) (рис. 17). Все необходимые материалы находятся в папке cats.

3. Реализуйте web-страницу, на которую выводятся данные из справочника пород. У каждой породы должна быть фотография.

4. Если скрипт обрезает описание породы, увеличьте длину поля describe_por, чтобы можно было вводить длинные описания.

Создаем первое PHP приложение: Часть №1

Этот урок ориентирован на тех, кто совсем немного знаком с PHP и Объектно-Ориентированным Программированием (ООП) и хотят создать простое веб приложение.

Для более удобного восприятия материала урок состоит из 3-х частей.

Обзор серии уроков

Нам необходимо изучить очень много материала. Вот план:

Часть №1 — Создаем проект и создаем первый класс

— создаем набросок проекта
— создаем файлы и папки
— создаем класс для операций с базой данной: DB.class.php

Часть №2 — Доделываем серверную чаcть

— Создаем класс для пользователей (User)
— Создаем класс UserTools
— Регистрация Логин Выход

Часть №3 — Создаем внешний интерфейс

— Формы
— Обработка форм
— Отображение информации сессий

Начинаем наш проект!

Создаем план действий

Всегда важно представлять конечный результат. Прежде чем начать с кодом необходимо задать цели, представить весь проект и решить какой будет структура папок и какие файлы Вам понадобятся. Цель данного проекта очень простая: создать простое приложение на PHP с возможностью регистрации пользователей, входа и выхода, а также с возможностью пользователям менять собственные настройки.

Структура Файлов и Папок

ООП PHP программирование использует классы и объекты для выполнения необходимых для приложения операций. При планировке Вам необходимо подумать о том, какие классы Вам понадобятся. Для данного проекта мы создадим 3 класса. Первый класс — User (будет содержать информацию о пользователе с функцией простого сохранения save()), второй — UserTools (будет содержать функции, которые необходимы пользователям, такие как login(), logout() и другие. ), третий — класс БД (он будет выполнять роль связующего звена — подсоединение к БД, внесение изменений, вставка новых рядов, и многое другое).

Кроме классов, мы также будем использовать файл с названием global.inc.php. Этот файл будет вызываться с каждой страницы и выполнять обычные операции, которые нам понадобятся. К примеру, в этом файле мы будем выполнять подключение к БД на каждой странице.

Другие файлы — это страницы для пользователей: index.php, register.php, login.php, logout.php, settings.php и welcome.php.

Общая структура у нас будет выглядеть так:

Создание Базы Данных и таблицы users

На Вашем сервере должен быть установлен MySQL. Для начала необходимо создать новую базу данных для Вашего приложения. В этой БД создайте таблицу users, которую мы будем использовать для этого урока. Можете использовать следующий код SQL:

Первичным ключом у нас выступает поле “id”, и именно его мы будем использовать для идентификации наших пользователей.

Уникальным полем у нас также будет “username”. Другие необходимые поля “password”, “email”, и “join_date”.

Создаем класс DB.class.php

Цель данного класса очень проста: как можно больше уменьшить использование SQL при обращении к БД, а также организовать данные в удобный для нас формат.

Ниже приведен код:

Объяснение кода

После создания класса Вы видите 4 переменные: $db_name, $db_user, $db_pass, и $db_host. В них необходимо внести данные для подключения к БД. $db_host обычно localhost. Перед этими переменными указано «protected» — это означает, что они будут не доступны вне этого класса. Внутри же класса их можно выводить используя $this->db_name, $this->db_user, и т.д.

Первая функция называется connect(). Эта функция содержит защищенные значения для соединения с БД. Это соединение будет открыто для использования в любом месте текущей страницы (не только внутри класса).

Вот пример использования этой функции вне класса:

Вторая функция называется processRowSet(). Цель данной функции — взять объект результата mysql и конвертировать его в ассоциативный массив, в котором ключами являются название колонок. Функция проходит по каждому ряду и функция mysql_fetch_assoc() преобразовывает каждый ряд в массив. Ряд далее передается массиву и возвращается с помощью функции.

Существует второй аргумент $singleRow, который содержит значение по умолчанию. Если значение true, выводится только один ряд вместо массива. Это очень полезно, если Вы ожидаете получить один результат (например, при выборе юзера из БД используя уникальный id).

Последние 3 функции выполняют простые функции MySQL: select, insert, update. Цель данных функций минимизировать количество SQL кода, который необходимо использовать где-либо в другом месте приложения. Каждая функция создает SQL запрос на основе переданного значения и выполняет этот запрос. В случае select(), результаты форматируются и выводятся. В случае update(), выводится true при успешном выполнении. В случае insert(), выводится id нового ряда.

Вот пример как Вы можете изменить данные пользователя в БД используя функцию update():

Вот и все на сегодня! До следующих частей!

Вторая часть урока тут, третья — тут

Данный урок подготовлен для вас командой сайта ruseller.com
Источник урока: www.buildinternet.com
Перевел: Максим Шкурупий
Урок создан: 14 Декабря 2009
Просмотров: 197932
Правила перепечатки

5 последних уроков рубрики «PHP»

Фильтрация данных с помощью zend-filter

Когда речь идёт о безопасности веб-сайта, то фраза «фильтруйте всё, экранируйте всё» всегда будет актуальна. Сегодня поговорим о фильтрации данных.

Контекстное экранирование с помощью zend-escaper

Обеспечение безопасности веб-сайта — это не только защита от SQL инъекций, но и протекция от межсайтового скриптинга (XSS), межсайтовой подделки запросов (CSRF) и от других видов атак. В частности, вам нужно очень осторожно подходить к формированию HTML, CSS и JavaScript кода.

Подключение Zend модулей к Expressive

Expressive 2 поддерживает возможность подключения других ZF компонент по специальной схеме. Не всем нравится данное решение. В этой статье мы расскажем как улучшили процесс подключение нескольких модулей.

Совет: отправка информации в Google Analytics через API

Предположим, что вам необходимо отправить какую-то информацию в Google Analytics из серверного скрипта. Как это сделать. Ответ в этой заметке.

Подборка PHP песочниц

Подборка из нескольких видов PHP песочниц. На некоторых вы в режиме online сможете потестить свой код, но есть так же решения, которые можно внедрить на свой сайт.

Введение в разработку веб-приложений на РНР и MySQL

Дата публикации: 2018-10-02

От автора: овладели всеми возможными версиями HTML и CSS, но шикарные web-решения все еще недоступны для Вашего понимания? Конечно, ведь именно программирование в вебе делает продукты привлекательными и полезными. Верстальщики на языках «гипертекста» и «каскада» были востребованы пятнадцать лет назад — сегодня всех интересуют те, кто может не только создать внешний вид сайта или приложения, но и заставить его работать. Речь пойдет о том, что такое РНР и MySQL разработка веб приложений.

Язык сетевого назначения

Почти все языки, которыми программируют для создания веб-приложений, были созданы вовсе не для этого. Такие представители, как C#, Python, Java и JavaScript — это «взрослые» языки, разработанные для создания различного софта и управления большими проектами. Однако с течением времени и ростом популярности Интернета они стали применяться и для обслуживания веб-решений.

Но существует исключение. Его полное название РНР: Hypertext processor, хотя изначально у языка было совсем другое название. Гипертекстовый процессор предназначен для выполнения сценариев на бэк-энде — серверной стороне создания веб-продукта. Сразу хочется сравнить его с еще одним языком, не так ли?

Такие разные и похожие скрипты

Конечно, сравнить его сразу можно с JavaScript — в ракурсе веба рассматривается, как язык создания интерактивных элементов сайта. Язык скриптов по-своему хорош: строгий синтаксис и типизация, объектно-ориентированное программирование. Но это делает его более сложным для того, кто только начал постигать программирование. Особенно для тех, кто начал с «детских» HTML/CSS.

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

В отличие от РНР, сценарии которого выполняются на серверной части, JS-скрипты выполняются на машине пользователя. Процессор гипертекста попросту не имеет средств для работы на клиентском девайсе. Это вовсе не значит, что кто-то из них хуже. Другой вывод будет правильным: наиболее эффективным является их комбинирование.

Большое поле взаимодействия

Одним из основных достоинств Personal Home Page Tools (первое название) является, конечно же, его простота. Опытные программисты на C/Perl/Python/Haskell любят пошутить по этому поводу над ПХП-кодерами. Они считают, что их web-коллеги не столь компетентны, ведь орудуют гораздо более простым языком. Но это не значит, что на нем нельзя написать хорошее приложение: все зависит от прокладки между креслом и монитором .

Не менее важным параметром является и то, что с PHP можно работать абсолютно бесплатно. Также язык имеет множество встроенных модулей, а значит, разработчику не нужно заботиться о подключении сторонних утилит.

Кроме того, РНР и правда очень хорош для интернет-разработок. Он обрабатывает код и выдает HTML, что удобно для дальнейшей работы. Кстати, если вы фанат объектно-ориентированного программирования, значит, вас порадует его реализация в пятой и седьмой версиях.

Самый легкий «библиотекарь»

Одним из преимуществ и языка программирования РНР, и системы управления базой данных MySQL является то, как хорошо они взаимодействуют между собой. Как и PНP, MySQL лучше всего подходит для работы с web-девелопментом. СУБД не предназначена для работы с большими массивами, но этот небольшой недостаток с лихвой компенсируется преимуществами. К примеру, с ней легко работать, а скорость операций делает ее лучшим вариантом для веба.

Базы данных нужны для того, чтобы обеспечить быстрый доступ к нужным файлам. Если ранее обработка каждого их них стоила немало процессорного и фактического времени, то теперь это можно оптимизировать с помощью MySQL и ей подобных. Кстати, MySQL еще и здорово помогает ускорить сами приложения, написанные на РНР. Так как СУБД написаны на C++, который быстрее, чем РНР, то и готовый продукт будет гораздо быстрее, чем тот, который написан с использованием обычных файлов и РНР.

Пришло время для небольшого sum-up из того, что мы узнали о процессоре HT:

прост в изучении. Именно потому на нем написано подавляющее большинство сайтов в сети;

идеально подходит для применения в web-разработке;

взаимодействует с огромным количеством инструментов и сервисов, например, с MySQL;

продолжает развиваться, в отличии от большинства языков-«динозавров».

На этом у нас все! Как бы ни ругались на сам РНР, помните: это всего лишь инструмент. Овладев им в совершенстве, вы сможете создавать шедевры, как и в случае с любым другим языком программирования.

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Разработка веб-приложения на PHP

Создайте веб-приложение на PHP на примере приема платежей на сайте