Содержание

Javascript онлайн курс бесплатно | CodeBasics

Основы JavaScript

  • 1. Привет, Мир!
  • 2. Комментарии
  • 3. Инструкции (Statements)
  • 4. Как мы проверяем ваши решения
  • 5. Синтаксические ошибки

JavaScript – один из самых популярных языков программирования в мире. Он используется для создания интерактивных веб-страниц, мобильных приложений, в серверной разработке. Изучать JS мы будем с нуля, с самых азов. Первый модуль – плацдарм  для написания осмысленных программ. В нем мы разберем, как написать свой первый код на JS. Расскажем, что такое комментарии и зачем они нужны. На примере проверки ваших решений рассмотрим, что такое тестирование и как читать вывод тестов.

Арифметика

  • 6. Арифметические операции
  • 7. Операторы
  • 8. Коммутативная операция
  • 9. Композиция операций
  • 10. Приоритет операций
  • 11. Числа с плавающей точкой
  • 12. Бесконечность (Infinity)
  • 13. NaN
  • 14. Линтер

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

Строки

  • 15. Кавычки
  • 16. Экранирующие последовательности
  • 17. Конкатенация
  • 18. Кодировка

Текст в программировании называется «строками», и эта тема не так проста, как может показаться. Как вывести фразу, в которой есть и одинарные, и двойные кавычки? Как вообще быть с текстом, ведь компьютер не знает ничего о буквах! Модуль посвящен разным аспектам написания текста – от кавычек и экранирования до кодировки.

Переменные в языке JavaScript

  • 19. Что такое переменная
  • 20. Изменение переменной
  • 21. Выбор имени переменной
  • 22. Ошибки при работе с переменными
  • 23. Выражения в определениях
  • 24. Переменные и конкатенация
  • 25. Стили именования
  • 26. Магические числа
  • 27. Константы
  • 28. Интерполяция
  • 29. Извлечение символов из строки

Информацию можно помещать в специальные «хранилища» — переменные. Это позволяет переиспользовать уже существующие данные и не дублировать их в разных частях кода. В этом модуле мы разберем как изменять переменные и именовать их, чтобы чтение вашего кода было понятным для любого разработчика. Вы поймете, что придумать название переменной не так-то просто! А еще расскажем, как использовать переменные для упрощения сложных вычислений.

Типы данных JavaScript

  • 30. Типы данных
  • 31. undefined
  • 32. Неизменяемость примитивных типов
  • 33. Слабая типизация

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

Начните прямо сейчас

Регистрация

Вызов функций

  • 34. Функции и их вызов
  • 35. Математические функции JavaScript
  • 36. Сигнатура функции
  • 37. Параметры по умолчанию
  • 38. Вызов функции — выражение
  • 39. Функции с переменным числом параметров
  • 40. Детерминированность
  • 41. Стандартная библиотека

Для выражения любой произвольной операции в программировании существует понятие «функция». Функции — кирпичики, из которых программисты строят системы. В этом модуле мы научимся пользоваться уже созданными функциями. Посмотрим на сигнатуру функции в документации и разберемся, как её использовать. Познакомимся со стандартными библиотеками, которые хранят тысячи функций. Все функции невозможно выучить, но каждый программист должен знать, где искать документацию по ним.

Свойства и Методы

  • 42. Свойства
  • 43. Методы
  • 44. Неизменяемость
  • 45. Свойства и методы как выражения
  • 46. Цепочка вызовов

Данные, которыми мы оперируем в своих программах, могут обладать важными свойствами. В JavaScript свойства встроены прямо в язык. Кроме свойств у данных существуют методы — функции, находящиеся внутри свойств. Свойства и методы — такие же выражения, как переменные, константы или вызовы функции, а значит, их можно всячески комбинировать. Глубже эти темы разбираются на отдельных курсах, посвященных объектно-ориентированным возможностям JavaScript. Мы же в этом модуле изучим основы.

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

  • 47. Создание (определение) функций
  • 48. Возврат значений
  • 49. Параметры функций
  • 50. Необязательные параметры функций
  • 51. Упрощенный синтаксис функций

Определение собственных функций значительно упрощает написание и поддержку программ. Например, умение определять функции позволяет объединять сложные (составные) операции в одну – вся сложность может быть скрыта за одной простой функцией. Научившись писать функции, вы сделаете первый шаг на пути к построению по-настоящему полезных программ. И мы вам в этом поможем. В этом модуле вы создадите свою первую функцию и научитесь давать ей (а заодно переменным и константам) понятные названия.

Логика

  • 52. Логический тип
  • 53. Предикаты
  • 54. Комбинирование логических операций
  • 55. Логические операторы
  • 56. Отрицание
  • 57. Результат логических выражений

Логические выражения позволяют отвечать на вопросы, которые возникают во время работы программы. Пользователь аутентифицирован? Подписка оплачена? Год високосный? В этом модуле изучаем функции-предикаты – те, которые задают вопрос и отвечают на него – правда это или ложь. Попрактикуемся в написании таких функций и перейдем к более сложным логическим выражениям.

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

  • 58. Условная конструкция (if)
  • 59. else
  • 60. Конструкция else if
  • 61. Тернарный оператор
  • 62. Конструкция Switch

