+375291278520+375336917840

Frontend разработка

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

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

Java Script

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

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

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

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

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

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

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

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

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

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

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

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

HTML / CSS
Java Script
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
  • События указателя
  • Прокрутка

Набор на 15 марта

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

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

800 руб

разовый платеж за весь курс

Продолжительность обучения 7.5 недель

3 раза в неделю по 2.5 часа
Пнд, срд и пт, 18.00-20.30

Оставить заявку на курс
"Frontend разработка"
Заполните форму, и мы свяжемся с вами в ближайшее время.
Пожалуйста, проверяйте правильность ввода номера телефона

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

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

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

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

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

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

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

office@melarossa.by

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

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