КУРСЫ AVENUE — ЭТО:⠀
— обучение очно в аудиториях (Москва, метро Семеновская) или онлайн;⠀
— преподаватели-практики (реальные айти-шники, маркетологи и дизайнеры);⠀
— занятия в мини-группах до 8 человек;⠀
— практический подход к обучению;⠀
— сертификат по окончанию курса;⠀
— помощь в трудоустройстве после обучения;⠀
— гибкая система скидок.
ПРОГРАММА:
Модуль 1. Верстка сайтов.
- Введение в веб-разработку. Сайтостроение. Элементы веб-разработки: блочные и строчные. Поток документа.
- Каскадные таблицы стилей CSS. Синтаксис и простые селекторы. Вложенность и наследование.
- Язык разметки HTML. Теги оформления, комментарии, гиперссылки, изображения, списки и другие элементы веб-страницы.
- Селекторы. Псевдоклассы и псевдоэлементы. Работа с текстом на веб-странице.
- Фон. Табличная сетка и списки. Работа с данными на сервере, создадим форму обратной связи.
- Блочная верстка и Box Model.
- Внешний вид: отступы, обтекания, позиционирование и рамки.
- Верстка интернет-каталога. Сверстаем карточку товара.
Модуль 2. Адаптивная верстка.
- Photoshop и Верстка сайтов. Настройка рабочей среды Photoshop для верстальщика. Введение в HTML 5. Начало верстки сайта по PSD-макету.
- Элементы сайта и работа с ними: чекбокс, радио-кнопка, переключатели. Введение в адаптивную верстку.
- Desktop и Mobile First подходы. Основные сходства и отличия.
- Работа с изображениями на веб-странице. SVG и WEBP. Слайдеры.
- Введение в jQuery. Создадим слайдер для сайта. Обзор Animate.css.
- Методологии верстки: БЭМ, OOCSS, SMACSS, Atomic CSS. Особенности работы с Figma.
- Препроцессоры LESS, SASS, PostCSS. Обзор фреймворка Bootstrap.
- Git и Gulp. Сборка финального проекта — многостраничного адаптивного и кроссбраузерного сайта.
Модуль 3. JS основы.
- Введение в Javascript. Обзор среды разработки — WebStorm. Первый проект на Javascript. Первая программа на Javascript. Система управления версиями — Git.
- Синтаксис. Переменные и операторы. Идентификаторы, литералы. Типы данных в Javascript. Выражения и операторы в Javascript. Типы операторов и их взаимодействие.
- Функции. Функциональные выражения. Стрелочные функции. Анонимные функции.
- Массивы. Создание и инициализапция массива. Команды Pop/Push, Shift/Unshift.
- DOM (Дерево). Определение и функции DOM в Javascript. Навигация по DOM-элементам (getElement* и querySelector*). Основы работы с событиями. Библиотека jQuery.
- Ajax. Загрузка данных в фоне. Фоновая отправка формы.
- Прототипное программирование. ООП в Javascript. Классы в ООП Javascript.
- Модули в Javascript. NodeJS. WebPacker.
Модуль 4. VueJS.
- Знакомство с VueJS. Установка VueJS на странице. Первое приложение «Hello world». Директивы: v-if, v-for, v-on, v-model.
- Компоненты во VueJS. Структура компонента. Входящие данные: props. События компонента: $emit. Значения по-умолчанию для props. Составные компоненты. Распределение зон ответственности между компонентами. Mixins. Однофайловые компоненты. Приложение «Список дел».
- Принцип DRY. Повторное использование кода. Примеси Mixins.
- Навигация в приложениях на VueJS. Подключение библиотеки VueRouter. Схема маршрутов приложения. Вложенные маршруты. Ссылки перехода router-link. Программная навигация. Передача параметров в машруте. Props и параметры маршрута
- Паттерн управления состоянием приложения. Библиотека Vuex. Подключение и настройка хранилища. Мутации. Геттеры. Приложение «Складской учет».
- Взаимодействие с сервером. Библиотека VueResource. Архитектура приложения, работающего с API. Обработка ответа сервера.
- Авторизация в приложении на VueJS.
- Шаблон проекта на VueJS. Утилита vue-cli. Сборка проекта для публикации на хостинге.
Комментарии
Комментировать