Вступление
Курс посвящен изучению языка программирования JavaScript. Мы познакомимся с основными моментами языка и научимся применять его на практике. В этом уроке обсудим план курса, узнаем больше о JavaScript и его применении в современной веб-разработке.
История и популярность JavaScript
JavaScript появился в 1995 году. Важно отметить, что JavaScript и Java — совершенно разные языки. Первые годы JavaScript не пользовался популярностью, считался медленным и недостаточно продуманным. Сегодня его роль в современном вебе трудно переоценить. Согласно статистике W3Schools, более 97% сайтов используют JavaScript (оставшиеся 3% — преимущественно сайты-визитки и одностраничники без функциональности). Эта популярность делает JavaScript одним из самых востребованных языков программирования. Разработанный компанией Netscape, изначально он назывался LiveScript, но затем был переименован в JavaScript, благодаря популярности Java. Первоначально возможности JavaScript были очень ограничены; его основная цель заключалась в добавлении небольшого интерактивного элемента на страницу без её перезагрузки.
Роль JavaScript в веб-разработке
Изначально JavaScript использовался для создания клиентских функций, выполняемых на странице сайта без перезагрузки. Например, открытие меню по нажатию кнопки невозможно реализовать только с помощью HTML и CSS. JavaScript обрабатывает действия пользователя и выполняет код на странице. Ранее JavaScript работал только на стороне клиента (в браузере), но с появлением Node.js он получил возможность управлять и серверной стороной.
В процессе обучения вы научитесь управлять веб-сайтами и их элементами с помощью JavaScript. Предполагается знакомство с HTML и CSS (в противном случае, ссылки на соответствующие курсы будут предоставлены). HTML и CSS позволяют создать макет веб-сайта, но без функциональности. JavaScript добавляет интерактивность. Современная веб-разработка без знания JavaScript практически невозможна. Примитивный каркас сайта состоит из разметки (HTML и CSS) и пользовательских функций (JavaScript). Работа с сервером осуществляется другими технологиями (PHP, Java, Python и др.), но на начальном этапе в эти нюансы вдаваться не нужно.
План курса и необходимые инструменты
В курсе рассмотрим основные концепции программирования (переменные, циклы, условия) и научимся манипулировать HTML-объектами с помощью JavaScript (обработка нажатий на кнопки, получение данных из форм, обработка событий). Дополнительные материалы, код и домашние задания будут доступны на сайте [ссылка на сайт]. На сайте также имеется редактор кода для JavaScript.
Для написания кода можно использовать любой текстовый редактор. В курсе будет использоваться Atom, но вы можете выбрать Visual Studio Code, WebStorm, Notepad++ или любой другой. Atom выбран из-за простоты интерфейса и бесплатности. Atom доступен для Windows, macOS и Linux.
Создайте пустую папку (например, «www») и откройте её в выбранном редакторе. Создайте файл index.html — базовый HTML-файл. В курсе будет использоваться плагин Emmet для ускорения написания HTML-кода. Если вы используете Visual Studio Code или WebStorm, он, вероятно, уже установлен. Для других редакторов (Atom, Notepad++, Brackets) его нужно установить через настройки (Preferences -> Install). Emmet позволяет быстро создавать HTML-разметку (например, введя ! и нажав Tab).
В этом уроке мы познакомились с JavaScript, его историей и ролью в веб-разработке. В следующих уроках начнём работать с языком на практике, углубимся в его философию и структуру.