Учить javascript: Современный учебник JavaScript

Содержание

Современный учебник JavaScript

Язык JavaScript

Здесь вы можете изучить JavaScript, начиная с нуля и заканчивая продвинутыми концепциями вроде ООП.

Мы сосредоточимся на самом языке, изредка добавляя заметки о средах его исполнения.

Введение

  • Введение в JavaScript

  • Справочники и спецификации

  • Редакторы кода

  • Консоль разработчика

Основы JavaScript

  • Привет, мир!

  • Структура кода

  • Строгий режим — «use strict»

  • Переменные

  • Типы данных

  • Взаимодействие: alert, prompt, confirm

  • Преобразование типов

  • Базовые операторы, математика

  • Операторы сравнения

  • Условное ветвление: if, ‘?’

  • Логические операторы

  • Оператор нулевого слияния (??)

  • Циклы while и for

  • Конструкция «switch»

  • Функции

  • Function Expression

  • Стрелочные функции, основы

  • Особенности JavaScript

  • Далее…

Качество кода

  • Отладка в браузере

  • Советы по стилю кода

  • Комментарии

  • Ниндзя-код

  • Автоматическое тестирование c использованием фреймворка Mocha

  • Полифилы

Объекты: основы

  • Объекты

  • Копирование объектов и ссылки

  • Сборка мусора

  • Методы объекта, «this»

  • Конструктор, оператор «new»

  • Опциональная цепочка ‘?. ‘

  • Тип данных Symbol

  • Преобразование объектов в примитивы

Типы данных

  • Методы примитивов

  • Числа

  • Строки

  • Массивы

  • Методы массивов

  • Перебираемые объекты

  • Map и Set

  • WeakMap и WeakSet

  • Object.keys, values, entries

  • Деструктурирующее присваивание

  • Дата и время

  • Формат JSON, метод toJSON

  • Далее…

Продвинутая работа с функциями

  • Рекурсия и стек

  • Остаточные параметры и оператор расширения

  • Замыкание

  • Устаревшее ключевое слово «var»

  • Глобальный объект

  • Объект функции, NFE

  • Синтаксис «new Function»

  • Планирование: setTimeout и setInterval

  • Декораторы и переадресация вызова, call/apply

  • Привязка контекста к функции

  • Повторяем стрелочные функции

  • Далее…

Свойства объекта, их конфигурация

  • Флаги и дескрипторы свойств

  • Свойства — геттеры и сеттеры

Прототипы, наследование

  • Прототипное наследование

  • F. prototype

  • Встроенные прототипы

  • Методы прототипов, объекты без свойства __proto__

Классы

  • Класс: базовый синтаксис

  • Наследование классов

  • Статические свойства и методы

  • Приватные и защищённые методы и свойства

  • Расширение встроенных классов

  • Проверка класса: «instanceof»

  • Примеси

Обработка ошибок

  • Обработка ошибок, «try..catch»

  • Пользовательские ошибки, расширение Error

Промисы, async/await

  • Введение: колбэки

  • Промисы

  • Цепочка промисов

  • Промисы: обработка ошибок

  • Promise API

  • Промисификация

  • Микрозадачи

  • Async/await

Генераторы, продвинутая итерация

  • Генераторы

  • Асинхронные итераторы и генераторы

Модули

  • Модули, введение

  • Экспорт и импорт

  • Динамические импорты

Разное

  • Proxy и Reflect

  • Eval: выполнение строки кода

  • Каррирование

  • Ссылочный тип

  • Побитовые операторы

  • BigInt

  • Юникод, внутреннее устройство строк

  • Intl: интернационализация в JavaScript

Онлайн-курсы

Онлайн-курсы — это не быстро устаревающие видео-записи, а живые вебинары. Ведёт их преподаватель — опытный действующий разработчик. С теорией, практикой, ответами на вопросы, проектом и обратной связью по вашему коду («code review»).

Основы веб-разработки

курс для новичков

JavaScript / DOM / Интерфейсы

курс для программистов

