Front-end Developer Advanced
сертификат специалиста
Front-end Developer Advanced

В курсе «Front-End Developer Advanced» рассматриваются все необходимые теоретические и практические аспекты программирования и верстки на базе языка JavaScript и библиотеки React.js, без которых сегодня невозможна успешная работа Front-end разработчиков. Каждая следующая тема тесно связана с предыдущей, что помогает быстро и качественно усвоить материал. Теоретические части сопровождаются большим количеством практических работ для закрепления навыков. В ходе курса участники разрабатывают проект, а по окончанию сдают экзамен.

 

Кому подойдет курс:

— Новичкам, имеющим базовые знания в HTML и CSS и желающим развиваться во Front-end.

— Верстальщикам и программистам уровня Junior, желающим стать профессиональными Front-end разработчиками.

— Студентам, которые самостоятельно начали осваивать технологии HTML/CSS/JavaScript или выпускникам базовых курсов по Front-end разработке.

 

Для поступления на курс обязателен опыт работы с компьютером не менее одного года. Опыт в верстке сайтов и уровень английского не ниже Pre-Intermediate.

Програма курса
Программа курса

Учебная программа составлена ​​в соответствии с требованиями ведущих IT-компаний и отвечает требованиям современного рынка к специалистам Front-end deveroper

Тренера-практики

Все тренера академии — успешные практики уровня Middle или Senior, которые имеют богатый и интересный опыт. Все тренера прошли обучение и сертификацию Main Academy.

IT-English

Студенты курса имеют возможность улучшить свой технический английский и посещать курсы английского и Speaking Club в течение всего периода обучения.

Карьерный сервис

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

На курсе вы:

  • Получите глубокие знания и навыки JavaScript
  • Научитесь использовать JavaScript MV*фреймворки
  • Научитесь применять в приложениях операторы ветвления и цикла, массивы данных и функции, обработчики событий
  • Получите глубокое понимание принципов работы React.js, а также остальных SPA, научитесь работать с ними
  • Полностью освоите TypeScript
  • Научитесь применять побочные эффекты и работать с API
  • Разберетесь и освоите работу со сторонним xранилищем Redux (action, reducer,store, thunks, sagas)
  • Освоите React Hooks.
Технологии, которые вы освоите
Сделай первый шаг
Хотите больше узнать о Front-end Developer Advanced у ведущих IT-специалистов? Регистрируйтесь на ближайший бесплатный семинар “Билет в IT”!


Програма курса

Программа курса

JavaScript

1. JavaScript базовый

  • Повторяем HTML / CSS.
  • Обзор языка JavaScript: история, роль и место, семантика и синтаксис.
  • «Обзор инструментария средств отладки кода браузеров. Принципы работы с console: обзор свойств и методов»
  • Переменные, области видимости переменных
  • Типы данных и их преобразование
  • Операторы и их виды (условные, логические, сравнения). Конструкция «switch»
  • Взаимодействие с пользователем через диалоговые окна (alert, prompt, confirm)
  • Функции, виды объявление функций, стрелочные функции. Работа с аргументами и т д…
  • Циклы for и while
  • Числа. Свойства и методы
  • Строки. Свойства и методы
  • Массивы данных: одномерные, двумерные, многомерные. Свойства и методы работы с массивом: length, map(), indexof(), lastindexof(). Конструкция forEach, map, reduce
  • Объекты. Свойства и методы. Ассоциативные массивы
  • Коллекции: Map/ Set
  • Методы, контекст вызова (this)
  • Свойства — геттеры и сеттеры
  • работа с датами. new Date()
  • Синтаксический сахар из ES6 (spread оператор, деструктуризация, работа со строками)
  • Углубляемся в работу с функциями (рекурсия, замыкание)
  • Асинхронные функции: setTimeout и setInterval
  • Переопределение контекста вызова, методы bind, call и apply
  • Функции конструкторы и прототипное наследование
  • Классы и наследование классов
  • Конструкция try…catch, класс Error. Обработка ошибок
  • Регулярные выражения

2. JavaScript продвинутый

  • Обзор объектной модели W3C DOM: определение, история, уровни. Браузерная реализация в веб.
  • Классы Document и Element. Динамическое дерево элементов документа.
  • Обзор событий элементов в модели DOM. Методы элемента addEventListener(), removeEventListener().Переопределение события stopPropagation().
  • Объект Form, элементы управления формы <input>, валидация данных.
  • События мыши и клавиатуры.
  • Визуальная группировка элементов. Управление видимостью элементов используя свойства visibility, hidden, display
  • Загрузка документа и ресурсов
  • «Cookies. Доступ к Cookies. Механизмы сохранения и чтения Cookies. Альтернатива Cookies (LocalStorage)»
  • Технология Ajax и работа с HTTP протоколами.

