[BRAIN ACADEMY] Front-end разработка для инструкторов

Front-end разработка для инструкторов​

Спойлер: Программа курса

Блок 1. Основы верстки страницы

• 1.1 Базовые знания графического редактора PhotoShop для получения макета страницы и его порезка для верстки страницы
• 1.2 Базовые принципы оптимизации графики: формат изображений, использование спрайтов, создание Sprite Sheet
• 1.3 Обзор браузеров, их совместимости. Принципы работы браузера. Основы веб-ориентированной клиент-серверной архитектуры веб-приложения. Семантика веб-страницы
• 1.4 Знание HTML, CSS, HTML
• 1.5 Верстка страницы с использованием блочной модели, слоев, позиционирования
• 1.6 Основы SEO оптимизации и доступности сайтов
• 1.7 Знание методологий работы с CSS: OOCSS, BEM, SMACSS и т.п.
• 1.8 Обзор CSS препроцессоров (LESS/SASS): знание и использование LESS, установка и подключение, использование переменных, примесей

Блок 2. Создание логики работы со страницей

• 2.1 Программирование на JavaScript с использованием особенностей языка: массивов, хеш-таблиц, замыканий, примесей, самовызывающихся функций, принципа обратного вызова
• 2.2 Объектно-ориентированное программирование средствами JavaScript
• 2.3 Работа с регулярными выражениями. Обработка файлов в формате JSON.
• 2.4 Работа с DOM и CSS средствами JavaScript, обработка событий
• 2.5 Шаблоны программирования: Singleton, Factory
• 2.6 Cookies: доступ, механизмы сохранения и чтения. LocalStorage, как альтернатива Cookies
• 2.7 Взаимодействие с сервером с использованием AJAX (средствами JavaScript). Работа с HTTP протоколами. Использование XMLHttpRequest. Получение данных в форму
• 2.8 Базовые принципы работы с протоколом WebSockets
• 2.9 Обзор парадигм программирования. Понимание асинхронного программирования. Умение применять объект Deferred для управления асинхронностью
• 2.10 HTML шаблоны (браузерная шаблонизация) и использование шаблонизаторов для отображения данных формата JSON

Блок 3. Шаблоны проектирования

• 3.1 Архитектурные шаблоны проектирования проекта: MVC, MVVP, компонентный подход
• 3.2 Принципы работы javascript MV* фреймворков (на примере одного из: React, Backbone, Angular, Ember, Knockout)
• 3.3 Современные возможности ECMA Script6: обещания (промисы), генераторы, упразднение function и т.п.
• 3.4 Автоматизированная сборка фронтэндпроекта. Подключение и настройка под свои задачи Grunt и gulp-плагина

Блок 4 . Адаптивность и оптимизация верстки

• 4.1 Использование BootStrap 3: верстка колонками, навигационные блоки и навигация по ним, слайдеры и т.п.

Блок 5. Технические вопросы и работа в команде

• 5.1 Локальная настройка веб-сервера. Базовые знания Node.js
• 5.2 Пошаговое исполнение проекта в консоли используя командную строку и встроенные средства отладки браузера
• 5.3 Системы управления версиями и их использование на примере github
• 5.4 Навыки эффективного проведения тренингов

Цену уточнять