Задача функции-предиката — получить ответ на вопрос, но обычно этого недостаточно и нужно выполнить определенное действие в зависимости от ответа. If и Switch – конструкции JavaScript, с помощью которых программист может выбирать необходимое поведение программы в зависимости от разных условий: пропускать одни инструкции и выполнять другие. Их и разберем на практике в этом модуле.

  • 63. Цикл While
  • 64. Агрегация данных (Числа)
  • 65. Агрегация данных (Строки)
  • 66. Обход строк
  • 67. Условия внутри тела цикла
  • 68. Формирование строк в циклах
  • 69. Синтаксический сахар
  • 70. Инкремент и декремент
  • 71. Возврат из циклов
  • 72. Цикл For

Любой код может повторяться десятки, тысячи, миллионы раз. В комбинации с другими известными нам инструментами — переменными и условиями — это открывает множество возможностей по построению программ и сложных систем. Приведем простой пример. Вам нужно найти конкретную фразу в учебнике из 500 страниц. Фразу вы помните, а вот номер страницы нет. Самый простой (и долгий) способ — последовательно просматривать страницы до тех пор, пока не найдете нужную. Для выполнения таких повторяющихся действий и нужны циклы.

Готовы попробовать?

Регистрация не требуется

Демо урок

Похожие курсы

Посмотреть все курсы категории Программирование

Python

24 часа83251

Perl

0 часов80

Java

23 часа27697

Ruby

13 часов3456

25 бесплатных онлайн-курсов по JavaScript [2023] для начинающих с нуля

Автор Алексей Шаполов На чтение 22 мин Просмотров 55.2к. Обновлено

01.2023

Для начинающих с нуля в 2023 году

1. «Уроки JavaScript» от itProger

Пройти курс

Язык: русский.

Длительность: 15 уроков длительностью от 10 до 30 минут. Общая длительность 4 часа.

Формат обучения: видеоуроки.

Уровень сложности: для начинающих.

Обратная связь: нет.

Без сертификата

Что узнаете и чему научитесь:

  • Познакомитесь с основами языка, переменными, одномерными и многомерными массивами.
  • Изучите функции.
  • Получите навыки работы со всплывающими окнами.
  • Научитесь созданию объектов, например, таймеров.

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

  • Чтобы получить доступ к практическим заданиям курса, нужно оформить платную подписку

Об авторе курса:

Григорий Дударь

  • Основатель онлайн-школы программирования itProger.
  • Автор YouTube-канала о программировании с более чем 800 тысячами подписчиков.

На правах рекламы

🏆 «Профессия Frontend-разработчик» от SkillFactory [гарантированная помощь в трудоустройстве]

Пройти курс

Длительность: 9 месяцев = 360 часов.

С сертификатом

Формат: интерактивные вебинары + работа в тренажёрах + домашние задания с проверкой + общение с другими участниками курса в закрытом чате + работа с личным наставником.

Особенности:

  • Гарантированная помощь в трудоустройстве
  • Готовое портфолио из 5 проектов по окончании обучения
  • Преподаватели-практики — сотрудники EPAM Systems и Radario
  • Выпускники SkillFactory работают в Nvidia, Skyeng, Cisco, Yoomoney, «СберБанке», «Билайне», «Альфа-Банке»
  • Можно оплачивать обучение в рассрочку на 6 или 12 месяцев
  • Бесплатная консультация

Начать обучение

2.

«JavaScript: погружение» от Сергея Дёмина

Пройти курс

Язык: русский.

Длительность: 1 неделя.

Формат обучения: видеоуроки + практические задания.

Уровень сложности: для начинающих.

Обратная связь: проверка заданий наставником.

С сертификатом

Программа обучения:

  1. Погружение в основы JavaScript.
  2. Взаимодействие Java с Doom.
  3. Пишем викторину на JavaScript.
  4. Как построить карьеру  frontender-а.

Что узнаете и чему научитесь:

  • Познакомитесь с платформой, курсом и профессией.
  • Разберётесь, как манипулировать HTML-элементами.
  • Решите интересные практические задачи.
  • Узнаете, как устроиться на работу в компанию или фрилансить.

Об авторе курса:

Сергей Дёмин

  • Frontend-инженер.
  • 5 лет коммерческой разработки.
  • 22 реализованных проекта.

3. «Основы программирования» от Hexlet

Пройти курс

Язык: русский.

Длительность: 10 часов, 29 уроков.

Формат обучения: текстовые уроки + практические задания + тесты.

Уровень сложности: для начинающих.

Обратная связь: нет.

Без сертификата

Программа обучения:

  1. Введение.
  2. Первая программа.
  3. Идеальная программа.
  4. Арифметика.
  5. Числа.
  6. Структура.
  7. Константы.
  8. Функции.
  9. Выражения.
  10. Модули.
  11. Математика.
  12. Булева алгебра.
  13. Условие с if.
  14. Ошибки и отладка.
  15. Автоматические тесты и модульное тестирование.
  16. Рекурсивный процесс.
  17. Итеративный процесс.
  18. Цикл while и переменные.
  19. Отладочная печать.
  20. Мутаторы.
  21. Цикл.
  22. Строки и работа со строками.
  23. Значение null
  24. Switch.
  25. Окружение.
  26. Функции и побочные эффекты.
  27. Типы данных.
  28. Что дальше?
  29. Дополнительные материалы.

