HTML Academy | Профессиональный JavaScript, уровень 1 (2018) PCRec [H.264/1080p-LQ]

Автор (режиссер): HTML Academy
Жанр: Программирование, JavaScript

Описание:
Перед вами самый свежий и актуальный курс по базовому программированию на языке Javascript от html-academy. Цель данного курса - залить крепкий фундамент основ JavaScript, чтобы вы смогли понять его азы и в будущем профессионально развиваться в данном направлении.

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

Видео: AVC/H.264, 1920x1080, ~536-1469 Kbps
Аудио: AAC, 2 ch, 136-256 Kbps

Просмотр доступен только для зарегистрированных пользователей

Раздел 1 Знакомство
Рассмотрим схему работы на интенсиве, какие инструменты понадобятся. Начнём разбирать основы JavaScript.

Организационные вопросы.
Обзор проектов.
Схема работы на интенсиве.

Введение в программирование.
Программирование и алгоритмы.
Данные.
Линейные алгоритмы.
Ветвящиеся алгоритмы.

Основы JavaScript.
Типы данных.
Операторы.
Приведение типов.
Переменные.
Функции.
Условные операторы.

Раздел 2 Встроенные API
Разбираемся со сложными типами данных: массивы и объекты, циклические алгоритмы, а также посмотрим на встроенные в JavaScript объекты для работы с окном браузера, открытой страницей, DOM-элементами и графикой.

Отладка кода.

Сложные типы данных.
Циклические алгоритмы.
Массивы.
Объекты.

Встроенные объекты.
document, элемент для работы c DOM-деревом.
canvas, элемент для работы c программируемой графикой.

Раздел 3 DOM
Пробуем создавать, удалять, перемещать и управлять DOM-элементами. Опишем данные, которые будем отображать на странице, а затем, с помощью шаблонов отрисуем их.

Управление DOM-деревом.
DOM-дерево: структура.
Поиск элементов на странице.
Управление атрибутами DOM-элементов.
Перемещение элементов в DOM-дереве.

Подходы к созданию DOM-элементов.
Управление разметкой: insertAdjacentHTML, innerHTML, textContent.
Создание DOM-объектов.

Шаблонизация.
Строковая шаблонизация.
Специальный тег <template>.

Раздел 4 Обработка событий
Рассмотрим динамическое взаимодействие с пользователем: как сделать так, чтобы страница начала реагировать на ввод текста в формы, нажатие на определённые элементы, прокрутки и прочее. Заодно попробуем сделать страницу более доступной: как добавить правильную работу с клавиатурой и зачем это нужно.

Асинхронность, Event Loop.

События.
Обработчики событий.
Объект Event, управление событиями.
Фазы событий и делегирование.
Клавиатурные события и доступность.

Валидация форм.

Раздел 5 Модули
Обсудим принцип DRY (не повторяйся) и как им пользоваться для того, чтобы писать меньше кода, но при этом делать больше.

Перетаскивание.
Изменение координат элементов на странице.
Drag and Drop.

Области видимости функций.
Области видимости.
Глобальная область видимости.
Замыкания.
Потеря окружения.

Модульность.
Повторное использование кода, принцип DRY.
Функции как модули.
Понятие модуля, виды модулей.
Инкапсуляция.
Немедленно выполняющиеся функции (IIFE).

Раздел 6 Работа с сетью
Взглянем на протокол HTTP и инструменты, которые позволяют делать запросы из браузера. Рассмотрим, как меняется взаимодействие пользователя с сайтом при начале работы с сетью, что может пойти не так и что с этим делать.

Исключения.

Оператор множественного выбора switch.

Протокол HTTP и форматы данных.
XML.
JSON.
JSONP.
Объект XMLHttpRequest.
Обработка ошибок в запросах.

Раздел 7 Структуры данных
Разберём непопулярную среди фронтенд-разработчиков тему структур данных. Что такое данные, почему у них есть структура, и на доступных примерах посмотрим, как использование структур данных может облегчить разработчику жизнь.

Контекст функций.
Ключевое слово this.
Изменение контекста.

Продвинутая работа с массивами.
Управление массивами: вставка и удаление элементов.
Выборки из массива: slice и filter.
Сортировка.
Итераторы по массивам.
Свёртка массивов: some, every и reduce.

Оптимизации производительности.
Оценка эффективности алгоритмов.
Пропуск кадров — тротлинг (throttle).
Устранение дребезга — дебаунс (debounce).

Раздел 8 Компонентный подход
Разберём продвинутую работу с объектами, узнаем как можно удобным способом создавать большое количество одинаковых объектов и зачем это нужно.

Типизированные объекты.
Функции-конструкторы.
Прототипы.
Цепочки прототипов, наследование.
Полиморфизм, переопределение методов.

Рефакторинг.

Раздел 9 Узкие места в JavaScript
Посмотрим на особенности JavaScript, которые лучше не забывать учитывать при разработке. Заодно взглянем на дополнительные полезные техники, не разобранные на интенсиве.

Необязательные точки с запятой.
Подвешивание (hoisting) переменных и функций.
Продвинутые техники программирования.
Регулярные выражения.
Минификация кода.

Раздел 10 Финал
Подводим итоги интенсива. Что делать дальше.

Скриншоты:

Время раздачи: 24/7 (круглосуточно) (до появления первых 3-5 скачавших)

DepictWeb
А где эти все складчины происходят? Не здесь же? Просветите.

Спасибо большое, а будет 2й уровень javascript?

