Содержание

Раздел 1: введение
Теория:

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

Раздел 2: знакомство с DOM
Теория:

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

Раздел 3: погружение в DOM
Теория:

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

Раздел 4: передача и обработка данных
Теория:

• Введение в HTTP: методы, коды состояния, заголовки.
• Введение в AJAX.
  • Объект XMLHttpRequest.
  • GlobalFetch.
  • jQuery.ajax.
• Cross-Origin Resource Sharing (CORS).
• Работа с коллекциями.
• Хранение данных в 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

Раздел 9: лучшие практики и оптимизация
Теория:

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

Подробнее:

[HTML ACADEMY] Профессиональный онлайн‑курс JavaScript, уровень 1 [17 января — 23 марта 2020] | Складчина

Первая неделя
Раздел 1
Знакомство

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

Организационные вопросы.

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

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

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

Раздел 2
Встроенные API​

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

Сложные типы данных.

• Циклические алгоритмы.
• Массивы.
• Объекты.

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

Вторая неделя
Раздел 3
DOM
​

Управление DOM-деревом.

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

• Управление разметкой: insertAdjacentHTML, innerHTML, textContent.
• Создание DOM-объектов.

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

Раздел 4
Обработка событий​

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

События.

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

Третья неделя
Раздел 5
Модули

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

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

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

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

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

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

Протокол HTTP и форматы данных.

• XML.
• JSON.
• JSONP.
• Объект XMLHttpRequest.
• Обработка ошибок в запросах.

Четвёртая неделя
Раздел 7
Структуры данных

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

• Ключевое слово this.
• Изменение контекста.

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

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

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

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

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

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

Программа обучения в HTML Academy

Эпичный курс

Применяйте полученные знания на практике!

Вы с нуля сверстаете настоящий сайт, используя графический макет. Всё, как у настоящих профессионалов.

Эпичный курс открывается постепенно, по мере прохождения программы обучения.

Помогаем Кексу запустить магазин кошачьих аксессуаров и фэшена.

В этой главе мы под руководством инструктора Кекса познакомимся с основами вёрстки на примере небольшого лендинга.

Познакомимся с JavaScript, с его помощью изменим вёрстку на странице, напишем переключатель тем, сделаем интерактивную форму подписки и научимся пользоваться консолью.

Познакомимся с основами PHP. Научимся внедрять PHP в вёрстку, работать с веб-сценариями и адресной строкой, запрограммируем интернет-магазин.

Начинаем готовить разметку страницы блога, разбираемся из каких тегов она состоит и за что эти теги отвечают.

Продолжаем верстать страницу блога, изучаем, как правильно размечать текстовое содержание: абзацы, заголовки, подзаголовки, списки и многое другое.

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

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

Завершаем оформление страниц блога, учимся оформлять тексты с помощью CSS: задаём шрифты, цвета, отступы, размеры.

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

Познакомимся с коллекциями элементов и циклом for of, научимся с помощью свойств получать данные и управлять элементами, сделаем всплывающие подсказки и валидацию формы.

Узнаем, как управлять прокруткой в браузере, и познакомимся с операторами равенства и логическим И. Запрограммируем кнопку прокрутки к началу страницы и создадим фильтрацию на новостном сайте.

Научимся менять стили элементов, используя свойство style и данные из полей ввода. Запрограммируем настройки цвета и размера текста на странице, добавим шкалу сложности пароля и возможность посмотреть пароль.

Научимся использовать условия в сценариях и шаблонах. Познакомимся с операциями сравнения и логическими операторами. Доработаем страницы интернет-магазина.

Узнаем, что такое массивы и циклы, и почему они отлично работают вместе. Поработаем с разными массивами и циклами на страницах интернет-магазина. Добавим фильтрацию товаров и решим ещё пару задач.

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

Научимся работать с числами и строками в PHP, познакомимся с циклом for и тернарным оператором. Сделаем пагинацию и выведем на страницу дату в сложном формате.

Вспомним какие элементы есть в стандарте HTML и как их правильно использовать. Потренируемся вставлять на страницу аудио, видео и векторные изображения, подключать и использовать нестандартные шрифты, а также познакомимся с крутыми возможностями CSS.

Узнаем, из каких тегов состоит таблица и как управлять количеством строк и столбцов. Научимся оформлять таблицы: задавать рамки, фон строк, размеры столбцов, выравнивать текст внутри ячеек. И самое главное — разберёмся, как объединять ячейки.

Кексби. Таблицы0/9

Создаём таблицу прайс-листа и задаём ей базовое оформление.

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

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

Опробуем один из самых важнейших механизмов CSS — селекторы. Научимся пользоваться простыми и продвинутыми селекторами, псевдоклассами, а также комбинировать их.

Наследование, каскадирование, специфичность: что это и как их правильно использовать?

Научимся использовать фоновые изображения и задавать цвета фона. Разберёмся с популярными форматами изображений и взглянем на некоторые приёмы создания декоративных эффектов.

Рассмотрим продвинутые селекторы, такие как :nth-last-of-type или :only-child. Также научимся использовать псевдоэлементы, такие как ::before и ::after.

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

Попробуем поймать поток документа и разобраться что это такое. Взглянем на тонкости свойства float и блочно-строчных элементов. Отработаем основные приёмы построения сеток.

Рассмотрим основы нового механизма «гибкой» раскладки — флексбокс. Сначала потренируемся «на котиках» направлять оси флекс-контейнера, выравнивать и переносить флекс-элементы, а затем научимся простому применению флексбокса в реальных интерфейсах.

Узнаем как управлять размерами и отступами флекс-элементов и как работают коэффициенты растяжения и сжатия, а также потренируемся создавать «гибкие» раскладки и элементы интерфейса.

В этой главе мы начнём изучать технологию гридов: разберём, как разными способами создавать грид-раскладки, как управлять расположением грид-элементов в грид-контейнере. Затем мы применим полученные знания на практике и сверстаем с помощью гридов пару небольших интерфейсов.

Взглянем на несколько режимов позиционирования элементов: относительный, абсолютный и фиксированный. А также попрактикуемся изменять расположение элементов на странице с помощью CSS-свойств для позиционирования.

Взглянем на процесс создания теней с помощью CSS. Мы по косточкам разберём свойство box-shadow, научимся использовать множественные тени, а также изучим некоторые продвинутые приёмы работы с тенями.

Узнаем, что такое линейные градиенты и как их можно использовать для создания интересных декоративных эффектов. Разберём синтаксис функции linear-gradient, некоторые интересные приёмы, попрактикуемся создавать сложные орнаменты с помощью градиентов.

Будем крутить, наклонять, перемещать, уменьшать и увеличивать объекты, а также взрывать их фаерболами, телепортироваться и использовать телекинез. Ну и, конечно, разберём крутые приёмы использования трансформаций для создания декоративных эффектов.

Вместе станем мастерами фильтров в CSS: разберёмся, как применять фильтры к разным элементам, а также комбинировать и анимировать их.

В сиквеле курса «Кекстаграм» нам предстоит запрограммировать небольшое фотоприложение с фильтрами на JavaScript.

Создадим с нуля несколько типовых навигационных меню: вертикальное, горизонтальное, многоуровневое и с выпадающим подменю. Это прикладной курс, в котором вы будете использовать знания и навыки, полученные в предыдущих курсах.

Создадим с нуля различные декоративные элементы: социальные кнопки, переключатели страниц, блоки комментариев и так далее. Это прикладной курс, в котором вы будете использовать знания и навыки, полученные в предшествующих курсах.

Это прикладной курс, в котором вы будете создавать сложные элементы интерфейса и крутые эффекты, используя возможности HTML и CSS. Вы построите сложные навигационные элементы, поэкспериментируете с масками, эффектами при наведении и даже создадите слайдер на чистом CSS.

Мы познакомимся с SVG — форматом векторной графики. Разберём базовые примитивы: линии, прямоугольники, окружности. Научимся позиционировать их, управлять цветом и размерами, собирать из них разные рисунки.

Базовые понятия об оформлении SVG-фигур. Заливки и обводки.

Разберёмся с масштабированием SVG и научимся работать с атрибутами viewBox и preserveAspectRatio.

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

Научимся использовать условия на полную. Разберёмся с логическими операциями и сравнениями. Попробуем комбинировать операторы.

Создадим драйвер для печати страниц со множеством режимов. В этом нам помогут циклы, с которыми мы познакомимся в этой главе.

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

Отправим Кекса в путешествие, посчитаем зарплаты и доходы, научимся разделять код на отдельные смысловые блоки. И в конце концов научимся работать с функциями.

Будем читать из объектов, использовать встроенные и кастомные методы, узнаем, что такое словари и контекст вызова, отправим котов играть в кости, напишем конфигуратор компьютера. И это ещё не всё!

Углубимся в работу JavaScript с вёрсткой. Научимся менять разметку и создавать её с нуля с помощью скриптов.

Научимся «оживлять» интерфейс и обрабатывать пользовательские события. Узнаем, что такое асинхронность, области видимости, замыкания и как они работают. Соберём обед в школу, запрограммируем всплывающее окно и галерею.

Узнаем, что такое DOM API, поработаем с шаблонами, познакомимся с новыми событиями и методами для управления DOM, займёмся клонированием элементов и запрограммируем приложение со списком дел.

Научимся плавно менять CSS-свойства, будем создавать красивые и функциональные элементы форм в стиле Material Design и построим мини-викторину об HTML и CSS.

Рассмотрим основы анимации на CSS. Нам предстоит пройти путь развития цивилизации и покорить космический простор. Мы будем двигать, поворачивать и видоизменять объекты, попутно осваивая приёмы работы анимации в CSS.

Познакомимся с основами препроцессора Less и начнём разрабатывать свою библиотеку визуальных компонентов. Вместе научимся создавать цветовую схему для элементов интерфейса.

Продолжим изучать возможности препроцессора Less: познакомимся с примесями, научимся применять примеси с условиями, разберёмся, как создавать и использовать циклы. Также мы рассмотрим примеры использования примесей для решения типовых задач вёрстки.

Рассмотрим продвинутые селекторы, умеющие искать элементы по подстрокам в атрибутах, а также огромное количество селекторов для стилизации элементов форм, таких как :required, :optional и :checked.

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

Мы в прямом смысле «наиграемся со шрифтами», декоративными текстовыми эффектами и тенями, а ещё узнаем, как повысить читабельность текстов с помощью новых CSS-свойств.

Взглянем на таблицы с другой стороны: научимся строить их с помощью CSS, исследуем и опробуем на практике редкие табличные свойства. а также нас ждёт интересное и непростое путешествие за Святым Граалем.

Скачать торрент — Html academy

От его актуальности напрямую зависит судьба нашего сайта. Вы можете помочь нам, поделившись ссылкой с друзьями, в социальных сетях, на досках объявлений и в других средствах массовой информации. Бесплатный обмен файлами невозможно остановить! Нам также нужна информация о хороших английских торрент-трекерах, чтобы добавить их в наш индекс.

Показано матчей 51 из 51 (2020-09-28)

Фильтр — обработка результатов по заданным критериям (любое слово, число), по которым можно «отсеять» данные и оставить желаемое: например, по жанру, по трекеру…