Фронтенд разработка. Основной уровень

Основной уровень фронтенд-разработки веб-сайтов и веб-приложений

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

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

Преподаватель программы

Эдгар Лукьянович
Frontend Team Lead (Accenture)

Особенности обучения

  1. Командная работа. Основной упор делается на работу в команде: комплексные задания, распределение задач, сроки выполнения
  2. Живая практика. В процессе обучения студенты работают над реальными проектами
  3. Поддержка преподавателя. Закрытый чат группы и преподавателя, где всегда можно решить возникающие вопросы по пройденному материалу
  4. Практические занятия. Теоретический материал обязательно закрепляем на практике. Большую часть времени уделяем получению практических навыков и работе с кодом.

В результате обучения:

  • Научитесь самостоятельно создавать веб-страницы
  • Сможете создавать веб-страницы классических одностраничных и многостраничных сайтов
  • Овладеете практическим стеком технологий фронтенд-разработчика
  • На практике освоите фронтенд-разработку и работу над проектами с нуля
  • Разработаете итоговый проект, который станет одним из примеров выполненных проектов
  • Получите навыки командной работы, которые ценятся в сфере разработки
  • Узнаете, как готовиться и проходить собеседования в IT-компаниях

Содержание программы

  1. Введение
    • О курсе
    • Подготовка среды разработки (Sublime, VS Code, Atom)
    • Консоль (Terminal)
    • Система контроля версий Git (работа с Github)
    • Управление проектами (Trello, Asana, Jira)
  2. Основы HTML5
    • Введение (история, стандарт, W3C, браузеры)
    • Doctype
    • Семантика, валидность
    • Chrome developer tools
    • Теги, комментарии
    • Строчные и блочные элементы
    • Атрибуты (глобальные атрибуты)
    • Гипертекст, навигация
    • Списки. Таблицы. Формы
  3. Основы CSS3
    • Введение
    • Кроссбраузерность.
    • Подключение стилей. Стили по умолчанию
    • Индентификаторы и классы
    • Селекторы. Специфичность селекторов
    • Наследование и каскадирование
    • Блочная модель
    • Величины в CSS
    • Шрифт. Форматирование текста
    • Свойства фона
    • Векторная графика SVG
    • Позиционирование элементов
    • Стилизация списков, форм, таблиц
    • Адаптивность. Media queries
    • Вендорные префиксы
    • Градиенты. Тень. Скругленные углы.
    • Анимация и трансформация
    • Flexbox, Grid Layout
    • Методология BEM
    • Препроцессоры
    • Обзор SASS, SCSS
  4. Фреймворки
    • Основы Bootstrap 4
  5. Основы JavaScript
    • Введение. Инструменты. Литература
    • Переменные
    • Типы данных
    • Основные операторы
    • Модальные окна
    • Отладка кода
    • Операторы сравнения и логические значения
    • Преобразование типов
    • Условные операторы
    • Логические операторы
    • Циклы while, for
    • Конструкция switch
    • Функции
    • Массивы
    • Регулярные выражения
    • Строгий режим
    • Объекты: перебор свойств, копирование по ссылке
    • Контекст вызова this
    • Псевдо-массив «arguments»
    • Дата и время
    • Замыкания, область видимости
    • «call», «apply», «bind»
    • Таймеры
    • Отладка и обработка ошибок (try, catch)
    • Встроенные «классы» — Object.prototype
    • AJAX. JSON
    • XML
  6. Введение в Web APIs
    • Свойства браузера (Navigator)
    • Свойства экрана (Screen)
    • Работа с адресами (Location)
    • История браузера (History)
    • DOM — Объектная модель документа
    • Дерево DOM
    • Навигация в DOM
    • Свойства узлов, атрибуты
    • Поиск элементов
    • Добавление и удаление узлов
    • Cookie. Local Storage
  7. Events
    • Введение. Всплытие и перехват. Делегирование событий
    • События мыши
    • События формы
    • События scroll, load, error, ready
  8. jQuery
    • Введение
    • Выборка (selectors)
    • Атрибуты
    • Вспомогательные методы
    • Работа с CSS (размеры, позиционирование)
    • События
    • Эффекты
По окончании программы вы получаете сертификат о прохождении программы. Кроме того все выпускники данной программы получат скидку 20% на обучение на любой из учебных программ нашей школы.
Без предварительных знаний
Язык обучения: русский
Продолжительность
4 месяца (96 часов)
Начало обучения
8 октября
Дни и время занятий
2 занятия в неделю по 3 часавторник, четверг. 18:00—21:00
Стоимость обучения
Со своим компьютером
249
в месяц
Со школьным компьютером
299
в месяц
Скидка школьникам 10%
Гарантия возврата денег в течение14 дней

Язык обученияФорма обучения

Спасибо за регистрацию на учебу в Webskola.
Мы с вами свяжемся в ближайшее время!