Найти в Дзене
GeekBrains

5 шагов становления востребованного Веб-разработчика

Как за 5 шагов в течение 1,5 лет с 0 стать профессиональным Веб-разработчиком
Оглавление

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

Шаг первый. Базисный.

Описание: Пока неважно, чем вы хотите заниматься в будущем. На данном этапе для вас главное:

  • понять, что такое код, как он выглядит и исполняется;
  • познакомиться с языком;
  • написать первую программу, не вдаваясь глубоко в синтаксис и конструкции.

Языки: Scratch, Logo — для самых маленьких; HTML, JavaScript, Pascal, Python — для тех, кто не хочет играть в игры. Ещё раз: язык не важен, в отличии от необходимости заложить основу.

Инструменты: С Logo и Scratch можно поиграть прямо на сайте, для Pascal — Turbo Pascal 7.0, Python — IDLE, а на код HTML и JavaScript лучше взглянуть из Блокнота.

Время: 2-3 дня или 5-10 часов непрерывного изучения.

Совет: Отложите серьёзные книги и просто получайте удовольствие. Изучайте разные языки, сравнивайте, акцентируйте внимание на непонятных символах и конструкциях.

Шаг второй. Интересный.

Описание: Теперь, когда вы понимаете, что такое программирование, пора взяться за то, что интересно. В нашем случае — интерфейс веба, или фронтенд (front-end). Придётся много работать руками и головой, чтобы заложить в подкорку полученную информацию.

Языки: HTML, CSS, JavaScript. Все три языка станут основой будущей профессии. Внимательно изучите синтаксис и посвятите много времени практической стороне.

Инструменты: Объёмы кода возросли, поэтому в качестве редактора лучше взять что-то с подсветкой синтаксиса, например Notepad++. Вместе с JavaScript изучите библиотеку jQuery и AJAX. Фронтенд-разработчик и веб-дизайнер — разные профессии, но изучить графический редактор на базовом уровне будет полезно. Для начала подойдут GIMP или Adobe Photoshop.

Время: 2 недели или 30−40 часов чистого времени.

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

Шаг третий. Профильный.

Описание: Поздравляем, теперь вы начинающий верстальщик. Можете попробовать монетизировать успех, но лучше продолжить своё развитие. Фронтенд-разработчик отличается от верстальщика тем, что он отвечает и за визуальную часть веба, и за взаимодействие пользователя и программно-аппаратной части сайтов.

Языки: HTML, JavaScript, CSS и препроцессор Sass.

Для общего развития — TypeScript и Dart.

Инструменты: Пришло время разобраться с фреймворками. Для CSS обязателен к изучению Bootstrap, для JavaScript — React и Angular. Для настройки фронтенда будет полезно изучить сборщики Gulp, Grunt и Webpack. Кроме того, пора познакомиться с WordPress или какой-нибудь другой CMS.

Время: 4−6 недель или 80−100 часов чистого времени.

Совет: Максимально используйте указанные инструменты в работе. Попробуйте с нуля создать и запустить функциональный сайт с динамикой, формами регистрации, автообновлениями.

Шаг четвёртый. Обогащающий.

Описание: Необходимый минимум для звания фронтенд-разработчика вы уже получили. Осталась не охваченной лишь одна область — тестирование. Поэтому на данному шаге растём «в ширину» и заполняем оставшийся пробел.

Языки: HTML, JavaScript, CSS.

Инструменты: Фреймворки для разработки Foundation, Semantic, Backbone, Ember, Vue.js. Препроцессоры Less и PostCSS. Для тестирования — фреймворки Jasmine, Mocha, Jest.

Время: 6−8 недель или 100−120 часов.

Совет: Больше инструментов — больше времени для изучения. Не упрощайте себе жизнь, перекидывая проект между фреймворками. Помните, что вы пока обучаетесь.

Шаг пятый. Свободный.

Описание: В этом моменте вы должны прийти к философии Сократа: «Я знаю, что ничего не знаю». Веб-разработка, как и любая сфера IT, активно развивается и предъявляет программистам всё больше и больше требований. Это касается не только новых инструментов, но и смежных дисциплин. Специалисты, способные заняться полным циклом разработки сайта, ценятся вдвойне. Значит, придётся освоить бэкенд и веб-дизайн.

Уже после вы возьмётесь за создание собственного языка.

Если Вам понравилась статья, ставьте лайк и подписывайтесь на канал. Будет много интересного!

А если Вы хотите узнать, как можно пройти все шаги в рамках одного курса и уже через 1,5 года освоить новую профессию Веб разработчика с гарантированным трудоустройством, то узнайте подробнее о стоимости обучения, возможных вариантах рассрочки и об условиях поступления на факультет Веб-разработки от Mail.ru Group и GeekBrains на нашем сайте!

Перейти на сайт в один клик ...

-2