JavaScript / DOM / Интерфейсы

курс

Современная верстка

New

Фреймворки, смежные технологии

курс

Angular

курс

Node.js

курс

React

интенсив

TypeScript

курс

Vue.js

интенсив

RxJs

Браузер: документ, события, интерфейсы

Изучаем работу со страницей – как получать элементы, манипулировать их размерами, динамически создавать интерфейсы и взаимодействовать с посетителем.

Документ

  • Браузерное окружение, спецификации

  • DOM-дерево

  • Навигация по DOM-элементам

  • Поиск: getElement*, querySelector*

  • Свойства узлов: тип, тег и содержимое

  • Атрибуты и свойства

  • Изменение документа

  • Стили и классы

  • Размеры и прокрутка элементов

  • Размеры и прокрутка окна

  • Координаты

  • Далее…

Введение в события

  • Введение в браузерные события

  • Всплытие и погружение

  • Делегирование событий

  • Действия браузера по умолчанию

  • Генерация пользовательских событий

Интерфейсные события

  • Основы событий мыши

  • Движение мыши: mouseover/out, mouseenter/leave

  • Drag’n’Drop с событиями мыши

  • Клавиатура: keydown и keyup

  • События указателя

  • Прокрутка

Формы, элементы управления

  • Свойства и методы формы

  • Фокусировка: focus/blur

  • События: change, input, cut, copy, paste

  • Отправка формы: событие и метод submit

Загрузка документа и ресурсов

  • Страница: DOMContentLoaded, load, beforeunload, unload

  • Скрипты: async, defer

  • Загрузка ресурсов: onload и onerror

Разное

  • MutationObserver: наблюдатель за изменениями

  • Selection и Range

  • Событийный цикл: микрозадачи и макрозадачи

Тематические разделы

Важные темы, читать которые можно в любом порядке.

Фреймы и окна

  • Открытие окон и методы window

  • Общение между окнами

  • Атака типа clickjacking

Бинарные данные и файлы

  • ArrayBuffer, бинарные массивы

  • TextDecoder и TextEncoder

  • Blob

  • File и FileReader

Сетевые запросы

  • Fetch

  • FormData

  • Fetch: ход загрузки

  • Fetch: прерывание запроса

  • Fetch: запросы на другие сайты

  • Fetch API

  • Объекты URL

  • XMLHttpRequest

  • Возобновляемая загрузка файлов

  • Длинные опросы

  • WebSocket

  • Server Sent Events

  • Далее…

Хранение данных в браузере

  • Куки, document.cookie

  • LocalStorage, sessionStorage

  • IndexedDB

Анимация

  • Кривые Безье

  • CSS-анимации

  • JavaScript-анимации

Веб-компоненты

  • С орбитальной высоты

  • Пользовательские элементы (Custom Elements)

  • Shadow DOM

  • Элемент «template»

  • Слоты теневого DOM, композиция

  • Настройка стилей теневого DOM

  • Теневой DOM и события

