30 років JavaScript: 10 етапів, які змінили Інтернет

Тридцять років тому інженер Netscape Брендан Ейх знаменито створив нову мову сценаріїв на стороні клієнта всього за десять днів. Спочатку його називали Mocha, але до кінця року він буде перейменований на JavaScript. У 1995 році ніхто не міг передбачити, що JavaScript стане найпопулярнішою мовою програмування у світі. Але саме це сталося.

Як JavaScript став визначальною технологією сучасної мережі? У цій статті ми розглянемо десять важливих моментів за 30-річну історію JavaScript. Чудово, наскільки екосистема JavaScript – і розширення веб -екосистема – розширилася та трансформувалася за цей час.

1. 1995: Додавання інтерактивності до Інтернету

Першим ключовим моментом був, звичайно, ці десять днів у травні 1995 року. Ідея полягала в тому, щоб створити Netscape, еквівалентний Visual Basic Microsoft – веб -мові, яку було легко використовувати розробників для початківців, веб -дизайнерів та саморобних людей. Або, як згодом сказав сам Брендан Ейх, “була потреба в мові, яка була доступною, що ви могли поставити безпосередньо на веб -сторінку”.

Введення на веб-сторінку, на практиці, означало використання мови сценаріїв для створення програм на стороні клієнта, які працювали всередині браузера Netscape. Назва JavaScript була значною мірою маркетинговим терміном, розробленим керівниками Netscape та Sun Microsystem. Але в ньому була якась логіка: JavaScript буде для розробки невеликих інтерактивних ефектів – таких як перевірка форми або анімовані кнопки – тоді як Java буде розробити складніші веб -компоненти.

JavaScript був публічно оголошений наприкінці 1995 року в рамках бета -запуску бета -браузера Netscape.

2. 1997: Ecmascript 1.0

Понад 1996 року ранні розробники та веб -майстри почали експериментувати з JavaScript. Спочатку JavaScript використовувався досить тривіально – прокручувати текст, дурні анімації, хитрощі з кольорами (вицвітання, ефекти веселки тощо). Сам Ейх пізніше назвав ці риси JS як “роздратування”.

Але до 1997 року JavaScript став витонченою мовою – з новими функціями, такими як шари Netscape, що додають до її можливостей подальшого динамічного виміру. До цього часу Microsoft мала власну версію JS під назвою JScript; Оскільки JavaScript був відкритим кодом, Microsoft була вільна копіювати та налаштувати JS відповідно до свого браузера Internet Explorer. Потім Netscape, Microsoft та інші компанії погодилися отримати неупереджену специфікацію за допомогою органу стандартів під назвою ECMA International. Перша специфікація ECMA-262 (Nick-Name Ecmascript) була опублікована в червні 1997 року, що дало JavaScript нейтральну дорожню карту.

3. 1999: xmlhttprequest дебюти

Тут речі стають дуже цікавими для JavaScript – але цікаво саме Microsoft забезпечила чудовий технічний стрибок вперед, а не Netscape.

Internet Explorer 5 спокійно представив технологію під назвою XMLHTTPREQUEST, дозволяючи сценаріям отримати дані у фоновому режимі. Це був API у вигляді об'єкта JavaScript, використовуючи асинхронні дзвінки, щоб дозволити сторінкам оновлювати без повного оновлення. Це було насіння того, що згодом буде називатися Ajax.

Один з інженерів Microsoft, відповідальних за цю технологію, Алекс Хопман, пізніше пояснив, що вони створили техніку використання у веб -версії Outlook. Коли прийшов час включити xmlhttprequest в IE5, він був доданий як частина бібліотеки MSXML (Microsoft XML Core Services). Хопмман сказав, що саме там походить частина імені “XML” – “Річ – це здебільшого про HTTP і не має жодної конкретної краватки до XML, крім цього, було найпростішим приводом для його доставки, тому мені потрібно було направити XML в ім'я”, – написав він.

