+375291278520 +375336917840

Frontend разработка

По мере комплектации

Пн., Ср., Пт.
с 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
События указателя
Прокрутка

По мере комплектации

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

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

800 руб

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

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

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

Оставить заявку на курс
"Frontend разработка"

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

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

Другие курсы в "МЕЛА РОССА"

Тестирование
программного обеспечения

Курс по ручному по
функциональному тестированиюПодробнее

Программирование
на JAVA

Программирование / создание
веб-приложений на JAVAПодробнее

Программирование
на Python (Питон)

Базовый курс
программирования на PythonПодробнее

Посмотреть все курсы

У нас также есть IT-курсы
для детей

Посмотреть

Фотогалерея

Записаться на курс

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

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

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

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

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

office@melarossa.by

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