Мой гигантский базовый курс JavaScript сейчас живет на Youtube. И это на 100% бесплатно.

Автор оригинала: FreeCodeCamp Community Member.

Мой базовый курс JavaScript сейчас живет на Канал YouTube FreeCodecamp Отказ

Великая вещь в этом курсе состоит в том, что он также выравнивается с основными проблемами JavaScript на BreeCodeCamp учебная программа Отказ Вы можете практиковать то, что вы учитесь через видео, используя проблемы FreeCodecamp. (Курс даже учит некоторых концепций, которые еще не покрыты в учебной программе FreeCodeCamp.)

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

Помимо базового курса JavaScript, я также разработал плейлисты для ES6, Clean Code, структур данных, шаблоны дизайна и jQuery. Ниже приведены ссылки и описания видео, чтобы помочь вам быстро найти именно то, что вы хотите узнать.

Основы JavaScript (полный курс)

Смотрите полный плейлист здесь.

1. Переменные – Переменные – это контейнеры для хранения значений данных. Это видео также охватывает соглашения об именах.
2. Типы данных – Семь типов данных в JavaScript являются логическими, нулевыми, неопределенными, номерами, строкой, символом и объектом.
3. Числа – Работа с числами, включая добавление, вычитание, умножение, разделить, модуль, приращение, уменьшение и составное назначение.
4. Струнные основы – Строки – это группа персонажей.
5. Строки: [Обозначение кронштейна] – Обозначение кронштейна позволяет получить доступ к определенному символу в строке.
6. 20 строковых методов за 7 минут – Строковые методы, представленные в этом видео: Charat, Charcodeat, Concat, Endswith, fromChodexod, включает в себя, indexoffof, lastindexof, совпадение, повторение, замена, поиск, ломтик, разделение, раскрытие, substr, подстроку, толкатель, touppercase, обрезать.
7. Функции – Функции являются одним из фундаментальных строительных блоков в JavaScript. Это видео охватывает определения функций, имена, аргументы, параметры, параметры, объем и функции вложенности.
8. Подъем – Подъемность – это когда переменные и декларации функций обрабатываются до выполнения любого кода.
9. Операторы сравнения и если еще -Мозные операторы типа>, <, => и = <. Кроме того, используйте, если/царствуйте операторы для выполнения блока кода, если указанное условие верно.
10. == vs === – различия между абстрактным и строгим равенством.
11. Null vs undefined – различия между нулевым и неопределенным.
12. Логические операторы && Хитровы с оценкой короткого замыкания -Логические операторы «и» (&&) и «или» (
13. ). Они также позволяют вам делать приемы, используя оценку короткого замыкания. Тернарный оператор
14. – Торговый оператор или условный оператор, использует три аргумента и в основном является укороченным способом написания оператора IF-Evel. Выключатели выключания
15. – Управляйте поток вашей программы с выключателями. Массивы
16. – Массивы – это способы хранения более одного значения в одной переменной. Это видео также охватывает вложенные массивы и метод FOREACH. Общие методы массива
17. – Узнайте, как использовать 10 различных методов массива: push, pop, concat, join, обратное, shift, unssift, сортировка, ломтик и splice. Копирование массивов (глубокие и мелкие)
18. – Мелкие массивы копирования с использованием ломтика и оператора распространения. Глубокие массивы копирования с помощью JSON.Stringify. Случайные номера и Parсент
19. – Создавайте случайные числа! Также используйте Parсент для преобразования строк в целые числа. Для петлей
20. – Для циклов являются одним из наиболее распространенных способов повторения вещей в JavaScript. В то время как/делать, пока
21. – В то время как и делать … в то время как способы петли по коду в JavaScript. F или в/для
22. – Для … в и для … of Poops Разрешить петлю через имена свойств и значений в JavaScript. Массивная итерация: 8 Методы
23. – Узнайте восемь методов, чтобы перейти через массив в JavaScript! Методы включают в себя: foreach, карту, фильтр, уменьшить, сумму, каждый, найти, findindex. Объекты
24. – Объекты являются автономными объектами со свойствами и типами. Объекты, часть 2
25. – Узнайте больше о объектах. Это видео охватывает использование объектов для поиска, удаление свойств с использованием удаления, тестирования для свойств, доступа к и модификации вложенных объектов и создания массива всех клавиш объекта. Ajax
26. – Ajax In позволяет вам обновлять детали веб-страницы без перезагрузки всей страницы. JSON
27. – JSON Стенды для объекта JavaScript. Это синтаксис для хранения и обмена данными. это
28. – ключевое слово «Это» относится к объекту, который «владеет» код JavaScript. Закрытие
29. – Закрытие – это сочетание функции и среды, где объявлена функция. Обещания
30. – Обещание представляет собой возможный результат асинхронной операции. Уведомления на рабочем столе
31. – Уведомления API позволяет веб-странице или приложения отправить уведомления, которые отображаются за пределами страницы на уровне системы. Это позволяет веб-приложениям отправлять информацию пользователям, даже если приложение холостое или на заднем плане. Сразу вызывало функцию выражения
32. – Немедленно вызываемое выражение функции (IIFIFE) – это функция JavaScript, которая работает как можно скорее. Строгий режим – «Используйте Strict»
33. – Строгий режим в JavaScript затягивает правила для определенного поведения. Вы можете выполнить код JavaScript в строгом режиме, используя директиву «Использовать строгую». Проверьте, находится ли свойство в объекте
34. – Как вы проверяете, находится ли свойство в объекте в JavaScript? Узнайте три способа в этом видео. Два из способов – «в» и «хамонунпроперти». SetInterval и Settimeout: Сроки мероприятий
35. – Settimeout и SetInterval – это временные события в JavaScript, одновременно позволяют выполнять выполнение кода в указанные временные интервалы. Это быстрое руководство показывает, как их использовать. попробуй, поймать, наконец, бросить – обработка ошибок в JavaScript
36. – Обработка ошибок в JavaScript использует ключевые слова: попробуйте, поймать, наконец и бросить. Даты