Что узнаете и чему научитесь:

  • Использовать основные языковые конструкции (условия, циклы, функции и другие).
  • Разделять код на модули для повторного использования и отсутствия конфликта имён.
  • Понимать ключевые концепции, такие как чистота и детерминированность, для написания хорошего кода.

Об авторе курса:

Кирилл Мокевнин

  • Основатель образовательного ресурса «Хекслет».
  • Работает с языками Elixir, Clojure, JavaScript, PHP, Ruby.

4. «JavaScript для начинающих» от Code Basics

Пройти курс

Язык: русский.

Длительность: 25 часов, 72 урока.

Формат обучения: текстовые уроки + практические задания.

Уровень сложности: для начинающих.

Обратная связь: нет.

Без сертификата

Программа обучения:

  1. Основы JavaScript.
  2. Арифметика.
  3. Строки.
  4. Переменные в языке JavaScript.
  5. Типы данных JavaScript.
  6. Вызов функций.
  7. Свойства и Методы.
  8. Определение функций.
  9. Логика.
  10. Условные конструкции.
  11. Циклы.

Что узнаете и чему научитесь:

  • Основным возможностях языка.
  • Составлению программ для разных целей.

5. «Основы JavaScript» от DoCode.ru

Пройти курс

Язык: русский.

Длительность: 21 урок общей длительностью 3 часа + 109 практических заданий на 10 часов.

Формат обучения: видеоуроки + практические задания.

Уровень сложности: для начинающих.

Обратная связь: нет.

Без сертификата

Что узнаете и чему научитесь:

  • Работать с переменными, выполнять арифметические и логические действия.
  • Работать со строками и массивами (находить определённый элемент, выполнять объединение и т. д.).
  • Работать с функциями и свойствами объектов.
  • Использовать циклы, логические операторы.

6. «jQuery» от DoCode.ru

Пройти курс

Язык: русский.

Длительность: 2 часа.

Формат обучения: текстовые уроки + практические задания.

Уровень сложности: для начинающих.

Обратная связь: нет.

Без сертификата

Что узнаете и чему научитесь:

  • Выполнять различные действия при помощи инструментов библиотеки jQuery.
  • Выделять родительские и дочерние, чётные и нечётные элементы в массивах.
  • Искать элементы по имени класса или ID.
  • Перемещать элементы.
  • Корректировать всю страницу.

7. «Программирование на JavaScript» от HTML Academy

Пройти курс

Язык: русский.

Длительность: 52 практических задания + 4 испытания.

Формат обучения: теоретические уроки + практические задания.

Уровень сложности: для начинающих.

Обратная связь: нет.

Без сертификата

Что узнаете и чему научитесь:

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

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

  • После оформления подписки обучающийся получает доступ к лекциям и практическим занятиям. Расширенный функционал предоставляется только на платной основе.

8. «Язык JavaScript» от JavaScript.Ru

Пройти курс

Язык: русский.

Длительность: 105 уроков.

Формат обучения: текстовые уроки + практические задания.

Уровень сложности: для начинающих.

Обратная связь: нет.

Без сертификата

Программа обучения:

  1. Введение.
  2. Основы JavaScript.
  3. Качество кода.
  4. Объекты.
  5. Типы данных.
  6. Продвинутая работа с функциями.
  7. Свойства объекта, их конфигурация.
  8. Прототипы, наследование.
  9. Классы.
  10. Обработка ошибок.
  11. Промисы, async/await.
  12. Генераторы, продвинутая итерация.
  13. Модули.
  14. Разное.

Что узнаете и чему научитесь:

  • Работать с основными типами данных.
  • Обрабатывать ошибки.
  • Работать с функциями и объектами.
  • Писать программы на JavaScript.

9. «Изучение JavaScript от нуля до гуру» от Гоши Дударя

Пройти курс

Язык: русский.

Длительность: 31 урок длительностью от 3 до 56 минут. Общая длительность 6,5 часов.

Формат обучения: видеоуроки.

Уровень сложности: для начинающих.

Обратная связь: нет.

Без сертификата

Что узнаете и чему научитесь:

  • Получите базовые теоретические знания о языке, его возможностях.
  • Узнаете об обрабатываемых типах данных, доступных функциях и операциях.

10. «Уроки JavaScript с нуля» от IT-KAMASUTRA

Пройти курс

Язык: русский.

Длительность: 29 уроков длительностью от 10 минут до 1 часа. Общая длительность 18,5 часов.

Формат обучения: видеоуроки.

Уровень сложности: для начинающих.

Обратная связь: нет.

Без сертификата

Что узнаете и чему научитесь:

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

11. «Бесплатный курс по JavaScript. Уроки JavaScript с нуля» от «Фрилансера по жизни»

Пройти курс

Язык: русский.

Длительность: 19 уроков длительностью от 10 минут до 1 часа 10 минут. Общая длительность 7 часов 45 минут.

Формат обучения: видеоуроки.

Уровень сложности: для начинающих.

Обратная связь: нет.

Без сертификата

Что узнаете и чему научитесь:

  • Работать с основными инструментами JavaScript.
  • Создавать собственные приложения, выполнять вёрстку.

12. «Уроки JavaScript» от Web Developer Blog

Пройти курс

