33 js concepts

33 Концепции каждый разработчик JavaScript должен знать

Введение

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

Считается GitHub как один из лучших проектов с открытым исходным кодом 2018 года!

Сообщество

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

Все переводы для этого репо будут перечислены ниже:

• اَلْعَرَبِيَّةُ (арабский) - Amr Elsekilly
• Бхлгарски (болгарский) - TheWebmasterp
• 汉语 (китайский) - реза
• Португаис Do Brasil (бразильский португальский) - Тиаго Боинг
• 한국어 (корейский) - Суин Ли
• Español (испанский) - Адонис Мендоса
• Тюркче (турецкий) - ̇lker demir
• ruskyй jahkk (русский) - mihail gumennii
• Tiếng việt (вьетнамцы) - nguyễn trần chung
• Полски (польский) - Dawid Lipinski
• فارسی (персидский) - Маджид Алавизадех
• Бахаса Индонезия (индонезийская) - Rijdzuan Sampoerna
• Франсайс (французский) - Робин Мерал
• हिन्दी (хинди) - Викас Чаухан
• Ελληνικά (греческий) - Димитрис Зарачанис
• 日本語 (Японский) - OIMO23
• Deutsch (немецкий) - Бурханнн
• ukraї́nsshamóva (украинская) - Эндрю Савичук
• සිංහල (сингала) - Удая Шамендра
• Итальянский (итальянский) - Джанлука Фиоре
• Латвишу (латыш) - янис īvāns
• Afaan oromoo (oromo) - Амануэль Дагначев
• ภาษาไทย (Тайский) - Ариф Варам
• Катала (каталонский) - Марио Эстрада
• Свенска (шведский) - Феникс Хонгелл
• ខ្មែរ (кхмер) - Черчхунненг
• አማርኛ (Эфиопский) - Минияхиль Кебеде (ምንያህል ከበደ)
• БЕЛАРУСКАЯ МОВА (Беларуссия) - Дзианис Яфимау
• О'Збекча (Узбек) - Шохрух Уснови
• Урду (اردو) - Ясир Наваз
• Маратхи (मराठी) - Дхрув Чандак
• हिन्दी (хинди) - Махима Чаухан
• বাংলা (Бенгальский) - Джизан Миа
• ગુજરાતી (Гуджарати) - Ватсал Бхува
• سنڌي (Sindhi) - солнечный Гандхвани
• भोजपुरी (bhojpuri) - провозглашение дебнатха
• ਪੰਜਾਬੀ (Пенджаби) - резкий разработчик патхак
• தமிழ் (тамильский) - Jaimin chovatia
• Латынь (латынь) - резкий разработчик патхак
• മലയാളം (малаялам) - Акшай Манодж
• Йоруба (Йоруба) - Айомид Баджулай
• עברית (иврит) - Refael Yzgea

---

Оглавление

1. Звоните в стек
2. Примитивные типы
3. Типы значений и типов эталон
4. Неявные, явные, номинальные, структурирующие и утиные набор
5. == vs === vs typeof
6. Область функции, сфера сбора блоков и лексическая область
7. Выражение VS утверждение
8. Iife, модули и пространства имен
9. Очередь сообщений и цикл событий
10. setTimeout, setInterval и requestAnimationFrame
11. Двигатели JavaScript
12. Побитовые операторы, массивы типов и массивные буферы
13. DOM и макетные деревья
14. Фабрики и классы
15. это, вызовать, применить и связывать
16. новый, конструктор, экземпляр и экземпляры
17. Прототип наследования и цепочки прототипа
18. Object.Create и Object.Assign
19. Карта, уменьшить, фильтр
20. Чистые функции, побочные эффекты, мутация состояния и распространение событий
21. Закрытие
22. Функции высокого порядка
23. Рекурсия
24. Коллекции и генераторы
25. Обещания
26. асинхрон/жду
27. Структуры данных
28. Дорогостоящая операция и большая o обозначения
29. Алгоритмы
30. Наследование, полиморфизм и повторное использование кода
31. Дизайн -шаблоны
32. Частичные применения, карри
33. Чистый код

---

1. Звоните в стек

Стек вызовов - это механизм, который интерпретатор JavaScript использует для отслеживания выполнения функций в программе. В JavaScript функции выполняются в том порядке, в котором они называются. Стек вызовов следует последнему в принципе «Первый раз» (LIFO), что означает, что последняя функция, выдвинутая на стек, является первой, которая будет выполнена.

Согласно спецификации ECMASCRIPT, стек вызовов определяется как часть контекста выполнения. Всякий раз, когда вызывается функция, новый контекст выполнения создается и размещен в верхней части стека. Как только функция завершается, контекст выполнения удаляется из стека, а элемент управления возвращается в предыдущий контекст. Это помогает управлять выполнением синхронного кода, так как каждый вызов функции должен завершиться до начала следующего.

Ссылка

• Стек вызовов - MDN

Статьи

• Понимание стека вызовов JavaScript, петли событий - Гаурав Пандвия
• Понимание стека вызовов JavaScript - Чарльз Фриборн
• JavaScript: Каков контекст выполнения? Что такое стек вызовов? - Валентино Гаглиарди
• Что такое цикл JS Event и стек вызовов? - Джесс Телфорд
• Понимание контекста выполнения и стека выполнения в JavaScript - Sukhjinder Arora
• Как работает JavaScript под капюшоном: обзор двигателя JavaScript, Heap and Call Stack - Bipin Rajbhar
• Стек вызовов JS, объясненный за 9 минут - Colt Steel (YouTube)
• Звоните в JavaScript - Syed Rafsan Raiyan

Видео

• JavaScript: стек вызовов объяснил - Кодирование блоков Индии
• Стек вызовов JS, объясненный за 9 минут - Colt Steele
• Что такое стек вызовов? - Эрик Трауб
• Стек вызовов - Кевин Драмм
• Понимание выполнения JavaScript - Codesmith
• Что, черт возьми, в петлю события в любом случае? - Филипп Робертс
• Как выполняется код JavaScript? ❤ и стек вызова - Акшай Саини
• Стеки вызовов - CS50
• Узнайте стек вызовов JavaScript - Codecupdev
• Функции JavaScript и стек вызовов | Как работает стек вызовов - Chidre'stechtutories

⬆ Вернуться к вершине

---

2. Примитивные типы

Согласно спецификации ECMASCRIPT, JavaScript имеет шесть примитивных типов данных: строка, число, биглинт, логический, неопределенный и символ. Эти типы неизменны, то есть их значения не могут быть изменены. Существует также специальный примитивный тип, называемый NULL, который представляет преднамеренное отсутствие какого -либо значения объекта.

Примитивные значения напрямую присваиваются переменной, и когда вы манипулируете примитивным типом, вы работаете непосредственно над значением. В отличие от объектов, примитивы не обладают свойствами или методами, но JavaScript автоматически окутывает примитивные значения с помощью объектных аналогов при при необходимости (например, при вызове методов на строках).

Ссылка

• Типы данных JavaScript и структуры данных - MDN

Статьи