Більше всього іншого, що спостерігається в програмуванні JavaScript до цього часу, Xmlhttprequest підштовхнув веб -браузер до розвитку з перегляду документів на платформу додатків.

4. 2005: Ajax & jQuery в Web 2.0

Після періоду Dot-COM інновації браузера атрофували-що також означало, що в JavaScript також не було багато інновацій (хоча кричить на JSON-JavaScript Object Notation-який Дуглас Крокфорд винайшов у 2001 році). Однак, коли Web 2.0 розпочався близько 2004 року, все знову зібралося.

Зокрема, xmlhttprequest отримав ребренд. Архітектор UX Джессі Джеймс Гарретт ввів термін AJAX 18 лютого 2005 року (він виступав за “асинхронний JavaScript та XML”). Через місяць карти Google демонстрували свій потенціал. Ajax став, мабуть, наймоднішою функцією Web 2.0 – хоча блискучі, округлі кути дали йому пробігти за свої гроші.

У серпні 2005 року розробник Джон Резіг розпочав те, що стане найпопулярнішим – і довговічним – бібліотека JavaScript з усіх: jQuery. Коли він випустив його в січні 2006 року, він просував його як “New Wave JavaScript”. В основному, він згладив химерно, надаючи розробникам єдиний, ланцюговий API.

5. 2009: Node.js уникає браузера

У JSConf EU 27 травня 2009 року Райан Дал представив Node.js, одружуючись з двигуном V8 Chrome на серверну модель подій-циклу. Раптом JavaScript міг впоратися з бекендом, а також інтерфейсом користувача.

В результаті Node.js стала поширена фраза “JavaScript скрізь”. Фірма з аналізу Redmonk використала цей термін у публікації в блозі в липні 2010 року, додавши, що JavaScript тепер був “Lingua Franca Cloud”. Безумовно, стартапи любили одномовну концепцію стека; І підприємства незабаром також прийняли його.

Фраза, що потрапила на – “Запустити JavaScript скрізь” наразі вигадана на домашній сторінці проекту.

6. 2014: розширення NPM

Коли екосистема JavaScript розширилася, щоб включити бекенд, а також фронт, то кількість бібліотек та пакетів JS також розширювалася.

NPM був створений у 2010 році як реєстр проектів JavaScript. На той час, коли в 2014 році було сформовано NPM, Inc., комерціалізуючи реєстр, кількість модулів на початку 2012 року на початку 2012 року на початку 2012 року. Це допомогла команда легкої установки NPM, яка заохочувала культуру ультра-дрібних модулів.

Зростання NPM означало, що розробники переходять із сценаріїв-копіювання до складання додатків із багатьох крихітних пакетів JS. Це полегшило повторне використання коду, хоча він також додав ризику безпеки та надійності в ланцюзі залежності.

7. 2015: ES6 модернізує мову

Довгоочікуваний ECMAScript 2015 (ES6) вирівнював JavaScript із сучасними смаками програмування. Дійсно, офіційна специфікація визнала, що JavaScript тепер є “повністю представленою загальною мовою програмування”. Ось як це сказав:

“Використання ECMAScript вийшло за рамки простого сценарію, і воно зараз використовується для повного спектру завдань програмування у багатьох різних середовищах і масштабах. Оскільки використання ECMAScript розширилося, так і функції та зручності, які він надає”.

Ecmascript 2015 був не лише найбільшим оновленням мови, а й додав “надійний процес для щорічних оновлень, які принесли послідовність вдосконалень, великих і малих”, як висловила Мері Бранскомб нового стека минулого року.

8. 2016: React та компонентна революція

У опитуванні розробників STACK Overflow 2016 року React було вказано як провідні “тенденційні технології” цього року (попередній рік реагувати навіть у звіті).

