Лекторы - Егор Дыдыкин - руководитель группы 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.
Занятие №3 "Архитектура веб-приложений" Лектор - Иван Чашкин
Модули, БЭМ, Backbone, Роутинг
Занятие №4 "Веб-формы" Лектор - Артем Мезин
Назначение и основные определения веб-форм HTML верстка. Элементы форм. Атрибуты форм и ее элементов Работа с формами на JavaScript. События формы и ее элементов. Валидация. Передача данных на сервер. UX решения в формах. Возможности HTML5.
Занятие №5 "HTML, CSS" Лектор - Иван Чашкин
Doctype Теги и атрибуты Строчные элементы Спец. символы Списки Таблицы, формы Стилизация документов