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

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

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

Статьи (2986)

Новости (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 "Производительность"
Лектор - Артем Мезин

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

Другие бесплатные видеокурсы

Бесплатная видеолекция: Изменение трудового договора в одностороннем порядке
Ведет мастер-класс сертифицированный специалист в области кадрового менеджмента, член Национального ...
Бесплатная видеолекция: Адаптация персонала в организации: виды, методы, результаты
Ведет семинар сертифицированный специалист по кадровому менеджменту с более чем 15-летним опытом ...
Бесплатная видеолекция: Учет убытков прошлых лет для целей налога на прибыль в программе 1С Бухгалтерия 3
Семинар ведет ведущий преподаватель центра «Специалист» по бухучету и программе 1С с более, чем ...

Все бесплатные видеокурсы, Обучение в интернете

Быстрый поиск по теме Программы MBA Курсы бухгалтеров Курсы 1с Курсы иностранных языков Тренинги по продажам Курсы программирования Курсы управление персоналом Бесплатные курсы ещё	Поиск по городам Курсы в Москве Курсы в Санкт-Петербурге Курсы в Екатеринбурге Курсы в Новосибирске Курсы в Нижнем Новгороде Курсы в Самаре Курсы в Ростове-на-Дону Курсы в Казани ещё	Сервисы карьеристам Сервисы до и после регистрации Поиск курса, программы обучения Выбор выставки, конференции Конкурс грантов Деньги на обучение EduMoney Рейтинг компаний Публикации и новости Словари ещё	Организаторам мероприятий Правила размещения мероприятий Регистрация компании Реклама и сервисы на сайте Аудитория сайта Каталог компаний ещё