Программирование HTML Academy | Интенсивный онлайн-курс «Базовый JavaScript» (2015)

[Melanholik]

Автор (режиссер): Александр Першин
Жанр: Программирование, JavaScript
Доп. материалы: Есть

Описание:

Начальный уровень: новичок
Интенсив рассчитан на новичков без навыков программирования. Для прохождения интенсива нужны навыки HTML и CSS, для получения которых достаточно пройти бесплатные интерактивные курсы на HTML Academy.

Профессиональный рост
Этот интенсив предназначен для «прокачки» верстальщика до полноценного фронтенд-специалиста, востребованного на рынке.

Рабочий процесс как в IT-компаниях
Процесс работы над практическими заданиями построен с использованием систем контроля версий и GitHub.

Спойлер: Программа интенсива:

Раздел 1: введение
Теория:
Инструменты работы с JavaScript: браузер, консоль, IDE.
Введение в работу с системой контроля версий.
Рабочий процесс на интенсиве.
Введение в JavaScript.
Области применения JavaScript.
Функции, типы данных, переменные.
Условные операторы, циклы.
Диалоговые окна.
Интерпретируемость языка, очередность выполнения команд.
Исключения.
Консоль.

Практика:
Клонирование репозитория.
Выбор IDE.
Настройка рабочего окружения.

Раздел 2: знакомство с DOM
Теория:
Введение в работу с DOM. Формы.
События. Модель DOM Level 0.
Cookies.
Javascript. Контекст функции.

Практика:
Валидация данных, введенных в форму.
Сохранение последних валидных данных в форме в cookies.

Раздел 3: погружение в DOM
Теория:
Продвинутая работа с DOM: создание, удаление элементов, DocumentFragment.
Введение в шаблонизацию.
Работа с изображениями.
Базовые структуры данных: массивы и объекты.
Библиотеки jQuery, lodash/underscore, mout.
Интервалы и таймауты.
Асинхронность JavaScript, очередность выполнения кода, потеря окружения.

Практика:
Создание DOM-дерева на основе заданной структуры данных.
Добавление обработчиков ошибок и таймеров на загрузку изображений.

Раздел 4: передача и обработка данных
Теория:
Введение в HTTP: методы, коды состояния, заголовки.
Введение в AJAX.
Объект XMLHttpRequest.
GlobalFetch.
jQuery.ajax.
Cross-Origin Resource Sharing (CORS).
Работа с коллекциями.
Хранение данных в localStorage.

Практика:
Загрузка структуры данных с прошлой недели с сервера по AJAX.
Фильтрация списка.
Сохранение состояния фильтров в LocalStorage.

Раздел 5: события
Теория:
Модель событий DOM Level 2.
Обработчики событий. Создание, удаление обработчиков.
Объект Event. Фазы события.
Контекст функции. Задание контекста.
Замыкания.
Делегирование событий.
Обработка событий в jQuery.

Практика:
Добавление фотогалереи на учебный проект, начало.

Раздел 6: введение в ООП
Теория:
Введение в объектно-ориентированное программирование (ООП).
Особенности ООП в JavaScript: Прототипы. Конструкторы. Цепочка прототипов. Наследование в JavaScript.

Практика:
Продолжение работы с фотогалереей.

Раздел 7: медиа и графика
Теория:
HTMLMediaElement на примере audio и video.
Графика на SVG.
Введение в графику на Canvas.

Задание:
Завершение фотогалереи, добавление видеопроигрывателя в качестве одного из слайдов.
Начало работы над интерактивным компонентом учебного проекта.

Раздел 8: работа с состояниями приложения
Теория:
Работа с адресной строкой. window.location. document.location.
Введение в работу с историей браузера. pushState/popState.
Введение в MVC. Библиотека backbone.js

Практика:
Cохранение состояния приложения в адресной строке браузера и восстановление после перезагрузки страницы.
Рефакторинг кода, согласно паттерну MVC.

Раздел 9: лучшие практики и оптимизация
Теория:
Лучшие практики JavaScript. Модульность. Паттерны проектирования.
Введение в работу с памятью, профилирование.

Задание:
Завершение работы с интерактивным компонентом.
Доведение проекта до финального состояния.

Спойлер: Информация о видео

Продолжительность: 19:58:58
Качество видео: PCRec