Язык: русский.

Длительность: 40 уроков длительностью 5-10 минут. Общая длительность 6 часов.

Формат обучения: видеоуроки.

Уровень сложности: для начинающих.

Обратная связь: нет.

Без сертификата

Что узнаете и чему научитесь:

  • Что представляет собой язык JS, какие возможности он предоставляет.
  • Как работать с основными типами данных.
  • Как создать конвертер валют для сайта.
  • Как создавать различные типы меню и окон.
  • Как работать с модальными изображениями.
  • Как писать Popup.

13. «Курс JavaScript Basic» от EasyCode

Пройти курс

Язык: русский.

Длительность: 34 урока длительностью от 5 минут до 30 минут. Общая длительность 10,5 часов.

Формат обучения: видеоуроки.

Уровень сложности: для начинающих.

Обратная связь: нет.

Без сертификата

Что узнаете и чему научитесь:

  • Работать с основными типами данных, выполнять их преобразование.
  • Работать с разными объектами.
  • Запускать функции.
  • Выявлять ошибки в программном коде.
  • Работать с Post-запросами.

14. «Базовый JavaScript» от Андрея Андриевского

Пройти курс

Язык: русский.

Длительность: 24 урока длительностью от 15 до 40 минут. Общая длительность 9 часов 15 минут.

Формат обучения: видеоуроки.

Уровень сложности: для начинающих.

Обратная связь: нет.

Без сертификата

Что узнаете и чему научитесь:

  • Работать с циклами (while) и условными операторами (if).
  • Работать с Dom.
  • Писать собственные игры.
  • Обрабатывать события.

15. «Уроки JavaScript для начинающих с нуля» от Олега Шпагина

Пройти курс

Язык: русский.

Длительность: 29 уроков длительностью от 10 до 20 минут. Общая длительность 7 часов.

Формат обучения: видеоуроки.

Уровень сложности: для начинающих.

Обратная связь: нет.

Без сертификата

Что узнаете и чему научитесь:

  • Работать с данными различных форматов.
  • Создавать циклы for, if, while.
  • Писать практические приложения, например, для имитации фейерверка, снега, эффекта бьющегося экрана.
  • Работать с функциями, в том числе с запуском по таймеру.

Кто проводит курс:

Олег Шпагин

  • Основатель онлайн-школы программирования для подростков WISEPLAT.
  • Веб-разработчик и системный администратор с опытом работы более 15 лет.

16. «Основы JavaScript» от Sorax

Пройти курс

Язык: русский.

Длительность: 35 уроков длительностью 5-20 минут. Общая длительность 6,5 часов.

Формат обучения: видеоуроки.

Уровень сложности: для начинающих.

Обратная связь: нет.

Без сертификата

Что узнаете и чему научитесь:

  • Основам работы с JavaScript.
  • Работе с объектами History, Screen, Navigator.
  • Работе с Dom.

17. «Видеоуроки JavaScript» от AmperkaRu

Пройти курс

Язык: русский.

Длительность: 10 уроков длительностью от 2 минут до 15 минут. Общая длительность 1 час.

Формат обучения: видеоуроки.

Уровень сложности: для начинающих.

Обратная связь: нет.

Без сертификата

Что узнаете и чему научитесь:

  • Получите базовые знания о JavaScript, возможностях языка.
  • Научитесь создавать библиотеки для Iskra JS и Espruino.
  • Освоите управление последовательным портом на Iskra JS.

18. «JavaScript для начинающих» от Алекса Лущенко

Пройти курс

Язык: русский.

Длительность: 156 уроков длительностью от 3 минут до 40 минут.

Формат обучения: видеоуроки.

Уровень сложности: для начинающих.

Обратная связь: нет.

Без сертификата

Что узнаете и чему научитесь:

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

19. «Уроки JS» от Вячеслава Хатина

Пройти курс

Язык: русский.

Длительность: 41 урок длительностью от 5 минут до 25 минут. Общая длительность 11 часов.

Формат обучения: видеоуроки.

Уровень сложности: для начинающих и продолжающих.

Обратная связь: нет.

Без сертификата

Что узнаете и чему научитесь:

  • Что такое переменные, массивы, объекты, как их обрабатывать.
  • Как работать с DOM.
  • Как дополнить сайт разнообразными эффектами.

19. «JavaScript для начинающих» от Anton Kholin

Пройти курс

Язык: русский.

Длительность: 17 уроков.

Формат обучения: видеоуроки + интерактивные задачи + тесты.

Уровень сложности: для начинающих.

Обратная связь: нет.

Без сертификата

Программа обучения:

  1. В двух словах о JavaScript.
  2. Внедрение кода, структура программы, комментарии.
  3. Переменные, типы данных.
  4. Простейшие операции.
  5. Ветвление.
  6. Циклы
  7. Функции
  8. Объекты
  9. Строки
  10. Массивы
  11. Дата и время
  12. Математические функции
  13. Продвинутые операции
  14. Обработка ошибок
  15. Введение в регулярные выражения
  16. Использование регулярных выражений
  17. Замыкания

Что узнаете и чему научитесь:

  • Писать и проверять программный код, выявлять ошибки в нём.
  • Работать с регулярными выражениями, библиотеками.

20 «JavaScript. Основы для Начинающих» от Владилена Минина