Регулярные выражения

  • Введение: шаблоны и флаги

  • Символьные классы

  • Юникод: флаг «u» и класс \p{. $, флаг «m»

  • Граница слова: \b

  • Экранирование, специальные символы

  • Наборы и диапазоны […]

  • Квантификаторы +, *, ? и {n}

  • Жадные и ленивые квантификаторы

  • Скобочные группы

  • Обратные ссылки в шаблоне: \N и \k<имя>

  • Альтернация (или) |

  • Опережающие и ретроспективные проверки

  • Катастрофический возврат

  • Поиск на заданной позиции, флаг «y»

  • Методы RegExp и String

  • Далее…

CSS для JavaScript-разработчика

  • О чём пойдёт речь

  • Единицы измерения: px, em, rem и другие

  • Все значения свойства display

  • Свойство float

  • Свойство position

  • Центрирование горизонтальное и вертикальное

  • Свойства font-size и line-height

  • Свойство white-space

  • Свойство outline

  • Свойство box-sizing

  • Свойство margin

  • Лишнее место под IMG

  • Свойство overflow

  • Особенности свойства height в %

  • Знаете ли вы селекторы?

  • CSS-спрайты

  • Правила форматирования CSS

  • Далее…

Следите за обновлениями javascript.

ru

Мы не рассылаем рекламу, все только по делу. Вы сами выбираете, что получать:

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

Как выучить JavaScript с нуля: бесплатные курсы и сайты для изучения JS самостоятельно

Главная / Статьи / Полезные сайты и обзоры / Как выучить JavaScript с нуля?

В этой статье вы узнаете, как быстро и просто выучить JavaScript самостоятельно. Что учить в первую очередь, какие навыки нужны для получения работы. Получите обзор бесплатных курсов по языку Java Script и много другой полезной информации.

Содержание статьи:

  • Где используют язык JavaScript и для чего он нужен?
  • Зачем учить JS? Особенности языка
  • С чего начать изучение JavaScript и сколько времени это займет?
  • В какой последовательности учить JavaScript?
  • Что такое GIT и для чего он нужен?
  • Бесплатные курсы и материалы для новичков
  • Где учиться программировать на JavaScript?
  • Как быстро выучить JS с нуля? Советы для новичков

  • Как наработать опыт и найти работу?

Где используют язык JavaScript и для чего?

Java Script (Ява или Джава скрипт или сокращенно JS) – один из самых популярных языков программирования в мире. Чаще всего на нем создают интерактивные элементы на сайтах, с помощью которых сайты «оживают», начинают реагировать на действия пользователей. Примеры таких элементов:

Однако данный язык востребован не только в создании сайтов. Его используют для разработки прикладных программ, например, браузеров, приложений для SMART-телевизоров, фитнес-трекеров, умных часов, приставок, в макросах для офисных программ. Подробно о сфере применения Джава скрипт можно прочитать в описании профессии JavaScript-разработчика.

Зачем учить JavaScript? Преимущества языка для новичков

С чего начать изучение JavaScript и сколько времени это займет?

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

  1. Структура кода (как составляется программа, с чего начинается, в какой последовательности задаются команды и т.д.).
  2. Переменные (что это такое, для чего нужны, как задаются и используются в скриптах).
  3. Типы данных, например: число, строка, логический тип, и преобразование типов.
  4. Операторы, например, как производится сложение. Приоритет операторов (какие действия выполняются в первую очередь, какие – во вторую и т.д.). Бывают операторы сравнения, условные операторы, логические.
  5. Выучить, как использовать циклы (что это такое, для чего нужны, как их задавать). Говоря простыми словами, циклы позволяют производить одну и ту же операцию несколько раз (пока не наступит условие, которое завершит цикл).
  6. Функции.
  7. Объекты и их свойства.
  8. Прототипы, наследование.
  9. Классы и наследование классов.
  10. Интерфейсные события (обработка движения курсора, кликов мышки, нажатия кнопок на клавиатуре).
  11. Программирование элементов интерфейса: кнопок, форм и других.
  12. Выучить, как писать асинхронный код на JavaScript.
  13. Отладка программ в браузере, написанных на JS.
  14. Обработка ошибок.

  15. Качество кода: как писать программу правильно, чтобы в ней было легко и просто ориентироваться как автору, так и другому разработчику.

Изучить основы можно самостоятельно, например, пользуясь самоучителем Learn.javascript.ru или Html5css.ru. На втором сайте курс интерактивный. Можно прямо в браузере смотреть пример кода и как он работает (какие события обрабатывает и как).

Выучить простейшие азы можно за срок от 2-3 недель до 1,5 месяцев в зависимости от времени, которое вы сможете уделять программированию каждый день. Далее вам потребуется более глубоко погружаться в предметную область, о чем поговорим ниже.

Для изучения JavaScript пригодится знание HTML и CSS. Если вы еще не знаете эти технологии, то освоить их можно на бесплатном курсе в Нетологии. На нем расскажут, что такое HTML-теги, для чего они нужны и покажут основные теги и их атрибуты.

В какой последовательности можно учить язык JavaScript?

1. Изучите основы языка. Список того, что нужно знать, описан выше. Все это можно выучить самостоятельно, пользуясь бесплатным учебником Learn.javascript.ru. Он написан на русском языке просто и понятно.

Если вам нужен наставник, то можно пойти на курсы. Например:

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

3. Будет полезно изучить Node.JS – это технология расширяет область применения Джава-скрипт. Например, при помощи Node.JS можно создавать приложения и полноценные программы для ПК.

4. Освойте фрймворки, например, Angular и Vue.js. Фреймворк – это некая основа, фундамент, на котором можно создавать различные программы. Он включает набор готовых решений, на базе которых можно быстрее собрать ИТ-продукты (лендинг, сайт, интернет-магазин, приложение).

Например, фреймворк Angular используется для создания одностраничных приложений, Vue.js – для создания пользовательских интерфейсов.

5. Научитесь использовать системы контроля версий. Самая популярная из них — это GIT. О нем поговорим ниже.

6. Учитесь писать грамотный и правильно структурированный код.

Что такое GIT и для чего он нужен?

GIT – это система контроля версий. Она позволяет команде разработчиком совместно работать над кодом и при необходимости возвращаться к версиям программ, созданным ранее. Также GIT синхронизирует работу с сайтом, сохраняет и обновляет изменения в файлах со скриптами.

Эта система позволяет избегать ошибок и систематизировать работу над программным кодом. При необходимости можно быстро откатить изменения, если в программе нашлись баги (ошибки).

Бесплатные курсы и материалы для новичков

В этой части статьи на Kadrof.ru вы найдете видео, а также ссылки на обзоры бесплатных уроков и мастер-классов, которые помогут выучить JS с нуля. Вы сможете использовать их для самообучения.

1. Полный курс по Java Script для новичков. За 6 часов в этом видео простым и понятным языком описываются основы языка:

2. Что такое Node.JS: история создания, простейшие скрипты и основные возможности. Видео с канала Разработка от Яндекса продолжительностью 3 часа:

3. Еще один бесплатный урок по Node.JS, который можно посмотреть в том числе начинающим разработчикам:

4. Полный курс по React. Примеры и практика для новичков:

Также вы можете посмотреть бесплатные видео уроки, собранные в группе Клуб фриланеров, в том числе:

  • JavaScript для новичков (13 уроков)
  • jQuery для начинающих (11 уроков)
  • Учим jQuery на примерах (8 видео)

  • Зачем нужен Node.js и что на нем можно делать (4 видео)

Где учиться программировать на JavaScript?

  1. Можно учиться самостоятельно по бесплатным урокам, которые есть в сети интернет. Этот вариант подойдет людям, которые уже сталкивались с веб-разработкой, имеют какой-либо опыт или сильное желание учиться. Выше в статье мы собрали ссылки на такие уроки, посмотрите их. Если вы решили учить JavaScript самостоятельно, постарайтесь системно подходить к освоению знаний.

  2. Можно пойти на курсы, где вас научат программировать на Джава-скрипт с нуля, помогут с практикой и стажировками. Если вы решите пойти на курсы, то вначале рекомендую какие-то основы изучить самостоятельно, написать простейшие скрипты, чтобы в процессе обучения задавать больше вопросов и глубже освоить программу.

Среди курсов можно выделить:

  • Fullstack-разработчик на JavaScript в Skillbox –данный курс посвящен верстке сайтов и программированию на JS. Осваивается язык, фреймворк (один на выбор – Vue, React или Angular), серверные технологии (Node.js). После обучения вы сможете не только работать с сайтами, но и создавать приложения на JS.
  • Курс по frontend-разработке в Нетологии. Уровень обучения – с нуля. Занятия проходят онлайн. Есть практика и диплом. Здесь вы освоите не только JS, но и библиотеку React, а также получите другие необходимые знания для работы front-end программистом. Если вы в дальнейшем хотите заниматься разработкой сайтов, этот курс для вас.

  • Обучение JavaScript в Geekbrains – здесь студенты проходят HTML, CSS, JavaScript, React, а также – основы баз данных и Node.js. Предусмотрена стажировка у партнеров.

Как быстро выучить JavaScript с нуля? Советы для новичков

  1. Старайтесь системно подходить к обучению. Если осваиваете Ява скрипт самостоятельно, то начинайте с основ, затем переходите к более глубокому материалу. Параллельно учите теорию. Что такое алгоритмы, какие они бывают и т.д.
  2. Постоянно практикуйтесь. Начинайте писать свои скрипты или переделывать или дорабатывать скрпиты других разработчиков (их можно найти в интернете). Старайтесь разобраться, как работает чужой код и как он сделан.
  3. Сделайте свой сайт, например, на WordPress и добавляйте на него различные функции. Это будет хорошей практикой.
  4. Если вам что-то не понятно, берите консультации программистов или заказывайте услугу code-review (проверку кода у опытного разработчика с комментариями, что нужно доработать, переделать и почему). Найти опытных разработчиков для code-review можно в каталоге веб-программистов на Kadrof.ru. Данная услуга стоит денег, поэтому заранее уточняйте у людей, которые согласятся проверить ваш код, сколько это будет стоить.
  5. Много полезной информации можно найти на сайте Хабр Q&A. Там общаются разработчики и в том числе можно попросить совет (бесплатно).

  6. На Kadrof.ru есть обзор сайтов для изучения языков программирования. Там вы найдете справочники и самоучители, которые помогут быстро освоить JavaScript.

Как наработать опыт и найти работу?

  1. В ИТ сфере принято тестировать кандидатов на работу. Поэтому в первую очередь для получения работы необходимы знания. Просматривайте вакансии на HH.ru и обращайте внимание, какие требования предъявляются работодателями. Какие технологии и на каком уровне необходимо знать. Изучив материал, приходите на собеседования. Если вас взяли, отлично. Если нет, спросите, каких знаний и навыков вам не хватило для получения работы и постарайтесь их быстро выучить. Затем снова приходите на собеседование.
  2. Ищите информацию о стажировках в крупных компаниях. Стажировка – отличный шанс получить опыт и затем работу. Подпишитесь на группу Клуб фрилансеров – в ней публикуется информация о стажировках и другие полезные новости для новичков.
  3. Посетите веб-студии, которые работают в вашем городе. Возможно, где-то требуется Junior разработчик на JS и вас возьмут на испытательный срок.
  4. Пока ищете работу, попробуйте подрабатывать на фрилансе, выполнять простые заказы на биржах или развивать собственный проект в интернете.
  5. Не переживайте, если сразу не получается найти работу. В ИТ не всегда просто новичкам, но по мере накопления опыта искать хорошие вакансии станет проще. Все когда-то начинали и проходили начальный этап.

  6. Общайтесь на форумах и сайтах для программистов. Вступайте в профильные группы в социальных сетях. Становитесь частью профессионального сообщества. Тогда найти работу станет проще.

Мы разобрались, как выучить JavaScript с нуля самостоятельно, что нужно осваивать в первую очередь и как быстро набрать опыт. Теперь вы готовы сделать первые шаги. Удачи вам в изучении JS и поиске работы!

Автор: Сергей Антропов (KadrofID: 5)
Добавлено: 25.06.2020 в 16:43

В избранное

Рекомендуем

Образовательные сайты для фрилансеров

Порой очень трудно четко разграничить сайты о фрилансе и фрилансерах. Например, это биржа телеработы или форум? Или, может быть, сайт вакансий? …

Биржи статей для новичков и опытных копирайтеров

Многие копирайтеры начинают карьеру на биржах, где можно писать тексты на заказ или продавать готовые статьи. В данной статье представлен рейтинг …

Темы статейРазвернуть

  • Новичкам о фрилансе
  • Способы заработка
  • Полезные сайты и обзоры
  • Инструменты и сервисы
  • Профессии фрилансеров
  • Реклама и маркетинг
  • Как работать с клиентами
  • Психология и мотивация
  • Тайм-менеджмент и карьера
  • Финансы, право, инвестиции
  • Обманы и лохотроны
  • Истории успеха и интервью
  • Цены на услуги фрилансеров
  • Как работать с фрилансерами

Консультации

Добрый день.

Как разместить вакансию на вашем сайте?

вакансия
Как «поднять» вакансию?
Как найти удалённую работу новичку?

условных выражений | Codecademy

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

Логический оператор ||

ТЕРНАРЬ Оператор

ELSE Оператор

Логический оператор &&

Switch Оператор

IF Оператор

Логический оператор !

Подробнее

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

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

Управляющие структуры, такие как условные операторы ( if операторов и т.п.), изменяют поток управления, выполняя блоки кода только при соблюдении определенных условий. Эти структуры, по сути, позволяют программе принимать решения о том, какой код выполнять во время работы программы.

  1. 1

    Что такое условные операторы?

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

    Start

  2. 2

    Оператор If

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

    Start

  3. 3

    Операторы If…Else

    В предыдущем упражнении мы использовали оператор if, который проверял условие, чтобы решить, является ли для запуска блока кода. Во многих случаях у нас будет код, который мы хотим запустить, если наше условие оценивает …

    Start

  4. 4

    Операторы сравнения

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

    Start

  5. 5

    Логические операторы

    Работа с условными выражениями означает, что мы будем использовать логические значения, значения true или false. В JavaScript есть операторы, работающие с логическими значениями, известные как 9.0079 логические операторы . Мы можем использовать логику…

    Начало

  6. 6

    Правда и Ложь

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

    Старт

  7. 7

    Присвоение правды и лжи

    Оценки правдивости и ложности открывают целый мир коротких возможностей! Допустим, у вас есть веб-сайт, и вы хотите использовать имя пользователя для персонализированного приветствия. Иногда у пользователя нет…

    Start

  8. 8

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

    В духе использования сокращенного синтаксиса мы можем использовать тернарный оператор для упрощения оператора if…else. Взгляните на пример оператора if…else: let isNightTime = true; if (isNightT…

    Start

  9. 9

    Else Операторы If

    Мы можем добавить дополнительные условия к нашему if…else с помощью оператора else if. Оператор else if допускает больше…

    Start

  10. 10

    Ключевое слово switch

    else if — отличный инструмент, если нам нужно проверить несколько условий. В программировании нам часто приходится проверять несколько значений и обрабатывать каждое из них по-разному. Для экзамена…

    Начало

  11. 11

    Обзор

    В путь! Вот некоторые из основных концепций условных выражений: * Оператор if проверяет условие и выполняет задачу, если это условие оценивается как истинное. * операторы if…else составляют двоичный код…

    Start

  • Magic Eight Ball

    Создайте виртуальный Magic Eight Ball, используя поток управления в JavaScript. Вы потренируетесь встраивать процесс принятия решений в свои программы и обретете уверенность в написании более надежного кода JavaScript.

  • День забега

    Разработайте логику для приложения, которое будет предоставлять бегунам информацию о дне забега!

  • Условные операторы

    Какой следующий код выводит на консоль?

Изучайте JavaScript

Пришло время изучать

 практичный
 JavaScript
  современным способом

Изучайте современный JavaScript (ES2015+) с нуля и практикуйтесь в интуитивно понятной среде. Испытания вдохновлены реальными проектами, чтобы убедиться, что вы изучаете передовой опыт шаг за шагом. Попробуйте первые 77 уроков, задач, проектов (первые 7 глав) и карточек бесплатно. Вы можете перейти на учетную запись Pro с единовременным платежом, который дает вам доступ на 5 лет.

Learn Javascript подходит для начинающих разработчиков, имеющих базовый опыт работы с любым языком программирования. Вас не устраивают основы? Затем рассмотрите курс «Изучение программирования», который охватывает основы.

Чему вы научитесь

Этот курс охватывает основы JavaScript. Это лучший способ изучить JavaScript в 2022 году. Весь курс был переписан в 2021 году.

Уроки и задачи помогут вам шаг за шагом изучить эти темы, а подход, основанный на проектах, поможет вам закрепить эти концепции.

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

  • Arrays
  • Functions
  • Arrow functions
  • Advanced Arrays
  • Destructuring
  • Optional chaining
  • Nullish coalescing
  • Objects
  • Arrays of Objects
  • Advanced Control Flow
  • Reduce
  • Classes
  • Callbacks
  • Asynchronous logic
  • Advanced classes
  • Prototypical inheritance
  • JSON
  • Promises
  • Fetch
  • Work with real APIs
  • Lexical scope
  • Async/await
  • DOM Selection
  • DOM basics
  • Advanced DOM
  • События
  • Формы
  • Менеджеры пакетов
  • Сборщики модулей
  • Модули
  • Динамический импорт
  • EcmaScript
  • Legacy var
  • Legacy topics
  • Window object
  • Closures
  • Loops & iteration
  • The event loop

  • Gem run game project

    Discover advanced class inheritance use cases with this fun project.

  • Открытие/закрытие проекта боковой панели

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

  • Переключить проект темной темы

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

  • Проект «Предпочитаемые валюты»

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

  • Проект проверки формы

    Реализовать проверку формы для элемента формы.

  • Проект сочетаний клавиш

    Реализовать сочетания клавиш для открытия и закрытия существующего модального окна.

  • Проект мгновенного поиска

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

  • Проект API приложения Todo

    Реализовать приложение todo с помощью API.

  • Проект API GitHub

    Список репозиториев пользователя GitHub с помощью общедоступного API GitHub.

  • Проект API конвертации валюты

    Реализуйте приложение конвертации валюты, используя API конвертации реальной валюты.

  • Фуд-трекер (финальный проект)

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

Реальные проекты

Чтобы лучше подготовить вас к реальному миру, у нас есть 17 проектов, вдохновленных популярными продуктами. Вот несколько примеров таких проектов.

Карточки JavaScript

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

Повторение с интервалами оказалось более эффективным методом обучения.

Что люди

говорят

CSS-трюки

@css

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

Роберт Найман

@robertnyman

Learnjavascript.online — поистине фантастический ресурс! Это отличный курс с обучением, задачами, повторением, задачами по кодированию и разочарованием программиста! 🙂
Отличный инструмент для обучения или переподготовки в отличной упаковке! А с мобильными карточками проверяйте знания на ходу

Рэйчел Нэборс

@rachelnabors

Боже, я люблю учиться javascript.online. Мобильные карточки — идеальный способ проснуться утром.
СПАСИБО @JoubranJad и @nicolesaidy!

Уна Кравец

@una

Отличный новый ресурс для изучения основ JS 🔥 Интерактивный учебник + карточки 🔥
Learnjavascript. online
@JoubranJad

Используется и упоминается в

Об инструкторе

Джад Жубран – эксперт Google Developer, Microsoft Most Valuable Professional (2019–2022) и внештатный консультант по веб-производительности из Амстердама.

Его страсть к JavaScript привела его к созданию и разработке наиболее интерактивных пошаговых курсов по JavaScript, React, основам программирования и HTML CSS.

Зачем изучать JavaScript с помощью этого курса?

Уроки

  • Прочитайте Краткие уроки
  • Сохранить примечания на уроках
  • Экспорт и распечата в браузере
  • Решайте интерактивные задачи
  • Тестовая среда
  • Решайте реальные проекты
  • Продолжите на телефоне
  • Сравните с официальным решением

Flashcards

  • УСТАНОВИТЕСЬ НАСТОЯЩИЙ
  • УЧИТЕЛЬНЫЕ ОБРАЗОВЫ

    Попробуйте первые 77 уроков, заданий, проектов (первые 7 глав) и карточки бесплатно.