Frontend-разработчик от Нетологии

HTML-вёрстка с нуля до первого макета

• Введение в вёрстку
• Контентные теги
• Теги для вёрстки структуры контента
• Позиционирование блочных элементов
• Вёрстка форм
• Нестандартные элементы форм
• Всплывающие элементы
• Позиционирование flex-элементов
• Проект: вёрстка макета сайта

Адаптивная и мобильная вёрстка

• Вёрстка резинового макета
• Резиновые изображения
• Введение в медиазапросы
• Медиафункции
• Особенности вёрстки на мобильных устройствах
• Вёрстка адаптивного макета
• Адаптивная типографика
• Breakpoints
• Адаптивные изображения
• CSS Grid
• Кроссбраузерность и доступность
• Проект: адаптивная мобильная версия макета сайта

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

• Базовые понятия. Переменные и числа
• Логический тип и ветвление
• Строки. Алгоритмы. Как отлаживать код
• Массивы и базовые методы работы с ними
• Циклы
• Ассоциативные массивы
• Функция без параметров. Область видимости
• Параметры и возвращаемое значение
• Воркшоп: разработка логики игры "Виселица"
• Проект: игра «Крестики-нолики» на JavaScript

Git — система контроля версий

• Знакомство с системой контроля версий Git
• Работа с локальным репозиторием в Git
• Работа с удалённым репозиторием через GitHub
• Командная работа в Git и GitHub. Часть 1
• Командная работа в Git и GitHub. Часть 2

Основы JavaScript

• Основные понятия
• Функции
• Объекты
• Классы
• Обработка исключений и замыкания
• Асинхронность
• Функции декораторы, call, apply
• Проект: сайт-биржа по продаже криптовалюты

Основы JavaScript в браузере для Frontend-разработчика

• Возможности JavaScript в браузере
• Способы поиска нужного HTML-элемента
• Объект события
• DOM
• Работа с HTML-формами
• Изменение структуры HTML-документа
• Асинхронные запросы
• Хранение состояния на клиенте и отправка на сервер
• Проект: веб-менеджер личных финансов

Продвинутый JavaScript и основы React

Блок 1: Организация работы в JavaScript

• Стандарты и рабочее окружение
• Модули и WebPack
• Unit-тестирование
• Работа с контейнерами
• TypeScript

Блок 2: Разработка веб-страниц в React

• Библиотека React, компоненты
• События и состояния
• Props
• Работа с формами
• React Router
• Разбор вопросов и домашних заданий
• Проект: онлайн-игра "ходилка" в стиле фэнтези

Основы графического дизайна

• Колористика и цветоведение
• Композиция
• Типографика, шрифтовой дизайн

Английский язык для начинающих разработчиков

• Чтение технической документации
• Языки программирования. Составление отчётов об ошибках
• QA-тестирование
• Слова из технической сферы, которые часто произносят неправильно
• Навык просмотра англоязычного видеоконтента
• Самопрезентация. Elevator Pitch
• Прохождение собеседований
• Высококлассное резюме и сопроводительное письмо
• Email-переписка
• Общение в технических чатах
• Звонки и встречи
• Как учить лексику
• Как учить грамматику

Алгоритмы и структуры данных

• Введение в алгоритмическую сложность. Бинпоиск
• Динамическое программирование и «жадность»
• Сортировки
• Динамический массив. Списки. Деки
• Пирамиды и деревья поиска
• Хеширование
• Графы
• Орграфы

Построение карьеры и работа на фрилансе

• Пошаговый план поиска работы
• Анализ рынка труда
• Карьерная траектория развития для специалиста по вёрстке
• Резюме, портфолио Frontend-разработчика и сопроводительное письмо
• Собеседование: как подготовиться и пройти
• Статистика и измерение эффективности поиска работы
• Индивидуальная карьерная консультация
• Как начать работать на фрилансе
• Как фрилансеру правильно организовать рабочий процесс, пространство и файлы
• Как понять, будете ли вы успешны на фрилансе
• Биржа FL

Дипломный проект: система предварительного бронирования билетов в кинотеатре

Разработаете приложение для выбора фильма, времени, места и бронирования билетов. Сделаете вёрстку и адаптируете её под планшетные и мобильные устройства. Разработаете API для взаимодействия с backend и спрограммируете гостевую и администраторскую часть сервиса. На протяжении работы над сервисом вас будет поддерживать дипломный руководитель: он разберёт работу и даст рекомендации.