Содержание

бесплатное обучение онлайн, 39 уроков

Включено в курс

39 уроков (видео и/или текст)

46 упражнений в тренажере

126 проверочных тестов

Дополнительные материалы

Помощь в «Обсуждениях»

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

  • Создавать программы, используя основные конструкции языка (условия, циклы, функции и другие)
  • Составлять программы, состоящие из нескольких модулей
  • Правильно анализировать ошибки в коде и пользоваться отладочной печатью при их поиске

Описание

На этом курсе вы изучите основы JavaScript — одного из самых широко используемых языков.

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

Изучение основ программирования на JavaScript с самого нуля требует особого способа организации учебного материала. Поэтому во время обучения вы будете не только изучать новые темы, но и отработаете свои навыки, привыкните к языковым конструкциям.

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

модули импорты отладка программы ошибки

Программа курса

Продолжительность 50 часов

  • Введение

    Познакомиться с курсом

    теория

  • Hello, World!

    Написать первую программу

    теория

    тесты

    упражнение

  • Инструкции

    Изучить азы построения программ на JavaScript

    теория

    тесты

    упражнение

  • Арифметические операции

    Переведем арифметические действия на язык программирования

    теория

    тесты

    упражнение

  • Ошибки оформления (синтаксиса и линтера)

    Изучить виды ошибок и способы их решения

    теория

    тесты

    упражнение

  • Строки

    Научиться работать со строками

    теория

    тесты

    упражнение

  • Переменные

    Научиться хранить информацию и переиспользовать уже существующие данные

    теория

    тесты

    упражнение

  • Выражения в определениях

    Научиться упрощать код, используем переменные

    теория

    тесты

    упражнение

  • Именование

    Научимся правильно именовать переменные

    теория

    тесты

    упражнение

  • Интерполяция

    Изучить еще один способ работать со строками в JavaScript

    теория

    тесты

    упражнение

  • Извлечение символов из строки

    Научиться получать значения из строк

    теория

    тесты

    упражнение

  • Типы данных

    Умножим число на строку, познакомимся с типами данных

    теория

    тесты

    упражнение

  • Неизменяемость и примитивные типы

    Узнаем, может ли JavaScript преобразовывать строки или числа

    теория

    тесты

    упражнение

  • Функции и их вызов

    Научиться использовать готовые функции

    теория

    тесты

    упражнение

  • Сигнатура функции

    Узнать, как функция принимает и возвращает значения

    теория

    тесты

    упражнение

  • Вызов функции — выражение

    Научиться использовать результат работы функций

    теория

    тесты

    упражнение

  • Функции с переменным числом параметров

    Познакомиться с расширенными возможностями функций

    теория

    тесты

    упражнение

  • Детерминированность

    Изучить некоторые свойства функций и особенности их работы

    теория

    тесты

    упражнение

  • Стандартная библиотека

    Познакомимся со стандартной библиотекой

    теория

    тесты

    упражнение

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

    Научиться использовать встроенные в JavaScript атрибуты данных.

    теория

    тесты

    упражнение

  • Цепочка вызовов

    Научиться выстраивать методы в цепочки

    теория

    тесты

    упражнение

  • Определение функций

    Научиться создавать функции

    теория

    тесты

    упражнение

  • Возврат значений

    Научиться использовать результат работы функции

    теория

    тесты

    упражнение

  • Параметры функций

    Научиться передавать данные в функцию

    теория

    тесты

    упражнение

  • Необязательные параметры функций

    Задаем значения по умолчанию

    теория

    тесты

    упражнение

  • Упрощенный синтаксис функций

    Научиться писать лаконичный код

    теория

    тесты

    упражнение

  • Логика

    Изучить, что такое логический тип и как применять логические операции

    теория

    тесты

    упражнение

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

    Учимся писать составные условия

    теория

    тесты

    упражнение

  • Результат логических операций

    Глубже про логические операции

    теория

    тесты

    упражнение

  • Условные конструкции

    Научиться задавать поведение программы в зависимости от разных условий

    теория

    тесты

    упражнение

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

    Научиться писать лаконичный код для условий

    теория

    тесты

    упражнение

  • Конструкция Switch

    Изучить специальную версию if для множественных условий

    теория

    тесты

    упражнение

  • Цикл while

    Научиться писать программы для выполнения повторяющихся действий

    теория

    тесты

    упражнение

  • Агрегация данных

    Познакомиться с отдельным классом задач, где применяются циклы

    теория

    тесты

    упражнение

  • Обход строк в цикле

    Научиться обрабатывать и собирать строки в цикле

    теория

    тесты

    упражнение

  • Условия внутри тела цикла

    Научиться управлять поведением программы в цикле

    теория

    тесты

    упражнение

  • Инкремент и декремент

    Познакомиться с унарными операциями

    теория

    тесты

    упражнение

  • Цикл for

    Изучим еще один цикл в JavaScript

    теория

    тесты

    упражнение

  • Модули

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

    теория

    тесты

    упражнение