Видео: AVC/H.264, 1152x720 - 1728x1080, ~200-818 kbps
Аудио: AAC, 2 ch, 147-235 kbps, VBR

Авторизуйтесь, чтобы посмотреть скрытый контент

Скачать:

Авторизуйтесь, чтобы посмотреть скрытый контент

 

[GeorgeZ]

круто! это первый поток? даты проведения не подскажешь?
очень хотел ознакомиться с их курсом.

 

[Melanholik]

круто! это первый поток? даты проведения не подскажешь?
очень хотел ознакомиться с их курсом.

Честно не знаю, но вроде как 2ой поток. 10 ноября - 23 декабря.

 

[LTEBOOST]

Надежные мобильные и резидентные прокси для вашего бизнеса!
Используй купон BOOST для получения скидки!

В наличии приватные мобильные прокси из:

США, Франции, Ирландии, Молдовы, Испании, Англии, Польши, Болгарии, Литвы, Индонезии, Индии, Украины, Казахстана, Кыргызстана, Таиланда, Турции, России и тд.

А также:

⏺ Большое количество мобильных шаред прокси с разных стран
⏺ Безлимитные Резидентные прокси с ротацией по всему миру
⏺ Серверные прокси с ротацией USA, Germany и России
⏺ Мы на связи ежедневно с 11 утра до 2 ночи по Москве
⏺ У нас есть компенсация времени за простой
⏺ Более 7 лет на рынке Мобильных 4G прокси

Наш сайт: https://lteboost.com/
Телеграм канал: Lteboost.com - Мобильные и резидентные прокси

 

[krutyashnik]

ТС, а ты разобрался как использовать git в данном курсе? Тоесть понятно, что он будет без проверок и т.д., но может где то хоть задания есть которые по курсу даются и гит организаторов, где красиво реализованы ответы?

 

[Melanholik]

ТС, а ты разобрался как использовать git в данном курсе? Тоесть понятно, что он будет без проверок и т.д., но может где то хоть задания есть которые по курсу даются и гит организаторов, где красиво реализованы ответы?

Ссори, я с курсом еще не разбирался. Как достал его, так и выложил.

 

[krutyashnik]

Ссори, я с курсом еще не разбирался. Как достал его, так и выложил.

А есть возможность уточнить этот момент там, где забрал его?

 

[Melanholik]

А есть возможность уточнить этот момент там, где забрал его?

Этим вопросом многие интересуются. Пока никто не ответил

 

[lprom]

не могу скачать с Torrent, перезалейте ели кто может.

Магнет устроит? [HIDE-POSTS=1]magnet:?xt=urn:btih:37a661f3cf9a5f889acc9cda741e20c8d9a88a4f[/HIDE-POSTS]

 

[Melanholik]

Перезалил

Авторизуйтесь, чтобы посмотреть скрытый контент

 

[vhv0hhh]

Кто нибудь проходил курс? Смущает что ведет курс не сам Александр. Сейчас стоит выбор между этим и bursa

 

[Melanholik]

Кто нибудь проходил курс? Смущает что ведет курс не сам Александр. Сейчас стоит выбор между этим и bursa

сам не проходил, но слышал что по js у html academy слабоватый курс, а bursa хвалили кстати.

 

[Ecco Arts]

Кто нибудь проходил курс? Смущает что ведет курс не сам Александр. Сейчас стоит выбор между этим и bursa

Только вулючил курс, и сразу выключил и удалил не смотря на то что весть 6 гигов, многи создатели курсов забывают что не мало важно голос автора и умение подавать информацию, а у автора этого курса просто ужасно высокий, детский голос и говорит не внятно.
Печалька, курсы на ютубе лучше как по мне.

 

[Lotrall]

сам не проходил, но слышал что по js у html academy слабоватый курс, а bursa хвалили кстати.

а где можно посмотреть уроки burda?

 

[taranova]

Курс неплохой, есть проблемы с записями и практических заданий здесь Вы не найдете, но зато показываются реально основы языка, нативные методы.

 

[Melanholik]

а где можно посмотреть уроки burda?

Держи https://s1.piratehub.biz/threads/itbursa-professionalnye-javascript-kursy-2015.8358/ . А еще кстати хвалили уроки Sorax'a. На ютуб канале есть его уроки.