Фронтенд-разработка

Осень 2015

Цель курса — Дать студентам навыки клиентской разработки, навыки работы с базовыми технологиями CSS и JS, а также обучить базовым принципам разработки под мобильные устройства.

Описание
Этот курс посвящен разработке той части веб-приложения, которая работает на стороне клиента – в браузере. Отсюда и название – клиент-сайд. Другое название – front-end, тогда как часть веб-приложения, работающая на стороне сервера, называется back-end. В веб-приложениях логика распределена между клиентом и сервером, а обмен информацией происходит по сети. Предполагается, что студент имеет базовые знания веб-технологий (HTML, CSS, JavaScript) и практические навыки решения задач с помощью базовых алгоритмов и структур данных.
На протяжении семестра студентами выполняется проект, параллельно с прослушиванием лекционного материала и участием в практических занятиях. Цель проекта - создание веб-приложения. Серверная часть приложения разрабатывается в рамках курса “Углубленное изучение JAVA”.
Подробнее
Чему научитесь
В результате изучения курса студенты освоят: разработку клиент-сайда веб-приложений, узнают технологии HTTP, HTML5, CSS, JavaScript, DOM/Event/Host Objects, AJAX. Также смогут получить необходимую базу знаний о работе браузера (десктоп, смартфоны, планшеты), клиент-серверной архитектуре, архитектуре веб-приложений (события, модули, организации кода) и приобретут навыки работы с DOM, асинхронного и событийно-ориентированного программирования, сетевого взаимодествия (AJAX, WebSockets), организации многопоточности в браузере, использования CSS препроцессоров, отладки веб-приложений, сборки проекта (склейка, минификация, GruntJS).
Подробнее

Преподаватели

Артём Мезин Артём Мезин

Выпускник МГТУ им. Н.Э. Баумана 2012 г. Front end разработчик проекта Почта в Mail.Ru.

Иван Чашкин Иван Чашкин

Front end разработчик для мобильных устройств

Егор Дыдыкин Егор Дыдыкин

Руководитель группы frontend-разработки Облака Mail.Ru

Программа

занятие Часы в ауд. + сам. работа

Лекция №1: Фронтенд Введение  
+ ДЗ №1

4 ак. ч. + 4 ак. ч. СР

Смешанное занятие №1: Инструменты, настройка окружения  
+ ДЗ №2

4 ак. ч. + 2 ак. ч. СР

Смешанное занятие №2: Архитектура и отладка веб-приложений  
+ ДЗ №3

4 ак. ч. + 3 ак. ч. СР

Лекция №2: HTML формы. AJAX.  
+ ДЗ №4

4 ак. ч. + 1 ак. ч. СР

Лекция №3: HTML верстка  
+ ДЗ №5

4 ак. ч. + 4 ак. ч. СР

Контрольное занятие №1: Рубежный контроль №1. Проверка знаний  

4 ак. ч.

Лекция №4: Работа с DOM, Events  
+ ДЗ №6

4 ак. ч. + 4 ак. ч. СР

Смешанное занятие №3: Основы работы с canvas, three.js  
+ ДЗ №7

4 ак. ч. + 4 ак. ч. СР

Контрольное занятие №2: Рубежный контроль №2. Проверка знаний  

4 ак. ч. + 2 ак. ч. СР

Лекция №5: Сетевое асинхронное взаимодействие  
+ ДЗ №8

4 ак. ч. + 4 ак. ч. СР

Лекция №6: Хранение данных на клиенте  
+ ДЗ №9

4 ак. ч. + 2 ак. ч. СР

Лекция №7: Web Inspector и препроцессоры CSS  
+ ДЗ №10

4 ак. ч. + 2 ак. ч. СР

Контрольное занятие №3: Рубежный контроль №3. Проверка знаний  

4 ак. ч. + 3 ак. ч. СР

Лекция №8: Производительность  
+ ДЗ №11

4 ак. ч. + 2 ак. ч. СР

Лекция №9: Возможности смартфонов  
+ ДЗ №12

4 ак. ч. + 2 ак. ч. СР

Контрольное занятие №4: Рубежный контроль №4. Проверка знаний  

4 ак. ч. + 2 ак. ч. СР

Контрольное занятие №5: Защита проекта  

4 ак. ч. + 2 ак. ч. СР

РАСПИСАНИЕ

Полное расписание