Формат обучения

Испытания

Это практические задания, которые мы советуем выполнить после завершения курса. Задания помогут вам получить дополнительный опыт в программировании и закрепить полученные навыки. Обычно мы рекомендуем выполнить 3-5 испытаний. Но если не получается, не отчаивайтесь. Просто вернитесь к ним позже

Все

Алсу09 августа 2022

Спасибо! Прошла последний урок в курсе. Я в целом прохожу все медленно, и пока я проходила массивы, предыдущий курс по введению в программированию был заменен на данный курс. Такое ощущение, будто замечания по старому курсу действительно учли в этом новом, некоторые темы объясняются более удобно и последовательно, как раз там, где этого не хватало (на мой взгляд). Но здесь не было рекурсии. Видимо, ее включили в другие курсы?

Рекомендуемые программы

Профессия

с нуля

Фронтенд-разработчик

Разработка фронтенд-компонентов для веб-приложений

13 апреля 10 месяцев

Профессия

с нуля

Node.js-разработчик

Разработка бэкенд-компонентов для веб-приложений

13 апреля 10 месяцев

Профессия

с нуля

Fullstack-разработчик

Разработка фронтенд- и бэкенд-компонентов для веб-приложений

13 апреля 16 месяцев

Профессия

Новый В разработке с нуля

Инженер по автоматизированному тестированию на JavaScript

Автоматизированное тестирование веб-приложений на JavaScript

дата определяется 10 месяцев

ТОП-20 бесплатных курсов по JavaScript

Лучшие бесплатные курсы по JavaScript

3. 8

485

Первые шаги в JavaScript: создаём сайт

Старт в любое время

Рассрочка

нет

Цена

0 ₽

4.1

89

7 часов

Hexlet: Введение в программирование (JavaScript ES6)

Старт в любое время

Рассрочка

нет

Цена

0 ₽

4.1

89

6 часов

JavaScript для начинающих

Старт в любое время

Рассрочка

нет

Цена

0 ₽

Отзывы о онлайн-школах и курсах

ProductStar

Productstar — курс Python разработчик

Курс при мне обновили, добавили новые практические задания. Поддержка менторов,… Читать

Роман Лесовой, г Москва

Geekbrains

Обучение в школе Geekbrains

В настоящее время обучаюсь в этой школе уже около года. В конце июля должен выйт… Читать

Андрей Р., г Новосибирск, Новосибирская область

Skillbox

Разработчик C++

Обучаюсь на курсе «разработчик C++». Опыт в программировании есть, но небольшой… Читать

Дмитрий, г Санкт-Петербург

Skypro

Я довольна, что выбрала Skypro)

Пришла в Skypro, как и многие, чтобы получить новую профессию. Работала младшим… Читать

Ирина, г Москва

Давно искал достойный курс C# ASP.NET Core разработчикаб нашёл в OTUS

Учиться было интересно, познакомился с микросервисным подходом и многим другим п… Читать

Степан Дранга, г Москва

IT курс

Профессионально

В IT хотела уйти давно, но не было переломного момента. После университета устро… Читать

Наталья Горбунова, г Москва

Синергия

Хорошая онлайн школа

Я в институте получила образование дизайнера, но поняла, что это немного не моя. .. Читать

Елена, г Барнаул, Алтайский край

Бруноям

Школа Бруноям программирование