Пройти курс

Язык: русский.

Длительность: 1 урок длительностью 6 часов.

Формат обучения: видеоурок.

Уровень сложности: для начинающих.

Обратная связь: нет.

Без сертификата

Что узнаете и чему научитесь:

  • Что собой представляет цикл, объект, функция, массив.
  • О разных методах работы (indexOf, find, includes и т. д.).
  • Как найти элемент массива.
  • Как создать новый массив, в котором каждому элементу присваивается результат вызова определённой функции.
  • Как найти индекс определённого массива в объекте и т. д.

21. «Node JS» от Владилена Минина

Пройти курс

Язык: русский.

Длительность: 1 урок длительностью 1 час.

Формат обучения: видеоуроки.

Уровень сложности: для продолжающих.

Обратная связь: нет.

Без сертификата

Что узнаете и чему научитесь:

  • Урок посвящён возможностям платформы Node JS, практической демонстрации её работы.

22. «React JS» от Владилена Минина

Пройти курс

Язык: русский.

Длительность: 1 урок длительностью 1 час 17 минут.

Формат обучения: видеоуроки.

Уровень сложности: для начинающих.

Обратная связь: нет.

Без сертификата

Что узнаете и чему научитесь:

  • Какие компоненты библиотеки можно использовать для разработки приложений.
  • Как работать со State.
  • Что собой представляют динамические CSS-классы.
  • Как создавать модальные окна.

23. «Интенсивное погружение в JavaScript» от Ивана Петриченко

Пройти курс

Язык: русский.

Длительность: 8 уроков длительностью от 10 до 30 минут. Общая длительность 2 часа 40 минут.

Формат обучения: видеоуроки.

Уровень сложности: для начинающих.

Обратная связь: нет.

Без сертификата

Программа обучения:

  1. Цель курса и настройка рабочего пространства.
  2. Что такое JavaScript и работа с переменными.
  3. Типы данных и взаимодействие с пользователем.
  4. Циклы.
  5. Условия.
  6. Функции.
  7. Работа с элементами на страницах и события.
  8. Полноценная практика по написанию корзины товаров.

Что узнаете и чему научитесь:

  • Узнаете основные концепции и принципы JavaScript.
  • Узнаете что такое циклы и условия, научитесь их применять на практике.
  • Узнаете как строится простейшее взаимодействие с пользователем.
  • Узнаете что такое функции, и как они создаются.
  • Научитесь получать элементы со страницы.
  • Закрепите всё, что узнали на практике.

Кто проводит курс:

Иван Петриченко

  • Более 7 лет занимается Front-End разработкой, создаёт сайты и веб-приложения «под ключ».
  • Создатель 7 авторских онлайн-курсов по JS, React и др.

24. «Vanilla JavaScript — создаём клон Paint в браузере» от Антона Голосниченко.

Пройти курс

Язык: русский.

Длительность: 15 уроков длительностью 10-15 минут. Общая длительность 1 час 45 минут.

Формат обучения: видеоуроки.

Уровень сложности: для начинающих.

Обратная связь: нет.

Без сертификата

Программа обучения:

  1. Об этом курсе.
  2. Требования.
  3. Подготовка и стили.
  4. Подготовка проекта.
  5. Оформление.
  6. PaintJS8 лекции.
  7. События canvas.
  8. 2D контекст.
  9. Предварительные итоги.
  10. Изменение цвета.
  11. Размер кисти.
  12. Режим заливки.
  13. Сохранение изображений.
  14. Итоги курса.

Что узнаете и чему научитесь:

  • Как создать собственный графический редактор с сохранением файлов на ПК.
  • Какие возможности предоставляет «чистый» JS.
  • Как работать с HTML5 Canvas из JavaScript.
  • Как обрабатывать события мыши и др.

Кто проводит курс:

Антон Голосниченко

  • 10 лет увлекается программированием и веб-разработкой, маркетингом и аналитикой.
  • Сертифицированный специалист по работе в рекламных и аналитических системах Яндекса, Google и myTarget.
  • Основатель проекта ИзиКодерс.

25. «Learn JavaScript» от Codecademy

Пройти курс

Язык: английский.

Длительность: 11 уроков общей длительностью 20 часов.

Формат обучения: видеоуроки.

Уровень сложности: для начинающих.

Обратная связь: нет.

Без сертификата

Что узнаете и чему научитесь:

  • Какие типы данных применяются в JS.
  • Как при работе с массивами использовать итерации.
  • Как переносить JavaScript ES6 + в ES5.
  • Как работать с модулями.
  • Что такое асинхронное программирование, как его использовать.

Оцените автора

Выучить JavaScript | Codecademy

Skip to ContentMini Arrow Down Icon

Бесплатно

Курс

Узнайте, как использовать JavaScript — мощный и гибкий язык программирования для добавления интерактивности веб-сайту.

4.6

4.6 из 5 звезд

Начало

2 381 240 зарегистрированных учащихся

Об этом курсе

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

Навыки, которые вы приобретете

  • Миниатюрная иконка в виде круга

    Создание базовых концепций программирования

  • Миниатюрная иконка в виде круга

    Изучение объектно-ориентированных концепций

  • Миниатюрная иконка в виде круга

    Чтение и запись JavaScript

Syllabus