ES6

Смотрите полный плейлист здесь.

1. Var vs const vs Пусть – три другое способы объявить переменные.
2. Классы – Узнайте о выражениях класса, декларации класса и наследство/продление.
3. Символы -Symbols – это уникальный неизменный тип данных.
4. Шаблонные литералы – Шаблонные литералы являются строковыми литералами, позволяющими встроенным выражениям. Они окружены backticks“.
5. Прокси – Прокси используются для предоставления объектов на заказ поведение. Одним из них является для проверки данных.
6. … Распространение оператора и оператора отдыха – Оператор по распространению (…) распространяет элементы массива (или ее объекта). Оператор остальных конденсирует элементы.
7. Функции стрелки – Функция стрелки в ES6 имеет более короткий синтаксис, чем обычная функция и не связывает его собственным.
8. Разрушение – Назначение деструктурирования – это специальный синтаксис для аккуратного назначения значений, предпринятых непосредственно из объектов и массивов в переменные.
9. Карта – Карты – это структуры данных, которые хранят пары значения ключа. Посмотрите, как они работают и узнают о объекте карты ES6.
10. Импорт/экспорт (модули) – операторы импорта и экспорта позволяют разбить свой код в разных файлах или модулях.

Дом (модель объекта документа)

Смотрите полный плейлист здесь.

1. Выбор и изменение элементов веб-сайта – JavaScript позволяет вам выбрать элементы из DOM веб-сайта, а затем вносить изменения в эти элементы.
2. Стили CSS в JavaScript (настройка и получение) – Как установить свойства CSS и стили в JavaScript. Также как получить CSS.
3. Дом События – HTML DOM События позволяют JavaScript регистрировать разные обработчики событий на элементах в документе HTML.
4. addeventListener () – метод addeventListener () присоединяет обработчик событий к указанному элементу без перезаписывания существующих обработчиков событий, чтобы вы могли добавить много обработчиков событий в один элемент. Вы можете использовать RemoveeVentListener (), чтобы удалить событие.
5. Дом узлы – Это видео охватывает творчество, приложение, вставку перед, refracechild и removechild.
6. Анимация в доме – Анимируйте элементы DOM, используя JavaScript без кадров. Сначала вы узнаете, как создать анимацию путем программирования постепенных изменений в стиле элемента. Затем узнайте о методе элемента. Способ (), который является частью новых веб-анимаций API.
7. ProwelsimationFrame () – метод Window.RequestanimationFrame () позволяет браузеру, которое вы хотите выполнить анимацию и запросы, чтобы браузер вызови указанную функцию для обновления анимации до следующего перекраски.
8. Окно объект: переместить, открыть, закрыть и размер – Окно объекта представляет собой окно браузера. Он имеет много свойств и методов. Это видео показывает, как использовать JavaScript, чтобы получить размер окна, откройте новое окно, закрыть окно и переместите окно.
9. Попс Учебное пособие – JavaScript имеет три вида всплывающих коробок: Beleert Box, Подтверждение коробки и окна подсказки.
10. Cookies VS LocalStorage VS SessionStorage – В чем разница между печеньем, местным хранением и хранением сеанса? Все они являются способами хранения данных в браузере пользователя, но у каждого из них разное использование.
11. Учебник истории браузера – Манипулировать и навигация по истории браузера, используя JavaScript и Oper.history объект. Это видео охватывает историю. Взимается, история.

