+375291278520+375336917840

Frontend разработка

Набор на 2 марта 2022
Пн., Ср., Пт.
с 18:00 до 20:30
Оплата в 3 этапа
Курс Frontend разработки в Могилеве включают в себя необходимый стек технологий для работы Junior frontend разработчиком. Программа курса согласована с могилевским филиалом EPAM Systems и обучает набору навыков, которым должны владеть соискатели, претендующие на позицию веб-разработчика.
Ключевые навыки
HTML / CSS

Изучение современных стандартов верстки с помощью HTML 5 и CSS 3.0 для создания веб-страниц и интерфейсов приложений

5 недель, 3 раза в неделю
по 2.5 астрономических часа

Java Script

Программирование клиентской части веб-сайта / приложения для реализации динамических функций на HTML страницах

4 недели, 3 раза в неделю
по 2.5 астрономических часа

Angular 2+

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

7 недель, 3 раза в неделю
по 2.5 астрономических часа

Начало карьеры после курсов
Успешно закончив наш курс, выпускники смогут уверенно пройти конкурсный отбор в IT-лабораторию EPAM и трудоустроиться по ее окончании. А также претендовать на вакансии в других IT-компаниях, где требуется хорошая база по FrontEnd разработке.
Обучение длится 4 месяца (120 часов)
3 раза в неделю по 2.5 астрономических часа
Пнд, срд, пт с 18.00 до 20.30
Для организации стажировки / трудоустройства учащихся
информация о выпускниках подается в компании-партнеры.
Помимо теоретической части в курсе много времени отведено на практические задания. Самостоятельная работа между занятиями приветствуется и необходима для достижения лучшего результата.
В конце курса выполняется итоговый проект, обобщающий пройденные темы. На основании результатов слушатели получают сертификаты Frontend-разработчика.

Как проходят занятия

Теория - Объяснение нового материала
Теория

Объяснение
нового материала

Практика - Выполнение заданий на закрепления темы
Практика

Выполнение заданий
на закрепления темы

Проверка - контроль выполнения
Проверка

Контроль правильности
выполнения

Обратная связь - Комментирование исполнения, исправление ошибок
Обратная связь

Разбор ошибок и
рекомендации

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

HTML / CSS
Java Script
Angular 2+
1

Тема 1

  • Структура HTML-документа
  • Создание простейшей HTML-страницы, разбор из каких тегов она состоит / за что эти теги отвечают
  • Подключение к странице CSS и JavaScript
  • Добавление на простейшую HTML-страницу текстового содержания и 
  • Правильная его разметка: абзацы, заголовки, подзаголовки, списки и прочие элементы. 
  • Ссылки и изображения
2

Тема 2

  • Знакомство с таблицами
  • Рамки, фон строк, размеры столбцов, выравнивание текста внутри ячеек 
  • Объединение ячеек
3

Тема 3

  • Знакомство с формами
  • Создание простейших формы, использование текстовых полей, 
  • Выпадающих списков, полей-галочек, кнопок и других элементов форм
4

Тема 4

  • Знакомство с CSS
  • Базовые понятия CSS: селекторы, каскадность, наследование, приоритеты 
  • CSS-свойства для оформления текста (жирность, курсив, размер, цвет) 
  • Создание сетки страницы и позиционирование элементов
  • Наследование, каскадирование, специфичность: что это и как их правильно использовать
5

Тема 5

  • Блочная модель документа
  • Управление размерами и расположением элементов, задание отступов и 
  • рамок, типы элементов и их особенности
  • Тонкости свойства float и блочно-строчных элементов
  • Основные приёмы построения сеток
6

Тема 6

  • Позиционирование элементов: относительное, абсолютное и фиксированное
  • Изменение расположения элементов на странице с помощью CSS-свойств для позиционирования
  • Создание нескольких типовых навигационных меню: вертикальное, горизонтальное, многоуровневое и с выпадающим подменю
7

Тема 7

  • Знакомство с HTML5
  • Новые возможности HTML5
  • Новые элементы в стандарте и как их правильно использовать
  • Вставка на страницу аудио и видео, подключение и использование нестандартные шрифтов и векторных изображений
  • Создание продвинутых форм, используя новые возможности HTML5
  • Новые типы полей для ввода дат, цветов, чисел и адресов сайтов
  • Автофокус, подсказки, средства валидации
8

Тема 8

  • Продвинутые селекторы :nth-last-of-type, :only-child, псевдоэлементы ::before и ::after
  • Создание теней с помощью CSS
  • Свойство box-shadow, продвинутые приёмы работы с тенями
     
9

Тема 9

  • Линейные градиенты
  • Двумерные трансформации
  • Использование трансформаций для создания декоративных эффектов
  • Повышение читабельности текстов с помощью новых CSS-свойств
10

Тема 10

  • Анимация Основы анимации на CSS
  • Плавное изменение CSS-свойств
11

Тема 11

  • Флексбокс
  • Новый механизм «гибкой» раскладки — флексбокс
  • Управление размерами и отступами флекс-элементов, коэффициенты растяжения и сжатия «Гибкие» раскладки и элементы интерфейса
12

Тема 12

  • Знакомство с SVG
  • SVG — формат векторной графики
  • Базовые примитивы: линии, прямоугольники, окружности
  • Базовые понятия об оформлении SVG-фигур, заливки и обводки
  • Масштабирование SVG и атрибуты viewBox и preserveAspectRatio
1

Тема 1. Введение

  • Введение в JavaScript
  • Справочники и спецификации
  • Редакторы для кода
  • Консоль разработчика
2