Школа Бруноям. Проходила курс Курс «Веб-разработчик с нуля».Все отлично. Хорошо… Читать

Татьяна, г Санкт-Петербург

Skillfactory

Инженер по ручному тестированию

Это мой первый опыт онлайн обучения. Меня всё устроило, оперативно решали все во… Читать

Яна, г Нижний Новгород, Нижегородская область

Яндекс.Практикум

Курс «Python-разработчик»

Я очень рад, что стал студентом курса «Python-разработчик» в онлайн-школе Яндекс… Читать

Магомет, г Грозный, Чеченская республика

Читать все отзывы

Сравни.ру

Курсы

Программирование

JavaScript

Бесплатные

Изучайте JavaScript

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


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

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

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

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

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

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

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

  • Массивы
  • Функции
  • Функции стрел. 0020 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 Themes
  • ОБЩИТЕ
  • Закрытие
  • петли и итерация
  • Проект событий

  • GEM Run Game Project

    Discoverd Discoverd Advanced Class Unierwance Uniehritance Unieritance Unisherance с такими сборами в съемках.

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

    Учитывая необходимый код 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
by @JoubranJad

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

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


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

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

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

Уроки

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

Flashcards

  • сохранить свою память свежую
  • УЧИТЕЛЬНО ОБУЧИТЕСЬ на GO
  • .

    Попробуйте первые 77 уроков, заданий, проектов (первые 7 глав) и карточки бесплатно. Нет ограничения по времени.
    Для остальных глав требуется учетная запись PRO.

    Разовый платеж

    Мы не любим подписки. Вот почему Learn JavaScript PRO можно разблокировать за один платеж, который дает вам доступ на 5 лет.
    Проверить страницу оплаты. Мы рекомендуем пройти бесплатную пробную версию перед обновлением.

    Самый простой способ изучить и попрактиковаться в современном JavaScript

    Присоединяйтесь к более чем 125 000 учащихся.

    Попробуйте →

    Конфиденциальность | Изучайте JavaScript онлайн

    ← Назад

    Дата вступления в силу: 04 апреля 2021 г.

    Jad Joubran B.V. («нас», «мы» или «наш») управляет веб-сайтом https://learnjavascript.online («Сервис»).

    Эта страница информирует вас о нашей политике в отношении сбора, использования и раскрытия персональных данных при использовании вами нашего Сервиса, а также о вариантах выбора, связанных с этими данными. Наша Политика конфиденциальности для Jad Joubran B.V. основана на бесплатном шаблоне веб-сайта Политики конфиденциальности.

    Мы используем ваши данные для предоставления и улучшения Сервиса. Используя Сервис, вы соглашаетесь на сбор и использование информации в соответствии с этой политикой. Если иное не определено в настоящей Политике конфиденциальности, термины, используемые в настоящей Политике конфиденциальности, имеют те же значения, что и в наших Условиях и положениях, доступных по адресу https://learnjavascript.online 9.0008

    Сбор и использование информации

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

    Типы собираемых данных

    Персональные данные

    При использовании нашего Сервиса мы можем попросить вас предоставить нам определенную личную информацию, которая может быть использована для связи или идентификации вас («Личные данные»). Личная информация:

    • Адрес электронной почты
    • Имя пользователя Github
    • Аватар Github
    Данные об использовании

    Мы также можем собирать информацию о доступе к Сервису и его использовании («Данные об использовании»). Эти Данные об использовании могут включать в себя такую ​​информацию, как тип вашего браузера, версия браузера, страницы нашего Сервиса, которые вы посещаете, время и дата вашего посещения, время, проведенное на этих страницах, уникальные идентификаторы устройств и другие диагностические данные. Однако мы анонимизируем ваш адрес интернет-протокола.

    Данные отслеживания и файлов cookie

    Мы используем анонимные файлы cookie для отслеживания активности в нашем Сервисе и хранения определенной информации.

    Файлы cookie — это файлы с небольшим объемом данных, которые могут включать анонимный уникальный идентификатор. Файлы cookie отправляются в ваш браузер с веб-сайта и сохраняются на вашем устройстве. Также используются технологии отслеживания, такие как маяки, теги и сценарии для сбора и отслеживания информации, а также для улучшения и анализа нашего Сервиса.

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

    Примеры файлов cookie, которые мы используем:

    • Сеансовые файлы cookie. Мы используем сеансовые файлы cookie для работы нашего Сервиса.
    • Файлы cookie предпочтений. Мы используем файлы cookie предпочтений, чтобы запомнить ваши предпочтения и различные настройки.
    • Файлы cookie безопасности. Мы используем файлы cookie безопасности в целях безопасности (Cloudflare, Stripe).

    Использование данных

    Jad Joubran B.V. использует собранные данные для различных целей:

    • Для предоставления и обслуживания Сервиса
    • Чтобы уведомить вас об изменениях в нашем Сервисе
    • Чтобы позволить вам участвовать в интерактивных функциях нашего Сервиса, когда вы решите это сделать
    • Для обеспечения обслуживания и поддержки клиентов
    • Для предоставления анализа или ценной информации, чтобы мы могли улучшить Сервиса
    • Для мониторинга использования Сервиса
    • Для обнаружения, предотвращения и устранения технических проблем

    Передача данных

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

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

    Ваше согласие с настоящей Политикой конфиденциальности, за которым следует предоставление такой информации, означает ваше согласие на эту передачу.

    Jad Joubran B.V. предпримет все разумно необходимые шаги для обеспечения безопасного обращения с вашими данными в соответствии с настоящей Политикой конфиденциальности, и никакая передача ваших личных данных не будет осуществляться организации или стране, если не будут приняты надлежащие меры контроля, включая безопасность ваших данных и другой личной информации.

    Раскрытие данных

    Юридические требования

    Jad Joubran B.V. может раскрыть ваши Персональные данные, добросовестно полагая, что такие действия необходимы для:

    • Для выполнения юридических обязательств
    • Для защиты и защиты прав или собственности Jad Joubran B. V.
    • Для предотвращения или расследования возможных правонарушений, связанных с Сервисом
    • Для защиты личной безопасности пользователей Сервиса или общественности
    • Для защиты от юридической ответственности

    Безопасность данных

    Безопасность ваших данных важна для нас, но помните, что ни один метод передачи через Интернет или метод электронного хранения не является безопасным на 100%. Хотя мы стремимся использовать коммерчески приемлемые средства для защиты ваших Персональных данных, мы не можем гарантировать их абсолютную безопасность.

    Поставщики услуг

    Мы можем нанимать сторонние компании и частных лиц для содействия нашему Сервису («Поставщики услуг»), для предоставления Сервиса от нашего имени, для оказания услуг, связанных с Сервисом, или для оказания нам помощи в анализе того, как используется наш Сервис .

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

    Аналитика

    Мы можем использовать сторонних поставщиков услуг для мониторинга и анализа использования нашего Сервиса.

    • Google Analytics

      Google Analytics — это служба веб-аналитики, предлагаемая Google, которая отслеживает и сообщает о трафике веб-сайта. Google использует собранные данные для отслеживания и мониторинга использования нашего Сервиса. Эти данные передаются другим службам Google. Google может использовать собранные данные для контекстуализации и персонализации рекламы своей собственной рекламной сети.

      Вы можете отказаться от того, чтобы ваша деятельность в Сервисе была доступна для Google Analytics, установив надстройку браузера для отказа от Google Analytics. Надстройка не позволяет JavaScript-коду Google Analytics (ga.js, analytics.js и dc.js) обмениваться информацией о посещениях с Google Analytics.

      Для получения дополнительной информации о политике конфиденциальности Google посетите веб-страницу конфиденциальности и условий Google: https://policies. google.com/privacy?hl=en

    Ссылки на другие сайты

    Наш Сервис может содержать ссылки на другие сайты, которыми мы не управляем. Если вы нажмете на стороннюю ссылку, вы будете перенаправлены на сайт этой третьей стороны. Мы настоятельно рекомендуем вам ознакомиться с Политикой конфиденциальности каждого сайта, который вы посещаете.

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

    Конфиденциальность детей

    Наша Служба не предназначена для лиц моложе 18 лет («Дети»).

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

    Изменения в настоящей Политике конфиденциальности

    Мы можем время от времени обновлять нашу Политику конфиденциальности.

    No related posts.