От «ничего не понятно» до первой работы: как становятся программистами с нуля

Профессию разработчика можно в короткие сроки освоить онлайн, и она точно будет востребована на рынке. Вместе с экспертами HTML Academy составили пошаговое руководство для тех, кто задумывается о переходе в ИТ. Оно поможет правильно распределить время и силы, покажет все подводные камни и подготовит вас к важному шагу — началу обучения.

⏱ Время прочтения — 7 минут

Шаг 1. Знакомство с веб-разработкой

Начинаем с общего знакомства с направлениями веб-разработки. Вам предстоит определиться, насколько вам подходит программирование и какое направление ближе — фронтенд или бэкенд.

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

Бэкенд-разработчик отвечает за работу сайта. Он взаимодействует с сервером — частью сайта, где хранится вся информация. Он создает базы данных и управляет ими, а также проводит интеграции с внешними сервисами.

На этом этапе стоит потренироваться на бесплатных тренажерах. Темы тренажеров и длительность их прохождения могут быть разными. Например, занятия на тренажере «Знакомство с веб-разработкой» займут у вас 4 часа и дадут представление о базовых технологиях веб-разработки. После можно выбрать тренажеры, раскрывающие какое-то из направлений разработки более подробно. Занятия бывают для разного уровня — от новичков до опытных пользователей.

Много информации и базовых уроков есть на «Ютубе». Можно проходить их дома самостоятельно. Еще один вариант — читать книги по разработке для новичков. В обоих случаях нужно следить за тем, чтобы информация была актуальной. ИТ стремительно развивается — и есть риск получить устаревшие знания, а потом долго переучиваться заново.

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

По времени этап займет около месяца.

Шаг 2. Обучение

После того как определились с направлением — начинаем обучение. Можно учиться самостоятельно или записаться на курсы по верстке или программированию.

Самостоятельное обучение

Бесплатно, но сложнее, чем учиться на готовых программах. Чтобы всё удалось, составьте учебный план: распишите темы, подберите упражнения и самостоятельные проекты, которые потом украсят ваше портфолио.

Идеи проектов для тренировки

  • Клон несложной старой игры. Space Invaders, Pacman или что-нибудь с Atari 2600. Да хоть крестики-нолики (но против компьютера).
  • Счетчик калорий. Приложение, с помощью которого можно рассчитать индивидуальную суточную норму калорий.
  • Интерфейс для умного дома. Выведите на одну страницу показания датчиков и время прибытия транспорта на остановку у дома. Берем открытые данные из интернета, скачиваем и обрабатываем их с помощью JavaScipt.
  • Таск-трекер. Их делают все, но вдруг у вас получится первый нормальный.
  • Конструктор сайтов на JavaScript для браузера.
  • Создать собственный сайт-визитку, если у вас есть свой небольшой бизнес. С карточками товаров, информацией о материалах и поставщиках и красивым прайсом.

Обучение на курсах программирования

На рынке много курсов для разных бюджетов, с разной длительностью и дополнительными опциями от школ — например, в HTML Academy во время обучения есть личный наставник, а после — стажировка и помощь в трудоустройстве.

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

Необходимая база для любого хорошего разработчика/верстальщика

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

Верстка
  • Верстка страницы по макету из Figma
  • Семантическая доступная кроссбраузерная верстка
  • Построение адаптивных сеток на FlexBox и Grid
  • Оформление текста и декоративных элементов
  • Оптимизация кода
  • Автоматизация сборки проекта
  • Верстка по методологии БЭМ
  • Использование препроцессоров
  • Работа с адаптивной и ретиновой графикой
  • PixelPerfect-верстка
  • Валидация кода
  • Тестирование верстки с помощью Devtools
  • Верстка под Retina
JavaScript

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

Концепции:

  • Работа с DOM-деревом
  • Встроенные API
  • Шаблонизация
  • Асинхронность
  • Валидация форм
  • Области видимости функций
  • Модульность
  • Объекты, иммутабельность и компонентный подход
  • Связывание данных

Аббревиатуры:

  • HTTP: XML, JSON, JSONP, XMLHttpRequest
  • REST API
  • DRY
  • ООП

Инструменты (для верстки и JavaScript):

  • Редакторы кода — Visual Studio Code
  • Препроцессоры (Less, Sass)
  • Gulp или Webpack для автоматизации сборки
  • Git для контроля версий
  • Figma или Photoshop для графики
  • Chrome DevTools для отладки
  • Терминал

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

Как найти наставника и что от него ожидать

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

На хороших курсах за вами закрепят хорошего наставника, которому вы сможете задавать вопросы, который будет отслеживать ваш прогресс. Если вы обучаетесь самостоятельно, не переживайте, что останетесь без поддержки: киньте клич в социальных сетях и попросите кого-то из знакомых помочь вам. Еще один вариант — поискать наставника на форумах для программистов или в сообществе разработчиков. Например, в HTML Academy есть чат сообщества в «Телеграме», где можно задать любой вопрос.

Шаг 3. Углубление навыков, чтобы зарабатывать больше

Первую работу вы можете найти уже на этом этапе. Например, после курсов по верстке можно устроиться младшим верстальщиком. Зарплата в данном случае будет в районе 25–45 тысяч. Те, кто выучил основы JavaScript, смогут зарабатывать до до 40–75 тысяч на начальном этапе.

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

Самые популярные и прибыльные фреймворки для фронтендеров — React, Angular, Vue.js, Ember.js и Meteor. Для бэкендеров — Yii2, Laravel, Symfony, Django и Flask. Если вы знаете JavaScript, но вам понравилось делать бэкенд, попробуйте Express.js — это фреймворк для Node.js.

Знание фреймворков повышает зарплату. Средний заработок React-разработчика — около 100 тысяч. И чем дольше и лучше вы работаете, тем больше получаете.

К чему готовиться: заложите на изучение фреймворков еще от 1 до 3 месяцев.

Шаг 4. Стажировка или первая работа

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

Стажировка. Ее проходить не обязательно, но она помогает посмотреть на все рабочие процессы изнутри, набраться уверенности и легче адаптироваться к смене профессии. Компании со своей стороны заинтересованы в выпускниках и обычно готовы трудоустраивать их на позицию младших разработчиков, если стажировка прошла успешно. Часто школы принимают своих студентов на стажировку.

Трудоустройство. К этому моменту у вас уже будет наработанное портфолио — профиль на «Гитхабе» с вашими проектами. Осталось сделать резюме, указать ваши ключевые компетенции, сослаться на профиль и опубликовать на hh.ru или других сайтах по поиску работы. Пока у вас мало опыта, стоит активно откликаться на вакансии и ходить на собеседования.

Тина Кузьменко — выпускница HTML Academy, живет в Нидерландах. По образованию она журналист, но после переезда в новую страну освоила профессию и устроилась фронтенд-разработчиком в продуктовую компанию:

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

После трудоустройства несколько месяцев уйдет на адаптацию. Не бойтесь спрашивать совета у коллег, готовьтесь много учиться (опять) теперь уже в реальных условиях. И не забудьте гордиться собой — вы перешли в новую профессию.

Назад к статьям