Меню

Обучение
Front-End

Путь от новичка до сильного Junior+
Front-End разработчика за 8 месяцев
Практический онлайн-курс для тех, кому нужны
реальные знания и конкурентное портфолио

Обучение
Front-End

Путь от новичка
до сильного Junior+
Front-End разработчика
за 8 месяцев
Практический онлайн-курс для тех,
кому нужны реальные знания и конкурентное портфолио
Заявка на online-обучение
Курс Front-End разработка
Забронируй себе место в первом IT колледже страны
Нажимая на кнопку, вы даете согласие на обработку персональных данных и соглашаетесь с политикой конфиденциальности
Ваши навыки и компетенции после курса "Front-End" в Digital Unicorn:
  • Разработка адаптивных сайтов в HTML, CSS, JavaScript
  • Разработка веб-сервисов и приложений в фреймворках React + Redux
  • Написание чистого кода
  • Работа в GIT
  • Дипломный проект и сквозные разработки для портфолио и технических скиллов
Онлайн-курс
по Front-End разработке
Делаем акцент на решении реальных задач и приобретении практических навыков
Эффективное обучение,
не выходя из дома
Подключаетесь к онлайн-занятиям с любого места, где есть интернет, в любой точке земного шара.
Обучение без отрыва от основной деятельности
Дистанционно обучаетесь без необходимости брать отпуск или уходить с работы.
Качественное обучение по выгодной цене
Сохраняете "разницу" в стоимости онлайн-обучения от классического очного обучения. Также это позволяет нанимать самых дорогих практиков для вас.
Карьерное консультирование от IT-рекрутеров и хедхантеров
Наши студенты получают самую актуальную информацию об успешном прохождении собеседования в IT + рекомендации лучшим.

Наши выпускники

Наша гордость! Обладатели сертификата Digital Unicorn, подтверждающего полученные навыки проектного обучения
На обучении ждем от тебя максимальную вовлеченность,
крепкую самомотивацию и жадный интерес к Front-End
На обучении ждем от тебя максимальную вовлеченность,
крепкую самомотивацию и жадный интерес
к Front-End
Дистанционный курс в формате онлайн

Что будет на курсе FRONT-END:

  1. Интерактивные онлайн-занятия с использованием передовых инструментов дистанционного обучения.
  2. Групповые чаты с преподавателями и специалистами учебного центра.
  3. Разбор и проверка домашних заданий.
  4. Свободный доступ к уникальному контенту программы.
  5. Поддержка специалистов учебного центра в течении всего пути обучения.
Заявка на online-обучение
Курс Front-End разработка
Забронируй себе место в первом IT колледже страны
Нажимая на кнопку, вы даете согласие на обработку персональных данных и соглашаетесь с политикой конфиденциальности

Компетенции и навыки после курса

По окончанию обучения вы приобретете hard skills, необходимые для работы Junior Front-End Developer в IT-компании:
Верстать адаптивные сайты
Программировать на JavaScript (ES6)
Пользоваться возможностями библиотек и фреймворков Java Script
Знать язык разметки HTML, CSS
Понимать протокол HTTP
Уверенно работать с DOM моделью и Web API браузера
Использовать язык JavaScript в браузере для создания rich interfaces и взаимодействия с back-end
Применять сборщик webpack
Работать в команде над одним проектом с помощью системы управления версиями Git
Разрабатывать веб-сервисы на React и Redux
Писать качественный чистый код
Понимать принципы
Agile и Scrum

Программа онлайн-курса

Блок 1
Блок 2
Блок 3
Верстка WEB-страниц.
HTML5 + CSS3
(3 месяца, 24 занятия)
Блок 1 полностью посвящен HTML и CSS и дает полноценные навыки верстки веб-страниц.

Учащиеся смогут освоить несколько разных концепций верстки веб-приложений и оформить на их основе несколько собственных сайтов.
JavaScript
(4 месяца, 32 занятия)
Блок 2 посвящен языку программирования JavaSсript и содержит все основные концепции языка.

