КУРС JavaScript Junior программист Front-end

Информационные технологии

Участников:

10

Стоимость:

67000

Время:

18:00

Освойте один из самых распространенных языков программирования JavaScript и одну из самых современных и востребованных профессий frontend-разработчика.

Курс JavaScript Junior программист Front-end — ориентированы на новичков и если у вас нет опыта в программировании — данный курс вам подойдет.

Мы набираем группу до 10 человек. За каждым учеником закреплен наставник, который будет помогать вам на протяжении всего проекта. Совместно с наставником вы сможете поучаствовать в реализации реального проекта. Лучшим ученикам будут выданы призы за участия в реализации реального проекта.

«Самое главное в обучение — это принцип и механика по которому строится обучение». Анна, CEO KNOWKNOW

ПРОГРАММА КУРСА:

Курс включает в себя 73 занятия (146 часов). Продолжительность обучения — 8 месяцев.

МОДУЛЬ 1 «ВЕРСТКА».

Продолжительность 8 недель. Обучение: вторник — четверг.
ИТОГО: 16 занятий по 2 часа. ВСЕГО — 32 часа.

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

МОДУЛЬ 2 «АДАПТИВНАЯ ВЕРСТКА».

Продолжительность 4 недели. Обучение: вторник — четверг.
ИТОГО: 7 занятий по 2 часа. ВСЕГО — 14 часов.

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

МОДУЛЬ 3 «Основы JavaScript»

Продолжительность 8 недель.Обучение: вторник — четверг.
ИТОГО: 16 занятий по 2 часа. ВСЕГО — 32 часа.

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

МОДУЛЬ 4 «Фреймфорк VueJS«

Продолжительность 8 недель. Обучение: вторник — четверг.
ИТОГО:  16 занятий по 2 часа. ВСЕГО — 32 часов.

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

МОДУЛЬ 5 «React JS«

Продолжительность 7 недель. Обучение: вторник — четверг.
ИТОГО:  14 занятий по 2 часа. ВСЕГО — 28 часов.

  1. Основы React.js. Понятие Виртуальный DOM. React state. React Props. Реакт-элемент. Построение компонентов на JSX. Webpack + Babel.
  2. Жизненный цикл компонентов. Иерархия компонентов. Состояние компонентов. Сборщик приложений Webpack. React Mixins. React Pure Render.
  3. Создание компонентов с помощью ES6 классов. Higher Order Components. Functional Components. Знакомство с Redux.
  4. Middleware в Redux. Redux dev tools. Архитектура React / Redux приложений. Асинхронные actions в Redux.
  5. React Router. React Router Hooks. Работа с навигацией в приложении, ссылки и переходы по странице, авторизация пользователя. Интеграция React Router и Redux.
  6. Flux. Обзор и структура.
  7. Работа с иммутабельными данными в приложении. Библиотека ImmutableJS от Facebook. Тестирование приложения. Написание unit-тестов для функций, reducers, actions и компонентов. Enzyme.
  8. Селекторы, нормализация кода. Работа с React Performance. Архитектура приложений на React.

МОДУЛЬ 6 «Работа над проектом«

Продолжительность 2 недели. Обучение: вторник — четверг.
ИТОГО: 4 занятий по 2 часа. ВСЕГО — 8 часов.

В РЕЗУЛЬТАТЕ ВЫ:

  1. Поймёте что такое архитектура сайта и как ее правильно создать.
  2. Научитесь создавать и подключать базу данных, настраивать программы.
  3. Научитесь весрстать кроссбраузерный сайт и создавать адаптивную верстку сайта и современного лендинга.
  4. Изучите основы Javascript и Front-End разработки.
  5. Получите знания и опыт работы с фреймворк VueJS.
  6. Создадите свой проект , который разместите на хостинге.
  7. Поучаствуете в реализации реальных проектов, которые мы реализовываем для наших клиентов.
  8. Соберете портфолио.

 

iconmonstr-file-22-240Обучение построено по принципу 100% практики. Благодаря работе над реальными проектами Вы сможете применить полученные знания и перевести их в практическую плоскость.

МЕХАНИКА И ПРИНЦИП ОБУЧЕНИЯ

 

  • Максимальное количество участников — 10 человек.
  • Обучение строится по принципу «лекция-практика-наставничество-работа в мини-командах над реальным проектом»
  • Вы будете работать в командах по три человека. У каждой команды будет наставник, который будет сопровождать вас на протяжении всего цикла разработки. Каждой команде будет дано задание, направленное на закрепление знаний, полученных на вебинаре на практику. По итогу выполнения работы будет оценка по чек-листу с подробной обратной связью, направленной на улучшение навыка программирования.
  • Задача каждой команды — выполнить полученное задание в срок с минимальными ошибками.
  • В ходе работы в командах вы увидите, как вы приобретаете практический опыт написания кода.

iconmonstr-file-22-240Данный формат был разработан для тех людей, кто хочет получить реальные знания и навыки, кто ценит системный подход, готов выполнить домашние задание перед обучением и внедрять полученные знания в ежедневную работу.


iconmonstr-time-2-240Начало:

  • 18:00 -18:45 — вебинар (лекционно-практическая часть). Вам по каждому модулю будет выслан материал. На вебинаре мы разбираем практическую часть с опорой на высланный материал
  • 18:45-19:00 — перерыв
  • 19:00-20:00- практика в режиме реального времени с преподавателем