КурсыMBAКомпанииГранты на обучениеВузыДоступное образованиеПовысь зарплату

EduMarket Образование
  Вход на сайт
 
Напомнить   
Запомнить меня
 
Пользовательское соглашение


Публикации и новости

Анонсы и релизы (592)

 

Бесплатные видеокурсы (3013)

 

Статьи (2987)

 

Новости (550)

 

Победители конкурса грантов (124)

 


 
СМИ / Бесплатные видеокурсы / IT: Интернет / Бесплатные видеолекции: Фронтенд разработка

Бесплатные видеолекции: Фронтенд разработка

Лекторы - Егор Дыдыкин - руководитель группы 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 "Производительность"
Лектор - Артем Мезин

Лекция посвящена оптимизации приложения в целях увеличения его производительности.

Другие ?????????? ??????????
Все ?????????? ??????????, Обучение в интернете
Пользовательское соглашение       Обратная связь       Карта сайта

© 2006—2022 Edumarket

Присоединяйся к нам и получай лучшие статьи прямо в ленту соцсетей!