Учащиеся освоят:
  • синтаксис языка,
  • объектно-ориентированное и функциональное программирование,
  • научатся работать с объектной моделью документа,
  • обрабатывать события внутри веб-страницы,
  • смогут создавать страницы со сложной логикой в рамках группового проекта.
В период обучения данного блока учащиеся будут объединены в команды для работы над групповыми проектами.
Фреймворк React + Redux
(2 месяца, 16 занятий)
Блок 3 является переходом в профессиональное программирование и полностью посвящен наиболее востребованным на данный момент технологиям React и Redux.

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

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

Блок 1:
Верстка WEB-страниц. HTML5 + CSS3
1. Вводное занятие
  • Что такое Digital Unicorn?
  • Как проходят занятия?
  • Что использует IT college для предоставления качественного IT образования?
  • Как правильно учиться?
  • Как правильно использовать материалы?
2. Карьерное консультирование
  • Обзор рынка IT.
  • Что востребовано?
  • Что такое LinkedIn?
  • Какие софт скиллы необходимы для прохождения собеседований?
3. Введение в Frontend
  • Что такое HTML, HTML5.
  • Элементы и атрибуты.
  • Создание документа.
  • Разновидности синтаксиса.
4. Элементы в HTML5
  • Элемент head и метаданные веб-страницы.
  • Элементы группировки.
  • Заголовки.
  • Форматирование текста.
  • Работа с изображениями.
  • Списки.
  • Элемент details.
  • Список определений.
  • Таблицы.
  • Ссылки.
  • Фреймы
5. Работа с формами
  • Формы. Элементы форм.
  • Кнопки.
  • Текстовые поля.
  • Метки и автофокус.
  • Элементы для ввода чисел.
  • Флажки и переключатели.
  • Элементы для ввода цвета, url, email, телефона.
  • Элементы для ввода даты и времени.
  • Отправка файлов.
  • Список select.
  • Textarea.
  • Валидация форм.
  • Элементы fieldset и legen.
6. Семантическая структура страницы
  • Элемент article.
  • Элемент section.
  • Элемент nav.
  • Элементы header, footer и address.
  • Элемент aside.
  • Элемент main.
7. Основы CSS3. Селекторы
  • Введение в стили.
  • Селекторы. Селекторы потомков.
  • Селекторы дочерних элементов.
  • Селекторы элементов одного уровня.
  • Псевдоклассы. Псевдоклассы дочерних элементов.
  • Псевдоклассы форм.
  • Псевдоэлементы.
  • Селекторы атрибутов.
  • Наследование стилей.
  • Каскадность стилей.
8. Основы CSS3
  • Свойства. Цвет в CSS.
  • Стилизация шрифтов. Внешние шрифты.
  • Высота шрифта.
  • Форматирование текста.
  • Стилизация абзацев. Стилизация списков. Стилизация таблиц.
  • Блочная модель.
  • Внешние отступы. Внутренние отступы.
  • Границы. Размеры элементов. Box-sizing.
  • Фон элемента. Создание тени у элемента.
  • Контуры элементов. Обтекание элементов.
  • Прокрутка элементов.
  • Линейный градиент. Радиальный градиент.
9. Создание макета страницы и верстка
  • Блочная верстка.
  • Вложенные плавающие блоки.
  • Выравнивание столбцов по высоте.
  • Свойство display.
  • Создание панели навигации.
  • Выравнивание плавающих элементов.
  • Создание простейшего макета.
  • Позиционирование.
  • Фиксированное позиционирование.
  • Начало работы над индивидуальным проектом.
10. Трансформации, переходы и анимации
11. Адаптивный дизайн
  • Введение в адаптивный дизайн.
  • Метатег Viewport.
  • Media Query в CSS.
12. Мультимедиа
  • Видео. Аудио.
  • Media API.
  • Управление видео из JavaScript.
  • Первое знакомство с JS.
