Язык js – «Языки программирования. JavaScript зачем вообще нужен? Преимущества и недостатки» – Яндекс.Знатоки

Язык программирования JavaScript: информация для начинающих

Программирование – это не просто способ заработать большие деньги и даже не совсем умственный труд. Это возможность понять, из чего состоит окружающий мир, разложить его на мелкие частички, а затем заново собрать, руководствуясь собственной логикой и знаниями.

Языки программирования – это только лишь инструмент, с помощью которого человек строит правила в созданных системах.

Интернет представляет собой массу возможностей, за которые ухватываются светлые и предприимчивые умы. Конечно, веб-разработка тоже имеет свои инструменты для воплощения идей в жизнь. Один из них – язык программирования JavaScript, о котором и пойдёт речь в данной статье:

Многие люди, даже не имеющие никакого отношения к IT-сфере, слышали слово Java. Революционный независимый от платформ язык, на котором активно пишут приложения для мобильных систем. Он был разработан перспективной компанией Sun, которая затем перешла «под крыло» Oracle. Но ни та, ни другая компании не имеют никакого отношения к JavaScript:

От Sun потребовалось лишь разрешение на использование части названия. Удивительно, но JavaScript вообще не принадлежит ни одной фирме.

При написании веб-приложений, программирование на JavaScript используется наиболее часто. Если кратко перечислить ключевые особенности данного языка, то следует выделить следующее:

• Объектно-ориентированность. Выполнение программы представляет собой взаимодействие объектов;
• Приведение типов данных проводится автоматически;
• Функции выступают объектами базового класса. Эта особенность делает JavaScript похожим на многие функциональные языки программирования, такие как Lisp и Haskell;
• Автоматическая очистка памяти. Так называемая, сборка мусора делает JavaScript похожим на C# или Java.

Если говорить о сути применения JavaScript, то этот язык позволяет «оживлять» неподвижные страницы сайтов с помощью кода, который можно запустить на исполнение (так называемые, скрипты). То есть, можно провести аналогию с мультфильмами, где html и css– это прорисованные герои, а JavaScript – это то, что заставляет их двигаться.

Если говорить о синтаксисе JavaScript, то ему присущи следующие особенности:

• Регистр важен. Функции с названиями func() и Func() – совершенно разные;
• После операторов необходимо ставить точку с запятой;
• Встроенные объекты и операции;
• Пробелы не учитываются. Можно использовать сколько угодно отступов, а также переводов строки, чтобы оформить свой код.

Простейший код на JavaScript выглядит следующим образом:

Для того чтобы понять, зачем нужен JavaScript, и насколько необходимо его изучение, следует выделить некоторые области, в которых применяется данный язык программирования.

• Разработка веб-приложений. Хотите установить простой счетчик, организовать передачу данных между формами или поместить на своем сайте игру? Тогда JavaScript выступит верным помощником в этом деле;
• «Активное участие» в AJAX. Эта технология позволила значительно ускорить работу приложений, осуществляя обмен данными с сервером в «фоновом» режиме:

• Операционные системы. Возможно, кто-то не знал, но Windows, Linux и Mac имеют своих браузерных конкурентов, львиная доля кода которых написана на JavaScript;
• Мобильные приложения;
• Сфера обучения. Любая программистская специальность в университете включает в себя изучение JavaScript в том или ином объеме. Это обусловлено тем, что язык изначально разрабатывался для не очень сильных программистов. Уроки JavaScript логически вплетаются в базовый курс HTML, поэтому освоение проходит достаточно просто.

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

• Необходимость обеспечивать кроссбраузерность. Раз уж JavaScript выступает как интернет-технология, то приходится мириться с правилами, которые устанавливает всемирная паутина. Код должен корректно выполняться во всех, или хотя бы самых популярных, браузерах;
• Система наследования в языке вызывает трудности в понимании происходящего. В JavaScript реализовано наследование, основанное на прототипах. Люди, изучавшие другие объектно-ориентированные языки программирования, привыкли к привычному «класс потомок наследует родительский класс». Но в JavaScript такими вещами занимаются непосредственно объекты, а это не укладывается в голове;
• Отсутствует стандартная библиотека. JavaScript не предоставляет никаких возможностей для работы с файлами, потоками ввода-вывода и прочими полезными вещами;
• Синтаксис в целом затрудняет понимание. Красота кода – явно не конёк JavaScript, но главное правило программистов соблюдено: «Работает? Не трожь!».

• JavaScript предоставляет большое количество возможностей для решения самых разнообразных задач. Гибкость языка позволяет использовать множество шаблонов программирования применительно к конкретным условиям. Изобретательный ум получит настоящее удовольствие;
• Популярность JavaScript открывает перед программистом немалое количество готовых библиотек, которые позволяют значительно упростить написание кода и нивелировать несовершенства синтаксиса;
• Применение во многих областях. Широкие возможности JavaScript дают программистам шанс попробовать себя в качестве разработчика самых разнообразных приложений, а это, безусловно, подогревает интерес к профессиональной деятельности.

Не стоит обращать внимание на то, что минусов получилось больше, чем плюсов. JavaScript прочно закрепился в своей нише, и никакая критика его оттуда на данный момент не выбьет.

Сложный и длинный путь предстоит тем, кто решил основательно изучить JavaScript. Для начинающих существуют базовые рекомендации, следуя которым, можно значительно упростить свое обучение.

• Прежде всего, HTML. Нельзя начинать делать что-либо для интернета без основы основ. Каскадные таблицы стилей (CSS) также очень сильно пригодятся;
• Использовать новую литературу. Программирование – это не физика, законы которой нерушимы, а новые учебные пособия – это урезанные старые. IT-технологии постоянно развиваются, и не стоит пренебрегать полезными обновлениями;
• Стараться самостоятельно писать все участки программы. Если что-то ну совсем не получается – можно позаимствовать чужой код, но лишь предварительно уяснив для себя каждую строчку;
• Отладка – ваш верный друг. Быстро находить ошибки – один из важнейших моментов в программировании;
• Не игнорируйте нормы форматирования. Конечно, код не станет лучше или хуже от разного количества отступов и пробелов, но легкость чтения и понимания программистом – тоже немаловажный момент. Код, приведенный ниже? очень трудно воспринимается, особенно если вы не его автор:

