Javascript [HTML Academy] Интенсивный онлайн-курс «Базовый JavaScript» №1

крымский гусь
крымский гусь
Премиум
Регистрация
24/06/2018
Сообщения
466
Репутация
169
  • 2
  • #1
Автор: HTML Academy
Название: Интенсивный онлайн-курс «Базовый JavaScript» №1

Содержание

Раздел 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. Модульность. Паттерны проектирования.
  • Введение в работу с памятью, профилирование.
Задание:
Завершение работы с интерактивным компонентом.
Доведение проекта до финального состояния.

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

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

Отзывов в теме: 2

Zefer
Премиум
badge
Регистрация
28/12/2018
Сообщения
4
Репутация
2
Данный курс уже безнадежно устарел. Преимущество одно - HTML Academy, а остальное уже совсем старое. Курс 2015 года недостоин внимания в 2019
 
prosti_bro
Премиум
badge badge
Регистрация
28/05/2019
Сообщения
7
Репутация
13
Качество хорошее. Недостатков курса не найдено
 

wolfenstein2
wolfenstein2
Премиум
badge badge badge badge
Регистрация
26/04/2018
Сообщения
103
Репутация
175
Данный курс уже безнадежно устарел. Преимущество одно - HTML Academy, а остальное уже совсем старое. Курс 2015 года недостоин внимания в 2019
судя по содержимому, и тому что у них сейчас на сайте - ничего не изменилось и содержимое курса в 2019 то же саоме.
т.к. программа и проекты итоговые абсолютно те же.

к тому же - это же азы js. они ваще устареть не могут.
база есть база же.
 
R1an
Премиум
badge
Регистрация
26/08/2019
Сообщения
2
Репутация
0
судя по содержимому, и тому что у них сейчас на сайте - ничего не изменилось и содержимое курса в 2019 то же саоме.
т.к. программа и проекты итоговые абсолютно те же.

к тому же - это же азы js. они ваще устареть не могут.
база есть база же.

Разницы в программе то нет, но стандарт языка уже устарел.
 
wolfenstein2
wolfenstein2
Премиум
badge badge badge badge
Регистрация
26/04/2018
Сообщения
103
Репутация
175
Разницы в программе то нет, но стандарт языка уже устарел.
Тут согласен.
Не каждый согласится после прохождения курсов, потом ещё и новые стандарты по ютубу или другим курсам изучать.
Дважды время тратить.
Тут прям 100% вы правы.
 
a.samoilenko
a.samoilenko
Премиум
badge badge badge badge
Регистрация
23/05/2019
Сообщения
48
Репутация
138
Разницы в программе то нет, но стандарт языка уже устарел.

Основные изменения произошли когда вышел ECMAScript 6, а вышел он в 2015 году, после этого насколько я знаю изменений в JS не было. Курс вышел вроде в конце 2015, так что думаю инфа актуальная. Да и вообще почти во всех курсах информация одна и та же. Разница только в подаче материала, кому то нравиться чтобы курс вели быстро, динамично, без запинок. Кому то наоборот нравиться, чтобы всё разжёвывали. А по факту дают одно и то же. Основы JS, DOM, и т.д.
 
a.samoilenko
a.samoilenko
Премиум
badge badge badge badge
Регистрация
23/05/2019
Сообщения
48
Репутация
138
Если кому то интересно, мне лично нравиться как ведет курс Иван Петриченко. Полный курс по JavaScript + React - с нуля до результата (2020) - там есть все, что нужно начинающему и не только JS разработчику. Как ведет Петриченко мне понравилось когда я еще изучал html, css и в целом верстку сайтов. И найдя курс его по Javascript был приятно удивлён.
Всем удачи в обучении.
 

Создайте учетную запись или войдите, чтобы комментировать или скачивать материалы!

У вас должна быть учетная запись, чтобы оставлять комментарии

Зарегистрироваться

Создайте учетную запись. Это просто!

Авторизоваться

У вас уже есть аккаунт? Войдите здесь.

Похожие темы

Малыш Джон
Ответы
5
Просмотры
4K
udans
udans
Дева Мэриан
Ответы
2
Просмотры
2K
Дева Мэриан
Дева Мэриан
Малыш Джон
Ответы
2
Просмотры
3K
Vlados44
Vlados44
Малыш Джон
Ответы
3
Просмотры
5K
GushinEu
GushinEu
Роджерc
Ответы
2
Просмотры
4K
Уилл Скарлет
Уилл Скарлет
Малыш Джон
Ответы
0
Просмотры
4K
Малыш Джон
Малыш Джон
Малыш Джон
Ответы
7
Просмотры
6K
efendi
efendi
Малыш Джон
Ответы
0
Просмотры
3K
reineks
reineks
Малыш Джон
Ответы
3
Просмотры
4K
reineks
reineks
Сверху Снизу