13. Canvas
  • Доступ к canvas и рисование прямоугольников.
  • Настройка рисования. Фоновые изображения.
  • Создание градиента.
  • Рисование текста. Рисование фигур. Рисование изображений.
  • Добавление теней.
  • Редактирование пикселей.
  • Трансформации.
  • Рисование мышью.
14. Flexbox
  • Что такое Flexbox. Flex Container.
  • Направление flex-direction, flex-wrap, flex-flow.
  • Порядок элементов. Выравнивание элементов.
  • Justify-content. Выравнивание элементов.
  • Aalign-items и align-self. Выравнивание строк и столбцов.
  • Align-content. Управление элементами.
  • Flex-basis, flex-shrink и flex-grow.
  • Многоколоночный дизайн на Flexbox.
  • Макет страницы на Flexbox.
15. Grid Layout
  • Что такое Grid Layout. Grid Container.
  • Строки и столбцы.
  • Функция repeat и свойство grid.
  • Размеры строк и столбцов.
  • Отступы между столбцами и строками.
  • Позиционирование элементов.
  • Наложение элементов.
  • Направление и порядок элементов.
  • Именованные grid-линии.
  • Именованные grid-линии и функция repeat.
  • Области грида.
  • Макет страницы в Grid Layout.
16. Дополнительно. Переменные в CSS.
  • Создание тем CSS с помощью переменных.
17. Введение в JavaScript

Хочу изучать Front-End онлайн!

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

Блок 2: JavaScript

Программа:
Программирование на JS + Soft Skills + Индивидуальный проект
18. Введение в JavaScript
  • Что такое JavaScript.
  • Первая программа на JavaScript.
  • Выполнение кода javascript.
  • Подключение внешнего файла JavaScript.
  • Консоль браузера, console.log и document.write.
19. Основы javascript
  • Переменные и константы.
  • Типы данных.
  • Операции с переменными.
  • Преобразование данных.
  • Массивы.
  • Условные конструкции.
  • Циклы.
20. Функциональное программирование
  • Функции.
  • Область видимости переменных.
  • Замыкания и функции IIFE.
  • Паттерн Модуль.
  • Рекурсивные функции.
  • Переопределение функций.
  • Hoisting.
  • Передача параметров по значению и по ссылке.
  • Стрелочные функции.
21. Объектно-ориентированное программирование
  • Объекты.
  • Вложенные объекты и массивы в объектах.
  • Проверка наличия и перебор методов и свойств.
  • Объекты в функциях.
  • Конструкторы объектов.
  • Расширение объектов.
  • Prototype.
  • Инкапсуляция.
  • Функция как объект.
  • Методы call и apply.
  • Наследование.
  • Ключевое слово this.
  • Декомпозиция. Классы.
22. Встроенные объекты
  • Объект Date.
  • Работа с датами.
  • Объект Math.
  • Математические операции.
  • Объект Array.
  • Операции с массивами.
  • Объект Number.
23. Строки
  • Строки и объект String.
  • Объект RegExp.
  • Регулярные выражения.
  • Регулярные выражения в методах String.
  • Синтаксис регулярных выражений.
24. Webpack и Rollup
  • Препроцессоры и пост процессоры CSS.
25. Работа с браузером и BOM
  • Browser Object Model и объект window.
  • Управление окнами.
  • История браузера.
  • Объект history.
  • Объект location.
  • Объект navigator.
  • Таймеры.
  • Начало работы над индивидуальным проектом.
26. Работа с DOM
  • Введение в DOM.
  • Объект document.
  • Поиск элементов.
  • Свойства объекта document.
  • Объект Node.
  • Навигация по DOM.
  • Создание, добавление и удаление элементов веб-станицы.
  • Объект Element.
  • Управление элементами.
  • Изменение стиля элементов.
27. События. Введение в обработку событий
  • Обработчики событий.
  • Объект Event.
  • Распространение событий.
  • События мыши.
  • События клавиатуры.
