Что такое JavaScript?

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

Видеоурок по Основам JS для SEO

Функции JavaScript

  1. Манипуляция веб-страницей. С помощью JS можно создавать, изменять и удалять элементы HTML и CSS, то есть изменять и презентационную и семантическую верстку.
  2. Поддержка событий. Если речь идет об улучшении взаимодействия, то любые изменения веб-документа (и другие действия со стороны сайта) должны выполнятся не самовольно, а только в ответ на действия пользователя.
    Например рекламное видео, которое автоматически начинает играть на странице скорее всего вызовет негативную реакцию. Как можно уникнуть негатива? Например пользователям, которые проводят на сайте больше 10 минут времени можно показать диалоговое окно «не хотели бы Вы просмотреть короткое видео о нашем товаре?». И только если пользователь отвечает утвердительно — показать видео.
  3. Логика и математика. Существуют более «интеллектуальные» события, чем описанные в предыдущем примере: истечение 10 минут и нажатие на заданную кнопку. В таких событиях между действием пользователя и действием сайта существует промежуточное вычисление: либо математическое, либо логическое. Для таких событий и используется логика и математика.

P.S. Существует бесконечное количество функций, которые может выполнять JS, но именно эти из них я считаю наиболее значимыми

.

Чего ждать от этого видео? В этом уроке мы с вами:

  • Подготовим всё необходимое для написания кода JavaScript;
  • Рассмотрим переменные;
  • Рассмотрим текстовые,числовые, логические и другие простые типы данных;
  • Рассмотрим массивы и объекты;
  • Познакомимся с функциями, циклами, условиями;
  • Создадим собственное мини-приложение для анализа плотности ключевых слов в тексте.

Внимание: продолжительность видео — практически 2 часа. Поэтому рекомендуется:

  1. Смотреть видео по частям (к счастью, видео разбито на разделы для удобства.).
  2. Делать пометки — это позволит вам запомнить больше и легко возобновить знания при необходимости.
  3. Повторять действия на экране. Некоторые нюансы остаются незамеченными, пока вы собственноручно не столкнетесь с ошибкой. Поиск собственных ошибок повысит эффективность изучения материала в разы.
  4. БОНУС: Можно пойти еще дальше:
    • первый раз пройти курс с использованием файла упражнений;
    • затем повторно пройти курс, написав весь код JS самостоятельно.

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

  5. Содержание урока:

    1. Введение — короткое описание JavaScript.

      Далее мы приступим к изучению простых типов данных:

    2. Функции JS — краткое описание того, как JavaScript обеспечивает интерактивность.
    3. Подготовка к работе — вместе настраиваем все необходимое для комфортного изучения JavaScript
    4. Переменные — описание того, что такое переменные, как они оглашаются и используются.
    5. Строки — описание строковых данных, их типичных методов, свойств и операторов.
    6. Числа — о числовых данных, а также о популярных методах и операторах, которые к ним применяются.
    7. Булевые данные — о логических данных, и базовых логических операторах.
    8. Undefined и Null — определение и различия между этими типами данных. Паралельно изучаем и сравниваем «=», «==» и «===».
      >

      После этого мы переходим к объектным данным:

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

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

    11. Создание программы v1 для определения плотности ключевого слова. Сначала мы обсудим задачу, затем попытаемся ее решить используя как уже известные нам элементы (переменные, текстовые и числовые данные), так и познакомимся с новыми для нас регулярными выражениями.
    12. Создание программы v2 — улучшенной версии. Для усовершенствования мы рассмотрим, что такое циклы, и как они позволяют сэкономить код.
    13. Создание программы v3 — версии, в которой будет исправлена ошибка в случае нулевой плотности. Для этого мы познакомимся с условиями, которые сделают нашу программу более «интеллектуальной».
    14. Создание программы v4 — финальной версии. Программа v4 не только использует все предыдущие улучшения. Она позволяет получать данные с содержимого страницы и выводить результаты обработки на страницу — таким образом результаты обработки становятся видимыми для пользователя.