• Примитивные и не примитивные типы данных в JavaScript-Geeksforgeeks
• Переменные JavaScript (мышление начинающих)
• Как цифры закодированы в JavaScript - доктор Аксель Раушмайер
• Что вам нужно знать о типе номера JavaScript - Max Wizard K
• Что каждый разработчик JavaScript должен знать о номерах с плавающей запятой - Chewxy
• Тайная жизнь примитивов JavaScript - Angus Croll
• Примитивные типы - поток
• (Не) Все в JavaScript - это объект - Даниэль Ли
• Типы данных JavaScript и структуры данных - MDN
• Дайвинг глубже в Javascripts Objects - Arfat Salman
• Различия между object.freeze () против const в javascript - bolaji ayodeji
• Объект примитивной конверсии - javascript.info
• Методы примитивов - javascript.info

Видео

• Ссылка на JavaScript против примитивных типов - Academind
• JavaScript Primitive Types - Simon Sez It
• Типы значений и типы ссылок в JavaScript - программирование с MOSH
• JavaScript Примитивные типы данных - AVELX
• Все, что вы никогда не хотели знать о номерах JavaScript - Bartek Szopka
• Какие переменные в JavaScript? - JS для всех
• Tipos de Datos Primitivos en JavaScript - La Cocina del Código
• Тип данных в JavaScript - ScholarHat

⬆ Вернуться к вершине

---

3. Типы значений и ссылочные типы

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

Статьи

• Объяснение стоимости в отношении ссылки в JavaScript - Arnav Aggarwal
• Примитивные типы и типы ссылок в JavaScript - Bran Van der Meer
• Типы значений, типы ссылок и объем в JavaScript - Ben Aston
• Вернуться к корням: значение JavaScript VS -ссылка - Миро Коцка
• Захватить «по значению» и «по ссылке» в JavaScript - Léna Faure
• JavaScript Ссылка и переменные копии - Vítor Capretz
• JavaScript Primitive VS -эталонные значения
• JavaScript по ссылке против значения - Nrabinowitz
• JavaScript Интервью Prep: Примитива против типов ссылок - Майк Кронин
• Метод Foreach в JavaScript - всеобъемлющее руководство
• Карта JavaScript против Foreach: когда использовать каждый - Sajal Soni

Видео

• JavaScript проходит по значению против прохождения ссылки - Techsith
• Значение JavaScript VS ссылочных типов - программирование с MOSH
• Valores vs Referencias en JavaScript - La Cocina del Código
• JavaScript - Ссылка на примитивные значения/ типы - Academind
• Типы значений и типы ссылок в JavaScript - Программирование с MOSH

⬆ Вернуться к вершине

---

4. Неявные, явные, номинальные, структурирующие и набор уток

Спецификация ECMASCRIPT определяет JavaScript как динамически типированный язык, что означает, что типы связаны со значениями, а не с переменными, а проверка типов происходит во время выполнения. Есть различные способы, которыми JavaScript управляет типами:

Неявное печатание (или принуждение типа): это происходит, когда JavaScript автоматически преобразует один тип данных в другой, когда это необходимо. Например, JavaScript может преобразовать строку в число во время арифметической операции. Хотя это может упростить какой -то код, это также может привести к неожиданным результатам, если не обращаться тщательно.

Явное печатание: в отличие от неявного типирования, явное типирование включает в себя вручную преобразование значения из одного типа в другой, используя такие функции, как number (), string () или boolean ().

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

Структурное типирование: в системе этого типа типы основаны на структуре или свойствах данных. JavaScript - это структурно напечатанный язык, где объекты совместимы, если они имеют одну и ту же структуру (то есть тот же набор свойств и методов).

Обращение утки: это концепция, в которой пригодность объекта определяется наличием определенных свойств и методов, а не фактическим типом объекта. JavaScript в значительной степени зависит от печати утки, где поведение выводится из свойств объекта, а не объявленного типа.

Статьи

• Что вам нужно знать о неявном принуждении JavaScript - обещайте Tochi
• JavaScript Type Carocing объяснил - Алексей Самошкин
• JavaScript Cuercion объяснил - Бен Гаррисон
• Что такое принуждение типа в JavaScript? - Stack Overflow

Видео

• ==? === ??? ...#@^% - Shirmung Bilefeld
• Принуждение в JavaScript - Hitesh Choudhary
• Вопросы JavaScript: что такое принуждение? - Стивен Хэнкок
• ТВИНГ: Статический и динамический, слабый и сильный - Codexpanse
• El Sistema de Tipos de Javascript - La Cocina del Código
• Утка набрать в JavaScript - TechMaker Studio
• Утка ввода

Книги

• Вы не знаете JS, 1 -е издание: типы и грамматика - Кайл Симпсон

⬆ Вернуться к вершине

---

5. == vs === vs typeof

Согласно спецификации ECMASCRIPT, JavaScript включает в себя как строгие (===), так и свободные (==) операторы равенства, которые ведут себя по -разному при сравнении значений. Вот срыв:

== (свободное равенство): этот оператор выполняет принуждение типа, прежде чем сравнивать два значения. Если значения имеют разные типы, JavaScript попытается преобразовать одно или оба значения в общий тип до сравнения, что может привести к неожиданным результатам.

=== (строгое равенство): этот оператор сравнивает как значение, так и тип без какого -либо принуждения типа. Если два значения не имеют одного и того же типа, сравнение вернет ложь.

Оператор TypeOF: оператор TypeOF используется для проверки типа данных переменной. Хотя это, как правило, надежно, существуют определенные причуды, например, как тип нуля возвращает «объект» вместо «NULL» из-за давнего поведения в реализации JavaScript.

Статьи

• JavaScript Double Equals против Triple Equals - Брэндон Морелли
• Должен ли я использовать оператор сравнения равенства в JavaScript? - Пану для Питкамаки
• Зачем использовать оператора с тройным районом в JavaScript? - Луи Лазарис
• В чем разница между == и === в JavaScript? - Крейг Баклер
• Почему тип JavaScript всегда возвращает «объект»? - переполнение стека
• Проверка типов в JavaScript - Toby Ho
• Как лучше проверить типы данных в JavaScript - Webbjocke
• Проверка отсутствия значения в JavaScript - Tomer Aberbach
• Разница между == и === в JavaScript
• Разница между == и === в JavaScript - гиксфордские факультеты
• === vs == Сравнение в JavaScript - Freecodecamp

Видео

• JavaScript - оператор TypeOF - мозги Java
• Оператор javaScript typeof - devdelight
• JavaScript "==" VS "===" - Web Dev упрощен
• === VS == в JavaScript - Hitesh Choudhary
• Оператор TypeOF в JS - Codevault

⬆ Вернуться к вершине

---

6. Функциональная область, сфера действия блока и лексический

Спецификация ECMASCRIPT описывает три типа сферы действия:

Область функции: переменные, объявленные в функции с использованием VAR, доступны только в этой функции. Эта область изолирует переменные от доступных за пределами функции, в которой они объявлены.

Область блока: представлены с ES6, переменные, объявленные с помощью LET и CONM, имеют блокировки. Это означает, что они доступны только в конкретном блоке {}, в котором они определены, такие как внутренние петли или условия.

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

Книги

• Вы еще не знаете JS, 2 -е издание: Scope & Closurals - Кайл Симпсон

Статьи

• Функции JavaScript - понимание основ - Брэндон Морелли
• Var, пусть, и const - в чем разница?
• Функции в JavaScript - Deepa Pandey
• Эмуляция схватки блока в JavaScript - Джош Клентон
• Разница между функцией и объемом блока в JavaScript - Джозеф Кардилло
• Функциональные прицелы и блочные прицелы в JavaScript - Samer Buna
• Понимание объема и контекста в JavaScript - Райан Морр
• JavaScript Scope and Closurals - Zell Liew
• Понимание объема в JavaScript - Виссам Абирахед
• Понимание объема в JavaScript - Хаммад Ахмед
• Когда использовать функцию объявления против выражения функции - Эмбер Уилки
• Шпаргалка с основными фундаментами JavaScript: сфера действия, контекст и «это» - Александра Френт
• Функции / Функция

Видео

• Что делает JavaScript странным ... и потрясающим Pt. 4 - LearnCode.Academy
• Переменная область в JavaScript - Kirupa Chinnathambi
• JavaScript Block Scope and Function Scope - MMTUTS
• Какого черта лексическая область? - NWCalvank
• Переменная область - Стив Гриффит
• Учебники для начинающих JavaScript - Mosh Hemadani
• JavaScript Block Scope VS Функция Область - Nivek
• Лексическое обзор в JavaScript - Hitesh Choudhary
• Современная обработка охвата в JavaScript (ES6 и за его пределы

⬆ Вернуться к вершине

---

7. Выражение по сравнению с утверждением

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

Статьи

• Все, что вам нужно знать о выражениях, заявлениях и выражении JavaScript - обещайте Tochi
• Функциональные выражения по сравнению с объявлениями функции - Пол Уилкинс
• Функция JavaScript - объявление против выражения - Рави Рошан
• Объявления функций против выражений функции - Mandeep Singh
• Объявления функций против выражений функции - Anguls Croll
• Заявление о выражении - веб -документы MDN

Видео

• Выражения против заявлений в JavaScript - Hexlet
• JavaScript - Выражение против заявления - Webtunings
• Выражение функции JavaScript VS объявление для начинающих - материал разработчика
• Разница между выражением и утверждением в JavaScript
• Выражение в JavaScript | Заявление в Javascript - Sathelli Srikanth

⬆ Вернуться к вершине

---

8. Iife, модули и пространства имен

С введением модулей ES6 роль IIFE в изоляции областей уменьшилась, но они все еще остаются актуальными.

Ссылка

• Iife - mdn
• Модульность - Mdn
• Пространство имен - Mdn

Статьи

• Освоение немедленно введенных функций выражения-Чандра Гандамараджу
• JavaScript сразу же вызвано выражение функции - javascriptTutorior.net
• Модули ES6 устарели от IIFE?
• 10 -минутный праймер для модулей JavaScript, форматы модулей, погрузчики модуля и бундлеры модулей - Jurgen van de moere
• Модули - Изучение JS
• ES Modules: мультипликационная глубокая удвоение-Лин Кларк
• Понимание модулей ES6 - Крейг Баклер
• Обзор модулей ES6 в JavaScript - Brent Graham
• Модули ES6 в глубине - Николас Беваква
• Модули ES6, Node.js и решение Майкла Джексона - Альберто Гимено
• Модули JavaScript: руководство для начинающих - Preethi Kasireddy
• Использование модулей JavaScript в Интернете - Addy Osmani & Mathias Bynens
• IIFE: сразу же вызвано выражения функции - Parwinder
• JavaScript Module Bundlers - Vanshu Hassija

Видео

• Сразу же вызвано выражение функции - Beau преподает JavaScript - Freecodecamp
• Понимание JavaScript iife - Шео Нараян
• Модули JavaScript: ES6 Импорт и экспорт - Кайл Робинсон
• ES6 - Модули - Райан Кристиан
• Модули ES6 в реальном мире - Сэм Торогуд
• Модули ES6 - TempleCoding
• JavaScript iife (немедленно вызванные выражения функции) - Стив Гриффит

⬆ Вернуться к вершине

---

9. Очередь сообщений и цикл событий

Цикл событий является важной частью модели параллелизма JavaScript, обеспечивающей неблокирующее поведение путем асинхронного способа обработки задач. Понимание того, как он взаимодействует с очередью сообщений и микротаски, является ключом к освоению поведения JavaScript.

Статьи

• JavaScript Event Loop объяснил - Anoop Raveendran
• Цикл события JavaScript: объяснена-Эрин Свесон-Хили
• Понимание JS: цикл событий - Александр Кондов
• Цикл событий JavaScript - Flavio
• Задачи, микротаски, очереди и графики - Джейк Арчибальд
• Визуализация цикла событий Javascript с аналогией ресторана Pizza - Priyansh Jain
• JavaScript Визуализирован: петля события - Лидия Холли
• SetTimeout против SetImmediate в JavaScript - Navneet Singh
• Понимание и оптимизация цикла событий JavaScript - xiuer old

Видео

• Что, черт возьми, в петлю события в любом случае? | JSConf EU - Филипп Робертс
• JavaScript Event Loop - Comcscience упрощен
• Я застрял в цикле событий - Филипп Робертс
• В курсе - Джейк Арчибальд | JSConf.asia 2018
• Desittificando El Counte (испанский)
• Обратные вызовы, Sincrono, Assíncrono E Стука события (PT-BR)
• JavaScript Event Loop: как это работает и почему это важно через 5 минут - Джеймс Q Quick

⬆ Вернуться к вершине

---

10. settimeout, setInterval и requestAnimationFrame

Статьи

• JavaScript settimeout - все, что вам нужно знать
• setTimeout и setInterval - javascript.info
• Почему не использовать SetInterval - Akanksha Sharma
• SetTimeout против SetInterval - Develoger
• Использование requestAnimationFrame - Крис Койер
• Понимание JavaScript RequestAnimationFrame () - JavaScript Kit
• Интервалы времени обработки в JavaScript - Amit Merchant
• Дебюн - как отложить функцию в JavaScript - Ondrej Polesny

Видео

• JavaScript: Как работает SetTimeout и SetInterval - Кодирование блокирует Индию
• Проблемы доверия с SetTimeout () - Акшай Саини
• SetTimeout и SetInterval в JavaScript - Techsith
• Таймеры JavaScript - Стив Гриффит
• JavaScript settimeout и SetInterval объяснили - Теодор Андерсон

⬆ Вернуться к вершине

---

11. Двигатели JavaScript

Статьи

• Скомпилируется или интерпретируется JavaScript?
• Двигатели JavaScript - Джен Лупер
• Понимание того, как двигатель Chrome V8 переводит JavaScript в машинный код - Droidhead
• Понимание Bytecode V8 - Франзиска Хинкельманн
• Краткая история Google V8 JavaScript Engine - Clair Smith
• JavaScript Essentials: Почему вы должны знать, как работает двигатель - Rainer Hahnekamp
• Основы двигателя JavaScript: формы и встроенные кэши
• Основы двигателя JavaScript: оптимизация прототипов
• Как V8 оптимизирует операции массива
• JavaScript Internals: JavaScript Engine, Environment Environment & Settimeout Web API-Rupesh Mishra

Видео

• Двигатели JavaScript: The Good Parts ™ - Mathias Bynens & Benedikt Meurer
• JS Engine Engine обнажал архитектуру Google V8 | Namaste javascript ep. 16 - Акшай Сайни
• Как выполняется код JavaScript? Как работает JavaScript за кулисами
• Понимание двигателя v8 JavaScript - переговоры FreeCodeCamp
• JavaScript под капюшоном - JavaScript Engine Обзор - Traversy Media
• Arindam Paul - JavaScript VM Internals, Eventloop, Async and Scopechains

⬆ Вернуться к вершине

---

12. Битовые операторы, массивы типов и массивные буферы

Статьи

• Программирование с JS: Bitwise Operations - Александр Кондов
• Используя бить операторы JavaScript в реальной жизни - Ян М.
• JavaScript Bitwise Operators - W3resource
• Побитовые операторы в JavaScript - Джо Ча
• Комплексный учебник по бинарным вычислениям и бить в JavaScript - Пол Браун
• Как я могу понять бить в JavaScript?

Видео

• JavaScript Bitwise Operators - Программирование с MOSH
• Побитовые операторы и почему мы их используем - Алекс Хиетт
• JS Bitwise Operators и Binary Numbers - Steve Griffith - Prof3ssorst3v3
• Глубокое погружение в Blobs, Files и ArrayBuffers - Steve Griffith - Prof3ssorst3v3

⬆ Вернуться к вершине

---

13. Дом и Деревья макета

Ссылка

• Объектная модель документа (DOM) - MDN

Книги

• Красноречивая Javascript, 3 -е издание: гл. 14 - Модель объекта документа

Статьи

• Как понять и изменить DOM в JavaScript - Tania Rascia
• Что такое объектная модель документа и почему вы должны знать, как ее использовать - Леонардо Мальдонадо
• JavaScript DOM Учебник с примером - Guru99
• Что такое Дом? - Крис Коййер
• Переход к дому с JavaScript - Zell Liew
• Дерево Дом
• Как пройти дому в JavaScript - Воджислав Груджич
• Рендеринг конструкция дерева - Илья Григорик
• Что такое DOM?
• JavaScript dom
• Переход к дому с JavaScript - Стив Гриффит (YouTube)

Видео

• JavaScript dom - чистый ниндзя
• JavaScript Dom Crash Course - Traversy Media
• JavaScript DOM Методы манипуляции с DOM - Web Dev упрощен
• JavaScript Dom Traversal Методы - Web Dev упрощен

⬆ Вернуться к вершине

---

14. Фабрики и классы

Статьи

• Как использовать занятия в JavaScript - Tania Rascia
• Классы JavaScript - под капотом - Маджид
• Лучший JavaScript с ES6, Pt. II: глубокое погружение в классы - Пелеке Сенгстаке
• Поймите шаблон проектирования заводского дизайна в простом JavaScript - Aditya Agarwal
• Заводские функции в JavaScript - Джош Миллер
• Заводской шаблон в JS ES6 - SNSTSDEV
• Функция класса против фабрики: изучение пути вперед - Cristi Salcescu
• Как действительно работают классы ES6 и как построить свой собственный - Роберт Гросс
• Понимание super в JavaScript
• Легкое руководство по пониманию классов в JavaScript

Видео

• Функции фабрики JavaScript - программирование с MOSH
• Функции завода в JavaScript - веселая функция
• Функциональные фабрики обучения JavaScript - Crypto Chan

⬆ Вернуться к вершине

---

15. Это, звоните, примените и связывайте

Ссылка

• Call () - Mdn
• bind () - mdn
• Apply () - Mdn

Статьи

• Grokking Call (), Apply () и Bind () Методы в JavaScript - Aniket Kudale
• JavaScript's Apply, Call и Sint Methods необходимы для профессионалов JavaScript - Ричард Бовелл
• JavaScript: call (), Apply () и Bind () - Omer Goldberg
• Разница между вызовом / применением / связью - Иван Сифрим
• Что это за взломать, применить, привязать в JavaScript - Ritik
• Освоение «This» в JavaScript: Callbacks и Bind (), Apply (), Call () - Мишель Джиеноу
• JavaScript Apply, Call и Bind объяснено, проведя кулинарию - Кевин Кононенко
• Как и когда использовать Bind, Call и Apply в JavaScript - собственное x
• Позвольте мне объяснить вам, что this . (Javascript) - Джейсон Ю
• Понимание ключевого слова «это» в JavaScript - Pavan
• Как понять ключевое слово это и контекст в JavaScript-Лукас Гисдер-Дюбе
• Что, черт возьми, это в JavaScript? - Хридайш Шарма
• Это и привязка в JavaScript - Брайан Барбур
• 3 методы поддержания вашего здравомыслия, используя «это» в JavaScript - Carl
• Освоение JavaScript «Это» ключевое слово - Aakash Srivastav
• Это привязка в JavaScript - 4. Новое привязка - Spyros Argalias
• Быстрое вступление в «это» в JavaScript - Натали Смит
• Разговор с ключевым словом «это» в JavaScript - Карен Эфереян
• Что такое Call (), Apply () и Bind () в JavaScript - Amitav Mishra
• Понимание «этого» привязки в JavaScript - Yasemin Cidem
• 7 лучших сложных вопросов «этого» ключевого слова

Видео

• JavaScript Call, Apply и Sint - Techsith
• JavaScript Практические приложения функций вызова, применения и связывания - TechSith
• JavaScript (вызов, привязан, применить) - любопытная аатма
• Понимание функций и «это» в мире ES2017 - Брайан Хьюз
• Bind and this - создание объекта в JavaScript - Funfunfunction
• Методы функции JS Call (), Apply () и Bind () - Стив Гриффит
• Вызов, применить и привязать метод в JavaScript - Akshay Saini
• . [JavaScript Questions Questions (Call, Bind and Apply) - Полифиллы, вывод на основе, явное привязка - придорожный кодировщик] (https://youtu.be/vkmuoktydau?si=sdvlz8fbmephpxjs)

⬆ Вернуться к вершине

---

16. Новый, конструктор, экземпляр и экземпляры

Статьи

• JavaScript для начинающих: «новый» оператор - Брэндон Морелли
• Давайте демистифицируем «Новое» ключевое слово JavaScript - Синтия Ли
• Конструктор, оператор "новый" - javascript.info
• Понимание конструкторов JavaScript - Фараз Келхини
• Используйте функции конструктора - OpenClassrooms
• Помимо typeof и instanceof : упрощение проверки динамического типа - доктор Аксель Раушмайер
• Функция и объект, экземпляры друг друга - риск Киро
• Javascript ancementof operator

⬆ Вернуться к вершине

---

17. Прототип наследования и цепочки прототипа

Ссылка

• Наследование и цепочка прототипа - MDN

Статьи

• JavaScript: прототип против класса - Валентин Парси
• Основы двигателя JavaScript: оптимизация прототипов - Матиас Байненс
• Прототип JavaScript - NC Patro
• Прототипы в JavaScript - Рупеш Мишра
• Прототип в JavaScript: это странно, но вот как он работает - Пранав Джиндал
• Понимание JavaScript: прототип и наследство - Александр Кондов
• Понимание классов (ES5) и прототипическое наследование в JavaScript - Hriadeesh Sharma
• Прототип, прото и прототипалирование в JavaScript - Варун Дей
• Прототипальное наследование - javascript.info
• Как работать с прототипами и наследством в JavaScript - Tania Rascia
• Мастер JavaScript Прототипы и наследство - Арнав Аггарвал
• Прототипическое наследование JavaScript объясняется с использованием CSS - Nash Vail
• Прототипическое наследование в JavaScript - Джаннис Редманн
• Демистификация классов ES6 и прототипальное наследство - Neo Ighodaro
• Вступление к прототипам наследование - Дхарани Джаякантан
• Давайте построим прототипальное наследование в JS-var-che
• Объекты, прототипы и классы в JavaScript - Atta
• Волшебный мир прототипов JavaScript - Belén
• Понимание прототипического наследования в JavaScript - Lawrence Eagles
• Объекты и прототипы в JavaScript - Irena Popova

Видео

• Прототип прототипа JavaScript - AVELX
• Прототип JavaScript Prototype Наследство объяснено Pt. Я - Techsith
• Прототип JavaScript Prototype Наследство объяснено Pt. II - Techsith
• Прототип прототипа JavaScript объяснил - Кайл Робинсон
• Advanced JavaScript - прототипическое наследование за 1 минуту
• Обзор классических классов JavaScript и прототипического наследования - пентакод
• Объектно -ориентированный JavaScript - прототип - чистый ниндзя
• Прототип в JavaScript - kudvenkat
• JavaScript с использованием прототипов - O'Reilly
• Руководство для начинающих по прототипу JavaScript - Тайлер Макгиннис
• Прототипы в JavaScript - учебник P5.JS - поезд кодирования

Книги

• Вы не знаете JS, 1 -е издание: прототипы этого и объекта - Кайл Симпсон
• Принципы объектно -ориентированного JavaScript - Николас С. Закас

⬆ Вернуться к вершине

---

18. Object.create и Object.Assign

Ссылка

• Object.Create () - Mdn
• Object.assign () - Mdn

Статьи

• Object.create в JavaScript - Рупеш Мишра
• Object.Create (): новый способ создания объектов в JavaScript - Rob Gravelle
• Основное наследство с Object.Create - Джошуа Клентон
• Object.create () в javascript - гиксфорджики
• Понимание разницы между Object.Create () и новым оператором - Джонатан Воксленд
• Создание объекта JavaScript: шаблоны и лучшие практики - Джефф Мотт
• JavaScript HasownProperty: мощный инструмент проверки имущества
• Работа с объектами в JavaScript с Object.Assign, Object.Keys и HasownProperty
• Копирование объектов в JavaScript - Orinami Olatunji
• JavaScript: Object.Assign () - Тиаго С. Адриано
• Как глубоко клонировать объект JavaScript - Flavio
• Object.Create (): когда и зачем использовать - Vzing

Видео

• Object.assign () объяснил - Аарон пишет код
• Method object.assign () - Techsith

⬆ Вернуться к вершине

---

19. Карта, уменьшить, фильтр

Статьи

• Функциональное программирование JavaScript - карта, фильтр и уменьшить - Боджан Гвоздерак
• Узнайте карту, фильтруйте и уменьшите в JavaScript - João Miguel Cunha
• Карта JavaScript, уменьшение и фильтр - Дэн Мартенсен
• Как использовать карту, фильтровать и уменьшить в JavaScript - Пелеке Сенгстакке
• JavaScript - научитесь карте сети, фильтруйте и уменьшайте - Брэндон Морелли
• Структура данных JavaScript с картой, уменьшение, фильтр и ES6 - Deepak Gupta
• Понимание карты, фильтровать и уменьшить в JavaScript - Luuk Gruijs
• Функциональное программирование в JS: MAP, Filter, уменьшить (Pt. 5) - Omer Goldberg
• JavaScript: карта, фильтр, уменьшить - Уильям С. Винсент
• Функции стрел: жирный и краткий синтаксис в JavaScript - Kyle Pennell
• JavaScript: Функции стрелки для начинающих - Брэндон Морелли
• Когда (и почему) вы должны использовать функции стрелки ES6 - и когда вам не следует - Синтия Ли
• JavaScript - изучать и понимать функции стрел - Брэндон Морелли
• (Javascript) => Функции стрелки - sigu
• JavaScript.reduce () - Пол Андерсон
• Почему вы должны заменить Foreach Map и Filter в JavaScript - Roope Hakulinen
• Упростите свой JavaScript - используйте .map (), .reduce () и .filter () - Этьен Тэлбот
• Метод снижения JavaScript объясняется, когда выступая на диете - Кевин Кононенко
• Разница между картой, фильтром и уменьшением в JavaScript - Amirata Khodaparast
• Map⇄filter⇄reduce↻ - Ashay Mandwarya
• Поиск вашего пути с .map () - Брэндон Вознявич
• Как написать свою собственную карту, отфильтровать и уменьшить функции в JavaScript - Hemand Nair
• Как манипулировать массивами в JavaScript - Bolaji Ayodeji
• Как упростить кодовую базу с помощью map (), creat () и filter () в JavaScript - Alex Permyakov
• .map (), .filter () и .reduce () - Энди Пикл
• Карта/фильтр/уменьшить аварийный курс - Крис Ахард
• Карта, фильтр и уменьшить - анимированное - учитель JavaScript
• Карта, фильтр, уменьшить и другие массивы итераторы, которые вы должны знать, чтобы стать мастером алгоритмов - Мауро Боно
• Как использовать JavaScript .map, .filter и. Reduce - Avery Duffin
• Тест на производительность JavaScript - для VS для каждого VS (карта, уменьшить, фильтровать, найти) - Deepak Gupta
• Использование .map (), .filter () и. Reduce () правильно - сасанка Кудагода
• Освоение метода снижения JavaScript ✂ - Sanderdebr
• Карта JavaScript - как использовать функцию js .map () (метод массива) - Freecodecamp

Видео

• Карта, фильтр и уменьшить - Лидия Халли
• Карта, фильтровать и уменьшить - Акшай Саини
• Функциональный JavaScript: Map, Foreach, уменьшить, фильтр - Теодор Андерсон
• JavaScript Array Superpoders: Map, Filter, уменьшить (часть I) - Майкл Росата
• JavaScript Array Superpoders: Map, Filter, уменьшить (часть 2) - Майкл Розата
• JavaScript Функции более высокого порядка - фильтр, карта, сортировка и уменьшение - Epicop
• [Методы массива 2/3] .filter + .map + .reduce - codewithnick
• Функции стрел в JavaScript - что, почему и как - веселая функция
• Функциональное программирование обучения с JavaScript - Anjana Vakil - Jsunconf
• Карта - Parte 2 JavaScript - Fun Fun Function
• Reduce basics - Part 3 of FP in JavaScript - Fun Fun Function
• Reduce Advanced - Part 4 of FP in JavaScript - Fun Fun Function
• reduce Array Method | JavaScript Tutorial - Florin Pop
• map Array Method | JavaScript Tutorial - Florin Pop
• Different array methods in 1 minute | Midudev (Spanish)

⬆ Back to Top

---

20. Pure Functions, Side Effects, State Mutation and Event Propagation

Статьи

• Javascript and Functional Programming — Pure Functions — Omer Goldberg
• Master the JavaScript Interview: What is a Pure Function? — Eric Elliott
• JavaScript: What Are Pure Functions And Why Use Them? — James Jeffery
• Pure functions in JavaScript — @nicoespeon
• Functional Programming: Pure Functions — Arne Brasseur
• Making your JavaScript Pure — Jack Franklin
• Arrays, Objects and Mutations — Federico Knüssel
• The State of Immutability — Maciej Sikora
• Hablemos de Inmutabilidad — Kike Sanchez
• How to deal with dirty side effects in your pure functional JavaScript — James Sinclair
• Preventing Side Effects in JavaScript — David Walsh
• JavaScript: Pure Functions — William S. Vincent
• Functional programming paradigms in modern JavaScript: Pure functions — Alexander Kondov
• Understanding Javascript Mutation and Pure Functions — Chidume Nnamdi
• Functional-ish JavaScript — Daniel Brain
• Event Propagation — MDN
• Event Propagation — Bubbling and capturing

Видео

• Pure Functions — Hexlet
• Pure Functions - Functional Programming in JavaScript — Paul McBride
• JavaScript Pure Functions — Seth Alexander
• JavaScript Pure vs Impure Functions Explained — Theodore Anderson
• Pure Functions - Programação Funcional: Parte 1 - Fun Fun Function
• Event Propagation - JavaScript Event Bubbling and Propagation - Steve Griffith

⬆ Back to Top

---

21. Closures

Ссылка

• Closures — MDN
• Closure — JavaScript.Info

Статьи

• I never understood JavaScript closures — Olivier De Meulder
• Understand JavaScript Closures With Ease — Richard Bovell
• Understanding JavaScript Closures — Codesmith
• Understand Closures in JavaScript — Brandon Morelli
• A simple guide to help you understand closures in JavaScript — Prashant Ram
• Understanding JavaScript Closures: A Practical Approach — Paul Upendo
• Understanding JavaScript: Closures — Alexander Kondov
• How to use JavaScript closures with confidence — Léna Faure
• JavaScript closures by example — tyler
• JavaScript — Closures and Scope — Alex Aitken
• Discover the power of closures in JavaScript — Cristi Salcescu
• Getting Closure — RealLifeJS
• Closure, Currying and IIFE in JavaScript — Ritik
• Understanding Closures in JavaScript — Sukhjinder Arora
• A basic guide to Closures in JavaScript — Parathan Thiyagalingam
• Closures: Using Memoization — Brian Barbour
• A Brief Introduction to Closures and Lexical Scoping in JavaScript — Ashutosh K Singh
• Demystify Closures — stereobooster
• Scopes and Closures - JavaScript Concepts — Agney Menon
• Understanding Closures in JavaScript — Matt Popovich
• whatthefuck.is · A Closure - Dan Abramov
• Closures in JavaScript can... - Brandon LeBoeuf
• Do you know Closures - Mohamed Khaled

Видео

• JavaScript The Hard Parts: Closure, Scope & Execution Context - Codesmith
• Namaste Javascript by Akshay Saini
• Javascript Closure — techsith
• Closures — Fun Fun Function
• Closures in JavaScript — techsith
• JavaScript Closures 101: What is a closure? — JavaScript Tutorials
• Closures — freeCodeCamp
• JavaScript Closures — CodeWorkr
• Closures in JS - Akshay Saini
• CLOSURES en JavaScript: Qué son y cómo funcionan - Carlos Azaustre
• Learn Closures In 7 Minutes - Web Dev Simplified

⬆ Back to Top

---

22. High Order Functions

Книги

• Eloquent JavaScript, 3rd Edition: Ch. 5 - Higher-order Functions

Статьи

• Higher-Order Functions in JavaScript — M. David Green
• Higher Order Functions: Using Filter, Map and Reduce for More Maintainable Code — Guido Schmitz
• First-class and Higher Order Functions: Effective Functional JavaScript — Hugo Di Francesco
• Higher Order Functions in JavaScript — John Hannah
• Just a reminder on how to use high order functions — Pedro Filho
• Understanding Higher-Order Functions in JavaScript — Sukhjinder Arora
• Higher Order Functions - A pragmatic approach — emmanuel ikwuoma

Видео

• JavaScript Higher Order Functions & Arrays — Traversy Media
• Higher Order Functions — Fun Fun Function
• Higher Order Functions in Javascript — Raja Yogan
• Higher Order Iterators in JavaScript — Fun Fun Function
• Higher Order Functions in JavaScript — The Coding Train
• Part 1: An Introduction to Callbacks and Higher Order Functions - Codesmith
• Part 2: Understanding Why We Need Higher Order Functions - Codesmith
• Higher-Order Functions ft. Functional Programming - Akshay Saini

⬆ Back to Top

---

23. Recursion

Статьи

• Recursion in JavaScript — Kevin Ennis
• Understanding Recursion in JavaScript — Zak Frisch
• Learn and Understand Recursion in JavaScript — Brandon Morelli
• Recursion in Functional JavaScript — M. David Green
• Programming with JS: Recursion — Alexander Kondov
• Anonymous Recursion in JavaScript — simo
• Recursion, iteration and tail calls in JS — loverajoel
• What is Recursion? A Recursive Function Explained with JavaScript Code Examples — Nathan Sebhastian
• Intro to Recursion — Brad Newman
• Accio Recursion!: Your New Favorite JavaScript Spell — Leanne Cabey
• Recursion Explained (with Examples) — Christina

Видео

• Recursion In JavaScript — techsith
• Recursion — Fun Fun Function
• Recursion and Recursive Functions — Hexlet
• Recursion: Recursion() — JS Monthly — Lucas da Costa
• Recursive Function in JavaScript — kudvenkat
• What on Earth is Recursion? — Computerphile
• Javascript Tutorial 34: Introduction To Recursion — codedamn
• Recursion, Iteration, and JavaScript: A Love Story | JSHeroes 2018 — Anjana Vakil
• Recursion crash course - Colt Steele
• What Is Recursion - In Depth - Web Dev Simplified

⬆ Back to Top

---

24. Collections and Generators

Ссылка

• Generator — MDN web docs

Статьи

• ES6 In Depth: Collections — Jason Orendorff
• ES6 Collections: Using Map, Set, WeakMap, WeakSet — Kyle Pennell
• ES6 WeakMaps, Sets, and WeakSets in Depth — Nicolás Bevacqua
• Map, Set, WeakMap and WeakSet — JavaScript.Info
• Maps in ES6 - A Quick Guide — Ben Mildren
• ES6 — Set vs Array — What and when? — Maya Shavin
• ES6 — Map vs Object — What and when? — Maya Shavin
• Array vs Set vs Map vs Object — Real-time use cases in Javascript (ES6/ES7) — Rajesh Babu
• How to create an array of unique values in JavaScript using Sets — Claire Parker-Jones
• What You Should Know About ES6 Maps — Just Chris
• ES6 Maps in Depth — Nicolás Bevacqua
• What are JavaScript Generators and how to use them — Vladislav Stepanov
• Understanding JavaScript Generators With Examples — Arfat Salman
• The Basics of ES6 Generators — Kyle Simpson
• An Introduction to JavaScript Generators — Alice Kallaugher

Видео

• JavaScript ES6 / ES2015 Set, Map, WeakSet and WeakMap — Traversy Media
• JavaScript ES6 / ES2015 - [11] Generators - Traversy Media
• The Differences between ES6 Maps and Sets — Steve Griffith
• Javascript Generators - THEY CHANGE EVERYTHING - ES6 Generators Harmony Generators — LearnCode.academy

⬆ Back to Top

---

25. Promises

Ссылка

• Promise — MDN

Статьи

• JavaScript Promises for Dummies ― Jecelyn Yeen
• Understanding promises in JavaScript — Gokul NK
• Master the JavaScript Interview: What is a Promise? — Eric Elliott
• An Overview of JavaScript Promises — Sandeep Panda
• How to use Promises in JavaScript — Prashant Ram
• Implementing Promises In JavaScript — Maciej Cieslar
• JavaScript: Promises explained with simple real life analogies — Shruti Kapoor
• Promises for Asynchronous Programming — Exploring JS
• JavaScript Promises Explained By Gambling At A Casino — Kevin Kononenko
• ES6 Promises: Patterns and Anti-Patterns — Bobby Brennan
• A Simple Guide to ES6 Promises — Brandon Morelli
• The ES6 Promises — Manoj Singh Negi
• ES6 Promises in Depth — Nicolás Bevacqua
• Playing with Javascript Promises: A Comprehensive Approach — Rajesh Babu
• How to Write a JavaScript Promise — Brandon Wozniewicz
• A Coding Writer's Guide: An Introduction To ES6 Promises — Andrew Ly
• Understanding Promises in JavaScript — Chris Noring
• Converting callbacks to promises — Zell Liew
• JavaScript Promises: Zero To Hero Plus Cheat Sheet — Joshua Saunders
• Promises - JavaScript concepts — Agney Menon
• Javascript Promise 101 — Igor Irianto
• Simplify JavaScript Promises — Sunny Singh
• The Lowdown on Promises — Aphinya Dechalert
• JavaScript Visualized: Promises & Async/Await — Lydia Hallie
• Promises in JavaScript — Peter Klingelhofer
• Best Practices for ES6 Promises — Basti Ortiz
• Lo que debemos saber de EScript 2020 — Kike Sanchez
• Promise Basics - javascript.info
• The Complete JavaScript Promise Guide
• Promise Chaining - javascript.info

Видео

• Let's Learn ES6 - Promises — Ryan Christiani
• JavaScript ES6 / ES2015 Promises — Traversy Media
• Promises — Fun Fun Function
• Error Handling Promises in JavaScript — Fun Fun Function
• Promises Part 1 - Topics of JavaScript/ES6 — The Coding Train
• JavaScript Promise in 100 Seconds
• JavaScript Promise in 9 Minutes
• JavaScript Promises In 10 Minutes — Web Dev Simplified
• Promises | Ep 02 Season 02 - Namaste JavaScript - Akshay Saini

⬆ Back to Top

---

26. async/await

Ссылка

• async/await — JavaScript.Info

Книги

• Eloquent JavaScript, 3rd Edition: Ch. 11 - Asynchronous Programming
• Exploring JS: Asynchronous Programming

Статьи

• Understanding async/await in Javascript — Gokul NK
• Asynchronous Javascript using async/await — Joy Warugu
• Modern Asynchronous JavaScript with async/await — Flavio Copes
• Asynchronous JavaScript: From Callback Hell to Async and Await — Demir Selmanovic
• Javascript — ES8 Introducing async/await Functions — Ben Garrison
• How to escape async/await hell — Aditya Agarwal
• Understanding JavaScript's async await — Nicolás Bevacqua
• JavaScript Async/Await: Serial, Parallel and Complex Flow — TechBrij
• From JavaScript Promises to Async/Await: why bother? — Chris Nwamba
• Flow Control in Modern JS: Callbacks to Promises to Async/Await — Craig Buckler
• How to improve your asynchronous Javascript code with async and await — Indrek Lasn
• Making Fetches Easy With Async Await — Mickey Sheridan
• 7 Reasons Why JavaScript Async/Await Is Better Than Plain Promises — Mostafa Gaafar
• Asynchronous Operations in JavaScript — Jscrambler
• JavaScript: Promises or async-await — Gokul NK
• Async / Await: From Zero to Hero — Zhi Yuan
• JavaScript Visualized: Promises & Async/Await — Lydia Hallie
• Making asynchronous programming easier with async and await — MDN
• JavaScript Async/Await Tutorial – Learn Callbacks, Promises, and Async/Await in JS by Making Ice Cream
• Better Than Promises - JavaScript Async/Await

Видео

• Asynchronous JavaScript Crash Course
• Async + Await — Wes Bos
• Asynchrony: Under the Hood — Shelley Vohr
• async/await in JavaScript - What, Why and How — Fun Fun Function
• async/await Part 1 - Topics of JavaScript/ES8 — The Coding Train
• async/await Part 2 - Topics of JavaScript/ES8 — The Coding Train
• Complete Guide to JS Async & Await ES2017/ES8 — Colt Steele
• Tips for using async/await in JavaScript — James Q Quick
• JavaScript Async Await — Web Dev Simplified
• Promise async and await in javascript — Hitesh Choudhary

⬆ Back to Top

---

27. Data Structures

Статьи

• Data Structures in JavaScript — Thon Ly
• Algorithms and Data Structures in JavaScript — Oleksii Trekhleb
• Data Structures: Objects and Arrays ― Chris Nwamba
• Data structures in JavaScript — Benoit Vallon
• Playing with Data Structures in Javascript — Anish K.
• The Little Guide of Queue in JavaScript — Germán Cutraro
• All algorithms writing with JavaScript in the book 'Algorithms Fourth Edition'
• Collection of classic computer science paradigms in JavaScript
• All the things you didn't know you wanted to know about data structures
• JavaScript Data Structures: 40 Part Series — miku86
• Data Structures: Understanding Graphs — Rachel Hawa
• Data Structures Two Ways: Linked List (Pt 1) — Freddie Duffield
• Data Structures Two Ways: Linked List (Pt 2) — Freddie Duffield
• Graph Data Structures Explained in JavaScript — Adrian Mejia

Видео

• Algorithms In Javascript | Ace Your Interview — Eduonix Learning Solutions
• Data Structures and Algorithms in JavaScript — freeCodeCamp
• Learning JavaScript Data Structures and Algorithms: Sorting — Packt Video
• JavaScript Data Structures: Getting Started — Academind

⬆ Back to Top

---

28. Expensive Operation and Big O Notation

Статьи

• Big O Notation in Javascript — César Antón Dorantes
• Time Complexity/Big O Notation — Tim Roberts
• Big O in JavaScript — Gabriela Medina
• Big O Search Algorithms in JavaScript — Bradley Braithwaite
• Algorithms in plain English: time complexity and Big-O Notation — Michael Olorunnisola
• An Introduction to Big O Notation — Joseph Trettevik

Видео

• JavaScript: Intro to Big O Notation and Function Runtime — Eric Traub
• Essential Big O for JavaScript Developers — Dave Smith
• Big O Notation - Time Complexity Analysis — WebTunings
• Learn Big O Notation In 12 Minutes - Web Dev Simplified
• JavaScript Algorithms: Big-O Notation - Codevolution
• JavaScript Algorithms Crash Course: Learn Algorithms & "Big O" from the Ground Up! - Academind
• Big O Notation - Data Structures and Algorithms in Javascript - RoadSideCoder

⬆ Back to Top

---

29. Algorithms

Статьи

• Data Structures and Algorithms using ES6
• Algorithms and data structures implemented in JavaScript with explanations and links to further readings
• JS: Interview Algorithm
• Algorithms in JavaScript — Thon Ly
• JavaScript Objects, Square Brackets and Algorithms — Dmitri Grabov
• Atwood's Law applied to CS101 - Classic algorithms and data structures implemented in JavaScript
• Data Structures and Algorithms library in JavaScript
• Collection of computer science algorithms and data structures written in JavaScript
• Algorithms and Data Structures in JavaScript — Oleksii Trekhleb

Видео

• ? JavaScript Algorithms - Codevolution
• ? Dynamic Programming - Learn to Solve Algorithmic Problems & Coding Challenges - FreeCodeCamp
• ? Data Structures and Algorithms in Javascript | DSA with JS - RoadsideCoder
• ? Javascript Algorithms + Data Structures - KodingKevin
• ? JavaScript Data Structures: Getting Started - Academind
• ? Algorithms and Data Structures - The Coding Train (Daniel Shiffman)

⬆ Back to Top

---

30. Inheritance, Polymorphism and Code Reuse

Ссылка

• Inheritance in JavaScript — MDN
• Class inheritance, super — JavaScript.Info

Статьи

• Inheritance in JavaScript — Rupesh Mishra
• Simple Inheritance with JavaScript — David Catuhe
• JavaScript — Inheritance, delegation patterns and Object linking — NC Patro
• Object Oriented JavaScript: Polymorphism with examples — Knoldus Blogs
• Program Like Proteus — A beginner's guide to polymorphism in Javascript — Sam Galson
• Object-oriented JavaScript: A Deep Dive into ES6 Classes — Jeff Mott
• Unlocking the Power of Polymorphism in JavaScript: A Deep Dive

Видео

• Inheritance in JavaScript — kudvenkat
• JavaScript ES6 Classes and Inheritance — Traversy Media
• Polymorphism in JavaScript — kudvenkat

⬆ Back to Top

---

31. Design Patterns

Книги

• Learning JavaScript Design Patterns — Addy Osmani
• Pro JavaScript Design Patterns — Ross Harmes and Dustin Diaz

Статьи

• JavaScript Design Patterns – Explained with Examples — Germán Cocca
• 4 JavaScript Design Patterns You Should Know — Devan Patel
• JavaScript Design Patterns – Beginner's Guide to Mobile Web Development — Soumyajit Pathak
• JavaScript Design Patterns — Akash Pal
• JavaScript Design Patterns: Understanding Design Patterns in JavaScript - Sukhjinder Arora
• All the 23 (GoF) design patterns implemented in Javascript — Felipe Beline
• The Power of the Module Pattern in JavaScript — jsmanifest
• Design Patterns for Developers using JavaScript pt. I — Oliver Mensah
• Design Patterns for Developers using JavaScript pt. II — Oliver Mensah
• Design patterns in modern JavaScript development
• Understanding Design Patterns: Iterator using Dev.to and Medium social networks! — Carlos Caballero
• JavaScript Design Patterns - Factory Pattern — KristijanFištrek
• JavaScript Design Pattern — Module Pattern - Factory Pattern — Moon
• Design Patterns: Null Object - Carlos Caballero
• Strategy Pattern - Francesco Ciulla
• Adapter Pattern - Francesco Ciulla
• The Power of Composite Pattern in JavaScript - jsmanifest
• In Defense of Defensive Programming - Adam Nathaniel Davis
• JavaScript Patterns Workshop — Lydia Hallie

Видео

• JavaScript Design Patterns — Udacity
• JavaScript Patterns for 2017 — Scott Allen

⬆ Back to Top

---

32. Partial Applications, Currying, Compose and Pipe

Книги

• Functional-Light JavaScript: Ch. 3 - Managing Function Inputs — Kyle Simpson

Статьи

• Composition and Currying Elegance in JavaScript — Pragyan Das
• Functional JavaScript: Function Composition For Every Day Use — Joel Thoms
• Functional Composition: compose() and pipe() — Anton Paras
• Why The Hipsters Compose Everything: Functional Composing In JavaScript — A. Sharif
• A Gentle Introduction to Functional JavaScript pt III: Functions for making functions — James Sinclair
• Curry And Compose (why you should be using something like ramda in your code) — jsanchesleao
• Function Composition in JavaScript with Pipe — Andy Van Slaars
• Practical Functional JavaScript with Ramda — Andrew D'Amelio, Yuri Takhteyev
• The beauty in Partial Application, Currying, and Function Composition — Joel Thoms
• Curry or Partial Application? — Eric Elliott
• Partial Application in JavaScript — Ben Alman
• Partial Application of Functions — Functional Reactive Ninja
• Currying vs Partial Application — Deepak Gupta
• Partial Application in ECMAScript 2015 — Ragan Wald
• So You Want to be a Functional Programmer pt. I — Charles Scalfani
• So You Want to be a Functional Programmer pt. II — Charles Scalfani
• So You Want to be a Functional Programmer pt. III — Charles Scalfani
• So You Want to be a Functional Programmer pt. IV — Charles Scalfani
• So You Want to be a Functional Programmer pt. V — Charles Scalfani
• An introduction to the basic principles of Functional Programming — TK
• Concepts of Functional Programming in Javascript — TK
• An Introduction to Functional Programming Style in JavaScript — JavaScript Teacher
• A practical guide to writing more functional JavaScript — Nadeesha Cabral
• A simple explanation of functional pipe in JavaScript — Ben Lesh

Видео

• Compose vs Pipe: Functional Programming in JavaScript — Chyld Studios
• JavaScript Functional Programing: Compose — Theodore Anderson
• Function Composition - Functional JavaScript — NWCalvank
• JavaScript Function Composition Explained — Theodore Anderson
• Let's code with function composition — Fun Fun Function
• Partial Application vs. Currying — NWCalvank
• JavaScript Partial Application — Theodore Anderson
• call, apply and bind method in JavaScript

⬆ Back to Top

---

33. Clean Code

Статьи

• Clean Code Explained – A Practical Introduction to Clean Coding for Beginners — freeCodeCamp
• Clean Code concepts adapted for JavaScript — Ryan McDermott
• Clean Code Practice: How to write clean code — Tirth Bodawala
• Function parameters in JavaScript Clean Code — Kevin Peters
• Keeping your code clean — Samuel James
• Best Practices for Using Modern JavaScript Syntax — M. David Green
• best practices for cross node/web development - Jimmy Wärting
• Writing Clean Code - Dylan Paulus
• Writing Clean Code and The Practice of Programming - Nityesh Agarwal
• Clean code, dirty code, human code - Daniel Irvine
• Practical Ways to Write Better JavaScript - Ryland G
• The Must-Know Clean Code Principles - Kesk on Medium
• The Clean Code Book - Robert C Martin
• How to use destructuring in JavaScript to write cleaner, more powerful code - freecodecamp
• Write Clean Code Using JavaScript Object Destructuring - Asel Siriwardena
• JavaScript Clean Coding Best Practices

Видео

• ? JavaScript Pro Tips - Code This, NOT That
• ? Clean Code playlist - Beau teaches
• ? JavaScript Best Practices and Coding Conventions - Write Clean Code
• ? JavaScript Clean Code
• ? Tips On Learning How To Code

⬆ Back to Top

Лицензия

This software is licensed under MIT License, See License for more information ©Leonardo Maldonado.