Москва

Javascript.Front-end разработка

Москва
4 месяца
47 500
Курс завершен
Описание курса

КУРСЫ 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. Сборка проекта для публикации на хостинге.
Для кого курс

Данный курс рассчитан на обучение с нуля. Мы обучаем студентов ТОЛЬКО на практике! Искренне верим в догму практического применения знаний и предпочитаем «закреплять на практике» все приобретенные навыки, которые дадут вам возможность работать в данной сфере уже после окончания курса!

ЧЕМУ НАУЧИТЕСЬ?⠀⠀

— создавать современные сайты с комплексом откликов на браузерные события;⠀⠀

— полноценно использовать HTML & CSS как инструмент веб-разработки; ⠀⠀

— проектировать Базы Данных для сайтов;⠀⠀

— создавать корпоративные сайты для продажи;⠀⠀

— работать с Хостингом и размещать сайты в Интернете.

. ⠀

Программа курса

Формат и условия обучения:

  • обучение очно или онлайн;
  • доступные пакеты обучения: STANDART, VIP, ONLINE;
  • занятия 2 раза в неделю по 2 часа в вечернее время: с 19:00 до 21:00 (дни занятий определяет группа);
  • занятия проводятся в мини-группах до 8 человек;
  • возможность использовать учебный ноутбук;
  • сертификат по окончанию курса;
  • помощь в трудоустройстве после обучения;
  • кофе-бар для студентов IT Avenue;
  • гибкая система скидок;
  • оплата наличными или картой.

ПО ИТОГАМ КУРСА:⠀

— готовый финальный проект в виде разработанного проекта на VueJS — «Интернет магазин спортивных товаров»; ⠀

— владение главными технологиями Front-end разработки (HTML, CSS, JavaScript, Photoshop, WebStorm, jQuery, React.js, Webpack, Git, Gulp, VueJS, Node.js, Figma); ⠀

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

 — готовое резюме и портфолио для дальнейшего трудоустройства.

Преподаватели
По окончании обучения выдается сертификат
Расскажите о мероприятии друзьям

Комментарии

Комментировать
Close
Нажмите на «Подписаться на новости», чтобы вступить в группу T&P
Спасибо, я уже с вами!