Обзор возможностей современного JavaScript
JavaScript, наверное, самый известный мультипарадигменный язык, в котором очень много неочевидных особенностей. Но тем не менее любим ли мы его или ругаем, факт остается фактом — это основной язык, на котором работает современный web.
В ушедшем году, вышел стандарт ECMAScript 2015 (неформально ES6), который сильно изменил, то к чему мы привыкли. Появилась масса новых возможностей, которые по сути представляют собой современное надмножество языка, пытающегося решить существующие проблемы. Class, let, const, стрелочные функции… разработчик, который ранее не видел код, написанный на ES6, не сразу догадается, что перед ним, по сути, старый добрый JS.
Есть масса прекрасных статей, посвященных современному стандарту. В этом же посте я хочу показать, что нам может предложить современный JS, когда необходимо решить насущную задачу. Например, поздравить всех c Новым Годом.
Императивный подход
Самый простое решение, сделать все императивно. Да, действительно, если следовать принципу «меньше больше — больше меньше», то это будет самое прагматичное решение:
Решение простое, и оно будет работать во всех средах, где есть реализация объекта console, но в нем есть изъян: у нас есть не только Новый Год, но и множество других праздников. Создавать для каждого праздника свою отдельную функцию не очень разумное занятие. Если нам необходимо отформатировать сообщения однообразно, то при изменении формата сообщения необходимо будет изменить соответствующий код во всех функциях (да, примеры в статье получились немного искусственными). Можно, конечно, вынести все, что связано с форматированием, в отдельную функцию formatMessage() и пропустить через нее поздравление во всех функциях. Но давайте для начала попробуем отразить предметную область с помощью ООП и посмотреть, чем нам может помочь JavaScript в этой ситуации.
Объектно-ориентированный подход
Как всем вам хорошо известно в JS можно писать в объектно-ориентированном стиле с наследованием на базе прототипов:
Получилось довольно многословное решение, плюс которого в том, что этот код будет работать во всех современных runtime-средах (браузеры, Node.js). Именно из-за многословности реализации объектно-ориентированного подхода в ES6 появились классы, которые знакомы любому программисту, владеющему C++, Java, C#, Python etc. Вот таким образом будет выглядеть пример выше, если использовать классы ES6:
Выглядит уже симпатичнее. Но как вы наверное знаете было много споров вокруг классов в JS. Были ярые противники этого новшества. В целом их позиция была ясна — ООП в перспективе порождает проблему «гориллы и банана»:
Проблема объектно-ориентированных языков в том, что они тащат с собой всё своё неявное окружение. Вам нужен был банан – а вы получаете гориллу с бананом, и целые джунгли впридачу.
Джо Армстронг «Coders at Work»
Поэтому языковые средства, которые делали возможным создание сложной таксономии классов простым способом, воспринималось противоборствующей стороной в штыки. Как бы то ни было классы сейчас это стандарт языка, пользуйтесь, но без фанатизма.
Хорошо, если наследование порождает проблему связности, какой есть альтернативный вариант? Композиция.
Предпочитайте объектную композицию наследованию классов
Гамма, Хелм, Джонсон, Влиссидс «Приёмы объектно-ориентированного проектирования. Паттерны проектирования.»
В JS, композицию можно реализовать разными способами. Вот одно из решений, которое будет работать во всех современных runtime-средах:
В этом примере с помощью конструкторов создаются объекты, свойства которых (методы) компонуются в одной сущности (объект newYearGreeter) с помощью служебной функции extend. Современный стандарт позволяет упростить реализацию композиции с помощью Object.assign():
Object.assign() по сути делает тоже самое, что и extend, за тем исключением, что его можно использовать «из коробки» при этом компоновать можно любое количество объектов.
Это объектная сторона вопроса. Но JS также предоставляет средства для программирования в функциональном стиле.
Функциональный стиль
Особенность такого подхода заключается в том, что мы больше не оперируем объектами, а оперируем чистыми функциями, композиция которых позволяет решить поставленную задачу. Наш пример слишком маленький, поэтому для примера возьмем другое понятие из функционального программирования — каррирование:
В ES6 из средств для упрощения программирования в функциональном стиле, самое заметное нововведение — стрелочные функции. Стрелочная функция — это анонимная функция (например, функция сразу после return из примера выше) или лямбда-выражение, как говорит народ из функционального лагеря. Вот таким образом преобразуется наш пример, если мы будем использовать «толстую стрелку»:
Программирование в функциональном стиле дает много преимуществ: код получается компактнее без побочных эффектов, но к нему, конечно, необходимо привыкать, так как при функциональном программировании рассуждения с императивного уровня (как сделать) переходят на декларативный уровень (что сделать).
Что почитать / посмотреть?
Итоги
JavaScript развивается очень быстро — будущий стандарт готовит другие замечательные нововведения в языке, но то, что мы можем использовать для создания web-приложений уже сегодня по большому счету новая инкарнация языка, цель которой упростить жизнь всем разработчикам.
Зачем учить JavaScript и где он пригодится
Аспирант Нетологии Максим Пименов рассказывает про JavaScript — невероятно популярный язык программирования, который учит сайты реагировать на поведение посетителей.
JavaScript — это лучший друг HTML и CSS. HTML задает разметку сайта, CSS отвечает за внешний вид, а JavaScript все это оживляет. С помощью кода на JavaScript программист определяет, как страница отреагирует на действия пользователя.
Сейчас JavaScript — единственный язык программирования для браузеров. Он работает под Windows, macOS, Linux и на мобильных платформах, то есть везде. Если не знаешь JavaScript, делать в программировании интерактивных сайтов нечего.
В 2009 году появился Node. js, который вывел JavaScript за пределы браузеров. Теперь его можно запустить хоть на стиральной машине. О том, что такое Node. js и зачем он нужен, мы уже писали, поэтому не буду рассказывать о нем подробно.
Без JavaScript делать в программировании интерактивных сайтов нечего
Frontend-разработчик с нуля
Как работает JavaScript
Любое действие пользователя на странице порождает событие. Программирование на JavaScript — это обработка событий. Вот как выглядит обычный сценарий:
Пользователь что-то сделал на странице
↓
В браузере сработало событие
↓
Запустился JavaScript-код, который назначен на событие
↓
JavaScript изменил что-то на странице.
Программист пишет обработчик только для тех событий, на которые стоит реагировать:
Пользователь кликнул мышью
↓
Сработало событие onclick
↓
Запустилась функция changePhoto
↓
В галерее сменилось фото
Пользователь нажал клавишу
↓
Сработало событие onkeydown
↓
Программист не назначил обработчик события
↓
Ничего не произошло
JavaScript — это, прежде всего, реакция на события
Чем хорош JavaScript
JavaScript полностью интегрирован с HTML, он способен как угодно менять веб-страницу. В ответ на событие программист может:
Это только то, что сразу пришло в голову. JavaScript может намного больше, в пределах своей страницы он Бог.
JavaScript — подходящий язык для изучения программирования. Он достаточно прост, но содержит все фундаментальные вещи: алгоритмы, объектно-ориентированную модель, структуры данных. Если традиционные языки для обучения — Pascal и Basic — несут мало практической пользы, то JavaScript — рабочая лошадка.
Начинать с JavaScript хорошо и потому, что синтаксически он похож на великий и ужасный язык С. Изучив JavaScript, получишь базовое представление обо всех «сиобразных» языках: С++, C#, Java, PHP. Они задают тренд в своих областях и весьма популярны, поэтому для новичка важно познакомиться с синтаксисом С.
Программа на JavaScript — это простой текст. Писать на JavaScript можно в любом текстовом редакторе.
В пределах своей страницы JavaScript — Бог
Ограничения
Классический JavaScript — это язык программирования для интернета, он бессилен за пределами браузера. С помощью JavaScript нельзя запустить программу на компьютере или записать файл в нужную папку.
Из-за правил безопасности браузеры ограничивают мощь JavaScript и за пределами «родной» страницы. Управлять вкладками можно при определенных условиях или же вовсе нельзя. Например, JavaScript может закрыть только ту вкладку, которую создал сам.
Год-два назад появились платформы Node.js и React Native, с ними на JavaScript пишут не только для браузера, но и для компьютеров со смартфонами. Это модные и трендовые технологии, но глобально JavaScript — язык программирования для интернета.
На JavaScript пишут для интернета и браузеров
Конкуренты
Сейчас в веб-программировании нет ничего, что способно пошатнуть позиции JavaScript. Язык настолько удачен, что нет причин изобретать что-то другое.
С чистым JavaScript конкурируют только надстройки над ним: CoffeeScript, TypeScript, Dart. Код надстроек порой компактнее, его легче читать и отлавливать ошибки, но перед выполнением он все равно преобразуется в JavaScript.
Главная сила JavaScript — вечная молодость. Он вышел 21 год назад, но не устарел, а развивался и развивается вслед за HTML.
Серьезных конкурентов у JavaScript нет
Что изучать до JavaScript
Можно приступать к JavaScript, вообще не имея представления о программировании. JavaScript — удачный выбор для первого языка, особенно если связываешь будущее с веб-разработкой. При этом любые знания в сфере программирования будет плюсом.
Если есть опыт HTML и CSS, совсем хорошо. Создание сайта логично начать со статичных страниц на HTML и CSS, а потом оживить их при помощи JavaScript. Плюс HTML и CSS дают базовое понимание того, как устроен интернет и работают сайты.
JavaScript — подходящий первый язык, если связываешь будущее с веб-разработкой
Куда развиваться JavaScript-программисту
Изучив основы JavaScript, можно копать так глубоко, как хочется.
Хорошо освоить библиотеки и фреймворки для JavaScript — наборы готовых классов с функциями. Некоторые из них настолько мощные, что полностью меняют сценарии программирования. Для JavaScript самые популярные фреймворки и библиотеки — React, jQuery и Angular2.
Кроме фреймворков полезно изучить надстройки над JavaScript: CoffeeScript, TypeScript и Dart. Одни надстройки сделают ваш код чище и компактнее, другие — строже.
Наконец, можно взяться за серверное программирование и Node.js. Это трендовая технология, которую используют BMW, Amazon, Apple и другие серьезные компании. Так вы расширите область своих знаний JavaScript за пределы управления веб-страницей.
Для JavaScript-программиста нет потолка развития
Хотите написать колонку для Нетологии? Читайте наши условия публикации. Чтобы быть в курсе всех новостей и читать новые статьи, присоединяйтесь к Телеграм-каналу Нетологии
Для чего нужен и что делает Javascript. Примеры.
Если вы еще не знакомы с понятием Javascript, то об этом я писал тут.
В этой заметке хотелось рассказать о том, для чего Javascript нужен и что с его помощью можно делать.
Как и у любого язык программирования, основная задача Javascript создавать последовательность действий, которые будут приводить к определенному результату.
Это могут быть условия «если-то», циклы, которые создают определенную последовательность действий, математические вычисления и.т.д.
Самое главное в том, что все эти операции можно производить на веб-страницах, в окне браузера. Причем, javascript может работать и без подключения к сети Интернет.
Итак, давайте рассмотрим ряд примеров, которые демонстрируют те возможности, которые можно получить при использовании Javascript. Я условно отсортировал их на несколько групп, чтобы у вас появилось определенное понимание, что делает Javascript и зачем он нужен.
Все мои уроки по Javascript здесь.
1) Математические операции
На веб-страницах очень часто возникает необходимость произвести те или иные вычисления.
Например, есть два текстовых поля и нужно в третьем текстовом поле вывести сумму двух чисел, которые введены в первые два.
С помощью Javascript можно создать калькулятор и разместить его на веб-странице.
Вот здесь есть пример такого калькулятора:
Еще ситуация, возьмем какую-нибудь текстовую строку на веб-странице, нужно увеличить ее размер в 1,5 раза. Это тоже можно сделать с помощью математических вычислений, путем умножения текущего размера на коэффициент 1,5.
Задач, которые требуют вычислений очень и очень много на практике. Javascript позволяет все это делать.
2) Обработка и валидация данных в HTML-формах
Javascript позволяет проверять, что все требуемые поля заполнены и данные, которые в них находятся соответствуют нужному формату (например, если требуются цифры, то должны быть только цифры и не должно быть букв).
Делает это Javascript без перезагрузки страницы и даже без подключения к Интернет.
Прежде чем отправлять данные на сервер, они проходят предварительную проверку на Javascript. Это снижает нагрузку на сервер.
3) Взаимодействия с пользователем и события
На веб-странице могут появляться различные эффекты, в зависимости от того, какие действия совершает пользователь.
Выпадающее меню на сайте при наведении курсора мыши.
При клике на кнопку скрыть или показать какой-то элемент на странице.
Появления всплывающего окна, когда курсор мыши ушел за пределы окна браузера.
Затемнение заднего фона и эффекты плавного появления элемента реализуются на Javascript.
4) Взаимодействовать с HTML-элементами на странице и управлять их содержимым и стилями.
При наступлении определенного события (например, клик мыши или любого другого) можно изменять внешний вид (стили CSS) элементов на странице.
Делается это все программно.
Еще можно добавлять какие-нибудь HTML-теги или атрибуты к ним, также при наступлении определенного события.
5) Добавление анимации и различных графических эффектов на веб-страницы.
Падающие и двигающиеся объекты. Например, снег на сайт.
Плавное появление и скрытие объектов
Таймер обратного отсчета
И др. эффекты реализуются на Javascript
Я перечислил здесь лишь небольшой список возможностей Javascript. Чтобы вы могли посмотреть все наглядно и на реальных примерах, привожу здесь список сайтов, на которых опубликованы действующие примеры на языке javascript:
Возможности и сфера применения Javascript на самом деле очень обширные. Все будет ограничиваться только вашей фантазией и творчеством.
Все мои уроки по Javascript здесь.
Чтобы оставить сообщение, зарегистрируйтесь/войдите на сайт через:
Или зарегистрируйтесь через социальные сети:
Особенности JavaScript: зачем учить этот язык программирования и где он пригодится
Javascript – это мультипарадигменный язык программирования. Он используется в веб-браузерах, на нем можно писать игры, разрабатывать различные приложения для компьютера и мобильных устройств, создавать серверную часть сайта и производить прочие интересные вещи. Воу-воу, не слишком ли много Javascript берет на себя? Давайте обо всем по порядку.
История возникновения JavaScript
Давным-давно, когда на планете Земля жили еще динозавры, в 1995 году, компания-мастодонт Netscape поставила задачу своему разработчику Брендану Айку создать язык программирования для своего браузера, чтобы решить вопрос взаимодействия с пользователем. Выпуск языка состоялся как раз перед релизом второй бета-версии браузера Netscape Navigator 18 сентября 1995 года. Также нужно отдать должное компании Sun, без которой этого бы не случилось. Именно они были теми руками, которых так не хватало в Netscape: специалисты помогли ускорить процесс разработки в несколько раз и успеть как раз вовремя.
Первоначально язык программирования имел следующие названия: Mocha, Livescript, LiveWire (для серверной части). Поскольку в то время огромной популярностью пользовались языки C и Java, создатели решили «хайпануть» и дали название своему детищу – Javascript.
Параллельно их конкурент Microsoft трудился над своим браузером Internet Explorer, и в версии 3.0 у них вышел релиз собственного языка программирования под названием Jscript. Тут же встал вопрос: как дальше действовать и развиваться при наличии двух языков?
Спустя некоторое время инициативу в свои руки взял Netscape и провел стандартизацию языка через ассоциацию ECMA. Рабочая группа TC-39 присвоила стандарту имя ECMA-262. Возникали проблемы с торговой маркой ECMA, так как она не могла использовать Javascript в качестве названия.
После дебатов было решено, что описанный стандартном язык будет называться ECMAScript. Выходит так, что на сегодняшний день Javascript является по своей сути коммерческим названием ECMAScript. Кстати, на момент публикации статьи ожидается выход новой версии ECMAScript 2021.
Особенности языка программирования JavaScript
В мире frontend-разработки все строится на трех китах: HTML, CSS, Javascript. HTML отвечает за каркас страницы, CSS – за стилизацию страницы, Javascript – за создание интерактива на странице.
Что можно создать при помощи Javascript:
И это далеко не полный список. Самый типичный пример работы Javascript – это слайдер на странице. На нашем сайте мы как раз используем подобные.
Вся магия случается при нажатии на кнопку переключения слайда. Сюда добавлено событие, которое ждет клика. Когда событие происходит, слайд меняется по заданному алгоритму.
Еще один показательный пример – это ситуация, когда пользователь ставит лайк на странице. JS находит то сердечко, по которому был произведен клик, заносит изменение в базу данных, отображает стилизацию и счетчик количества лайков.
Преимущества и недостатки JavaScript
С каждым годом язык развивается и дополняется новыми крутыми вещами.
Преимущества JavaScript:
Интерпретируемый язык. Код работает сразу же в браузере, не требуется каких-либо затрат для его компиляции. Это, несомненно, плюс: не нужно ничего ждать, результат кода можно сразу же увидеть в браузере.
Востребованный язык программирования. Если верить статистике, Javascript входит в топ-3 языков программирования в мире.
Простота и рациональность применения. Несложные задачи можно решать быстро, порой достаточно 5 минут. Для непростых в интернете полно вариантов решения, остается лишь выбрать подходящий и использовать его.
Легкость в освоении. Сначала код, возможно, покажется очень трудным, однако это ощущение быстро пройдет. Кроме того, сильно мотивирует визуальное отображение действий.
Недостатки JavaScript:
Отсутствие чтения и загрузки файлов. Это сделано из соображения безопасности для пользователей.
Доступен для злоумышленников. Весьма легко встроить какой-либо вредоносный код, который может нанести большой урон.
Динамическая типизация. Причина частых проблем при разработке – нет возможности выявить ошибки заранее, только на этапе работы. Еще Javascript игнорирует явные несостыковки, которые прямо-таки бросаются в глаза. Поэтому это настоящая боль для человека, который захотел изучить Javascript после освоения строго типизированного языка (Java, C, C++).
Изучение языка программирования Javascript: стоит ли начинать?
Как уже было сказано, на сегодняшний день Javascript является одним из популярных и востребованных языков программирования. Есть желание научиться создавать крутые веб-сайты и веб-приложения? Хочется писать код для серверной части? Вас привлекает разработка мобильных и настольных приложений? Ответ один – изучайте Javascript!
Да, этот язык программирования не является панацеей от всех болезней. У каждого объекта в этом мире есть свои плюсы и минусы. Главное грамотно использовать инструменты под свои нужны и искать оптимальные пути решения проблем. Под каждую задачу найдется свое решение, и JS может хорошо подойти для этого.
Это отличный старт для новичков. В интернете масса материалов, статей, уроков по данному языку. Существует множество курсов и больших онлайн-школ, где качественно и доступно будут шаг за шагом объяснять тонкости и нюансы языка.
Стоит сделать большую оговорку. Если вы желаете сменить профессию и полностью погрузиться в мир web-разработки, то лучше всего начать путь с основ построения страниц. Речь идет о HTML и CSS. HTML – скелет страницы сайта, он задает структуру. CSS – занимается стилизацией страницы: задается цвет, описывается сетка, по которой будут располагаться блоки на страницы, добавляется анимация, пишется адаптация под разные устройства и много другое. Данный процесс называется версткой сайта. Без знания верстки будет трудно, ведь HTML, CSS и JS сильно связаны между собой.
Как используется Javascript на сервере
Кто бы мог подумать, что такой игрушечный на первых порах язык дорастет до возможности его применения на сервере? Причем нужно заметить, применяют его сегодня очень успешно. Почему так получилось? Ответом будет появление на свет Node.js.
Node.js – это платформа для работы с Javascript на сервере посредством движка V8.
Пару слов о движках. Движки необходимы для того, чтобы наш код поняла машина. Движок занимается трансляцией Javasctipt-кода в машинный код. Из популярных сегодня можно отметить V8 (Google Chrome) и SpiderMonkey (Mozilla Firefox). Стоит сказать, что SpiderMonkey – один из самых старых движков: когда-то он был разработан в компании Netscape Бренданом Айком, о котором мы говорили ранее. Таким образом, Node.js позволяет нам выполнять различные действия на стороне сервера.
Почему же произошел взлёт этой технологии? И в чем отличие классического взаимодействия сервера с пользователем от взаимодействия с использованием Node.js?
Когда пользователь заходит на сайт, он формирует запрос на сервер. Платформа сформировывает отдельный поток на пользователя и дополнительно крутит смерчи из полезных данных в текущем потоке. Например, разбирает запрос, получает данные из базы, обрабатывает и отдает пользователю. Если в тот же момент к серверу подключится новый пользователь, то платформа выделит на него еще один поток. Таким образом работа получается параллельной.
Вроде все нормально, все работает и крутится. Вы можете задать логичный вопрос: что же здесь не так? Проблемы начинаются, когда потоков становится много из-за большого количества пользователей. Ресурсы у железных монстров ограниченные и на всех пользователей может не хватить. Сервер в итоге будет переключаться между потоками, тогда может наступить потоковое голодание. Суть явления в следующем: каналов может стать настолько много, что процессор будет занят только переключением между ними и проверкой их состояния. Решается это расширением аппаратного комплекса, но не каждый готов на это пойти – слишком дорогое удовольствие.
Фишка Node.js в ее асинхронности. Объясняя упрощенно, могу можно сказать следующее: представим, что у нас запущено приложение на сервере, и к нему подключаются сразу три пользователя – всем им нужны какие-то сведения из базы данных.
Node.js сразу же хватает информацию из базы с помощью Libuv. Как раз Libuv асинхронен и может создавать свои параллельные, а не последовательные запросы в базу. Далее Libuv помещает информацию в главный поток, который крутит V8. Главный поток обрабатывают эту информацию в обработчиках, мутирует ее каким-то образом и точно такими же способами передает ее пользователю.
Это называется асинхронным вводом-выводом. Вместо того чтобы выделять каждому пользователю по потоку, мы просто выдали им один поток, в котором крутятся все обработчики. Дополнительные потоки создаются только на микрозадачи по вводу и выводу. Они более выгодны, так как всегда находятся в работе и решают полезные задачи в системе. Им всегда выделено фиксированное максимальное число, и никто не простаивает без работы.
Библиотеки и фреймворки JavaScript
Если сегодня посмотреть, на чем пишут клиентскую часть сайта, то относительно мало будет написано на чистом Javascript. Дело в том, что по мере развития языка для него создавались различные библиотеки.
Библиотеки Javascript
Библиотека – это своего рода подпрограмма, набор элементов для более быстрой и удобной разработки сайта, приложения. Пожалуй, самой популярной Javasctipt-библиотекой является Jquery. Она появилась на свет в начале далекого 2006 года. По сей день у нее остается множество поклонников, ее используют тысячи людей. Успех заключается в том, что она предоставляет хорошие возможности для взаимодействия с элементами на странице, позволяет удобно обмениваться данными с сервером посредством Ajax и многое другое.
В 2021 году Jquery некоторые люди считают архаизмом, морально устарелой вещью и отказываются от использования данной библиотеки, поскольку есть другие более современные инструменты. Несомненно, на смену старому приходит новое. Спустя какое время она окончательно канет в Лету, сложно сказать.
Фреймфорки Javasctipt
Все разработчики на проекте могут писать совершенно разный код, по-разному решать задачи. Фреймворки помогают писать быстрее, качественнее, а еще они в некоторой степени создают ограничения, тем самым программисты на проекте пишут почти одинаковый код. Это, несомненно, плюс, ведь гораздо лучше, когда есть некие рамки написания кода. Хочется отметить, что это не главное преимущество, а скорее последствия применения. У каждого фреймворка «свой язык», свои конструкции, но они все также имеют под собой базу под названием Javascript.
Более современным, модным, молодежным при разработке является использование одного из 3-х популярных фреймворков: Vue, Angular или React.
React
React был создан компанией Facebook в середине 2013 года. Изначально его разработали для решения внутренних задач компании. Стоит оговориться, что React позиционируется как библиотека, а не фреймворк. React по мере своего развития получил очень много возможностей. С его помощью можно создавать одностраничные SPA (Single Page Application) и мобильные приложения.
Ярким примером SPA является Gmail. Суть заключается в том, что приложение работает в рамках одной страницы, не происходит переход на другие, а различные его элементы подгружаются по мере надобности. У React развитая экосистема, он обладает множеством плагинов, дополнений, которые расширяют его возможности. Например: Redux, Mobx, Next, React Router, Recoil, Zustand, Xstate, React Native.
Angular
Angular – это детище Google inc. Появился на свет в 2009 году. Изначально разрабатывался Мишко Хевери и Адамом Абронсом в Brat Tech LLC как программное обеспечение, но спустя некоторое время Абронс покинул проект. Хевери, работающий в тот момент в Google, продолжил развивать Angular при поддержке своих коллег.
Философия фреймворка заключается в декларативном HTML-first подходе. Смысл HTML-first – в расширении HTML посредством внедрения некоторых конструкций. Таким образом разрабатываются более удобные, интуитивно понятные интерфейсы для пользователей, нежели при императивном подходе, который используется в React.
Серебряной пулей была концепция двустороннего связывания данных. Суть заключается в том, что изменение данных моментально отображается на экране, и это работает в обратную сторону. Angular является самым сложным в изучении среди великой троицы Javascript-фреймворков, но очень хорошо подходит для создания больших проектов.
Vue был написан всего лишь одним разработчиком Эваном Ю. В какой-то момент Эван понял, что весьма затруднительно и почти невозможно быстро сделать прототип сложного интерфейса пользователя в веб-приложении.
В 2013 году React еще только разрабатывался, а Angular и прочие были очень сложными и громоздкими вещами. Для решения возникшей проблемы он приступил к созданию собственного фреймворка. Vue отличается от конкурентов простотой разработки, способностью постепенного внедрения, отличной документацией на различных языках, простотой в изучении.
Vue взял в себя лучшее, что было у других инструментов. К примеру, Vue и React используют технологию Vurtual DOM, которая опирается на корневую библиотеку. Angular и Vue очень похожи по синтаксису, так как оба используют HTML-first подход. Vue на данный момент любимец общества web-разработчиков, на него возлагаются большие надежды.
Также хочется сказать, что при разработке можно использовать любую из трех вышеперечисленных технологий. Они так или иначе похожи и решают одни проблемы.
Приложения для компьютера и мобильных устройств
VS Code, Slack, WhatsApp Desktop, Discord, Skype, Twitch, Figma – все эти приложения написаны с использованием Javascript. GitHub – самый крупный веб-сервис для ведения IT проектов, его еще в шутку называют «социальная сеть для IT-разработчиков». Этот сервис разработал и выпустил на свет в 2013 году фреймворк под названием Electron.
Данный фреймворк использует в себе Node.js для работы с серверной частью и Chromium – для отображения визуальной части приложения.
Приложения, созданные с его помощью, можно запускать на любой платформе, будь то Linux, Windows или Mac. Если сказать очень утрированно, то программа, созданная на базе данного фреймворка, – это тот же самый веб-браузер, только оформленный слегка по-другому. Выходит, что если вы сможете сделать сайт, то вы напишете свое настольное приложение. Особенно это удобно, когда фреймворк сам заботится о сложных вещах, а пользователю можно сконцентрироваться на самых главных частях программы.
Javascript не обходит стороной и мобильную разработку приложений. В данном случае используется кроссплатформенный фреймворк React Native. Он поддерживает Android, Android TV, iOS, macOS и другие платформы. Самое важное заключается в том, что при использовании данного фреймворка автоматически становятся доступными возможности библиотеки React, которая используется в создании сайтов. Примерами написанных приложений могут стать Instagram, Facebook Ads, Uber eats, 2048, Bloomberg и многие другие.
Итого
Javascript многогранен, популярен и развивается очень быстро. Пока вы читали данную статью, возможно, родился еще один фреймворк, но это не точно.
С помощью Javascript создаются невероятные веб-сайты и веб-приложения. Поэтому если вам необходим красивый, оптимизированный, продающий сайт, то самое время обраться за этим в нашу компанию.