28. Работа с формами
  • Формы и их элементы.
  • Кнопки.
  • Текстовые поля.
  • Флажки и переключатели.
  • Список select.
29. JSON. Введение в JSON
30. Софт скиллы и Agile.
  • Что такое работа в команде?
  • Необходимые компетенции.
  • Что такое Agile?
31. Хранение данных
  • Куки.
  • Web Storage.
  • Начало группового проекта.
32. Коллекции и итераторы
  • Итераторы.
  • Генераторы.
  • Множества Set. Map.
  • WeakSet и WeakMap.
33. Ajax
  • Объект XMLHttpRequest.
  • Отправка данных.
  • Promise в Ajax-запросах.
34. Групповой проект
35. Карьерное консультирование
  • Взгляды с позиции HR и IT специалиста.
  • Как правильно составить CV?
  • Где и как можно найти первую работу?
  • Как правильно общаться с рекрутерами и тех. специалистами?
  • Как успешно проходить собеседования?

Блок 3: Фреймворк React + Redux

Программа:
Программирование на React + Групповой проект (методологии Agile/Scrum)
36. Введение в React
  • Что такое React.
  • Первое приложение.
  • Основы JSX.
  • JSX и Babel.
  • Сервер.
  • Node.js.
  • Babel-cli.
  • React Developer Tools.
37. Основы React
  • Рендеринг элементов.
  • Компоненты.
  • Подходы к оформлению CSS.
  • Props.
  • State.
  • События.
  • Жизненный цикл компонента.
  • Управление ресурсами.
  • Составные компоненты.
  • Поиск в списке.
  • Упаковка файлов.
38. Формы
  • Работа с формами.
  • Валидация форм.
  • Refs.
39. Маршрутизация
  • Определение маршрутов.
  • Дочерние маршруты.
  • Создание ссылок.
  • Параметры маршрутов.
  • Ссылки с параметрами.
  • Парсинг строки запроса.
  • Переадресация.
  • React-router и webpack.
40. Flux, Reflux и Redux

Стоимость онлайн-курса
Front-End разработка

Курс: 9 месяцев = 72 занятия
Набор: октябрь 2021
399 295 BYN/месяц

Стоимость
онлайн-курса
FRONT-END

Курс: 9 месяцев = 72 занятия
Набор: октябрь 2021
399 295 в месяц
белорусских рублей
Заявка на online-обучение
Курс Front-End разработка
Забронируй себе место в первом IT колледже страны
Нажимая на кнопку, вы даете согласие на обработку персональных данных и соглашаетесь с политикой конфиденциальности
Преподаватель онлайн-курса
Юрий Петухов
Преподаватель курса «Front-End разработка»
Full-Stack Software Engineer.
Опыт работы в IT более 2-х лет. Профессиональный бэкграунд в компаниях iTechart, Exadel.

Языки и технологии программирования:
HTML / CSS / JavaScript, AJAX, JSON, XML, SQL

Работал над проектами:
WTH, Movie Pass, Bino Online shop, MeetElise, Prabook.

После курса Вы овладеете технологиями:

Готовы освоить профессию
Front-End разработчика?

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

Почему стоит записаться именно сейчас?

Стоимость
Каждый следующий набор может вырасти в цене.
Место в группе
Группы формируются быстро и можно не успеть.
Скидка
Приводите на курс друга и получайте скидку 10% на месяц обучения.
Гарантия
После курса вы становитесь подготовленным Junior+ Front-End Developer.
Заявка на online-обучение
Курс Front-End разработка
Забронируй себе место в первом IT колледже страны
Нажимая на кнопку, вы даете согласие на обработку персональных данных и соглашаетесь с политикой конфиденциальности
Мы сохраняем cookie-файлы: это помогает сайту работать лучше. Подробности в Политике использования файлов Cookie
Хорошо, согласен(а)
Close
Смотреть другие курсы: