Урок, в котором разбираются три ключевые концепции языка JavaScript: асинхронность, событийная модель, однопоточность (Илья Климов, JavaScript.Ninja/GitLab).
Видео, в котором рассматривается настройка окружения для реальных проектов на языке JavaScript (Node.js). В качестве среды разработки для рассмотренных настроек окружения используется Visual Studio Code. Рассмотренные настройки являются актуальными для проектов различных типов на языке JavaScript (Илья Климов, JavaScript.Ninja/GitLab).
Лекция, посвященная введению в архитектурный паттерн Model-View-Controller и его разновидности (Антон Киршанов, Академия Яндекса).
Мастер-класс, на котором рассматривается практическая реализация архитектуры одностраничного приложения на языке JavaScript (Сергей Мелюков, Авито).
Серия видео, в которых рассматриваются различные вопросы управления состоянием в современных JavaScript-приложениях: проблемы управления состоянием, Flux-архитектура, правильное использование глобального состояния приложения, конкретные инструменты для управления состоянием и пр. (Илья Климов, JavaScript.Ninja/GitLab).
Скринкаст, в котором рассматриваются способы определения объектов и основные операции, которые применяются к свойствам объектов (Артем Гринберг, Sorax).
Урок, в котором рассматривается реализация классов и наследования в JavaScript, а также концепция прототипов (Monster Lessons).
Урок, в котором рассматривается понятие и реализация миксинов (примесей) в JavaScript (Monster Lessons).
Урок, в котором рассматривается реализация приватных свойств и методов в JavaScript с использованием паттерна проектирования "Модуль" (Monster Lessons).
Урок, в котором рассматриваются возможности языка JavaScript, которые позволяют выполнять "тонкую" настройку поведения свойств: возможность изменять, удалять, управлять видимостью в цикле, а также привязывать к свойству функции для получения и установки значний (Владилен Минин, JavaScript by Vladilen).
Урок, в котором рассматривается понятие и принцип работы лексического окружения в JavaScript (GoIT).
Урок, в котором рассматриваются базовые седения о контексте и об особенностях его использования в функциях, прототипах и объектах (Monster Lessons).
Урок, в котором более подробно рассматриваются функции языка JavaScript, которые позволяют изменять контекст вызова (Владилен Минин, JavaScript by Vladilen).
Урок, в котором рассматривается понятие и механизм работы замыканий в JavaScript (Monster Lessons).
Видео, в котором рассматривается взаимосвязь замыканий, областей видимости, а также передачи данных по значению и по ссылке в JavaScript (Илья Климов, JavaScript.Ninja/GitLab).
Урок, в котором рассматриваются базовые возможности объекта XMLHttpRequest для организации взаимодействия с сервером (Monster Lessons).
Урок, в котором рассматриваются основные возможности библиотеки jQuery для организации взаимодействия с сервером (Monster Lessons).
Урок, в котором более подробно рассматриваются "XMLHttpRequest нового поколения" - метод fetch (Monster Lessons).
Урок, в котором рассматриваются принципы создания и выполнения кроссдоменных запросов, а также такие механизмы как CORS, SDOP и другие (Илья Климов, JavaScript.Ninja/GitLab).
Скринкаст, в котором рассматриваются назначение менеджера пакетов NPM, принципы его работы, а также основные команды, которые можно использовать при работе с данным пакетным менеджером (Илья Кантор, JavaScript.ru).
Урок, в котором рассматриваются основные возможности пакетного менеджера Yarn и его отличия от менеджра пакетов NPM (Monster Lessons).
Урок, в котором более еще раз рассматривается принцип управления зависимостями в JavaScript-приложениях при использовании пакетных менеджеров NPM или Yarn (Monster Lessons).
Урок, в котором рассматриваются принципы семантического версионирования при работе с версиями библиотек и программ в контексте npm-пакетов (Monster Lessons).
Урок, в котором рассматривается назначение и принцип использования Lock-файлов пакетными менеджерами NPM и Yarn (Monster Lessons).
Видео, в котором рассказывается о развитии модульности в JavaScript: шаблон Модуль, а также форматы AMD, CommonJS, UMD, ES6-модули (Екатерина Назарова, .getInstance).
Урок, в котором более подробно рассматривается синтаксис объявления и использования ES6-модулей (Monster Lessons).
Урок, в котором рассматривается два основных подхода к организации файлов в JavaScript-проектах: по "категориям файлов" и "фрактальный" (Илья Климов, JavaScript.Ninja/GitLab).
Скринкаст, в котором рассматриваются понятие и назначение транспиляции JavaScript-кода, а также установка и настройка библиотеки Babel.io для работы в проекте. Кроме этого еще раз рассматриваются принципы работы пакетнго менеджера NPM (Александр Лущенко, WebDev с нуля).
Урок, в котором рассматривается синтаксис стрелочных функций ES6, а также их отличия от "привычных" функций JavaScript (Monster Lessons).
Урок, в котором рассматривается синтаксис использования ключевого слова let и его отличия от аналогичного ключевого слова var (Monster Lessons).
Урок, в котором рассматривается синтаксис использования ключевого слова const и его отличия от аналогичного ключевого слова var (Monster Lessons).
Урок, в котором рассматривается понятие и синтаксис деструктуризации в ES6 и ее применение для создания более лаконичного кода (Monster Lessons).
Урок, в котором рассматривается синтаксис и варианты использования оператора spread в ES6 (Monster Lessons).
Урок, в котором рассматривается синтаксис и преимущества использования шаблонных строк ES6 (Monster Lessons).
Скринкаст, в котором рассматривается синтаксис описания классов в ES6 и их возможности (Владилен Минин, JavaScript by Vladilen).
Скринкаст, в котором рассматривается Proxy - специальный объект в ES6, который позвозяет перехватывать обращения к другому объекту и, при необходимости, модифицировать их (Владилен Минин, JavaScript by Vladilen).
Скринкаст, в котором рассматриваются возможности ES6 для работы с массивами (Владилен Минин, JavaScript by Vladilen).
Доклад конференции JSConf EU 2014, в котором рассматривается модель событийного цикла: затрагиваются такие понятия, как стек вызовов, очередь и цикл событий, а также рассматривается, как в камках событийного цикла работают функция setTimeout и браузерные события (Филипп Робертс, &yet).
Доклад конференции JSConf.Asia 2018, в котором ракрывается внутреннее устройство событийного цикла: очереди задач, цикл рендеринга (Request Animation Frame, Style Calculation, Layout, Paint), микротаски (Джейк Арчибальд, Google).
Доклад конференции JavaScript fwdays'18, посвященный Web Workers - специальный API HTML5, позволяющий создавать многопоточные приложения на JavaScript (Сергей Мелашич, Agilie).
Скринкаст, в котором рассматривается назначение и способ использования callback-функций в JavaScript, а также понятие Callback Hell и способы решения этой проблемы (Евгений Калюжный, JSExpert).
Скринкаст, в котором рассматривается практический пример использования Callback-функций (Илья Климов, JavaScript.Ninja/GitLab).
Скринкаст, в котором рассматривается назначение и способ использования объекта объекта Promise, который появился в спецификации ES6 (Владилен Минин, JavaScript by Vladilen).
Скринкаст, в котором рассматривается практический пример использования JavaScript Promises (Илья Климов, JavaScript.Ninja/GitLab).
Скринкаст, в котором рассматривается конструкция async/await, появившаяся в ES7 для упрощения работы с JavaScript Promises (Владилен Минин, JavaScript by Vladilen).
Занятие, посвященное изучению механизмов работы генераторов и итераторов (Владилен Минин, JavaScript by Vladilen).
Доклад в рамках Курсов по разработке интерфейсов Яндекс 2016 г., в котором рассматриваюстя принципы SOLID и некоторые паттерны проектирования на примере добавления функциональности в существующий сервис (Александр Завьялов, Яндекс).
Доклад с митапа MoscowJS 2016 г., посвященный использованию принципов SOLID при проектировании и реализации JavaScript-приложений (Алексей Охрименко, IPONWEB).
Доклад с конференции NDC London 2017, в котором рассказывается про организацию кода с помощью модулей, про плюсы и минусы новых конструкций языка JavaScript, а также про актуальные инструменты сборки и паттерны, связанные с ними. (Скотт Аллен, Microsoft/Medisolv).
Урок, в котором рассматривается паттерн Singleton, обеспечивающий единственный экземпляр объекта и предоставляющий к нему глобальную точку доступа, а также его реализация на JavaScript (Monster Lessons).
Урок, в котором рассматривается паттерн Module и его использование для организации модульной структуры JavaScript-приложений (Monster Lessons).
Урок, в котором рассматривается паттерн Publish/Subscribe и его использование для организации слабой связности объектов JavaScript-приложения (Monster Lessons).
Урок, в котором рассматривается паттерн Observer и его использование для организации механизма подписки, позволяющего одним объектам следить и реагировать на события, происходящие в других объектах JavaScript-приложения (Monster Lessons).
Урок, в котором рассматривается паттерн Constructor и его использование для создания новых объектов в JavaScript-приложениях (Monster Lessons).
Урок, в котором рассматривается паттерн Decorator и его использование для динамического подключения дополнительной функциональности к объектам JavaScript-приложения (Monster Lessons).
Урок, в котором рассматривается паттерн Facade и его использование для организации простого интерфейса к сложной системе объектов в JavaScript-приложении (Monster Lessons).
Урок, в котором рассматривается паттерн Factory, позволяющий использовать один класс для создания объектов различного типа, и его реализация в JavaScript-приложениях (Monster Lessons).
Урок, в котором рассматривается паттерн Strategy и его использование для определения семейства схожих алгоритмов, которые можно взаимозаменять прямо во время исполнения программы, и его реализация в JavaScript-приложении (Monster Lessons).
Ресурс, посвященный темам рефакторинга, паттернам проектирования, принципам SOLID и взаимосвязям между ними (Александр Швец, Refactoring.Guru).
Урок школы разработчиков hh.ru, посвященный вопросам организации сборки фронтенда и соответствующим классам инструментов. Разбирается практический пример сборки JavaScript-приложения с использованием библиотеки Webpack (Лев Екасов, hh.ru).
Видео, посвященное обзору понятий Taskrunner и Bundler, а также практическое введение в сборку JavaScript-приложений с использованием библиотеки gulp.js. (Виталий Киренков, Просто: разработка).
Серия скринкастов, посвященных сборке JavaScript-приложений с помощью системы сборки Broccoli.js - библиотеки, которая используется для сборки приложений в инструментах командной строки фреймворка Ember.js (Евгений Хаберев, Flexberry PLATFORM).
Видео, посвященное рекомендованным базовым правилам оформления JavaScript-кода (JS-Lynda.com).
Урок, в котором рассматривается понятие линтинга кода, а также настройка библиотеки ESLint для обнаружения и предотвращения ошибок (Monster Lessons).
Видео, посвященное обзору линтеров для JavaScript и CSS, а также настройке соответствующих линтеров при сборке проекта с помощью библиотек gulp.js и Webpack (Дарья Пушкарская, WebHero School).
Видео, в котором рассматривается линтер SASS-кода, настройка линтинга SASS-кода в gulp.js, а также пример проверки кода сайта на ошибки. (Виталий Киренков, Просто: разработка).
Видео, в котором рассматривается настройка окружения для JavaScript-разработки, а также библиотек для линтинга JavaScript-кода при работе в Visual Studio Code (Илья Климов, JavaScript.Ninja/GitLab).
Видео, в котором даются практические рекомендации по внедрению ESLint и Prettier на проектах с унаследованнм "плохим" кодом (код, который не тестируется, не проверяется инструментами и т.д.) (Илья Климов, JavaScript.Ninja/GitLab).
Конспект книги "Чистый код" Роберта Мартина, посвященная рекомендациям о том, как писать хорошо поддерживаемый и понятный исходный код. (Марат Танчуев, QIWI Blockchain Technologies).
Лекционная часть занятия, которое проводилось в рамках курса "Разработка Enterprise-приложений" в 2015 г., в которой рассматриваются понятие тестирования, классификация тестов, характеристики различных видов тестов, применение тестов в процессе выполнения задач итерации (Евгений Хаберев, Flexberry PLATFORM).
Видео, в котором рассматриваются такие вопросы как цикл Test Driven Design (TDD) и пирамида обеспечения качества приложений (Илья Климов, JavaScript.Ninja/GitLab).
Фрагмент занятия, которое проводилось в рамках курса "Разработка Enterprise-приложений" в 2015 г., в котором рассматриваются основные принципы модульного тестирования, шаблон Arrange-Act-Assert (AAA) для написания тестов, понятие тестируемости модуля, а также понятие и принципы использования Stub- и Mock-объектов для изоляции модуля (Евгений Хаберев, Flexberry PLATFORM).
Серия скринкастов, посвященная изучению понятия и реализации принципов DI & IoC в JavaScript-приложениях (Илья Климов, JavaScript.Ninja/GitLab).
Фрагмент занятия, которое проводилось в рамках курса "Разработка Enterprise-приложений" в 2015 г., в котором рассматриваются инструменты тестирования JavaScript-приложений, а также на практическом примере рассматривается пример создания модульных тестов с использованием тестового фреймворка QUnit и Mock-библиотеки Sinon.js (Евгений Хаберев, Flexberry PLATFORM).
Видео, в котором рассматриваются преимущества использования End-to-End тестирования с точки зрения бизнеса, а также основные архитектурные принципы End-to-End тестирования (Илья Климов, JavaScript.Ninja/GitLab).
Видео, в котором рассматриваются две существующие парадигмы для автоматизации End-to-End тестов: инъекция JavaScript на страницу и применение отдельного командного сервера. Рассматриваются также примеры инструментов, реализующие эти подходы: Selenium, Cypress, TestCafe (Илья Климов, JavaScript.Ninja/GitLab).
Видео, в котором рассматриваются необходимые организационные шаги для создания End-to-End тестов: создание фикстур, реализация механизма загрузки фикстур на сервер, сборка проекта под соответствующее тестовое окружение (Илья Климов, JavaScript.Ninja/GitLab).
Фрагмент занятия, которое проводилось в рамках курса "Разработка Enterprise-приложений" в 2015 г., в котором на практическом примере рассматривается использование Selenium Driver для организации End-to-End тестов. Пример реализован на языке C#, однако аналогично API Selenium можно использовать на различных языках программирования, в том числе на JavaScript (Евгений Хаберев, Flexberry PLATFORM).
Доклад с конференции FrontTalks (DUMP) 2016, посвященный использованию объекта Console и инструментов разработчика в браузерах для отладки исходного кода (Антон Шувалов, Rambler&Co).
Статья с инструкциями по настроке расширения Debugger for Chrome для Visual Studio Code, которое позволяет отлаживать исходный код с использованием протокола Chrome Debugger (Джеймс Квик, Learn.Build.Teach).
Доклад с MinskJS Meetup, в котором рассказываеся об инструментах для облегчения задачи профилирования JavaScript-кода и визуализации его результатов. (Виктор Хомяков, Яндекс).
Скринкаст, в котором рассматриваются вопросы установки JSDoc, документирования свойств, методов и пространств имен, а также генерация документации на основе комментариев JSDoc (Владислав Ковеченков).
Скринкаст, посвященный документированию массивов в JSDoc, а также демонстрации возможностей автокомплита в результате выполненных описаний. (Юрий Катков, WikiVote).
Скринкаст, посвященный документированию объектов в JSDoc, а также демонстрации возможностей автокомплита в результате выполненных описаний. (Юрий Катков, WikiVote).
Скринкаст, посвященный документированию HTML-элементов в JSDoc, а также демонстрации возможностей автокомплита в результате выполненных описаний. (Юрий Катков, WikiVote).
Скринкаст, посвященный документированию произвольных типов с использованием тега @typedef в JSDoc, а также демонстрации возможностей автокомплита в результате выполненных описаний. (Юрий Катков, WikiVote).
