Руководство по JavaScript, часть 1: первая программа, особенности языка, стандарты
Недавно мы провели опрос, посвящённый целесообразности перевода этого руководства по JavaScript. Как оказалось, около 90% проголосовавших отнеслись к данной идее положительно. Поэтому сегодня публикуем первую часть перевода.
Это руководство, по замыслу автора, рассчитано на тех, кто уже немного знаком JavaScript и хочет привести свои знания в порядок а также узнать о языке что-то новое. Мы решили немного расширить аудиторию этого материала, включить в неё тех, кто совершенно ничего не знает о JS, и начать его с написания нескольких вариантов «Hello, world!».
Hello, world!
Программа, которую по традиции называют «Hello, world!», очень проста. Она выводит куда-либо фразу «Hello, world!», или другую подобную, средствами некоего языка.
JavaScript — это язык, программы на котором можно выполнять в разных средах. В нашем случае речь идёт о браузерах и о серверной платформе Node.js. Если до сих пор вы не написали ни строчки кода на JS и читаете этот текст в браузере, на настольном компьютере, это значит, что вы буквально в считанных секундах от своей первой JavaScript-программы.
Этот текст можно ввести с клавиатуры, можно скопировать и вставить его в консоль. Результат будет одним и тем же, но, если вы учитесь программировать, рекомендуется вводить тексты программ самостоятельно, а не копировать их.
Первая программа в консоли браузера — вывод сообщения в консоль
Ещё один вариант браузерного «Hello, world!» заключается в выводе окна с сообщением. Делается это так:
Вот результат выполнения этой программы.
Вывод сообщения в окне
Обратите внимание на то, что панель инструментов разработчика расположена теперь в нижней части экрана. Менять её расположение можно, воспользовавшись меню с тремя точками в её заголовке и выбирая соответствующую пиктограмму. Там же можно найти и кнопку для закрытия этой панели.
Инструменты разработчика, и, в том числе, консоль, имеются и в других браузерах. Консоль хороша тем, что она, когда вы пользуетесь браузером, всегда под рукой.
28 бесплатных онлайн-курсов по JavaScript
Для начинающих с нуля и уже практикующих программистов. Читайте до конца! 🚀
1. «Уроки JS» от itProger
Длительность: 15 занятий.
Документ о прохождении: нет.
Формат обучения: лекции, тесты.
Программа обучения: на сайте можно сразу получить доступ к урокам и простейшим заданиям. Чтобы решать задачи более сложного уровня, необходимо оформить подписку, как минимум, на месяц.
Что предлагается обучающимся:
Плюсы: начальная информация уже размещена на сайте. Ознакомиться с ней может любой желающий.
Минусы: по результатам обучения не выдаётся никакой документ. Нет ясности, проверяет ли кто-либо правильность выполнения заданий.
🏆 На правах рекламы. «Профессия Frontend-разработчик» от SkillFactory [гарантированная помощь в трудоустройстве]
Длительность: 7 месяцев = 10 часов в неделю.
Документ об окончании: сертификат.
Формат: интерактивные вебинары + пошаговые уроки + работа в тренажёрах + домашние задания с проверкой + общение с другими участниками курса в закрытом чате + работа с личным наставником.
2. «JavaScript: погружение» от Сергея Дёмина
Длительность: 7 занятий и 14 дней.
Документ по окончании: сертификат.
Формат обучения: лекции на сайте, практические занятия с проверкой наставником.
Программа обучения: сначала предстоит познакомится с переменными, функциями, объектами. Далее слушателям предлагается информация о DOM и jQuery.
Что вы узнаете:
Плюсы курса:
Минусы курса: очень небольшой объём знаний. Подойдёт для тех, кто ранее вообще не работал с JS.
Сведения об авторе: программа разработана Сергеем Дёминым. Он работает frontend-разработчиком в крупной IT-компании. Реализовал 22 проекта.
3. «Основы программирования» от Hexlet
Длительность: 23 часа.
Документ об окончании курса: нет.
Формат обучения: лекционный материал на сайте, практические занятия.
Программа обучения: на сайте представлена информация обо всех лекциях. Сначала учащиеся знакомятся с функционалом языка, его предназначением.
Далее даётся информация об:
Чему можно научиться в рамках курса:
Плюсы курса: подробное изложение тонкостей языка.
Минусы курса: отсутствует сертификат или иной документ, подтверждающий прохождение обучения.
Автор курсов: Кирилл Мокевнин. Основал образовательный ресурс «Хекслет». Работает с языками Elixir, Clojure, JavaScript, PHP, Ruby.
4. «JavaScript для начинающих» от Code Basics
Длительность: не определена. Пользователь самостоятельно решает, где остановиться.
Документ об окончании: нет.
Формат обучения: лекции на сайте, практические задания с автоматической проверкой результата.
Обратная связь: отсутствует.
Программа обучения: на сайте представлены основные модули, в частности, «Основы», «Арифметика», «Строки», «Переменные», «Типы данных», «Вызов функций». Внутри каждый модуль разделён на подпункты, позволяющие лучше изучить тот или иной момент.
Что пользователь получает на занятиях:
Плюсы курса: подробное изложение информации, касающейся JS.
Минусы курса: отсутствие обратной связи, возможности задать вопрос преподавателю.
Сведения об авторе: отсутствуют.
🎁 Skillbox открывает бесплатный доступ к 33 онлайн-курсам. Успей пройти! 🔔
Онлайн-университет Skillbox предоставляет возможность пройти 33 онлайн-курса по программированию, дизайну, маркетингу, менеджменту и созданию игр — абсолютно бесплатно.
До проведения акции стоимость каждого из предложенных курсов была не менее 10 000 ₽. Поэтому, записавшись хотя бы на 5 курсов, вы сэкономите свыше 50 000 ₽.
Успевайте! Бесплатный доступ вот-вот закончится.
5. «JavaScript — полный курс с нуля до результата!» от BeONmax
Длительность: 19 часов или 90 занятий.
Документ об окончании: сертификат.
Формат обучения: видеоуроки, практические занятия, тесты.
Программа обучения: пользователь после регистрации получает доступ к видеоурокам. По итогам каждого модуля обучающийся выполняет закрепляющие практические задания и сдаёт тесты. Обязательно предварительное знание основ HTML и CSS. Весь курс разбит на 2 части. Базовая (бесплатная) предназначена для тех, кто только начинает знакомиться с языком. Записываться на продвинутую (платную) часть рекомендуется тем, кто уже работает с JS.
Что предлагается в рамках курса:
Плюсы: наличие практических заданий для закрепления теории.
Минусы: бесплатно можно пройти только первые уроки. Дальнейшее обучение — за деньги (от 92 рублей в месяц).
Об авторе: занятия проводит Иван Петриченко, профессиональный frontend-разработчик, занимающийся созданием сайтов «под ключ».
6. «Основы JavaScript» от DoCode.ru
Длительность: всем желающим предлагается 19 часов лекций и неограниченная практика.
Документ об обучении: не выдаётся.
Формат обучения: на сайте приведены лекции, совмещенные с практическими занятиями. Проверка правильности выполнения заданий — автоматическая.
Чему можно научиться в рамках курса:
Плюсы курса: подробное изложение материала с уклоном в практическую плоскость.
Минусы курса: занятия обезличены. Нет возможности задать вопрос преподавателю.
Данные об авторе: отсутствуют.
7. «jQuery» от DoCode.ru
Длительность: не зафиксирована.
Документ об обучении: не выдаётся.
Формат обучения: все желающие получают доступ к лекциям и практическим занятиям на сайте. Программа проверяет правильность предлагаемых решений. Общение с лектором не предусмотрено.
Программа занятий: курс посвящён возможностям библиотеки jQuery. Пользователи последовательно учатся выполнять различные действия при помощи её инструментов.
Чему можно научиться на курсе:
Плюсы курса: пользователь последовательно учится выполнять необходимые действия.
Минусы курса: отсутствует общение с лектором. В непонятных вопросах приходится разбираться самостоятельно.
8. «Программирование на JavaScript» от HTML Academy
Длительность: не определена.
Документ об обучении: не предусмотрен.
Формат обучения: после оформления подписки обучающийся получает доступ к лекциям и практическим занятиям. Расширенный функционал предоставляется только на платной основе.
Программа обучения: все занятия отнесены к одному из модулей («Основы программирования», «Условия», «Циклы», «Массивы», «Функции» и «Объекты»).
Чему можно научиться на курсе:
Плюсы курса: наличие практических занятий.
Минусы курса: бесплатно предоставляется только базовая информация.
Сведения об авторе: отсутствуют.
9. «Язык JavaScript» от JavaScript.Ru
Длительность курса: не определена.
Документ об обучении: не предусмотрен.
Формат обучения: лекционный материал представлен на сайте. В каждом модуле имеются практические занятия. Проверить правильность выполнения можно здесь же. Онлайн-лекции, общение с преподавателями не предусмотрены.
Программа курса: вся информация разбита на отдельные модули — «Введение», «Основы JS», «Качество кода», «Объекты: основы» и т. д. Завершающий модуль — «Разное».
Чему можно научиться на курсе:
Плюс курса: подробное изложение материала, наличие практических заданий с проверкой правильности выполнения.
Минусы курса: отсутствие общения с преподавателем. Если что-то непонятно, задать вопрос не получится.
Сведения об авторе: отсутствуют.
10. «Изучение JavaScript от нуля до гуру» от Гоши Дударя
Длительность: 22 видеоурока продолжительностью от 3 до 56 минут.
Документ об образовании: не предусмотрен.
Формат обучения: пользователь просматривает ролики на YouTube с пояснениями автора. Текстовые лекции, практические задания не предусмотрены.
Программа курса: вся информация разбита на отдельные уроки: от «Вступления» и «Основ» до «Массивов» и «Строковых операций». Просмотр можно начинать с любой лекции.
На курсе можно:
Плюс курса: заниматься можно в любое время. Если есть определённые знания о языке, можно прослушать только нужный модуль.
Минусы курса: отсутствие практических занятий и обратной связи с автором.
Автор курса: Гоша Дударь. Представляется «просто программист».
11. «JavaScript уроки. Полный курс» от Victor Stork
Длительность: 44 ролика продолжительностью до 16 минут.
Документ о прохождении курсов: не предусмотрен.
Формат обучения: на YouTube можно просмотреть ролики, посвящённые отдельным темам. Практические задания отсутствуют.
Программа обучения: в роликах делается акцент на разных темах: «Введение», «Инструменты», «Тонкости работы с текстом», «Анимация», «Запуск функций по таймеру», «Написание игр» и т. д.
Чему можно научиться на курсе:
Плюсы курса: все занятия достаточно короткие. В каждом рассматривается только один нюанс программирования на JavaScript.
Минусы: пользователь может самостоятельно пробовать писать на JS, но проверка правильности не предусмотрена.
Автор: Victor Stork.
12. «Уроки JavaScript с нуля» от IT-KAMASUTRA
Длительность: 29 видеороликов продолжительностью до 56 минут.
Документ об образовании: не предусмотрен.
Формат обучения: вся информация предоставляется в виде лекций. Практические занятия, общение с лектором не предусмотрены.
Программа занятий: пользователям предлагаются отдельные ролики, рассказывающие об HTML, VS Code, CSS, переменных, функциях и их параметрах, массивах, объектах.
Что даёт курс:
Плюсы курса: из всего многообразия можно выбрать только нужные ролики.
Минусы курса: отсутствует общение с преподавателем. Теоретические знания не подкрепляются практикой.
13. «Бесплатный курс по JavaScript. Уроки JavaScript с нуля» от «Фрилансера по жизни»
Длительность: 12 роликов продолжительностью до 40 минут.
Документ об образовании: не предусмотрен.
Формат обучения: видеолекции. Практика, онлайн-общение отсутствуют.
Программа курса: пользователь может просматривать ролики, рассказывающие об основах языка, структуре кода, константах, операторах, в том числе условных, функциях, рекурсиях, синтаксисе, работе с данными, массивах.
Чему можно научиться на курсе:
Плюс курса: информация адресована и понятна тем, кто раньше вообще не занимался программированием.
Минус курса: даются только теоретические знания. Закрепить информацию на практике не удастся.
14. «Уроки JavaScript» от Web Developer Blog
Длительность: 20 видеороликов продолжительностью не более 13 минут.
Документ о прохождении курса: не выдаётся.
Формат обучения: пользователь может в удобное для себя время просматривать ролики на YouTube. Практические занятия, тесты не предусмотрены.
Программа обучения: каждый ролик в рамках курса посвящён отдельной теме: «Переменные», «Циклы», «Операторы», «Массивы», «Функции», «Объекты», «Обработка событий», «Работа с DOM», «Модальные окна», «Выпадающие окна» и т. д.
Что можно узнать на курсе:
Плюс обучения: значительное внимание уделяется практическому применению возможностей языка.
Минус курса: пользователю предоставляются только лекции. Закрепить знания на практике не получится.
15. «Курс JavaScript Basic» от EasyCode
Длительность: 34 видео продолжительностью до 32 минут.
Документ о прохождении обучения: не выдаётся.
Формат обучения: пользователь в удобное для себя время может просматривать ролики, в том числе наиболее интересные или важные для себя.
Программа обучения: любой желающий может узнать, что представляют собой переменные языка, числа, строки, объекты и условные операторы. Предоставляется информация о циклах и функциях, работе с атрибутами, событиях, AJAX и Promises.
Чему можно научиться на курсе:
Плюс курса: доступное изложение основных моментов, связанных с практическим использованием JavaScript.
Минус обучения: отсутствие практики.
16. «Базовый JavaScript» от Андрея Андриевского
Продолжительность: 24 видео различной длительности.
Документ об прохождении курса: не выдаётся.
Формат обучения: видеоролики. Личное общение с преподавателями, практические занятия не предусмотрены.
Программа обучения: в роликах даётся информация о массивах, условных операторах, объектах и работе с ними, работе с Dom, написании игр.
Чему можно научиться на курсе:
Плюс курса: значительное внимание уделено практическому применению возможностей языка.
Минус курса: пользователь получает только теоретические знания без закрепления на практике.
17. «Уроки JavaScript для начинающих с нуля» от Олега Шпагина
Продолжительность: автор предлагает 39 роликов, посвящённых различным аспектам программирования на JavaScript.
Документ о прохождении обучения: не выдаётся.
Формат обучения: видеоролики с комментариями автора.
Программа обучения: Олег Шпагин предлагает ознакомиться с базовой информацией о языке (переменные, логические операции, функции). Значительная часть роликов посвящена созданию эффектов на сайте с использованием возможностей JavaScript.
Чему можно научиться на курсе:
Плюс курса: автор рассказывает о возможности практического применения инструментов языка.
Минус курса: предоставляется только теория.
18. «Основы JavaScript» от Sorax
Длительность: 35 видео различной продолжительности.
Документ о прохождении курса: не предоставляется.
Формат обучения: пользователь просматривает ролики автора. Если есть вопросы, их можно задать в комментариях. Практические задания и тесты не предусмотрены.
Программа курса: автор предлагает отдельные занятия, посвящённые основам языка, инструкциям, выражениям и операторам, типам данных, числам, строкам, логическим операциям, условным инструкциям и операторам, объектам, функциям, классам, массивам, регулярным выражениям.
Что даёт курс:
Плюсы курса: изложение ведётся доступным языком.
Минусы курса: для практического закрепления полученных сведений придётся искать другие возможности.
19. «Видеоуроки JavaScript» от AmperkaRu
Длительность: 10 видеоуроков продолжительностью 2-11 минут.
Документ о прохождении обучения: не предусмотрен.
Формат обучения: видеоуроки. Пользователь сам решает, когда смотреть. Тестовые испытания не проводятся.
Программа курса: в рамках обучения отдельное внимание уделяется циклам, переменным, объектам, массивам, условным операторам, созданию библиотек и работе с ними.
Обучаясь на курсе, можно:
Плюсы курса: доступное изложение материала.
Минусы курса: рассматривается только несколько специализированных тем.
20. «JavaScript для начинающих» от Алекса Лущенко
Длительность: автор предлагает 124 видеоурока различной продолжительности.
Документ о прохождении курса: не выдаётся.
Формат обучения: автор снимает ролики и размещает на своём YouTube-канале. Смотреть может любой желающий. Выполнение практических заданий, сдача тестов или экзаменов не предусмотрены.
Программа обучения: Алекс Лущенко предлагает короткие лекции, в которых рассматривается, как базовая информация, так и узко направленная. Например, можно узнать, как выкладывать и оформлять товары на сайте интернет-магазина.
Что можно узнать на курсе:
Плюсы курса: рассматриваются не только теоретические аспекты языка, но и их практическое применение.
Минус курсов: нет возможности пообщаться с автором, уточнить непонятные моменты.
21. «Уроки JS» от Вячеслава Хатина
Длительность: 41 видео продолжительностью 13-27 минут.
Документ о прохождении обучения: не предусмотрен.
Формат курса: видеолекции. Общение с преподавателем, сдача тестов или экзаменов не предусмотрены.
Программа обучения: автор предлагает серию уроков с базовой информацией о JS. Те, кто уже знает, как работать с массивами, переменными, объектами, могут перейти к изучению более сложных вопросов, например, изучить, как адаптировать сайт под десктоп или мобильное устройство.
Что можно узнать на курсе:
Плюсы курса: предусмотрена информация, рассчитанная на пользователей с различным уровнем подготовки.
Минусы курса: информация даётся только в теории. Практические занятия не предусмотрены.
22. «JavaScript для начинающих» от Anton Kholin
Продолжительность: 17 уроков и 28 тестов.
Документ о прохождении курса: сертификат.
Формат обучения: учащийся регистрируется на сайте. Далее он получает доступ к теоретическим лекциям и практическим заданиям.
Программа курса: вся информация разбита на несколько блоков. Сначала пользователи знакомятся с основной информацией о языке, его инструментах. Далее учатся работать с массивами, объектами, переменными. Предусмотрен и блок с усложненными заданиями.
Чему можно научиться на курсе:
Плюсы: предусмотрены практические задания для закрепления теоретических знаний.
Минусы: полноценная информация о программе обучения доступна только после регистрации на сайте.
23 «JavaScript. Основы для Начинающих» от Владилена Минина
Продолжительность: 6 часов.
Документ о прохождении обучения: не предусмотрен.
Формат обучения: курс представляет собой один видеоролик, в котором автор рассматривает самые разные аспекты работы с JS. Сдача тестов не предусмотрена. На вопросы автор отвечает в комментариях.
Программа обучения: Владилен Минин даёт информацию об азах программирования на JS. Можно узнать, что собой представляет цикл, объект, функция, массив. Во второй части ролика автор рассказывает о разных методах работы (indexOf, find, includes и т. д.).
Что можно узнать на курсе:
Плюсы курса: автор доступно рассказывает о сложном.
Минусы курса: вся информация собрана в одном ролике длительностью 6 часов.
24. «Node JS» от Владилена Минина
Продолжительность: 1 час.
Документ о прохождении курса: не предусмотрен.
Формат обучения: автор читает лекцию, сопровождая её практической демонстрацией работы.
Программа обучения: основное внимание уделено платформе Node JS, её возможностям.
Чему можно научиться: работе с файлами при написании кода на JS. Лекция рассчитана только на подготовленных пользователей.
Плюсы курса: лекционный материал сопровождается демонстрацией практической реализации.
Минусы: ответы на вопросы пользователей не предусмотрены.
25. «React JS» от Владилена Минина
Продолжительность: 1 час 17 минут.
Документ о прохождении обучения: не выдаётся.
Формат обучения: лекция от автора. Дополнительно он демонстрирует, как ту или иную операцию выполнить на практике.
Программа курса: автор рассказывает о React — библиотеке с открытым исходным кодом, на базе которой пользователи могут создавать интерфейсы для своих приложений.
Что можно узнать в процессе обучения:
Плюсы курса: автор рассказывает понятным и доступным языком.
Минусы курса: пользователи получают только теоретические знания.
26. «Интенсивное погружение в JavaScript» от Ивана Петриченко
Продолжительность: 8 лекций (2 часа 36 минут).
Документ о прохождении курса: при выборе бесплатной версии обучения не выдаётся.
Формат курса: пользователи, выбравшие бесплатный вариант, получают только доступ к видеолекциям. Платный курс дополнительно предполагает наличие тестовых и практических заданий, получение сертификата.
Программа обучения: пользователи получают общие знания о JS, знакомятся с его инструментами. Даётся базовая информация о массивах, объектах, функциях, циклах, условиях. На заключительном этапе обучения пользователям предлагается написать код для корзины товаров.
Что даёт курс:
Плюсы курса: доступное изложение материала.
Минусы курса: полный функционал доступен только в платном варианте.
27. «Vanilla JavaScript — создаём клон Paint в браузере» от Anton Golosnichenko
Продолжительность: 14 лекций (1 час 38 минут).
Документ о прохождении обучения: только в платной версии курса.
Формат занятий: при выборе бесплатного варианта пользователь получает доступ только к лекциям. Если оплатить обучение, дополнительно предлагаются практические занятия и тесты.
Программа занятий: пользователям предоставляется информация, достаточная для создания клона приложения Paint, работающего непосредственно в браузере. Также даётся полный цикл данных о Vanilla JS («чистом» языке программирования), его возможностях.
Что можно узнать на курсе:
Плюсы курса: подробное изложение материала.
Минусы курса: доступ к практическим занятиям можно получить только в платной версии.
28. «JavaScript» от Codecademy
Продолжительность: 30 часов.
Документ об образовании: в версии PRO.
Формат обучения: на сайте представлены общедоступные лекции. При подключении пакета PRO пользователь может проходить тесты и выполнять практические задания.
Программа курса: информация разбита на логические блоки «Условные», «Функции», «Массивы», «Циклы», «Итераторы», «Объекты», «Классы», «Модули» и т. д. Можно проходить их последовательно или выбрать нужные.
Что можно узнать на курсе:
Плюсы курса: базовая информация доступна уже на сайте.
Минусы курса: сайт — англоязычный. Если использовать автоматический перевод, возможны неточности.