Лекторы - Егор Дыдыкин - руководитель группы frontend-разработки Облака Mail.Ru, Иван Чашкин - front end разработчик для мобильных устройств, Артем Мезин- front end разработчик проекта Почта в Mail.Ru.
Цель курса — Дать студентам навыки клиентской разработки, навыки работы с базовыми технологиями CSS и JS, а также обучить базовым принципам разработки под мобильные устройства. Этот курс посвящен разработке той части веб-приложения, которая работает на стороне клиента – в браузере. Отсюда и название – клиент-сайд. Другое название – front-end, тогда как часть веб-приложения, работающая на стороне сервера, называется back-end. В веб-приложениях логика распределена между клиентом и сервером, а обмен информацией происходит по сети. Предполагается, что студент имеет базовые знания веб-технологий (HTML, CSS, JavaScript) и практические навыки решения задач с помощью базовых алгоритмов и структур данных.
Получаемые навыки: В результате изучения курса студенты освоят: разработку клиент-сайда веб-приложений, узнают технологии HTTP, HTML5, CSS, JavaScript, DOM/Event/Host Objects, AJAX. Также смогут получить необходимую базу знаний о работе браузера (десктоп, смартфоны, планшеты), клиент-серверной архитектуре, архитектуре веб-приложений (события, модули, организации кода) и приобретут навыки работы с DOM, асинхронного и событийно-ориентированного программирования, сетевого взаимодествия (AJAX, WebSockets), организации многопоточности в браузере, использования CSS препроцессоров, отладки веб-приложений, сборки проекта (склейка, минификация, GruntJS).
Продолжительность (12 видео): 18 ч 43 мин
Занятие №1 "Введение в курс". Лектор - Егор Дыдыкин
Установка Node.js, Git. Single Page Application. Инструменты для разработки. Автоматизация сборки. Grunt. Gruntfile.js.
Занятие №2 "Инструменты, настройка окружения" Лектор - Артем Мезин
Организация кода. NPM. GruntJS. Фест. Sass
Занятие №3 "Архитектура веб-приложений" Лектор - Иван Чашкин
Модули, БЭМ, Backbone, Роутинг
Занятие №4 "Веб-формы" Лектор - Артем Мезин
Назначение и основные определения веб-форм HTML верстка. Элементы форм. Атрибуты форм и ее элементов Работа с формами на JavaScript. События формы и ее элементов. Валидация. Передача данных на сервер. UX решения в формах. Возможности HTML5.
Занятие №5 "HTML, CSS" Лектор - Иван Чашкин
Doctype Теги и атрибуты Строчные элементы Спец. символы Списки Таблицы, формы Стилизация документов
CSS Подключение
стилей; Базовый синтаксис CSS; Типы значений; Относительные единицы;
Базовые селекторы; Селекторы атрибутов; Комбинаторы; Псевдо-классы;
Каскадирование; Специфичность селекторов; Свойства; Box Model;
Обтекание; Позиционирование; Схема работы браузера/
Занятие №6 "DOM, Events" Лектор - Артем Мезин
Native objects Host objects Prototype Document Object Model Node Обход дерева, поиск элемента HTML Collection Модификация узла Модификация дерева
Events: свойства события, источники, формы
Занятие №7 "Canvas, three.js" Лекторы - Артем Мезин, Егор Дыдыкин
Лекция посвящена работе с графикой при помощи JavaScript и трехмерной графике.
Занятие №8 "Сетевое взаимодействие" Лекторы - Артем Мезин, Егор Дыдыкин
Лекция о сетевом взаимодействии между браузером и сервером.
Занятие №9 "Хранение данных" Лектор - Иван Чашкин
Cookies: использование Set-Cookie Cookie ID JavaScript localStorage Событие Storage
Занятие №10 "Web inspector, Sass" Лектор - Артем Мезин
Занятие №11 "Возможности смартфонов" Лектор - Иван Чашкин
Особенности смартфонов Отличие смартфонов от десктопов Экран Viewport
Занятие №12 "Производительность" Лектор - Артем Мезин
Лекция посвящена оптимизации приложения в целях увеличения его производительности.
|