Frontend-разработчик

Каждый день мы сидим в интернете, заходим на различные сайты. Созданием “внешней стороны” веб-сайта занимаются Frontend-разработчики: именно они разрабатывают то, что мы видим, заходя на любую страницу в интернете. Поэтому каждой компании с своим сайтом нужен хороший Frontend-разработчик! Сейчас только в одной России больше 6 000 компаний находятся в поисках специалистов по Frontend-разработке! На старте молодой специалист может рассчитывать на зарплату в 70 000 рублей, по мере развития повышая ее до 150 000+ рублей в месяц.

Программа подойдет:

• желающим начать свой путь в ИТ с нуля: мы дадим нужные знания и умения, чтобы вы смогли сделать первые шаги навстречу карьере мечты в современной ИТ- компании;
• начинающим программистам: вы научитесь верстке сайтов, освоите популярные инструменты, научитесь разрабатывать на JavaScript и базовом React, откроете новые карьерные возможности в web-разработке.

Вы научитесь:

• верстать красивые сайты с помощью HTML и CSS;
• создавать интерактивные элементы на сайте с помощью JavaScript;
• работать в GIT.

Кроме этого, мы поможем вам грамотно составить резюме и выстроить поиск первой работы в Frontend-разработке!

Обучение состоит из двух частей:

• Базовый модуль, «бассейн» – онлайн-интенсив из электронных курсов и вебинаров для освоения базовых знаний и умений в программировании;
• Профильный модуль – обучение в формате вебинаров под руководством преподавателей-практиков, интересными ДЗ, персонализированной обратной связью и проектом!

Вебинары проходят в удобное время, поэтому обучение легко совмещать с работой (точное время проведения занятий определяется отдельно для каждой группы). Мы не набираем больших групп, чтобы каждый слушатель мог получить ответы свои вопросы во время занятий, личную обратную связь на домашние задания и проекты!

Во время обучения вы будете работать над личным и командным реальными проектами.

У кого вы будете учиться?

Команда преподавателей, методистов и кураторов с опытом организации обучения более 3 лет. Команда сочетает в себе 3 ключевые экспертизы:

• индустриальная: практики разработки из крупнейших российских и международных ИТ-компаний;
• академическая: преподаватели и выпускники лучших ВУЗов России: ВШЭ, МФТИ, МГУ, Школа Анализа Данных Яндекса, etc;
• образовательная: через каждого преподавателя в нашей команде прошли сотни слушателей из российских компаний или вузов.

Цель программы

Получение компетенций в верстке на HTML и CSS, программировании на JavaScript и использовании фреймворка React, необходимых для старта карьеры в сфере Frontend-разработки.

Структура программы:

Базовый модуль.

Основы HTML и CSS:

• Введение в HTML и CSS
• Расположение элементов на странице в CSS
• Git
• Создание интерактивных элементов в HTML/CSS
• Основы анимации
• Создание мобильной версии сайта
• Работа с open-source библиотеками

Основы программирования на JavaScript:

• Первая программа на JavaScript
• Переменные, комментарии
• Типы данных
• Условный оператор
• Циклы
• Функции
• Объекты: основы
• Замыкания: основы
• Массивы: основы
• Строковые функции
• Методы массивов
• Работа с объектами (именованные массивы)
• Контекст и this
• Объектно-ориентированное программирование
• Canvas
• Создание анимации с помощью canvas

Управление веб-страницей с помощью JavaScript:

• Браузеры
• Элементы веб-страницы и методы обращения к ним
• Создание и удаление элементов веб-страницы и перемещение по DOM-дереву
• Изменение контента и стилей элементов
• Обработка событий в JavaScript

Практикум:

• Основы верстки с помощью HTML и CSS
• Основы программирования на JavaScript
• Управление веб-страницей с помощью JavaScript

Профильный модуль.

Сетевые запросы. Асинхронность в JavaScript:

• Сетевые запросы и асинхронность в JavaScript. Fetch, Promise.
• Реализация сетевых и асинхронных запросов в JavaScript на веб-странице, реализация проекта на JavaScript.
• Реализация сетевых и асинхронных запросов в JavaScript на веб-странице, реализация проекта на JavaScript.

Основы создания приложения с помощью фреймворка React:

• Webpack. React. Стилизация в React. Библиотеки компонентов. Работа с данными по сети. Добавление страниц и роутинга. Контекст. Кастомные hooks. Работа с данными формы. Модальные окна. Авторизация на React. HOC. Redux.
• Реализация собственного React-приложения, создание аналога интернет-магазина с возможностью заполнения формы и авторизации.
• Реализация собственного React-приложения, создание аналога интернет-магазина с возможностью заполнения формы и авторизации.