Курс
junior
Курс FRONT-END модуль HTML/CSS/JavaScript
Выполнив программу курса и все домашние задания, вы сможете претендовать на позицию Junior Front-End разработчика
Для кого этот курс:
Новичкам в верстке
Вы научитесь верстать сайты на HTML и CSS, создавать веб-страницы и приложения на JavaScript. Отработаете полученные знания на практике и сделаете проект для портфолио.
Начинающим разработчикам
Вы усилите и расширите свои компетенции с помощью JavaScript и CSS на продвинутом уровне. Сможете оптимизировать свой рабочий процесс с помощью React и Git, а так же делать более чистые сайты.
Чему вы научитесь:
создавать чистые и качественные сайты используя все возможности HTML, CSS, JavaScript и React.
методам и инструментам создания юзер-френдли сайтов
изучите основы Web дизайна и работы с файлами
Программа
Инструменты разработки
- Интерфейс командной строки
- Семантическое версионирование
- Система контроля версий
- Менеджер пакетов
- Знакомство с интерфейсом IDE
HTML
- Теги
- Атрибуты тегов
- Особенности текста в HTML
- Ссылки и якоря
- Изображения
- Списки
- Таблицы
- Формы
- Аудио и видео
Основы CSS
- Способы добавления стилей на страницу
- Базовый синтаксис CSS
- Значения и единицы измерения
- Селекторы тегов
- Классы
- Идентификаторы
- Каскадирование (вес селекторов)
- Типы носителей и медиазапросы
- Псевдо-классы и псевдо-элементы
- Группирование и наследование
Методология БЭМ
- Блок
- Элемент
- Модификатор
- Микс
- Соглашение по именованию
CSS Layout
- Multiple-column layout
- Table
- Блочная модель
- Float
- Flexbox
- Позиционирование блоков
- Grid
CSS красивости
- Шрифты
- Трансформации
- Анимации
- Градиенты и тени
Препроцессоры и постпроцессоры
- Преимущества и виды препроцессоров
- Переменные и типы данных
- CSS переменные
- Вложенности
- Фрагментирование и импорт
- Базовые директивы
- Управляющие директивы и выражения
- Миксины
- Наследование
- Функции
- Что такое постпроцессор и как они работают
Доступность, семантика и другие способы позаботиться о пользователях
- Доступный мультимедиа
- Семантика в HTML
- Wai-aria атрибуты
- Схемы для структурированных данных
- SVG, PNG спрайты
- Оптимизация изображений
Webpack
- Установка Webpack
- Настройка Webpack
- Loaders
- Plugins
Основы JavaScript
- Внешние скрипты и порядок исполнения
- Структура кода
- Переменные и типы
- Строгий режим
- Взаимодействие с пользователем
- Особенности операторов и преобразование типов
- Логические операторы
- Условные операторы
- Циклы
- Конструкция switch
- Функции в JavaScript
- События и обработчики
Ecmascript
- Как ведут себя типы let и const
- Стрелочные функции
- Шаблонные строки
- Расширенные возможности объектов
- Расширенные возможности массивов
- Деструктуризация, rest и spread операторы
- Объектно-ориентированный JavaScript
- Promise и Fetch API
- JavaScript-модули
Самостоятельный проект, для закрепления знаний
Самостоятельная работа над созданием web сайта. Весь этот период доступна постоянная онлайн-поддержка преподавателя
Как проходит обучение
Занятия в аудитории
Практическая работа в группах
Закрытый чат группы
Защита выпускной работы
Получение диплома
Преподаватель курса
Антон Головин
- Team Lead.
- Ведущий front-end разработчик компании Forforce.
- Специалист в области информационных технологий.
- Основной навык: разработка web интерфейсов любой сложности.
- 7+ лет опыта во Front-end.
Диплом OXYGEN IT SCHOOL
подтвердит, что вы прошли курс и станет дополнительным аргументом при устройстве на работу.