• Имена переменных должны иметь лексическое значение. В процессе написания простых программ это кажется вовсе не важным, но когда количество строк кода переваливает за тысячу – все черти ломают ноги;
• Комментируйте. Этот пункт вдогонку к предыдущему;
• Наблюдайте за опытными людьми. Видеоуроки дают возможность увидеть создание программ. Это даже лучше, чем лекции в университете, ведь запись можно в любой момент остановить и повторить снова;
• Будьте в курсе всех новостей. Отслеживание всего нового и свежего даст возможность ощущать себя «в гуще событий», а это подталкивает к покорению собственных вершин.

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

Для новичков важно помнить, что язык – это всего лишь инструмент, а главное в программировании – мысль.

JavaScript — лучший язык программирования для начинающих. Так это или нет?

JavaScript, несмотря на его многочисленные недостатки, возможно, является самым лучшим языком программирования для начинающих разработчиков, и лучшим языком, с которым могут повозиться дети.

Шёл 2007 год. Отличное издательство технических книг O’Reilly Media обратилось ко мне, предложив одну идею. Они спросили меня о том, хотел бы я написать книгу о JavaScript, которая предназначалась бы для абсолютных новичков в программировании. «С какой стати?», — тут же задал я встречный вопрос.

Нельзя было сказать, что JavaScript в те времена был совершенно бесполезным языком. Но он представлял собой лишь один, далеко не самый важный ингредиент из тщательно отобранного набора технологий, необходимых для разработки веб-сайтов. Да, небольшие кусочки JS-кода могли использоваться для проверки форм, или для того, чтобы подсвечивать кнопки, на которые наводят указатель мыши. Но JavaScript представлял собой лишь необязательное дополнение к функционалу сайта. Если убрать его со страницы, то всё продолжало работать практически так же, как и с его использованием.

JavaScript, кроме того, тянул за собой немалый багаж, представленный другими технологиями. Так, с ним были связаны проблемы несовместимости браузеров, он был медленным, небезопасным, совершенно ненадёжным. Я не был заинтересован в том, чтобы учить кого-то создавать на JavaScript бесполезные виджеты для веб-страниц. Эти виджеты казались мне такими же бессмысленными, как анимированные гифки с вращающимся земным шаром, которые были весьма популярными на заре интернета.

Самым очевидным способом использования JavaScript, как мне, по наивности, тогда казалось, было примерно следующее: большой серверный фреймворк должен сформировать весь необходимый JS-код и встроить его в страницу, предназначенную специально для вашего браузера. JavaScript-код, формируемый сервером, мог бы оказаться слишком громоздким, но он был бы предназначен для конкретной версии браузера. А учитывая то, что JS играл лишь роль вспомогательного механизма, при этом всё работало бы как надо даже в том случае, если бы посетитель сайта полностью отключил бы JavaScript.

