JavaScript (сокращенно JS) — один из тех языков программирования, которые можно начать осваивать без опыта. В основном он используется для веб-разработки в части клиентских интерфейсов, однако на нем можно написать и логику работы серверных приложений, 3D-игры и даже программировать робототехнику. Сегодня мы предлагаем разобраться, с чего же стоит начать изучение JavaScript.
- Что нужно знать до изучения
- Официальная документация, справочник и литература
- Инструменты разработчика в браузере
- Несколько слов о Node.js
- Развитие JavaScript, фреймворки и библиотеки
Что нужно знать до изучения
Основами любого языка программирования в первую очередь являются типы данных, переменные, операторы и функции. Если вы сталкивались с ними, изучая любые другие языки программирования, то вам будет гораздо проще.
Чаще всего JavaScript используется именно для работы с элементами веб-страниц, поэтому одновременно с этим, а лучше заранее рекомендуем освоить основы HTML и CSS — это язык разметки и каскадные таблицы стилей, с помощью которых создаются статичные веб-страницы. Без понимания того, как устроены веб-страницы будет сложно перейти от теории к практике.
Официальная документация и справочники
- Справочник языка от MDN Web Docs
- Базовый курс по JavaScript от MDN Web Docs
- Курс «JavaScript для начинающих» от Code Basics
- Книга «Изучаем программирование на JavaScript» (авторы: Эрик Фримен, Элизабет Робсон)
- Серия книг «Вы не знаете JavaScript» (автор: Кайл Симпсон)
Инструменты разработчика в браузере
Самым простым, но не всегда удобным, способом проверки работоспособности вашего кода на JS является встроенные в большинство браузеров инструменты веб-разработчика (DevTools), которые запускаются нажатием F12 или сочетания клавиш CTRL+Shift+C.
С их помощью появляется возможность просмотра дерева всех HTML-элементов на странице, а также возможность написания кода на JavaScript непосредственно на вкладке Console (Консоль).
Детальному разбору всех возможностей панели инструментов разработчика будет посвящена отдельная статья.
Несколько слов о Node.Js
Node.js — это серверная платформа, где выполняется JavaScript. C ее помощью можно полностью реализовать backend веб-приложений. Для полноценного освоения клиентской части будет достаточно базовых знаний Node.js.
При установке Node.js с официального сайта произойдет так же и установка менеджера пакетов npm — это необходимая утилита для установки и управления различными библиотеками и фреймворками.
- Официальная документация с короткими и понятными примерами, на русском и на английском.
- Быстрый старт с express.js. Express — это фреймворк, с которым проще всего начать применять Node.js на практике.
Развитие JavaScript, фреймфорки и библиотеки
Вместе со стремительным развитием веба, JS как язык программирования не стоит на месте — появляются новые стандарты языка, формируется огромное количество библиотек и развиваются фреймворки.
С чего бы вы ни начали изучение, дальнейшие шаги зависят от того, чем вы хотите заниматься. Самый популярный путь дальнейшего изучения JavaScript — освоение фреймворков для веб-разработки.
Пользователям важно, чтобы страницы интернет-магазина, сайта соцсети или новостного портала загружались быстро, а владельцам в свою очередь важно, чтоб пользователи не покидали сайты из-за медленного интерфейса. Именно в результате погони за скоростью и производительностью появились такие JavaScript-фреймворки, как Angular и Vue.js и библиотека React.
С их помощью разработчики смогли перейти от формирования страницы на стороне сервера (Server Side Rendering) к формированию страницы на клиентской стороне (Client Side Rendering), то есть в браузере. В рамках этого перехода появилось понятие одностраничных или изоморфных приложений (Single Page Application).
Такие приложения загружают разметку с сервера только один раз, после чего при переходе на новые страницы запрошенная с сервера информация приходит в специальном формате, без HTML-тегов. Это работает намного быстрее, чем передача каждой запрошенной страницы с сервера в браузер.
Начать изучать фреймворков рекомендуют как правило с Vue.js. Он основан на тех же концепциях, что React и Angular, но появился позже них, организован более стройно и логично, поэтому в нем проще разобраться новичкам. Также для Vue есть подробная документация на русском языке.
Однако если у вас уже сформировано понимание объектно-ориентированного программирования, то вам будет оптимально начать изучение Angular — фреймворка от компании Google, позиционирующего себя как инструмент создания кросс-платформенных приложений — от веба до мобильных приложений, а также приложений для рабочего стола Windows, Linux, macOS.