Курсы, книги, сайты, которые помогут новичкам с нуля освоить языки программирования и сервисы, необходимые в профессии веб-разработчика.
Чем занимается веб-разработчик
Прежде чем начать обучение по профессии, необходимо разобраться, чем занимается веб-разработчик и что он должен знать. Если коротко: веб-разработчик создает и поддерживает сайты, корпоративные порталы, интернет-магазины, а также реализует их взаимодействие.
Веб-разработчик создает и поддерживает сайты, корпоративные порталы, интернет-магазины.
Теперь подробнее. Веб-программисты делятся на фронтенд-, бэкенд- и фулстек-разработчиков.
Бэкенд-разработчики (Backend) создают бэкенд — серверную часть, которая работает удаленно от пользователя и отвечает за передачу данных от сервера к клиенту. Проще говоря, если нет бэкенда:
- заказ в интернет-магазине нельзя будет оплатить онлайн;
- в мессенджере не отправится сообщение;
- в приложении ресторана не получится забронировать столик.
Бэкенд-разработчик должен знать:
- язык программирования PHP (иногда пишут на Python, Ruby или Rust);
- хотя бы один из PHP MVC-фреймворков: Yii, Laravel, Symfony, Zend или Bitrix;
- базы данных SQL (MySql, Oracle, PostgreSQL) и NoSql (MongoDb);
- как настроить и запустить серверы Apache, Nginx.
Фронтенд-разработчики (Frontend) занимаются интерфейсом — тем, что видят пользователи. То, как в браузере выглядит сайт, — заслуга этих специалистов.
Фронтенд-разработчик должен знать:
- язык JavaScript (на нем чаще всего пишется фронтенд);
- библиотеку JavaScript — jQuery;
- хотя бы один из JavaScript-фреймворков: Vue, Angular, React, Node;
- язык разметки HTML5 и CSS3.
Пример фронтенда и бэкенда браузера. Поисковая строка и логотип — фронтенд. Когда пользователь набирает вопрос и нажимает на поиск, срабатывает бэкенд: запрос отправляется на сервер и через секунду во фронтенде появляется ответ.
Пример фронтенда без бэкенда. Если нажать на i в сером кружке, появится дополнительная информация. Сработал фронтенд: данные на странице уже есть, отправлять запрос никуда не надо. На иллюстрации — отрывок статьи «Как читать Толкина» от Arzamas
Фулстек-разработчик (Fullstack) — мастер «два в одном»: он делает и пользовательскую, и серверную части. Такой эксперт очень дорогой, поэтому чаще на проект нанимают отдельных «бэкенда» и «фронтенда». Это дешевле и быстрее с точки зрения реализации проекта, потому что разработку разных частей ведут параллельно.
Разделение веб-программистов не означает, что «бэкенд» ничего не понимает в задачах «фронтенда» и наоборот. Напротив, они разбираются в работе друг друга и при необходимости могут дописать или исправить чужой код.
Курсы для веб-разработчика с нуля
👨🏫 «Основы работы с PHP». Курс для начинающих → http://old.code.mu/books/php/base/osnovy-yazyka-php-dlya-novichkov.html
👨🏫 Курсы от Skillbox → https://skillbox.ru/courses/code
👨🏫 Бесплатные курсы по Bitrix. На них можно пройти тесты и получить сертификат → https://dev.1c-bitrix.ru/learning/index.php
👨🏫 Платный экзамен по Bitrix → https://academy.1c-bitrix.ru/certification/
👨🏫 На этом ресурсе много статей и вебинаров, есть бесплатный курс по основам программирования → https://geekbrains.ru. Проходить здесь платные курсы наши программисты не рекомендуют из-за низкого качества преподавания.
👨🏫 Подробнейшие курсы по HTML, CSS и JavaScript. Первые 29 уроков бесплатные → https://htmlacademy.ru/
👨🏫 Курсы Back-end по подготовке стажеров в сфере веб-разработки интернет-магазинов → https://study.oneway.su/backend/
👨🏫 Бесплатный курс «Основы HTML и CSS» от «Нетологии» → https://netology.ru/programs/html-css-base
👨🏫 «Веб-разработчик с нуля» → https://netology.ru/programs/web-developer
👨🏫 «Frontend-разработчик с нуля» → https://netology.ru/programs/front-end
Книги
📙 «Чистый код», Роберт Мартин
📙 «Код: тайный язык информатики», Чарльз Петцольд
📙 «Алгоритмы. Теория и практическое применение», Род Стивенс
📙 «PHP7», Дмитрий Котеров, Игорь Симдянов
📙 «PHP: объекты, шаблоны и методики программирования», Мэтт Зандстра
📙 «Выразительный JavaScript», Марейн Хавербеке
📙 Серия книг «Вы не знаете JS», Кайл Симпсон
📙 Учебник по Git. Git — часто используемая система контроля версий при разработке → https://git-scm.com/book/ru/v2
📙 «Git для профессионального программиста», Скотт Чакон, Бен Штрауб
📙 «Использование Docker», Эдриен Моуэт
📙 «PHP & MySQL: Novice to Ninja», Кевин Янк
Справочные сайты и лекции
👨💻 Лекции Гарварда по основам программирования → https://vk.com/videos-55155418?section=album_62
👨💻 «Изучаем PHP и MySQL» → https://www.ozon.ru/context/detail/id/5440150/
👨💻 «Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript, CSS и HTML5». Более продвинутая книга по всему стеку технологий → https://www.ozon.ru/context/detail/id/141664758/
👨💻 «Современный учебник по JavaScript» → https://learn.javascript.ru/
👨💻 Чтобы быть в курсе, что нового в PHP, читать → https://www.php.net/ и https://habr.com/ru/
👨💻 HTML, CSS, JavaScript → http://htmlbook.ru/ и https://webref.ru/
Другие материалы для обучения веб-разработчика
💻 Вебинар «Этапы разработки веб-проектов». Даёт общее представление о процессе создания сайтов → https://yadi.sk/i/zU5S3NYNugHBx
💻 Практика по Git → https://learngitbranching.js.org/
💻 Net-coder. Бесплатный пошаговый тренажер по JavaScript → https://netology.ru/netcoder
💻 Видеоуроки и аудиоподкасты, необходимые для обучения основам программирования → https://www.youtube.com/channel/UC8xfERWMN3YMcQrM260ABtw/about
💻 Статья «Схема успешного развития веб-разработчика в 2019 году» с планом развития для бэкенда и фронтенда → https://proglib.io/p/webdev-2019/
Сохраняйте список в закладки, выбирайте курсы и обучение, которые вам подходят, и начинайте осваивать профессию веб-разработчика!