3. Модульный подход к разработке

  • «Форматы передачи данных от сервера (JSON, URLEncoded, FormData). Получение данных из формы в нужной кодировке.»
  • «Структура URL. Использование объекта XMLHttpRequest: свойства, методы»
  • Promise и промисификация
  • ES6: fetch как удобная альтернатива XMLHttpRequest.
  • Пакетный менеджер npm, обзор основных команд и инициализация проекта
  • «Детальное рассмотрение правил версионирования пакетов и файла —
  • манифеста к проекту package.json и package-lock.json»

4. Инструменты фронтэнд

  • Обзор вспомогательного инструментария для разворота проекта
  • Обзор системы сборки Webpack. Модульный подход к разработке
  • Обзор плагинов, библиотек, инструментов для реализации задач фронтенда

React.js

1.Введение

  • Пакетный менеджер npm, обзор основных команд. ECMAScript6+
  • Детальное рассмотрение правил версионирования пакетов и файла манифеста к проекту package.json и package-lock.json
  • Знакомство с React.Create-react-app – первый проект

2.Основа

  • JSX – язык для работы с React
  • Работа с данными через состояние
  • Подxоды стилизации
  • Работа с пропсами, передача данныx через пропсы.
  • Children, что это и как с ним работать
  • Передача данныx по контексту
  • Методы жизненного цикла
  • Обработка событий. Создаем пользовательские методы
  • Виды компонентов, дизайн компонентов
  • Знакомство с Refs

3.Тестирование

  • Введение в тестирование
  • Знакомство с Jest

4.Работа с сервером

  • Как работает Fetch API
  • Обработка ошибок в Fetch API
  • Получение данных из API. Вывод полученныx данныx

5.Навигация

  • Основы react-rourer
  • Link компонент
  • Динамические/Относительные пути
  • Обработка несуществующих адресов

6. Xранилище Redux

  • Redux введение
  • Reducer – что это, и как с ним работать
  • Redux Store
  • Action Creator
  • Синxронизация redux с react

7.Xуки React.js

  • Xуки введение
  • Работа с setState
  • Работа с useEffect
  • Пользовательские хуки

Front-end Developer Advanced - 8 шагов к цели

  • 1
    Записаться на курс
  • 3
    Выполнить практические, лабораторные, домашние
  • 5
    Отработать занятия по HR
  • 7
    Защить проект и сдать тесты
  • 2
    Изучить теорию
  • 4
    Подготовить финальный проект
  • 6
    Посещать IТ-English и Speaking Club
  • 8
    Вы - Front-end профи!

Формы обучения

Форма обучения
Offline обучение
  • Занятия в аудиториях
  • Индивидуальная и командная работа над решением задач
  • Доступ к учебным материалам, заданиям, лабораторным и тестам 24/7 на протяжении всего периода обучения
  • Индивидуальный карьерный тренинг с практикующим HR специалистом
  • Курс IT-English та Speaking Club
Форма обучения онлайн
Online обучение
  • Обучение в любой точке мира
  • Живое общение с тренером и обработки заданий на каждом уроке
  • Запись каждого урока
  • Доступ к учебным материалам, заданиям, лабораторным и тестам 24/7 на протяжении всего периода обучения
  • Карьерный тренинг с практикующим HR специалистом
Front-end Developer Advanced
Форма регистрации на курс

Форма регистрации на курс
Название курса

Курс: Front-end Developer Advanced

Занятия с инструктором

Цена
Изображение

С нуля до уровня IT-специалиста и любимой работы

laba

Занятия в аудиториях или онлайн с лучшими инструкторами

4 мес, 35 занятий, 88 часов теории и практики с IT-экспертами

Лабораторные работы, индивидуальные и групповые проекты

Английский в подарок для трудоустройства и работы

Финальный экзамен, защита проекта – и Вы сертифицированный IT – специалист!

Команда курса Front-end Developer Advanced

Карьерный сервис

Максимум знаний и умений для трудоустройства
Карьерный сервис
Даем профессиональное ИТ-обучение

После окончания курса, с полученными знаниями и навыками, вы сможете претендовать на позицию Strong junior/Middle front-end developer (React).

Карьерный тренинг

Учим грамотному позиционированию на рынке труда. Правильно писать резюме и сопроводительные письма. Успешно проходить интервью

Рекомендуем на работу

Мы постоянно получаем от наших партнеров запросы на работу в ИТ-компаниях. Лучших студентов рекомендуем нашим партнерам на работу и стажировку.

Отзывы об обучении в Main Academy

Получите Ваш билет в IT
Форма регистрации на пробный урок или семинар

Пробный урок
Front-end Developer Advanced

Еще не готовы приступить к обучению или остались сомнения?

Заберите свой билет в IT и приходите на бесплатные лекции от Main Academy!

  • Вы познакомитесь с IT-экспертами, технологиями, спецификой работы в IT
  • Вы узнаете как начать IT-карьеру с наименьшими затратами и какую специальность выбрать
  • Вы познакомитесь с инструкторами и узнаете все детали курса и специальности
  • Вы узнаете как эффективно искать работу от рекрутёров и гуру IT-рынка

Занятия проходят:

Телефон: