Programming
December 28, 2021

Как бесплатно стать front-end-разработчиком при помощи freecodecamp.org (Часть 2)

Всем привет!

В этом материале я продолжу рассказ о том, как освоить профессию front-end-разработчика, используя бесплатную обучающую платформу freecodecamp.org. Это вторая часть статьи на эту тему. Первую вы можете прочитать здесь.

Напомню, что freecodecamp.org – это некоммерческая организация, которая предоставляет интерактивные курсы по программированию. Они рассортированы по разделам. В данной серии статей идет речь о четырех курсах, посвященных теме front-end-программирования:

  1. Адаптивный веб-дизайн, по-простому - верстка (Responsive Web Design Certification)
  2. JavaScript алгоритмы и структуры данных (JavaScript Algorithms and Data Structures Certification)
  3. Библиотеки для front-end разработки (Front End Development Libraries Certification)
  4. Визуализация данных (Data Visualization Certification)

Первые два раздела я рассмотрел в первой части. Теперь приступаю к оставшимся.

Библиотеки для front-end разработки

К этому разделу стоит перейти, уже когда вы уверенно себя чувствуете при работе с HTML, CSS и JavaScript. Его курсы учат пользоваться инструментами и библиотеками, помогающими реализовывать полноценные одностраничные front-end-приложения. А еще – организовывать сложную адаптивную верстку с множественной вложенностью стилей.

Первый курс в этом разделе посвящен библиотеке Bootstrap, которая упрощает верстку. Она содержит таблицы цветов, утилиты для работы с адаптивностью и прочие полезные вещи. Это одна из самых популярных библиотек для верстки. Очень рекомендую ее.

Для JavaScript написано множество библиотек, расширяющих возможности создания нового функционала или упрощающих этот процесс. Большую часть из них уже никто не использует, чего нельзя сказать о jQuery. Эта библиотека выходит из моды, но существует огромное количество написанных с ее помощью сайтов. Тоже рекомендую ее: вы будете не раз сталкиваться с ней на практике.

SASS – препроцессор стилей. По сути, это диалект CSS, который расширяет его возможности и может быть скомпилирован в чистый CSS. SASS также стоит изучить. Конечно, можно обойтись и без него, но на первом же сложном проекте вы столкнетесь с этим препроцессором или его аналогами.

Последние пять-десять лет front-end-приложения стали настолько сложными, что понадобилось придумать что-то облегчающее разработку и поддержку кода. Freecodecamp.org предлагает интерактивный курс по React – самой популярной библиотеке для создания сложных фронтендов. Освоив ее, вы станете существенно востребованнее на рынке труда. Знание React – обязательно, хоть и требует времени и усердия.

Почти любое сложное front-end-приложение состоит из нескольких компонентов. Они передают друг другу данные. В сложных проектах есть проблема с хранением данных и поддержанием их актуальности – иначе это можно назвать единым состоянием приложения. Его можно обеспечить при помощи библиотеки Redux, но я не буду вдаваться в подробности. Этот курс небольшой и очень важный: без него вы не сможете закончить следующий.

Уроки по React и Redux посвящены тому, как интегрировать между собой эти две библиотеки. Если вы прошли предыдущие два курса, то этот обязателен для вас.

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

Визуализация данных

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

Мне не очень понятно, почему курс JSON APIs и AJAX помещен именно в этот раздел, но это не особо важно. Здесь вы научитесь получать данные по сети при помощи JavaScript и внедрять их в свою верстку. Крайне полезный курс. В любом случае вам придется это освоить: иначе не сможете работать front-end-программистом..

Вывод

Эти курсы увеличат ваши шансы найти и выполнить фриланс-контракты. Также вы cможете претендовать на роль Junior front-end-девелопера и пойти в коммерческую разработку.

Кстати, на freecodecamp.org есть целый раздел, посвященный подготовке к интервью. Он содержит очень неплохую коллекцию задач по алгоритмам. Выполнив их, вы гораздо легче пройдете собеседование. Сейчас, когда много людей хочет приобщиться к IT-индустрии, роль front-end-разработчика представляется одной из самых простых для освоения. Только программирование на Python может конкурировать с ней в этом вопросе. Тем более что с помощью упомянутых выше курсов вы освоите фундаментальные темы, которые относятся вообще к любой специализации и языку программирования.

Если вам понравилась моя статья, подписывайтесь и оставляйте комментарии, буду рад любой обратной связи! Всем спасибо!