jquery

Смотрите полный плейлист здесь.

1. Начало работы с jquery – jQuery – очень популярный, легкий проводник JavaScript. jQuery упрощает много сложных вещей из JavaScript, таких как ajax звонки и манипулированием дома. Узнайте основной синтаксис в этом видео.
2. JQuery Events – В JQuery большинство событий DOM имеют эквивалентный метод jQuery. Узнайте о событиях jQuery в этом видео.
3. jQuery Effects – jQuery позволяет легко добавлять простые эффекты на вашу веб-страницу. Это видео охватывает шоу, скрытие, выдвижное, Slidedown, Fadeout, Fadein, Toggle, Stop и задержку.

Чистый код

Эти видео все о написании чистого кода в JavaScript и основаны на Статья Райана МакДермотта который основан на книге Роберт С. Мартин Отказ Чистый код – это код, который читается, многоразовый и рефакторин.

Смотрите полный плейлист здесь.

1. Переменные
2. Функции (часть 1)
3. Функции (часть 2)
4. Объекты
5. Классы
6. ТВЕРДЫЙ
7. Тестирование, параллелизм и обработка ошибок
8. Форматирование и комментарии

Структуры и алгоритмы данных

Смотрите полный плейлист здесь.

1. Стеки – Стеки – это встроенная структура данных.
2. Наборы – Наборы похожи на массивы, но без дублирующих предметов.
3. Очески и приоритетные очереди – очереди представляют собой в первую очередную структуру данных.
4. Двоичное поиск деревьев – Двоичное дерево поиска – это структура данных деревьев с двумя ветвями для каждого узла.
5. Двоичное дерево поиска: обход и высота – Найдите высоту двоичного дерева поиска. Кроме того, используйте используйте в первую очередь и сначала поступлений на глубину и поступлений по порядку, предварительно заказа, пост порядка и на уровне порядок.
6. Карта – Карты – это структуры данных, которые хранят пары значения ключа. Посмотрите, как они работают и узнают о объекте карты ES6.
7. Хэш таблицы – Хэш-таблицы – это быстрый способ реализации ассоциативных массивов или отображений пар клавишных пар. Найдите наше большее и узнайте, как создать один в JavaScript.
8. Связанный список – Связанный список – это общая структура данных, где элементы хранятся в узле. Узнайте о связанных списках и как реализовать их в JavaScript.
9. Структура данных TRIE – структура данных TRIE (иногда называемая деревом префикса) – это специальный тип дерева, используемого для хранения ассоциативных структур данных. Узнайте больше о попытках и как их реализовать в JavaScript.
10. Структура данных кучи (MAX и MIN) – двоичная куча – это частично упорядоченное двоичное дерево, которое удовлетворяет свойство кучи. Что такое имущество кучи? Посмотрите видео, чтобы узнать! Также посмотрите, как реализовать минимальную кучу в JavaScript.
11. Графическая структура данных вступления – Графики – это коллекции вещей и отношений или связей между ними. Данные в графе называются узлами или вершинами. Соединения между узлами называются краями.
12. Графики: Шарф-первый Поиск – Обходные алгоритмы являются алгоритмы для прохождения или посещения узлов в графике. В этом видео я покажу, как реализовать алгоритм прохождения поиска в ширину в JavaScript. Алгоритм начинается в одном узле, сначала посещает всех своих соседей, которые являются одним из краев, затем продолжаются посещать каждый из своих соседей. Дело в том, чтобы определить, насколько близко узлы являются корневым узлом.

Шаблоны проектирования

Смотрите полный плейлист здесь.

1. Singleton – Синэлтонная структура дизайна ограничивает количество экземпляров определенного объекта только к одному.
2. Наблюдатель – с рисунком дизайна наблюдателя, если объект модифицируется, он передает зависимые объекты, которые произошло изменение.
3. Модуль – Шаблон дизайна модуля в JavaScript является одним из самых используемых разработанных шаблонов для хранения определенных кусков кода, независимо от других частей.
4. Узор дизайна медиатора – Шаблон дизайна посредника – это шаблон, который обеспечивает центральный авторитет, через который могут общаться различные компоненты приложения. Смотрите пример этого шаблона в JavaScript.

Реагировать

1. Основы реагирования – Reg.js предназначен для того, чтобы сделать процесс создания модульных, многоразовых пользовательских интерфейсных компонентов простых и интуитивных и интуитивных. Это видео вводит компоненты реагирования, виртуализма, JSX, состояние и реквизиты. Посмотрите, как эти вещи все связывают вместе в простом приложении списка покупок.