thurth писал(а):

spbtellurian писал(а):

Жесть как она есть. Без связанная путанная речь с аллегориями из детского сада.
Не умеет "учитель" преподавать и объяснять ни его это.

Не понятного на кого это рассчитано. Те кто вообще ни чего не знают те после просмотра буду иметь в голове кашу и не связанный набор отрывков с очень большими пробелами в теории.

Крайне не советую тратить на это время.

HTML Academy | Профессиональный JavaScript, уровень 1 ну как бы назнавии говорит для кого оно у кого есть база и до этого же у них есть базовый интенсив по javascript

Могу лишь повторить свой тезис - очень без связанная речь , сам понимать понимает, наверное, но объяснить не может, хотя старается. Иногда увлекается и начинает по несколько раз объяснять одно и тоже.
Какой то мало внятный салат обрывков информации, нет стройности изложения. Кто не знает то офигеет кто знает то офигеет еще больше от такой подачи.

Для себя вывод сделал что смотреть чтото еще в исполнении этого "препода" нет желания совсем.
Ну и большая тень на всю "академию" если у них кто еще есть из преподов.

Это моё личное оценочное суждение которое может радикально не совпадать с мнением других участников форума.

spbtellurian писал(а):

thurth писал(а):

spbtellurian писал(а):

Жесть как она есть. Без связанная путанная речь с аллегориями из детского сада.
Не умеет "учитель" преподавать и объяснять ни его это.

Не понятного на кого это рассчитано. Те кто вообще ни чего не знают те после просмотра буду иметь в голове кашу и не связанный набор отрывков с очень большими пробелами в теории.

Крайне не советую тратить на это время.

HTML Academy | Профессиональный JavaScript, уровень 1 ну как бы назнавии говорит для кого оно у кого есть база и до этого же у них есть базовый интенсив по javascript

Могу лишь повторить свой тезис - очень без связанная речь , сам понимать понимает, наверное, но объяснить не может, хотя старается. Иногда увлекается и начинает по несколько раз объяснять одно и тоже.
Какой то мало внятный салат обрывков информации, нет стройности изложения. Кто не знает то офигеет кто знает то офигеет еще больше от такой подачи.

Для себя вывод сделал что смотреть чтото еще в исполнении этого "препода" нет желания совсем.
Ну и большая тень на всю "академию" если у них кто еще есть из преподов.

Это моё личное оценочное суждение которое может радикально не совпадать с мнением других участников форума.

Позвольте вставить свои 5 копеек.
На текущий момент посмотрел 5 лекций и ощущение сложилось следующее:
Могу поддержать "не связанную речь" исключительно на первых лекциях, где идет активное погружение/объяснение игры - там действительно много не до конца понятных вещей (особенно юзкейсов по применению объясняемого материала в жизни верстальщика/начинающего JS-разработчика).
Но, начиная с второй половины 3й лекции все меняется. Материал подается достаточно глубоко и достаточно понятно. Более того примеры и подача материала отличается от выше упомянутого Кантора и других ресурсов.

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

ЗЫ
Возможно я поменяю свою точку зрения, когда досмотрю курс до конца.

А когда планируется js уровень 2? из последних потоков?

DepictWeb писал(а):

atosdo писал(а):

А где эти все складчины происходят? Не здесь же? Просветите.

Ответил в личные сообщение.

И мне туда же можно?

А с какого это потока?

Kenzo80 писал(а):

DepictWeb писал(а):

atosdo писал(а):

А где эти все складчины происходят? Не здесь же? Просветите.

Ответил в личные сообщение.

А можно и мне в личку ответить?)

Да что уж там и мне напишите

spbtellurian писал(а):

Жесть как она есть. Без связанная путанная речь с аллегориями из детского сада.
Не умеет "учитель" преподавать и объяснять ни его это.

Не понятного на кого это рассчитано. Те кто вообще ни чего не знают те после просмотра буду иметь в голове кашу и не связанный набор отрывков с очень большими пробелами в теории.

Крайне не советую тратить на это время.

Согласен, тоже не пойму эти их курсы с пендальфами.. HTML/CSS курсы топ, а эти прям чет не заходят

Kenzo80 писал(а):

DepictWeb писал(а):

atosdo писал(а):

А где эти все складчины происходят? Не здесь же? Просветите.

Ответил в личные сообщение.

А можно и мне в личку ответить?)

И мне,пожалуйста))

спасибо

Большое спасибо.

Kenzo80 писал(а):

DepictWeb писал(а):

atosdo писал(а):

А где эти все складчины происходят? Не здесь же? Просветите.

Ответил в личные сообщение.

А можно и мне в личку ответить?)

+

ybeliaev писал(а):

Ребята, не тратьте время. Читайте и разбирайте онлайн ресурс Кантора. Решайте все задачки в нём!!! Что непонятно( Кантор иногда сложно объясняет) - ищите ответ в интернете( по замыканиям, this, setTimeout... можно найти хороший материал ). Говорю как человек, просмотревший кучу курсов, теперь повторяю Кантора - Библия по JS. Никакой курс не даст такой информации , иначе он на 150 часов был бы растянут и стоил тьму денег - никто этого делать не будет, людям нужно по быстрому денег срубить. Вёрстку ещё по курсам можно - там учить то нечего, но не JS.... Это как С++ за 21 день.))

Кому сейчас нужен верстальщик без знаний JS?
верстка сама по себе уже умерла, по сути.

Не подскажете когда будет уровень 2 ?