Нет нужды говорить, что тогда я книгу о JavaScript не написал. Я продолжал заниматься серверным программированием и писать о моих любимых технологиях (как правило, о языке С# и о .NET Framework). Прошло много лет.

Затем произошло нечто странное.

JavaScript буквально «взлетел».

Я всё ещё не думаю, что JavaScript заслуживает чести называться лучшим в мире языком программирования. Я даже, если уж совсем честно, не считаю его очень хорошим языком. Но кое-в чём я своё мнение поменял. Теперь я считаю, что JavaScript, вероятно, является лучшим первым языком для детей и начинающих программистов. Всё дело в том, что у JavaScript есть одно серьёзнейшее преимущество перед всеми остальным языками программирования.

Потрясающая распространённость JavaScript — его главное преимущество

Одним из уникальных преимуществ JavaScript является его распространённость.

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

JavaScript, благодаря его распространённости, не обязательно быть самым лучшим языком программирования. Ему всего лишь нужно быть достаточно хорошим языком.

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

Предположим, вы разрабатываете замечательное приложение, которое, задавая пользователю вопросы, определяет его личностный профиль. Настроить среду разработки довольно просто. Но что произойдёт, когда вы захотите отправить свою программу товарищу? Понадобится ли ему устанавливать у себя среду времени выполнения или воссоздавать ту же среду разработки, что и у вас? Нужно ли будет «подкрутить» настройки безопасности его компьютера прежде чем он сможет загрузить и установить вашу программу? Может быть, ваш товарищ использует операционную систему, которая попросту не поддерживает вашу программу, или мобильную платформу, на которую, если не вдаваться в детали, можно устанавливать только профессиональные приложения, распространяемые через iTunes или Google Play? Если же вы, для разработки программы, используете JavaScript, а для её распространения — простой веб-сайт (например, GitHub позволяет бесплатно создавать подобные сайты), то все эти проблемы попросту исчезнут.

А если наш будущий программист — ребёнок, то вот вам неопровержимый факт: дети и браузеры очень сильно связаны. Если вы наблюдали за ребёнком, который работает на компьютере (не на мобильном устройстве), то вы, возможно, заметили, что он как минимум 98% времени тратит на работу с браузером. Дети играют в браузерные игры, используют социальные сети, занимаются школьными делами в Google Classroom и Google Docs. И если код, который пишут дети, будет работать в родном для них браузерном мире, это будет совершенно естественно.

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

Недостатки JavaScript

Как насчёт проблем JavaScript? У этого языка есть серьёзные недостатки, его причуды, противоречия и ограничения могут быть крайне неприятными для того, кто только начинает изучать программирование. К счастью, существуют современные решения, которые могут сгладить большинство недостатков JavaScript.

Разберём четыре основные претензии, предъявляемые к этому языку.

▍1. Проблема работы с типами данных в JavaScript

Важнейшей концепцией, которую начинающие программисты осваивают очень рано, является идея переменных, контейнеров, которые хранят информацию во время работы программы. Проблема JavaScript заключается в том, что этот язык слишком вольно и неаккуратно обращается с переменными. Он позволяет делать то, что не выглядит правильным, и игнорирует очевидные нестыковки. Его халатность способна превращать незначительные опечатки в катастрофы, нарушающие работу программ.

Вот пример кода, который обречён на провал:

var myNumber = 100;
myNumber = myNumbr + 1;

Увидели ошибку? Во второй строке, на самом деле, используются две переменных: переменная myNumber, которая была объявлена в первой строке, и некая фиктивная переменная myNumbr. Мы знаем о том, что вторая переменная — это результат опечатки, но JavaScript сообщит нам об этом только во время выполнения программы, выдав сообщение об ошибке, которое выглядит как ReferenceError: myNumbr is not defined. То же самое происходит и в том случае, если при записи имени переменной перепутали большие и маленькие буквы (например, переменная из myNumber случайно превратилась в MyNumber). Проблема, но уже другого характера, может возникнуть и в том случае, если вы, считая, что некая переменная хранит число, прибавляете к ней другое число, а эта переменная, на самом деле, содержала строку или что-нибудь другое. JavaScript в таком случае не сообщит об ошибке, но результат вычислений будет совсем не таким, какого можно ожидать от сложения двух чисел. Каждый JavaScript-разработчик может вспомнить неприятную историю такого рода, когда путаница с типами вызывала странные ошибки в программах.

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

Один из моих любимых редакторов кода, который подходит и для изучения программирования, и для профессионального использования — это Visual Studio Code. Он бесплатен, нетребователен к ресурсам, его код открыт, его можно практически до бесконечности расширять. Одна из его самых замечательных возможностей заключается в поддержке организации проверки JavaScript-кода на наличие в нём распространённых проблем средствами TypeScript. Включить такую проверку можно, воспользовавшись соответствующим конфигурационный файлом или вставив следующий комментарий в верхнюю часть JavaScript-файла:

// @ts-check

Вот пример, в котором имеются две ошибки, ни одна из которых, с точки зрения JavaScript, ошибкой не является.
Проблемы, которые JavaScript не считает ошибками

Если добавить в начало этого файла комментарий // @ts-check, то VS Code выделит строки кода, которые содержат потенциальные ошибки.

Выделенные строки кода

Если навести указатель мыши на выделенную строку, появится всплывающее окно, содержащее объяснение проблемы.

Объяснение проблемы

Какие из этого можно сделать выводы? Хотя JavaScript толерантно относится ко многим нехорошим вещам, если скомбинировать JavaScript с качественным редактором кода и с правильными дополнительными инструментами, можно создать среду разработки, похожую на те, которыми обладают другие современные языки программирования. В результате разработка на JavaScript оказывается такой же удобной, как и на других языках, и, естественно, другие его преимущества никуда не деваются.

▍2. JavaScript не поддерживает ООП

Объектно-ориентированное программирование (ООП) — это подход к моделированию и организации кода. Если методики ООП применяются правильно, они помогают программисту создавать простой и хорошо организованный код. Кроме того, ООП упрощает повторное использование важных функциональных возможностей программ.

JavaScript печально известен отсутствием поддержки объектно-ориентированного программирования. На самом деле, JavaScript-разработчики традиционно обходят этот недостаток, используя всяческие странные конструкции. Эти конструкции могут что-то значить для того, кто уже изучал ООП (и даже для того, кто не изучал, а просто скопировал в свой код некий шаблон и привык с ним работать). Но если вы — совершенно новый человек в программировании, использование подобных сомнительных конструкций, реализующих базовые концепции программирования — это совершенно неправильно.

К счастью, существуют красивые решения, обеспечивающие поддержку ООП в JavaScript. Моё любимое решение такого рода — это TypeScript — опенсорсный проект, запущенный Microsoft в 2012 году. TypeScript представляет собой нечто вроде улучшенной разновидности JavaScript, которая поддерживает ООП (а также многие другие полезные возможности вроде строгой проверки типов).

Кто-то может сказать, что мы говорим о JavaScript, и что TypeScript — это, всё же, не JavaScript. И, на самом деле, это так. Но вот одна интересная деталь. Код пишут на TypeScript, а затем конвертируют его в JavaScript перед тем, как он будет выполняться. Это позволяет пользоваться всем лучшим из миров TypeScript и JavaScript. Если вы выберете TypeScript, то у вас будет современный язык программирования, на котором вы сможете писать свой код, и та широчайшая поддержка, которой пользуется обычный JavaScript.

И, что приятнее всего, преобразование TypeScript-кода в JavaScript производится автоматически. Конечно, в сгенерированном компьютером JavaScript-коде используются, для отражения в нём концепций, реализованных средствами TypeScript, довольно громоздкие конструкции, но это ничего не меняет. Программист изучает концепции ООП, а готовый код правильно работает, без проблем обрабатываясь средствами современных компьютеров.

Не верите? Тогда подумайте о том, что некоторые из самых современных инновационных настольных приложений используют комбинацию из TypeScript и Electron — фреймворка, который позволяет выполнять JavaScript-код за пределами традиционного браузера (хотя надо отметить, что Electron пользуется браузерными возможностями). Один из наиболее впечатляющих примеров подобного приложения — это редактор VS Code. Получается, что тот самый инструмент, с помощью которого очень удобно писать JavaScript-код, сам написан на JavaScript. Правда, если говорить точнее, то VS Code написан на TypeScript, но код, написанный на этом языке, всё равно, преобразуется в JavaScript-код.

Конечно, изучая программирование вовсе необязательно использовать TypeScript, и новые JavaScript-программисты, если решат так поступить, смогут сделать очень многое, не изучая принципы ООП. Это, на самом деле, вопрос выбора. В любом случае, можно отметить, что JavaScript — язык динамично развивающийся, и в него постепенно добавляются возможности, сближающие его со всем тем ценным, что есть в TypeScript.

▍3. Вокруг полно некачественного JavaScript-кода

Что тут сказать. Некачественный код можно написать на любом языке программирования. Слышали когда-нибудь про Visual Basic?

▍4. Для JavaScript-разработки нужны дополнительные библиотеки и фреймворки

Для того чтобы получить доступ к более широкому, чем есть в языке, набору функциональных возможностей (и не изобретать велосипеды), JavaScript-программистам нужно использовать библиотеки и фреймворки сторонних разработчиков. Выбор правильных ингредиентов, используемых при создании некоего проекта — это не так просто, как может показаться на первый взгляд. Речь идёт, в частности, о том, что выбранные дополнительные инструменты должны правильно решать поставленные перед ними задачи, нужно, чтобы у программиста была бы уверенность в том, что они ещё долго будут пользоваться поддержкой своих разработчиков, нужно, чтобы они не конфликтовали друг с другом.

С некоей разновидностью этой проблемы сталкиваются и разработчики, использующие другие языки. Однако надо отметить, что немногие языки страдают от этой проблемы так же сильно, как JavaScript. Для того чтобы стать серьёзным программистом в открытом для всех JavaScript-мире, нужно собрать собственный набор инструментов разработки. При этом каждый из возможных вариантов выбора настолько сложен и многогранен, что понять, подходит ли вам, скажем, какая-то библиотека, можно только очень хорошо её изучив (а когда вы её изучите, может оказаться так, что она уже потеряет актуальность и на её место придёт что-то новое, притягивающее, возможно — на короткое время, всеобщий интерес).

Каким бы печальным всё это ни было, эти проблемы, на самом деле, не влияют на новичков. Если некто изучает программирование с использованием JavaScript, то ему лучше всего держаться в стороне от фреймворков и библиотек, идёт ли речь о чём-то широко известном, вроде jQuery, Angular, React или Vue, или о чём-то изобретённом в тот момент, когда было написано это предложение, или в ту секунду, когда была опубликована эта статья. Конечно, новичок, хорошо освоив фундаментальные вещи, вероятно, захочет ознакомиться, как минимум, с одним из популярных дополнительных инструментов. Но это — уже совсем другая история.

Итоги

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

Уважаемые читатели! Согласны ли вы с тем, что JavaScript — это, в современных условиях, самый лучший язык для обучения программированию? Если не согласны — тогда, может быть, вы знаете какой-нибудь язык, который лучше подойдёт для этой цели?

Введение в JavaScript

JavaScript® (часто сокращают до JS) — это интерпретируемый язык программирования, разработанный для взаимодействия с веб-страницами. JavaScript запускается на стороне клиента Интернета и используется для программирования того, как веб-страницы будут вести себя при наступлении определенных событий.

Что такое JavaScript?

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

JavaScript позволяет разработчику веб-сайта управлять тем, как ведет себя веб-страница. Это делает JavaScript принципиально отличным от HTML, языка, который отвечает за структуру веб-документа, и CSS, языка, который формирует внешний вид веб-страниц.

Программы, написанные на языке JavaScript, называются скриптами. В браузере они подключаются непосредственно к HTML-документу и, как только загружается страница – тут же выполняются. Процесс выполнения скрипта называют «интерпретацией».

Если PHP скрипт обрабатывается на стороне сервера с помощью PHP интерпретатора, то JavaScript выполняется в браузере пользователя JavaScript интерпретатором.

Сегодня каждый браузер поддерживает JavaScript, тем самым делая его языком веба.

В браузере JavaScript может делать всё, что относится к манипуляции с HTML-документом, взаимодействию с посетителем и, с некоторыми ограничениями, с сервером:

• Проверять правильностm заполнения пользовательских HTML-форм.
• Взаимодействовать с веб-камерой, микрофоном и другими устройствами.
• Менять стили HTML-элементов, прятать, показывать элементы и т.п.
• Отображать всплывающие и диалоговые окна.
• Реагировать на действия посетителя, обрабатывать клики мыши, перемещения курсора и т.п.
• Посылать запросы на сервер и загружать данные без перезагрузки страницы.

JavaScгipt – невероятно мощный и эффективный язык, который непременно нужно попробовать в деле!

JavaScript в сравнении с ECMAScript

Этот учебник написан о языке, который известен как JavaScript. Тем не менее официальный стандарт, в котором определены спецификации, описывающие язык, называет его ECMAScript.

Компания Netscape представила язык JavaScript в организацию Ecma International, деятельность которой посвящена стандартизации информационных и коммуникационных систем (изначально ECMA являлся акронимом European Computer Manufacturers Association), где он был утвержден в качестве стандарта ECMAScript в 1997 г.

Эта стандартизированная версия JavaScript, называемая ECMAScript, работает одинаково во всех приложениях, поддерживающих стандарт. Разработчики могут использовать открытый стандарт языка, чтобы разработать собственную реализацию JavaScript.

Формально, когда разработчики ссылаются на ECMAScript, они обычно имеют в виду «идеальный» язык, определенный стандартом Ecma. Чаще всего эти два понятия взаимозаменяемы. Поэтому, при упоминании об официальном стандарте в этом учебнике будет употребляться название ECMAScript, а в остальных случаях при ссылках на язык — JavaScript. Также в учебнике будет встречаться общепринятое сокращение ES5 при ссылке на пятый выпуск стандарта ECMAScript.

JavaScript – не Java

Прежде чем вы приступите к изучению JavaScript, вам следует понимать, что JavaScript – это не Java. Это два совершенно разных языка программирования. JavaScript не имеет ничего общего с языком Java, кроме похожего синтак­ сиса.

Java – объектно-ориентированный язык программирования, разрабатываемый компанией Sun Microsystems с 1991 года и официально выпущенный 23 мая 1995 года. Java – это мощный и гораздо более сложный язык программирования, на нём можно писать самые разные программы. Для интернет-страниц есть особая возможность – написание апплетов.

Апплет – это программа на языке Java, которую можно подключить к HTML при помощи тега <applet>. Jаvа­апплеты запускаются с помощью компилятора. Апплеты Java встраиваются в веб-страницу, но хранятся на диске как отдельные файлы. Это двоичные файлы, и если вы их откроете, то не увидите исходный код апплета.

Сценарии JavaScript размещаются внутри веб-страницы и не могут существовать отдельно от нее. Для выполнения JS-сценариев не нужен компилятор, они выполняются браузером на стороне пользователя. JS-скрипт – это обычный текст, и вы можете просмотреть код невооруженным взглядом – без какого-либо специального программного обеспечения.

Java — это язык, который основан на классах и отличается быстротой, высоким уровнем защиты и надежностью. Ориентированная на классы модель Java означает, что программы состоят исключительно из классов и их методов. Наследование классов и строгая типизация в языке Java обычно требуют тесно связанные иерархии объектов. Эти требования делают программирование на Java более комплексным, чем программирование на JavaScript.

JavaScript — это легкий язык программирования, который обладает простым синтаксисом, специализированной встроенной функциональностью и минимальными требованиями для создания объектов. Вам не нужно объявлять переменные, классы и методы. Не нужно беспокоиться о том, являются ли методы публичными (public), приватными (private) или защищенными (protected), а также вам не нужно реализовывать интерфейсы. Переменные, параметры и возвращаемые функциями типы JS-скриптов не являются явно типизированными.

Что вам нужно для изучения JavaScript?

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

Большенство сценариев JavaScript призваны «оживить» HTML, т. е. цель создания сценария заключается в том, чтобы продемонстрировать, как будет меняться вид страницы при изменении значений параметров HTML-тегов. Вместе собранные и должным образом оформленные такого рода сценарии являются примером разработанного веб-приложения.

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

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

Чтобы писать и выполнять JavaScript-программы, достаточно установить любой современный интернет-браузер (например Yandex, Internet Explorer, Mozilla Firefox или Google Chrome).

Далее в этом учебнике вы увидите, что код на языке JavaScript можно встраивать непосредственно в HTML-файлы, в теги <script>, и при загрузке HTML-файла этот код будет выполняться браузером. Стоит отметить, что вам не нужно поступать так всякий раз, когда требуется протестировать короткий фрагмент программного кода JavaScript.

Самый простой способ поэкспериментировать с кодом JavaScript – воспользоваться встроенным инструментом браузера веб-консоль (Web Console).

Как правило, веб-консоль можно запустить нажатием клавиши F12 или горячей комбинации клавиш – Ctrl+Shift+J. Обычно панель или окно типичного «инструмента разработчика» открывается в виде отдельной панели в верхней или нижней части окна браузера как изображено на рис. 1.

Панель включает множество вкладок, позволяющих исследовать структуру HTML-документа, стили CSS и т. д. Среди них имеется вкладка JavaScript Console, где можно вводить строки программного кода JavaScript и выполнять их.

Для более детального анализа программного кода нам понадобится текстовый редактор с дополнительной функциональностью, упрощающей написание и редактирование программного кода. В качестве такового мы будем использовать редактор Notepad++. Если вы уже пользуетесь другим редактором и успели к нему привыкнуть, то вам ничто не мешает и далее продолжать его использовать.

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

Для того, чтобы посмотреть результат выполнения скрипта в новом окне кликните по иконке , а если у вас возникнет желание поменять что-то в коде кликните по иконке

Это обычный HTML документ

Выходим обратно в HTML

Обратите внимание: В подобных простых экспериментах с JavaScript можно опускать теги <html>, <head> и <body> в HTML-файле.

Советы по эфективному изучению JavaScript

Изучение JavaScript, как и других языков программирования – непростое дело, но оно безусловно стоит потраченных сил и времени. Обучение эффективно, когда дается не просто так, а с усилием. Вы должны прилагать сознательные усилия для того, чтобы усваивать новые навыки и умения. Знания, полученные без усилий, подобны кругам на воде – очень скоро от них не останется и следа.

Электронные книги, бесплатные онлайн-курсы и интернет-платформы для обучения с помощью задач – выбор вариантов источников качественных знаний сегодня почти безграничен. Но как мотивировать себя к самостоятельному обучению, как научиться учиться самостоятельно?

Попробуйте следовать нескольким простым, но проверенным на практике советам.

Учиться нужно понемногу, но регулярно. Регулярность – залог успеха в обучении. Спланируйте свои будни так, чтобы вы могли каждый день уделять на изучение JavaScript не менее одного часа. Не пытайтесь за короткий промежуток времени выучить всё и сразу. Разбивка процесса самообразования на небольшие учебные сессии создает ощущение быстрых успехов и мотивирует вернуться к обучению уже на следующий день.

Наихудшее время для обучения – когда вы чувствуете усталость. В такие моменты, главное не заставлять себя – вы не получите ожидаемого результата. Человеческий мозг не может учить что-то бесконечно долго – ему нужно давать перерывы. Занимайтесь по принципу 25\5. Попробуйте на себе практику учить 25 минут и отдыхать 5 минут. Ваш мозг привыкнет к таким равномерным нагрузкам и будет работать максимально продуктивно.

Применяйте практики вспоминания – основу обучения. Чем чаще мы вспоминаем информацию, тем дольше она будет храниться в нашей памяти.

Эффективная техника вспоминания – это отложенное вспоминание: на карточке с одной стороны напишите вопрос, который относится к изученному материалу, а с другой – ответ на него. Выучите содержание карточки, а затем, через день, попытайтесь вспомнить ответ. Если вы дали правильный ответ – карточку можно отложить на неделю до следующего повторения. Если ошиблись – необходимо повторить вопрос уже на следующий день. Чем длиннее у вас будет цепочка успешных оветов, тем больший интервал должен быть перед следующим повторением.

Параллельно с теоретическими занятиями постоянно практикуйтесь. Для приобретения практического опыта достаточно просто много писать и разбирать примеры хорошего кода. Работая с примерами внимательно пройдите по всем строчкам кода – вы должны убедиться, что понимаете, как работает каждая строчка. Не бойтесь экспериментировать. Учитесь выводить в окне браузера какие-то данные и анализировать их. Например, что и после чего выводится на экран, получили ли вы то, что хотели, и если нет – то почему.

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

«Языки программирования. JavaScript зачем вообще нужен? Преимущества и недостатки» – Яндекс.Знатоки

Изначально JS создан действительно для front-end’а, то есть того, что видит пользователь на сайте. Формы, popup’ы и т.д. Но сейчас JS можно использовать абсолютно везде.

Node.js, Next.js — хотите писать back-end-часть на том же языке? Пожалуйста.

ReactNative.js — хотите сделать фронт для мобильных устройств? Пожалуйста, еще и компилируется это в прекрасно читаемый и работающий «нативный» (родной) язык для мобилок.

Можно конечно писать и приложения для локальных машин на JS, но я таких библиотек не искал и не советую 🙂 Причина проста: быстродействие. Как ни оптимизируй код JS, а тот же C# или Java обработает множество вычислений быстрее.

Преимущества JS:

1. Очень низкий порог вхождения. Легкий для изучения, уже в 14 лет можно найти подработку и реально кодить крутые вещи. Можно стать крутым кодером без профильного образования, платных курсов и даже сразу получать деньги.
2. Огромнейшее коммьюнити и тонна информации по всему интернету (если вы не знаете английского и пошли в кодеры, мне нечего вам сказать, хотя в данном случае и ру-коммьюнити нехилое)
3. Благодаря новому пику популярности количество библиотек зашкаливает, и под каждый проект можно подобрать свою.

Недостатки JS напрямую следуют из достоинств:

1. Каждый второй (и необязательно программист) бьет в грудь и с воинственным кличем бросается учить JS. Как результат — много, очень много г%#но-кода как на старт-апах, так и на enterprise-проектах. И никакие Typescript и Beautify не помогают от этого 🙂 Но при должном управлении командой и нормальных code-review человек быстро избавляется от нехороших привычек.
2. Много невалидных советов на просторах интернета. Редко кто задумывается о сохранении экосистемы проекта и либо изобретает велосипед, либо берет чужой код «не глядя». Не сказал бы, что это недостаток конкретно JS, просто здесь это заметнее из-за большего числа «советчиков» 🙂
3. Слишком много библиотек, слишком многие из них излишни и/или нестабильны. Знакомый в 2017 году работал с компанией, у которой основной была библиотека, которая уже не поддерживалась автором с 2013 года. А перейти — это тоже нехилые затраты, если твой бизнес — не ларек с шавермой. Так что прежде чем выбрать фреймворк\библиотеку, приходится долго посидеть на гите, посравнивать звездочки, историю и скорость разработки и решения issues и еще и самому потестить на вкус.

Резюмирую:

JS, как и любой другой язык, является инструментом. И инструмент хорошо применять там, где он реально нужен. Вы же не закручиваете гайки молотком (по-хорошему). Так и здесь — front-end — это основная стезя JS. В остальных местах его использовать «можно, но не нужно». Разве что если не хочется нанимать в команду никого, кроме JS’еров.

Язык JavaScript — Как создать сайт

Клиентский язык программирования JavaScript

Брендан Айк
Создатель языка JavaScript

В этой статье дан небольшой обзор языку JavaScript, по его структуре, характеристике и истории. Данная статья предназначена к прочтению для общего развития и на начальном этапе изучения языка JavaScript вы можете её пропустить, а вернуться к ней чуть позже, после прочтения учебника по JavaScript для начинающих.

Язык JavaScript — это клиентский язык web-программирования, который был создан в 1995 году, разработчиком Бренданом Айком.

JavaScript обычно применяется для манипулирования объектами в различных приложениях, но наибольшую популярность он приобрел как один из основных языков применяемых при создании сайтов (и как единственный клиентский язык web-программирования).

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

Интерпретатор языка JavaScript, является частью веб-браузера, когда веб браузер открывает страницу сайта, браузер создаёт объектную модель документов (DOM), интерпретатор JavaScript получает доступ к DOM и благодаря этому, вебмастера создавая различные скрипты (web-приложения) могут управлять и манипулировать объектами страницы (всеми тегами: абзацами, заголовками, таблицами, формами и т.д.).

JavaScript также как и языки HTML и CSS, принадлежит всему человечеству, им не владеет ни одна компания или персона. Однако само слово — «JavaScript», принадлежит компании Oracle Corporation и чтобы не иметь проблем с авторскими правами, ученые разрабатывающие данный язык в научных документах называют его ECMAscript.

История JavaScript

В 1995 году компания Netscape, дала задание программисту Брендану Айку создать язык web-программирования, который можно было бы встраивать в HTML-документ и для работы с которым не нужен был web-server.

Вместе с Бренданом Айком в проекте участвовали и другие программисты:
Марк Андерссен (создал первый в мире браузер — Mosaic),
Билл Джой работник компании Sun (данная компания в 2010 году была куплена корпорацией Oracle).

В те далёкие времена, наиболее популярными языками программирования, были C и Java, поэтому при создании JavaScript, пытались делать так чтобы его синтаксис был на них немного похож.

Изначально язык JavaScript имел имя LiveScript, но ради популяризации языка (и в маркетинговых целях) его назвали JavaScript, что вызвало немало замешательств среди начинающих вебмастеров ибо языки Java и JavaScript абсолютно разные по отношению друг к другу (они лишь немного схожи синтаксически). Кстати сам язык Java принадлежит компании Sun.

Чтобы еще больше популяризировать язык JavaScript, его сделали открытым, общедоступным, а потом стандартизировали. Сам стандарт носит название ECMA-262, а имя языка JavaScript, в стандарте записывается как ECMAScript.

В 1996 г. компания Microsoft, на основе этого стандарта разработала свой язык сценариев и назвала его JScript.

Первые браузеры начали поддерживать JavaScript уже в 1996 году, это были: Netscape 2.0 и Internet Explorer 3.0

Характеристики языка JavaScript

Сценарный — при созданий программ, их ненужно компилировать (как например в языках Си, Си++, Паскаль или Бэйсик), просто создаёте скрипт-программу в текстовом редакторе, а интерпретатор JavaScript (который уже встроен в веб-браузер), потом этот скрипт обрабатывает и выполняет.

Клиентский — интерпретатор скриптов находится не на web-сервере (как например у серверных языков — PHP или Perl), а в веб-браузере, поэтому для создания и выполнения скриптов JavaScript, устанавливать веб-сервер не нужно, необходимы лишь текстовый редактор (например Блокнот или популярный нынче Sublime Text 3) и веб-браузер (например FireFox, Opera, IE или Chrome и т.д.).

Прототипно-ориентированный — JavaScript поддерживает создание и наследование объектов, однако классы в нём отсутствуют.

Динамическая типизация — в отличие от других языков программирования, таких как Си, Си++ или Паскаль, переменные в JavaScript во время исполнения программы, имеют возможность менять свой тип данных. Это происходит потому, что тип данных в JavaScript, присваивается не во время объявления переменной, а во время её инициализации.

Функции — в языке JavaScript, функции являются объектами первого класса, это означает, что переменным вместо значения, также можно присваивать и функции.

Автоматическая очистка памяти — при исполнении программ, интерпретатор JavaScript самостоятельно очищает память от неиспользуемых элементов.

Читать далее: Учебник по языку JavaScript

Дата публикации поста: 3 апреля 2019

Дата обновления поста: 16 октября 2014

Навигация по записям

разбираемся в сценариях, движках и других нюансах

От автора: я попробовал загуглить «разница между JS и ECMAScript». В итоге мне пришлось разгребать море двусмысленных и, казалось бы, противоречивых результатов…

«ECMAScript — стандарт», «JS — стандарт», «ECMAScript — спецификация», «JS – реализация стандарта ECMAScript», «ECMAScript – язык», «JS – диалект ECMAScript», «ECMAScript – это JS»…

Сдерживая проступающие слезы, я решил разобраться в этом вопросе.

Эта статья представляет мое текущее понимание того, чем отличается язык скриптов JavaScript от ECMAScript. Статья предназначена для людей, которые знают JS, но хотели бы четче понять его связь с ECMAScript, веб-браузерами, Babel и т.д. Также вы узнаете о языках скриптов, движках JS и о времени выполнения JS. В общем, приготовьтесь.

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Узнать подробнее

Словарь JS/ECMAScript

Ниже приведен список определений, разработанных с упором на согласованность и четкость. Определения не 100% конечны, они созданы, чтобы предоставить высокий уровень понимания связи и отношения JS и ECMAScript. Без разглагольствований начнем.

Ecma International

Организация, создающая стандарты для технологий.

Чтобы проиллюстрировать пример «стандарта» (но не от Ecma), подумайте обо всех клавиатурах, которыми вы пользовались. На подавляющем большинстве клавиши были расположены в одном порядке, был пробел, клавиша enter, стрелки и числа в верхней части? Все это потому, что большинство производителей клавиатур разрабатывают дизайн на основе стандарта макета QWERTY.

ECMA-262

Стандарт, опубликованный Ecma International. Он содержит спецификацию для общего языка сценариев.

ECMA-262 – стандарт, как QWERTY, но вместо спецификации макета клавиатуры он представляет спецификацию языка сценариев под названием ECMAScript. Думайте о ECMA-262, как о ссылочном номере на ECMAScript.

Язык сценариев

Язык программирования, спроектированный специально для работы с существующей системой.

Чтобы понять, что делает язык программирования языком сценариев, представьте команды «ходить», «бегать» и «прыгать». Для выполнения этих действий нужен какой-то объект, возможно, человек, собака или персонаж компьютерной игры. Без объекта, выполняющего команды «ходить», «бегать» и «прыгать», эти команды не имеют смысла. Этот набор действий аналогичен языку сценариев, который сосредоточен на манипулировании внутренними сущностями.

ECMAScript

Спецификация, описанная в ECMA-262, для создания общего языка сценариев. Синоним: спецификация ECMAScript

Так как ECMA-262 – название стандарта, то оно представляет спецификацию языка сценариев ECMAScript. ECMAScript предоставляет правила, детали и руководящие принципы, которые должен соблюдать язык сценариев, чтобы быть совместимым ECMAScript.

JavaScript

Общий язык сценариев, совместимый со спецификацией ECMAScript. Это диалект языка ECMAScript.

JS – кофейный язык, на котором я очень люблю программировать. ECMAScript – спецификация, на которой он основан. Прочитав спецификацию ECMAScript, вы узнаете, как создать язык сценариев. Прочитав документацию JavaScript, вы узнаете, как использовать язык сценариев.

Когда люди говорят, что JS – диалект языка ECMAScript, они имеют в виду то же самое, что и для диалектов английского, французского или китайского. Диалект берет большую часть своей лексики и синтаксиса от родительского языка, но имеет достаточно много отклонений, чтобы считаться отдельным языком.

По большей части JS реализует спецификацию ECMAScript, как описано в ECMA-262, но в нем есть немного изменений. Mozilla описывает функции JS, не удовлетворяющие языку ECMAScript, здесь:

Движок JS

Программа или интерпретатор, понимающий и выполняющий код JS. Синонимы: интерпретатор JS, реализация JS

JS движки, по большей части, можно найти в браузерах. Это V8 в Chrome, SpiderMonkey в firefox и Chakra в Edge. Каждый движок похож на модуль языка для его применения, который позволяет поддерживать определенную часть языка JS.

Движок JS для браузера похож на механизм понимания языка у человека. Если вернуться к примеру с действиями ходить, бегать и прыгать, то движок JS является частью «сущности», которая понимает, что эти действия значат.

С помощью этой аналогии можно объяснить пару вещей о браузерах:

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Узнать подробнее

Разница в производительности браузеров

Два человека могут знать команды прыгать, но один может отреагировать на нее быстрее, потому что он понимает и выполняет команду быстрее другого. Точно так же два браузера могут понимать код JS, но один браузер запускает его быстрее, так как его движок JS реализован более эффективно.

Разница в поддержке браузеров

Между людьми, говорящими на одном языке, есть различия. Даже если очень много людей говорят на английском, некоторые могут знать слова, выражения и синтаксис, который другие не знают, и наоборот. С браузерами все так же. Даже если движки JS всех браузеров понимают JS, некоторые браузеры понимают язык лучше других. Разница заключается в самом способе поддержки языка браузерами.

С точки зрения поддержки в браузерах люди обычно говорят о «совместимости с ECMAScript», а не о «совместимости с JS», несмотря на то, что движки JS парсят и выполняют… JS код. Это может немного запутать, но на все есть свое объяснение.

Если вспомнить, то ECMAScript – спецификация языка сценариев. Релиз новой версии ECMAScript не означает, что все движки JS внезапно станут поддерживать эти новые функции. Все зависит от групп или организаций, ответственных за обновление движков JS до последней спецификации ECMAScript и применение изменений.

Поэтому разработчики, как правило, спрашивают «какую версию ECMAScript поддерживает этот браузер?» или «какие функции ECMAScript поддерживает этот браузер?» Они хотят узнать, удалось ли Google, Mozilla и Microsoft обновить движки JS браузеров – например, V8, SpiderMonkey и Chakra – до функций, описанных в последней спецификации ECMAScript.

Таблица совместимости ECMAScript ответит на эти вопросы.

Если выходит новая версия ECMAScript, движки JS не интегрируют все обновление разом. Они подключают новые функции ECMAScript постепенно, что видно из выдержки лога изменений firefox JS:

Время выполнения JS

Окружение, в рамках которого запускается и интерпретируется код JS движком. Время выполнения предоставляет объекты, с которыми Js может оперировать и работать. Синонимы: хост-среда

Время выполнения JS – это и есть «существующая сущность или система», о которой говорится в определении языка сценариев. Код проходит через движок JS, и после парсинга и распознавания сущность или система выполняет интерпретируемые действия. Собака идет, человек бежит, персонаж компьютерной игры прыгает (или как на скриншоте выше ломает).

Приложения становятся доступны для сценариев JS, предоставляя хост-объекты во время выполнения. Со стороны клиента время выполнения JS – это браузер, где хост-объекты типа window, HTML document становятся доступны для манипуляций.

Вы когда-нибудь работали с хост-объектами window или document? Объекты window и document, на самом деле, не являются частью ядра языка JS. Это Web API, объекты, предоставляемые браузеров, действующим как хост-среда JS. Со стороны сервера время выполнения JS – это Node.js. Серверные хост-объекты типа файловой системы, процессов и запросов хранятся в Node.js.

Интересный момент: разные времена выполнения JS могут делить один движок JS. Например, V8 – движок JS, используемый в Google Chrome и Node.js – два крайне разных окружения.

ECMAScript 6

Шестая версия стандарта ECMA-262, основные изменения и улучшения функций в спецификацию ECMAScript. Синонимы: ES6, ES2015 и ECMAScript 2015

Версия ECMAScript, сменившая название с ES6 на ES2015, так как 2015 Ecma International решила переключиться на ежегодные релизы ECMAScript. Точно так же Ecma International начали по-новому именовать новые версии спецификации ECMAScript по году выпуска. Если коротко, ES6 и ES2015 – это два разных названия одной спецификации.

Babel

Транспайлер, конвертирующий код ES6 в код ES5.

Разработчики могут использовать новейшие функции ES6, но беспокоиться о кроссбраузерной поддержке своих приложений. На момент написания статьи edge и IE не полностью поддерживают функции из спецификации ES6.

Обеспокоенные разработчики могут конвертировать свой код ES6 в функционально эквивалентную версию ES5 с помощью Babel. Все основные браузеры полностью поддерживают ES5, поэтому код будет запускаться без проблем.

Еще одна интересная вещь

Надеюсь, информация о JS и ECMAScript была вам полезна. Прежде чем мы закончим, хотелось бы поделиться еще кое-чем, что необходимо прояснить начинающим разработчикам, как я.

Курица или яйцо

Запутанная история. JS был создан в 1996. Затем он был предложен в Ecma International на стандартизацию в 1997, что вылилось в ECMAScript. В то же время так как JS соблюдает спецификацию ECMAScript, то JS является примером реализации ECMAScript.

Мы получаем забавный факт: ECMAScript основан на JS, а JS основан на ECMAScript. Знаю. Похоже на путешествия во времени, когда люди становятся родителями сами себе. Ненадежно, но забавно.

Все хорошее

Все мы хорошо повеселились, и очень много информации необходимо усвоить. Здесь я попрощаюсь. Огромное спасибо за чтение!

Автор: Michael Aranda

Источник: https://medium.freecodecamp.org/

Редакция: Команда webformyself.

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Узнать подробнее

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Смотреть

JavaScript по-русски — pycckuu.js / Habr

Вы никогда не задумывались, как выглядит код на JavaScript для программиста, у которого родной язык — английский? Представьте, насколько удобнее им читать и писать код на своем «нативном» языке, насколько ускоряется время разработки и уменьшается количество багов. А ведь использование английского языка как основы для языков программирования не обусловлено ничем, кроме того, что «так исторически сложилось».

Почему мы не называем переменные на русском языке? Ведь для этого нет никакой технической необходимости: поддержка юникода сейчас есть практически в любой среде разработки и в большинстве популярных языков. Наверняка если ваша команда находится в России, то большая часть ваших разработчиков знают русский язык лучше английского!

Это основные доводы, которыми руководствовались мы, решив написать свой, русский язык программирования.
С другой стороны, давайте посмотрим правде в глаза: зачем изобретать очередной велосипед? Навряд ли язык, созданный небольшой группой энтузиастов, когда-нибудь сможет составить конкуренцию таким монстрам, как JavaScript или Python. После недолгих обсуждений, утихомирив наш пыл, мы решили начать с малого и написать транспиллер в JavaScript.
Так и родился наш проект — PycckuuJS.
Первое, с чего мы решили начать, — это loader для Webpack, с которым вы можете ознакомиться в репозитории на GitHub.
Процесс его установки и использования максимально прост и удобен. Достаточно установить npm-пакет и добавить pycckuu-loader в ваш webpack.config.js для файлов с расширением.яс.

Вот пример минимального конфигурационного файла:

module.exports = {
    entry: "./тест.яс",
    output: {
        path: __dirname,
        filename: "result.js"
    },
    module: {
        loaders: [
            { test: /\.яс$/, loader: "pycckuu" }
        ]
    }
};

Это позволит использовать русские ключевые слова в JavaScript.

Например, такой код:

пер сотрудники = ['Владимир', 'Дмитрий', 'Николай']

пер приветствовать = функция(имя){
    консоль.логировать('Привет ' + имя + '!')
}

цикл(пер и=0; и<сотрудники.длина; и++){
    приветствовать(сотрудники[и])
}

Будет транслирован в:

var сотрудники = ['Владимир', 'Дмитрий', 'Николай']

var приветствовать = function(имя){
    console.log('Привет ' + имя + '!')
}

for(var и=0; и<сотрудники.length; и++){
    приветствовать(сотрудники[и])
}

С полным списком соответствий можете ознакомится в репозитории на GitHub.
На данный момент loader находится в состоянии MVP (Minimum viable product), так что будем рады вашим pull-реквестам, советам и критике.
На ближайшее будущее запланировано доведение pycckuu-loader до стабильного состояния и создание плагинов для подсветки кода в популярных средах разработки.

UPD Товарищи ставящие минусы, ну имейте хоть капельку чувства юмора.