Немає сумнівів, що React була революційною зміною розвитку JavaScript. Коли він був спочатку випущений у 2013 році Facebook, він дав розробникам два “віртуальні” копії DOM (до і після кожної взаємодії), з якого ви потім запускаєте процес “різниці”, щоб встановити, що саме змінилося. Потім React застосовує ці зміни до фактичного DOM-тобто змінюється лише частина DOM, а решта його залишається як-є. Це, в свою чергу, означає, що лише частина веб-сторінки повинна бути переоцінена для кінцевого користувача. Розробник Facebook Крістофер Чедо порівняв React з “контролем версій для DOM”.

Однією з інших важливих понять, що стоять за реагуванням, було те, що це не на основі шаблонів, як попередні популярні рамки (наприклад, Рубі на рейках та Джанго). Як заявив Піт Хант у Facebook у 2013 році, «React підходить до побудови інтерфейсів користувачів по -різному, розбиваючи їх на компоненти [which] означає, що React використовує реальну повнофункціональну мову програмування для надання поглядів ».

React був у повному обсязі до 2016 року, але він також починав залучати критиків – основними скаргами яких було те, що додатки або сторінки React були роздуті кодом JavaScript, занадто повільними та занадто складними (особливо стосовно управління державою).

9. 2019: прорив TypeScript

Рейтинг мови в червні 2019 року в червні 2019 року розмістила TypeScript десято – перший новий учасник 10 найкращих за п’ять років, і перший раз TypeScript ввійшов у першу десятку.

Що TypeScript-суперсет JavaScript-принесений до столу, було статичним набору тексту, IDE Auto-Completion, інструментом, сприятливим для рефактора тощо. Ці функції допомогли переконати великих команд підприємств у тому, що JavaScript може масштабувати мільйони ліній.

Частиною причини зростаючої популярності TypeScript з 2019 року була його підтримка основними рамками JavaScript. TypeScript легко інтегрується з React, це основна мова кутового, і він інтегрується з Vue.js. Крім того, він підтримується платформами JS на стороні сервера, такими як Deno (які завжди мали підтримку TypeScript) та Node.js (які додали його в березні цього року).

У останньому рейтингу Redmonk за січень 2025 р. TypeScript є номером 6. Тому він продовжує набирати вплив в екосистемі JS.

10. 2022: WebAssembly та Edge

WebAssembly став рекомендацією W3C у грудні 2019 року, але пункт перегину розробника з'явився, коли у вересні 2022 року у вересні 2022 року в вересні 2022 року, як правило, працює у робочому режимі Cloudflare.

Практично кажучи, це означає, що JavaScript зараз використовується на краю мережі і часто поєднується з WebAssembly для обчислювальних важких завдань-огляд, можливо, з поліглотного майбутнього для програмування (використовуючи кілька мов програмування в межах одного проекту).

Ви можете запитати, чи не оригінальний момент веб -збору складати інші мови, щоб розробники могли використовувати їх у браузері за допомогою JavaScript? Так, але це змінюється. Як швидко Гай Бедфорд повідомив Мері Бранскомб у квітні 2023 року, “WebAssembly має всі ці переваги, які застосовуються у всіх різних середовищах, де його можна розгорнути, через властивості безпеки та властивості продуктивності та його портативність”. Іншими словами, WASM сама по собі має багато переваг – особливо на краю – і тому приведення JavaScript в його екосистему варто для певних проектів.

Що далі?

Чи триватиме JavaScript ще 30 років, в епоху, коли AI може зробити програмування застарілим? Наразі ніхто не може відповісти на це, але ми знаємо, що спільнота веб -розробки починає відштовхуватися від складності сучасної екосистеми JavaScript. Як писав мій колега Алекс Т. Вільямс у публікації, опублікованому раніше сьогодні, реагувати, зокрема, оскаржується. “Сучасні браузери більш здатні, розробники більш вибагливі, а джиг майже вгору”, – зазначив він.

Тож, можливо, настав час повернення до простоти у світі JavaScript. Незважаючи на це, давайте відзначимо три десятиліття широких інновацій для головної мови програмування Інтернету. Дякую Брендан Ейх за ці 10 гектичних днів у 1995 році, і ось ще 30 років!

Підписатися