Учимся писать веб-приложения

Итак, вот список тем, с которыми надо познакомиться, уроков, которые надо изучить, и, самое главное - задач, которые надо решить:

Изучаем веб-сервер и устанавливаем PHP

Для начала, надо научиться выводить результат выполнения программы на PHP в браузер в виде веб-страницы. Для этого придется изучить, как работает браузер и веб-сервера, познакомиться с протоколом HTTP. Надо будет прочесть:

Урок по веб-серверам, протоколу HTTP и использованию PHP для генерации страниц.

Возможно, придется также прочитать эти уроки:

• Как установить PHP на компьютер
• Как установить Апач на компьютер
• Маленький туториал от разработчиков PHP: http://php.net/manual/ru/tutorial.php

При установке PHP или Апача может понадобиться пользоваться командной строкой. На этот случай у нас есть урок по использованию командной строки.

При верстке веб-страниц используются языки HTML и CSS и их надо освоить хотя бы на начальном уровне. Не надо бояться, они относительно простые и изучить их проще, чем PHP. У нас нет своего большого учебника по ним, а есть небольшой курс, который содержит ссылки на другие учебники, краткие пояснения и самое главное - задачи, каждая из которых помогает понять ту или иную особенность верстки. Итак, вот он:

Курс для изучения основ верстки и HTML/CSS

HTML/CSS можно изучать параллельно с написанием веб-приложений на PHP, чтобы не терять время.

Ах да, ты еще не начал изучать английский? Тогда начинай. Стать профессиональным разработчиком без английского будет сложно.

Пробуем писать более сложные приложения

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

https://github.com/codedokode/pasta/blob/master/student-list.md

В этой задаче требуется фактически сделать простой сайт с регистрацией и выводом списка пользователей, который хранится в базе данных. К этой задаче приложены комментарии, где подробно описано, как она решается. Задача поможет изучить архитектуру MVC, принцип Dependency Injection, способы взаимодействия с базой данных.

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

Решение задачи желательно выложить на Гитхаб (или аналогичный сайт), где его смогут увидеть все желающие. Github - это сайт, который позволяет создавать на нем git-репозитории (хранилища кода), и загружать туда свой код. Для этого надо изучить программу для работы с git-репозиториями под названием git. Она подробно описана на русском языке в Git Book: https://git-scm.com/book/ru/v2

В задаче используется база данных. У нас есть что-то вроде небольшого урока по базам данных и языку SQL: https://gist.github.com/codedokode/10539213

Для взаимодействия с базой данных я советую изучить расширение PDO.

Эту задачу важно решить. Если с ней возникли какие-то сложности, то под задачей идут подробные пояснения, а также написано, где можно посмотреть решения этой задачи (но стоит сначала попытаться написать код самому).

Осваиваем фреймворки

Задача про абитуриентов учит писать простые веб-приложения с нуля. Но реальные проекты обычно пишут на основе фреймворков - специальных библиотек, которые содержат основу, каркас приложения. Это позволяет избежать "изобретения велосипеда и позволяет использовать готовый код, а также грамотно организовать архитектуру приложения. Мы начнем с изучения относительно несложных микрофреймворков, для этого у нас есть задача:

Задача на создание файлообменника на микрофреймворке

Параллельно с решением задачи стоит продолжить изучать верстку. Кроме HTML и CSS, надо знать еще язык Javascript - он позволяет внедрять в страницы простые программки (скрипты, которые делают ее более интерактивной). У нас есть курс задач по языку javascript. Там же дана ссылка на учебник по JS (learn.javascript.ru) и автоматизированную проверялку для части задач.

Также, эта задача - хороший повод познакомиться с ORM, в случае PHP главный ORM - это Doctrine. Ее конечно не обязательно использовать, но с ней решать задачу будет интереснее.

Для установки библиотек и фреймворков стоит использовать composer.

Переходим к сложным приложениям

Далее пора познакомиться с большими фреймворками и попробовать написать что-то, что по сложности и объему соответствует реальным проектам. У нас есть задача и для этого:

Задача про сайт TestHub

Я рекомендую решать ее с использованием Symfony (или же с использованием отдельных компонент Симфони) и ORM Doctrine. Это непросто, но даст много полезных навыков и знаний.

Написанный код надо тестировать. Обычно мы это делали вручную, открывая страницы и нажимая кнопочки, но со временем эта рутина начинает надоедать. Значит, надо осваивать автоматизированное тестирование, и у нас есть урок на эту тему:

Автоматизированное тестирование

Дополнительное чтение

Вот еще список ссылок, которые стоит почитать:

• Официальный мануал, который должен быть у тебя на первом месте по числу посещений: http://www.php.net/manual/ru/langref.php
• Сайт про "правильный" PHP: http://getjump.me/ru-php-the-right-way/
• Мой гитхаб, где выкладываются самые новые уроки и черновики: https://github.com/codedokode/pasta/
• Почитать про паттерны проектирования http://designpatternsphp.readthedocs.org/ru/latest/README.html (если ты не изучил ни одного фреймворка, то это будет рановато). Имей в виду что без примеров использования их учить бесполезно - не поймешь, хочешь увидеть примеры использования паттернов - ковыряй исходники Симфони, например Symfony Forms. Не заучивай паттерны - смотри код и думай, зачем тут они использованы. Не усложняй код! Ты не должен использовать все паттерны подряд без необходимости!
• Также, я советую учиться решать олимпиадные задачи. Они помогают находить правильные алгоритмы, оптимизировать код. Есть хороший сайт, где представлены задачи самой разной сложности и есть возможность проверки решения: http://codeforces.com/problemset
• Также, есть такой учебник по алгоритмам и структурам данных: http://aliev.me/runestone/

Хочется поломать голову?

Пройдя все задачи выше, ты скорее всего станешь неплохим начинающим разработчиком. Однако, наверняка тебе захочется решить что-то посложнее, задачу, на которой споткнутся даже опытные программисты. Ну разумеется, у нас есть такая задача! Сейчас (в конце 2016 года) много внимания уделяется написанию клиентских ("одностраничных") приложений, на слуху названия вроде Angular или React, и у нас есть задачка по теме:

Сложная задача на написание SPA приложения

Она довольно сложная, и пока даже автор не представляет полностью, как ее лучше решить. Увы, не понаступав на грабли, и не попробовав разные подходы, это не понять. (Кстати, автор хочет похвастаться: он участвовал в написании одностраничных приложений когда это еще не было в тренде).