Огромный видеокурс по основам JavaScript от freeCodeCamp

Хочешь уверенно проходить IT-интервью?

Готовься к IT-собеседованиям уверенно с AI-тренажёром T1!

Мы понимаем, как сложно подготовиться: стресс, алгоритмы, вопросы, от которых голова идёт кругом. Но с AI тренажёром всё гораздо проще.

💡 Почему Т1 тренажёр — это мастхэв?

  • Получишь настоящую обратную связь: где затык, что подтянуть и как стать лучше
  • Научишься не только решать задачи, но и объяснять своё решение так, чтобы интервьюер сказал: "Вау!".
  • Освоишь все этапы собеседования, от вопросов по алгоритмам до диалога о твоих целях.

Зачем листать миллион туториалов? Просто зайди в Т1 тренажёр, потренируйся и уверенно удиви интервьюеров. Мы не обещаем лёгкой прогулки, но обещаем, что будешь готов!

Реклама. ООО «Смарт Гико», ИНН 7743264341. Erid 2VtzqwP8vqy


Недавно на YouTube появился полный курс по JavaScript от преподавателя freeCodeCamp. В данной статье представлена подборка видео и краткими комментариями по каждому уроку.



Самое замечательное в этом курсе то, что он идет параллельно с программой Basic JavaScript Challenges. Вы можете оттачивать знания, полученные из видеолекций, на практических задачах из freeCodeCamp challenges. Также курс охватывает несколько тем, не вошедших в программу Basic JavaScript.
Эти видео созданы таким образом, чтобы быстро осветить ключевые моменты каждой темы. Также автор старался сделать их как можно более независимыми друг от друга. Каждое видео может играть роль отдельного урока, если вы хотите получить информацию по конкретной теме.
Кроме курса углубленного JavaScript, Карнс также является автором курсов по ES6, "чистому коду", структурам данных и паттернам проектирования. Ниже приведены ссылки на видео и их описания для того, чтобы вы могли быстро найти видеоурок по нужной теме.

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

Весь плейлист см. здесь.

Переменные

Переменные — это контейнеры для хранения значений. Урок также охватывает тему соглашений по поводу именования переменных.

Типы данных

В JavaScript существует семь типов данных: логический, null, неопределенный, число, строка, символ и объект.

Числа

Работа с числовым типом данных: арифметические действия, инкремент/декремент и сокращенные операторы присваивания.

Строки 

Строки — это наборы символов. Урок рассказывает о тонкостях использования строкового типа данных.

Строки [скобочная индексация]

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

20 методов String за 7 минут

Методы String, рассматриваемые в этом видео: charAt, charCodeAt, concat, endsWith, fromCharCode, includes, indexOf, lastIndexOf, match, repeat, replace, search, slice, split, startsWith, substr, substring, toLowerCase, toUpperCase, trim.

Функции

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

"Поднятие"

Поднятие переменных или функций — перемещение их интерпретатором в начало области видимости.

Операторы сравнения и конструкция if-else

Операторы >, <, >= и <=. Использование конструкции if-else для запуска блока кода в том случае, если проверочное условие истинное.

== vs ===

Различия между абстрактным и строгим сравнением.

null vs undefined

Название говорит само за себя:видео о различиях типов null и undefined.

Логические операторы и короткий цикл вычислений

Логическими операторами в JS являются and (&&) и or (||). Помимо выполнения своих основных функций, они позволяют экономить ресурсы, используя так называемый «короткий цикл вычислений».

Тернарный оператор

Тернарный оператор (ли оператор состояния) принимает три аргумента и представляет собой сокращенную форму записи конструкции if-else.

Оператор switch

Альтернатива if-else в случае большого количества проверяемых условий.

Массивы

Массивы позволяют хранить в одной переменной несколько значений одного типа. Урок также охватывает многомерные массивы и метод forEach.

Основные методы работы с массивами

Вы научитесь использовать десять методов работы с массивами: push, pop, concat, join, reverse, shift, unshift, sort, slice, и splice.

Копирование массивов (глубокое и поверхностное)

«Поверхностное» копирование осуществляется с помощью операторов slice и spread. «Глубокое» копирование производится через JSON.stringify.

Случайные числа и parseInt

Генерация случайных чисел и использование parseInt для преобразования строки в число.

Циклы for

Цикл for — один из самых часто используемых циклов в JS.

while / do while

Еще два популярных цикла в JavaScript.

for in / for of

Циклы for … in и for … of позволяют работать с именами и значениями свойств объектов.

8 методов итерации в массивах

Восемь методов прохода по массиву в JavaScript: forEach, map, filter, reduce, sum, every, find, findIndex.

Объекты

Объекты — самостоятельные элементы, обладающие свойствами и типами.

Объекты: часть 2

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

AJAX

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

JSON

Аббревиатура расшифровывается как JavaScript Object Notation. Это удобный синтаксис для хранения и обмена информацией.

this

Ключевое слово this ссылается на объект, который «владеет» JS-кодом.

Замыкания

Замыкание — это комбинация функции и лексического окружения, где она была объявлена.

Промисы

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

Уведомления

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

см. также:

ES6

Clean Code

Этот видеокурс посвящен правилам написания кода на JavaScript и основан на статье Райана МакДермотта, которая, в свою очередь, базируется на одноименной книге Роберта Мартина. Чистый код — это код читаемый, поддающийся рефакторингу и предоставляющий возможность повторного использования.

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

Паттерны проектирования

Основы React

React.js создан для того, чтобы сделать процесс создания удобных и универсальных элементов пользовательского интерфейса простым и интуитивным. Курс рассматривает основные компоненты React: VirtualDOM, JSX, state (состояние) и props (свойства).Вы увидите, как все эти элементы используются вместе на примере простого веб-приложения.

Другие статьи по теме

Паттерны JavaScript: курс, который упростит разработку

Рассматриваем популярные JavaScript проекты на 2018 год

Комментарии

ВАКАНСИИ

Добавить вакансию
Hotel Search Team Lead (Golang)
по итогам собеседования
Golang-разработчик
Пермь, по итогам собеседования

ЛУЧШИЕ СТАТЬИ ПО ТЕМЕ