11 Уроки • 12 проектов • 8 Veizzes

Start

код в прямом эфире на нашей интерактивной онлайн-платформе. Вы даже получите рекомендации на основе ИИ о том, что вам нужно просмотреть, чтобы не сбиться с пути.

Checker Dense

Проекты в этом курсе

  • Project

    Kelvin Weather

    В этом проекте мы будем практиковать переменные и вывод на консоль в JavaScript, чтобы вы могли отточить свои навыки и чувствовать себя уверенно, применяя их к реальный мир. Почему? Вы должны освоить основы. Освойтесь с этими основами.

  • Project

    Годы собаки

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

  • Проект

    Magic Eight Ball

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

Diagonal A Dense

Познакомьтесь с создателем курса

Познакомьтесь с полной командой Mini Arrow Right IconChecker Dense

Кенни Лин

Менеджер домена веб-разработки в Codecademy

Кенни — менеджер домена домена веб-разработки в Codecademy. Он внес свой вклад в широкий спектр курсов и направлений в Codecademy, включая JavaScript, Bootstrap, Handlebars, Phaser.js, Go, Swift, TypeScript и Lua.

Познакомьтесь с полной командой стрелка вправо.
  • Логотип Uber
  • Логотип YouTube
  • Логотип Instagram
    • Checker Dense

    Доступ к дополнительным функциям с платным планом

    • Значок проектов

      Практические проекты

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

    • Значок викторины

      Тесты

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

    • Значок сертификата

      Сертификат об окончании

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

    Посмотреть цены и планы

    Оценки и отзывы учащихся

    4. 6

    4.6 out of 5 stars

    4,441 ratings

    1. 5 stars

      68%

    2. 4 stars

      25%

    3. 3 stars

      5%

    4. 2 stars

      1%

    5. 1 звезда

      1%

    Сорт на

    Эрроу Chevron Dow0023 5 из 5 звезд

    Nelson L12 дней назад

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

  • 5 из 5 звезд

    Julio Damaso12 дней назад

    Очень нравится, легко понять

  • 4 из 5 звезд

    Leonardo R.12 дней назад

    Хороший курс, чтобы начать путешествие в JavaScript. Пришел за основными… остался на все остальное.

  • 5 из 5 звезд

    Caprice M12 days ago

    Много ресурсов, редактор понравился, прост для понимания.

  • 5 из 5 звезд

    Jeremy.S12 дней назад

    Очень понравилось, так много нужно узнать и только поверхностно!

    • Присоединяйтесь к более чем 50 миллионам учащихся и начните изучать JavaScript уже сегодня!

    Start

    Часто задаваемые вопросы о JavaScript

    10 лучших сайтов для бесплатного изучения программирования на JavaScript — Best of Lot | от javinpaul | Явапосетил

    Это лучшие веб-сайты, платформы и места для бесплатного онлайн-обучения программированию на JavaScript.

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

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

    Но, если вы заинтересованы в прекрасном мире веб-разработки и хотите изучить JavaScript, существует множество веб-сайтов с бесплатными учебными пособиями по JavaScript, где вы можете БЕСПЛАТНО изучить JavaScript онлайн .

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

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

    Если вы думаете, зачем мне изучать JavaScript? Потому что мне обычно приходится работать с веб-приложением на основе Java, которое использует Servlet и JSP для сценариев на стороне сервера, но мы всегда используем JavaScript и jQuery для сценариев на стороне клиента.

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

    Вот мой список из шести веб-сайтов, на которых можно БЕСПЛАТНО изучать JavaScript онлайн. Он включает в себя интерактивные веб-сайты, официальные ресурсы, хорошие книги и другие ресурсы.

    1. Бесплатные курсы и учебные пособия по JavaScript @ Udemy

    Это одно из лучших мест для онлайн-обучения. Вы получите бесплатные онлайн-курсы и учебные пособия по всем новейшим технологиям и языкам программирования, таким как Java, Spring, структура данных и алгоритмы, Selenium, REST и т. д. Он предоставляет как бесплатные, так и платные ресурсы.

    Вот несколько полезных курсов и руководств по JavaScript для изучения некоторых интересных технологий:

    1. Полный курс JavaScript 2023: Создавайте настоящие проекты! ( link )
    2. The Web Developer Bootcamp ( link )
    3. JavaScript Bootcamp — Build Real World Applications ( link )
    4. JavaScript Essentials (FREE)( ссылка )

    Платные ресурсы также очень дешевы, и вы можете купить их всего за 9,99 долларов во время их флэш-распродажи, что происходит довольно часто. На нем много замечательных учителей, таких как Colt_Steele, Rob Percival, Stephen Grider, Jose Marcial Portilla, John Purcell и т. д.

    2. Основы программирования с помощью JavaScript, HTML и CSS @ Coursera

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

    Лучшая часть Coursera заключается в том, что он предлагает онлайн-курсы таких университетов, как Стэнфордский, Лондонский, Мичиганский, Колорадо, Имперский колледж Лондона и многих других.

    Предоставляет как бесплатные, так и платные онлайн-курсы и специализации. Многие курсы Coursera бесплатны для аудита, что означает, что вы можете смотреть их БЕСПЛАТНО, если вам не нужна сертификация.

    Вот мои любимые бесплатные курсы и учебные пособия по JavaScript от Coursera:

    1. Основы программирования на JavaScript, HTML и CSS
    2. HTML, CSS и JavaScript для веб-разработчиков
    3. Интерактивность с JavaScript , но за это нужно платить.

      И, если вы найдете курсы Coursera полезными, а они таковыми являются, потому что они созданы известными компаниями, такими как Google , IBM , Amazon и лучшие университеты мира, я предлагаю вам присоединиться к Coursera Plus , план подписки от Coursera

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

      Одним словом, это одно из лучших бесплатных руководств по JavaScript, и я изучил JavaScript на этом веб-сайте. Это также одна из лучших платформ для изучения новых технологий в Интернете, но, вероятно, лучший веб-сайт для изучения JavaScript в Интернете.

      Несмотря на то, что в настоящее время CodeCademy предлагает курсы по Java, Git, командной строке UNIX и ряд других курсов, он сделал себе имя благодаря интерактивному курсу JavaScript, позволяющему учиться онлайн в удобном для вас темпе.

      Вы можете оценить популярность этого курса, взглянув на количество зачисленных студентов, в настоящее время 5M+ , что является очень большим числом для любого БЕСПЛАТНОГО онлайн-курса.

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

      Короче говоря, CodeCademy — один из лучших веб-сайтов для изучения JavaScript онлайн, и вы должны воспользоваться этим.

      Кстати, если вам нравится платформа CodeCademy, вы также можете присоединиться к CodeCademy PRO , премиум-подписке для программистов. Годовой план стоит около 15,99 долларов в месяц и предоставляет доступ ко всему контенту, курсам, викторинам и проектам CodeCademy. Вы можете использовать это, чтобы зарабатывать, практиковаться и

      Самый простой способ научиться программировать: Pro | Кодакадемия

      Значок блокировки файла Узнайте больше с помощью эксклюзивных курсов, викторин и дополнительных практических материалов.

      Experience Icon Build real…

      bit.ly

      4. JavaScript 30

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

      Некоторые из основных моментов моего любимого бесплатного учебника по JavaScript:

      30 Day Vanilla JS Coding Challenge

      Создайте 30 вещей за 30 дней с помощью 30 руководств

      Без фреймворков × Без компиляторов × Без библиотек × Без шаблонов

      JavaScript 30

      Создайте 30 вещей с vanilla JS за 3 дня учебные пособия

      javascript30.com

      5. Курсы Pluralsight по JavaScript

      Один из лучших веб-сайтов для изучения любых технологий, таких навыков, как веб-разработка, разработка мобильных приложений и языков программирования, таких как Java, сред веб-разработки, таких как Angular, React, Spring Framework , Спящий режим и т. д.

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

      1. Основы JavaScript Лиам МакЛеннан
      2. JavaScript с нуля Джесси Либерти
      3. Основы JavaScript Автор Кайл Симпсон

      Теперь он также приобрел CodeSchool, который ранее позволял вам изучать веб-технологии, делая это. Я использую этот сайт, чтобы узнать много интересного в кратчайшие сроки.

      Кстати, вам потребуется членство Pluralsight , чтобы присоединиться к этому курсу, который стоит около 29 долларов в месяц и 299 долларов в год (скидка 14%), но оно того стоит. Альтернатива. вы также можете использовать их 10-дневную бесплатную пробную версию , чтобы посмотреть этот курс БЕСПЛАТНО.

      6. Руководство по JavaScript @ freecodecamp.org

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

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

      Основанная Куинси Ларсоном, это действительно отличное место, чтобы начать свое путешествие по программированию. У них даже есть большая группа в Facebook (freecodecampearth), где вы можете задавать вопросы и делиться своим опытом обучения, а их публикация на Medium freeCodeCamp является наиболее значимой публикацией на Medium для статей по программированию.

      Как отметил Куинси Ларсон в комментариях, у freeCodeCamp также есть канал на YouTube, на котором есть сотни бесплатных курсов по таким темам, как Python, Git, GraphQL, SQL, проектирование схемы базы данных и множество более сложных тем. Многие из них длятся более 10 часов — в одном видео без рекламы. Идеально, чтобы начать свое путешествие.

      7. Учебники по JavaScript в Mozilla Developer Network

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

      В отличие от CodeCademy и The Educative Team, здесь нет интерактивности, но вы найдете подробную информацию. Mozilla также является официальным источником любой информации о JavaScript.

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

      8. Katas @ Code Combat

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

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

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

      9. Изучайте JavaScript онлайн — CodeMentor

      Еще один замечательный сайт с интерактивным руководством по JavaScript. Этот веб-сайт предлагает 4-недельный курс для изучения JavaScript, по сути, для освоения JavaScript, как утверждается в курсе. Вы узнаете не только об основном JavaScript, но и о других известных библиотеках JavaScript и связанных с ними концепциях, таких как ajax, json, jQuery, angular js и других.

      Вот и все об этих лучших веб-сайтах для изучения JavaScript онлайн . Если вы серьезно относитесь к изучению JavaScript, то вы должны не просто сидеть сложа руки и расслабляться, но и начать разрабатывать некоторые реальные проекты, начать использовать популярные библиотеки JavaScript, такие как jQuery, Angular, React и Node JS, чтобы стать опытным в том, что ожидает отрасль. от разработчика JavaScript.

      Если вы любите читать книги больше, чем веб-сайты, то вы также начинаете с чтения Head First JavaScript — одна из лучших книг для изучения JavaScript с нуля.

      Head First JavaScript ,

      10. Введение в JavaScript: первые шаги на Educative.io

      Если вы не знаете, Educative.io — еще одна платформа для онлайн-обучения, которая набирает популярность благодаря своему тексту. на основе интерактивных обучающих курсов. Чтение, как правило, быстрее, чем просмотр, и если вы предпочитаете читать текст, а не смотреть видео, то это платформа для оформления заказа.

      В нем есть одни из лучших курсов для подготовки к собеседованиям по программированию, такие как Grokking the Coding Interview: Patterns for Coding Questions и Grokking the Coding Interview.

      Собеседование по проектированию системы

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

      www.educative.io

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

      Вы можете зарегистрироваться на этот курс бесплатно, но если вы хотите в полной мере воспользоваться платформой, я предлагаю вам приобрести Образовательный безлимитный абонемент , который стоит 14,90 долларов США (сейчас скидка 50%) в месяц, полностью оправдывает себя для программиста и инженера-программиста, где требуется непрерывное обучение.

      Это введение в JavaScript для начинающих . Он предоставит основы языка. Темы включают переменные, операторы, функции, массивы, объекты и циклы. После этого курса вы должны быть готовы к дальнейшему обучению на продвинутых курсах или других ресурсах. Для этого курса НЕ требуется установка.

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

      Вот ссылка, чтобы присоединиться к этому курсу (руководству) БЕСПЛАТНО :

      Введение в JavaScript: первые шаги

      Это введение в JavaScript для начинающих.

      Это обеспечит основы языка. Темы…

      www.educative.io

      11. Академия Zero to Mastery Academy (ZTM) Андрея Негаойе

      Это еще одно прекрасное место для изучения JavaScript и веб-разработки в 2023 году. Академия ZTM создана Эндрю Негаойе, одним из популярных Инструктор Udemy и опытный веб-разработчик.

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

      Вот лучших курсов Zero to Mastery для веб-разработчиков , которые нужно пройти в 2023 году:

      1. Веб-проекты JavaScript: 20 проектов для создания вашего портфолио Веб-разработчик в 2023 году: от нуля до мастерства

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

      Все, что вам нужно, это членство в ZTM , чтобы посмотреть этот курс, который стоит около 39 долларов в месяц, но также предоставляет доступ ко многим очень увлекательным и полезным курсам, таким как этот. Вы также можете использовать код купона FRIENDS10, чтобы получить 10% скидку на этот курс или любую подписку по вашему выбору.

      Изучите востребованные навыки. Получить работу. Продвиньте свою карьеру. | От нуля до мастерства

      В конце концов, только ты можешь это контролировать. Хорошо, хорошо… … все учатся в разном темпе, но ученики…

      academy.zerotomastery.io

      Это все о лучших местах для бесплатного изучения JavaScript в 2023 году . Согласно опросу StackOverFlow, JavaScript — лучший и самый популярный язык программирования для изучения кодирования, и если вы хотите стать программистом, вам следует использовать JavaScript, чтобы научиться кодировать, и эти платформы и курсы — отличное место для начала.

      Если вы считаете, что есть другой веб-сайт, который является отличным ресурсом для изучения JavaScript онлайн и БЕСПЛАТНО, то, пожалуйста, предложите его в разделе комментариев, я был бы рад включить его в этот список.

      Еще Интернет-ресурсы для изучения JavaScript и jQuery

      • Дорожная карта веб-разработчика (дорожная карта)
      • Принципы объектно-ориентированного JavaScript (книга)
      • 5 книг для изучения и освоения JavaScript (книги)
      • Five jQuery книги для разработчиков JavaScript (книги)
      • 2 Веб-сайты для БЕСПЛАТНОГО онлайн-обучения программированию (см. здесь)
      • 5 Отличные сайты для БЕСПЛАТНОГО изучения SQL (см. здесь)
      • 5 Бесплатная книга по JavaScript и PDF (скачать)
      • 10 курсов для лучшего изучения JavaScript (курсы)

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

      Хорошего дня впереди, счастливого изучения JavaScript 🙂

      P. S. — Помимо JavaScript, если вы ищете полное руководство о том, как стать веб-разработчиком, я предлагаю вам также ознакомиться с The Дорожная карта веб-разработчика , всеобъемлющий и обязательный ресурс для изучения веб-разработки.

      P. P. S — Я почти наверняка пропустил несколько действительно отличных руководств и веб-сайтов. Не стесняйтесь предлагать более полезные веб-сайты JavaScript в комментариях. С удовольствием добавлю их сюда.

      Другие статьи, которые могут вам понравиться

      10 лучших книг и курсов по Angular для начинающих и опытных веб-разработчиков — лучшее из лота

      Здравствуйте, ребята, если вы заинтересованы в изучении фреймворка Angular, одного из самых популярных фреймворков JavaScript для…

      medium.com

      Мои любимые курсы Angular для начинающих и опытных разработчиков

      Если вы веб-разработчик или тот, кто хочет изучить Angular для веб-разработки и ищет что-то отличное…

      medium.

      No related posts.