В статье — курсы, книги, сайты, которые помогут новичкам с нуля освоить языки программирования и сервисы, необходимые в профессии веб-разработчика.

 

Чем занимается веб-разработчик

Прежде чем начать обучение по профессии, необходимо разобраться, чем занимается веб-разработчик и что он должен знать. Если коротко: веб-разработчик создает и поддерживает сайты, корпоративные порталы, интернет-магазины, а также реализует их взаимодействие.

Веб-разработчик создает и поддерживает сайты, корпоративные порталы, интернет-магазины

Теперь подробнее. Веб-программисты делятся на фронтенд-, бэкенд- и фулстек-разработчиков.

 

Бэкенд-разработчики (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/

 

Сохраняйте список в закладки, выбирайте курсы и обучение, которые вам подходят, и начинайте осваивать профессию веб-разработчика!