Тема 2. Основы JavaScript

  • Привет, мир! 
  • Структура кода
  • Переменные
  • Типы данных
  • Взаимодействие: alert, prompt, confirm
  • Преобразование типов
  • Базовые операторы, математика
  • Операторы сравнения
  • Условное ветвление: if, '?'
  • Логические операторы
  • Оператор объединения с null '??'
  • Циклы while и for
  • Конструкция "switch"
  • Функции
  • Function Expression
  • Функции-стрелки, основы
  • Особенности JavaScript
3

Тема 3. Объекты: основы

  • Объекты
  • Копирование объектов и ссылки
  • Методы объекта, "this"
  • Конструкторы, создание объектов через "new"
4

Тема 4. Типы данных

  • Методы у примитивов
  • Числа
  • Строки
     
5

Тема 5. Массивы

  • Массивы

  • Методы массивов

6

Тема 6. Документ

  • Браузерное окружение, спецификации
  • DOM-дерево
  • Навигация по DOM-элементам
  • Поиск: getElement*, querySelector*
  • Свойства узлов: тип, тег и содержимое
  • Атрибуты и свойства
  • Изменение документа
  • Стили и классы
  • Размеры и прокрутка элементов
  • Размеры и прокрутка окна
  • Координаты
7

Тема 7. Ведение в события

  • Введение в браузерные события
  • Всплытие и погружение
  • Делегирование событий
  • Действия браузера по умолчанию
  • Генерация пользовательских событий
8

Тема 8. Интерфейсные события

  • Основы событий мыши
  • Движение мыши: mouseover/out, mouseenter/leave
  • Drag'n'Drop с событиями мыши
  • Клавиатура: keydown и keyup
  • События указателя
  • Прокрутка
9

Тема 9. ​​​​​​​Формы, элементы управления

  • Свойства и методы формы
  • Фокусировка: focus/blur
  • События: change, input, cut, copy, paste
  • Отправка формы: событие и метод submit
10

Тема 10. Хранение данных в браузере

  • LocalStorage
  • SessionStorage
1

Тема 1. Основы Typescript

  • Основные типы
  • Переменные
  • Классы и интерфейсы
  • Функции и методы
2

Тема 2. Введение в Angular 

  • Что такое Angular. Первый проект 
  •  Построение проекта 
  •  Первое приложение на Angular
3

Тема 3. Основы Angular

  • Компоненты 
  • Модули 
  • Загрузка приложения 
  • Стили и шаблоны компонента 
  • Привязка 
  • Работа с компонентами 
  • Взаимодействие между компонентами 
  • Привязка к событиям дочернего компонента 
  • Жизненный цикл компонента 
  • Шаблонные переменные, ViewChild 
  • Взаимодействие между модулями
4

Тема 4. Директивы 

​​​​​​​

  • ngClass и ngStyle 
  • Создание атрибутивных директив 
  • Взаимодействие с пользователем, HostListener и HostBinding 
  • Получение параметров в директивах 
  • Структурные директивы ngIf, ngFor, ngSwitch 
  • Создание структурных директив
  •  
5

Тема 5. Сервисы и dependency injection 

  •  
  • Сервисы 
  • Внедрение сервиса в другой сервис 
  • Опциональные сервисы 
  • Один сервис для всех компонентов 
  • Иерархия сервисов
  •  
6

Тема 6. Работа с формами 

  •  
  • Модуль FormsModule и директива NgModel 
  • Получение и изменение модели 
  • Состояние модели и валидация 
  • Директива NgForm 
  • Reactive Forms
  •  
7

Тема 7. HTTP и взаимодействие с сервером

  •  
  • HttpClient и отправка запросов 
  • Объект Observable и библиотека RxJS 
  • Обработка ошибок 
  • Отправка данных в запросе 
  • POST-запросы
  •  
8

Тема 8. Маршрутизация 

  •  
  • Определение маршрутов 
  • Создание ссылок 
  • Параметры маршрута 
  • Параметры строки запроса 
  • Программная навигация 
  • Дочерние маршруты 
  • Guards
  •  
9

Тема 9. Pipes

  • Работа с pipes 
  • Создание своих pipes 
  • Pure и Impure Pipes 
  • AsyncPipe
10

Тема 10. Создание интернет-магазина

  • Использование сторонних библиотек в проекте: установка и удаление
  • Изменение стандартной конфигурации проекта
  • Создание формы авторизации и регистрации
  • Создание панели управления товарами
  • Создание страницы добавления/редактирования товаров
  • Создание страницы обработки заказов
  • Создание витрины покупателя
  • Создание корзины

Начало занятий 2 марта 2022

Звоните для уточнения расписания и наличия мест!
+375 29 127 85 20, +375 33 691 78 40

Стоимость курсов

HTML / CSS
375 р.
5 недель, 15 занятий
3 раза в неделю, по 2.5 часа
Java Script
300 р.
4 недели, 12 занятий
3 раза в неделю, по 2.5 часа
Angular 2+
475 р.
7 недель, 19 занятий
3 раза в неделю, по 2.5 часа
Оставить заявку на курс
"Frontend разработка"
Заполните форму, и мы свяжемся с вами в ближайшее время.
Пожалуйста, проверяйте правильность ввода номера телефона

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

Другие курсы в "МЕЛА РОССА"
У нас также есть IT-курсы
для детей
Записаться на курс

Оставьте свои данные и мы перезвоним
Вам в ближайшее время

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

Звоните:
+375291278520
+375336917840

График работы в учебном году:
C 9:00 до 18:00 без выходных
Обед плавающий, звоните

График работы летом:
С 9:00 до 18:00 пнд.-пт.

office@melarossa.by

212030, г. Могилев, пер. Пожарный,
дом 9, 4 этаж, офис 408

Яндекс.Метрика