КУРСЫ AVENUE — ЭТО:⠀

— обучение очно в аудиториях (Москва, метро Семеновская) или онлайн;⠀

— преподаватели-практики (реальные айти-шники, маркетологи и дизайнеры);⠀

— занятия в мини-группах до 8 человек;⠀

— практический подход к обучению;⠀

— сертификат по окончанию курса;⠀

— помощь в трудоустройстве после обучения;⠀

— гибкая система скидок.

ПРОГРАММА:

Модуль 1. Верстка сайтов.

1. Введение в веб-разработку. Сайтостроение. Элементы веб-разработки: блочные и строчные. Поток документа.
2. Каскадные таблицы стилей CSS. Синтаксис и простые селекторы. Вложенность и наследование.
3. Язык разметки HTML. Теги оформления, комментарии, гиперссылки, изображения, списки и другие элементы веб-страницы.
4. Селекторы. Псевдоклассы и псевдоэлементы. Работа с текстом на веб-странице.
5. Фон. Табличная сетка и списки. Работа с данными на сервере, создадим форму обратной связи.
6. Блочная верстка и Box Model.
7. Внешний вид: отступы, обтекания, позиционирование и рамки.
8. Верстка интернет-каталога. Сверстаем карточку товара.

Модуль 2. Адаптивная верстка.

1. Photoshop и Верстка сайтов. Настройка рабочей среды Photoshop для верстальщика. Введение в HTML 5. Начало верстки сайта по PSD-макету.
2. Элементы сайта и работа с ними: чекбокс, радио-кнопка, переключатели. Введение в адаптивную верстку.
3. Desktop и Mobile First подходы. Основные сходства и отличия.
4. Работа с изображениями на веб-странице. SVG и WEBP. Слайдеры.
5. Введение в jQuery. Создадим слайдер для сайта. Обзор Animate.css.
6. Методологии верстки: БЭМ, OOCSS, SMACSS, Atomic CSS. Особенности работы с Figma.
7. Препроцессоры LESS, SASS, PostCSS. Обзор фреймворка Bootstrap.
8. Git и Gulp. Сборка финального проекта — многостраничного адаптивного и кроссбраузерного сайта.

Модуль 3. JS основы.

1. Введение в Javascript. Обзор среды разработки — WebStorm. Первый проект на Javascript. Первая программа на Javascript. Система управления версиями — Git.
2. Синтаксис. Переменные и операторы. Идентификаторы, литералы. Типы данных в Javascript. Выражения и операторы в Javascript. Типы операторов и их взаимодействие.
3. Функции. Функциональные выражения. Стрелочные функции. Анонимные функции.
4. Массивы. Создание и инициализапция массива. Команды Pop/Push, Shift/Unshift.
5. DOM (Дерево). Определение и функции DOM в Javascript. Навигация по DOM-элементам (getElement* и querySelector*). Основы работы с событиями. Библиотека jQuery.
6. Ajax. Загрузка данных в фоне. Фоновая отправка формы.
7. Прототипное программирование. ООП в Javascript. Классы в ООП Javascript.
8. Модули в Javascript. NodeJS. WebPacker.

Модуль 4. VueJS.

1. Знакомство с VueJS. Установка VueJS на странице. Первое приложение «Hello world». Директивы: v-if, v-for, v-on, v-model.
2. Компоненты во VueJS. Структура компонента. Входящие данные: props. События компонента: $emit. Значения по-умолчанию для props. Составные компоненты. Распределение зон ответственности между компонентами. Mixins. Однофайловые компоненты. Приложение «Список дел».
3. Принцип DRY. Повторное использование кода. Примеси Mixins.
4. Навигация в приложениях на VueJS. Подключение библиотеки VueRouter. Схема маршрутов приложения. Вложенные маршруты. Ссылки перехода router-link. Программная навигация. Передача параметров в машруте. Props и параметры маршрута
5. Паттерн управления состоянием приложения. Библиотека Vuex. Подключение и настройка хранилища. Мутации. Геттеры. Приложение «Складской учет».
6. Взаимодействие с сервером. Библиотека VueResource. Архитектура приложения, работающего с API. Обработка ответа сервера.
7. Авторизация в приложении на VueJS.
8. Шаблон проекта на VueJS. Утилита vue-cli. Сборка проекта для публикации на хостинге.