JavaScript є найпоширенішою мовою сценаріїв на стороні клієнта. 88, 9% усіх веб-сайтів і веб-додатків використовують JavaScript в тій чи іншій формі для анімації, взаємодії з користувачами, оптимізації швидкості завантаження сторінок і навіть для цілей безпеки. JavaScript також є найпопулярнішою мовою для сховищ GitHub
Природно, що при такій великій базі користувачів Javascript має багато інструментів, які допомагають поліпшити ваш код і, як правило, кодують JS швидше і простіше. На цій посаді ми будемо обговорювати 10 кращих JavaScript фреймворків і бібліотек на 2015 рік.
Різниця між фреймворками та бібліотеками
Часто при обговоренні будь-яких технологій, пов'язаних з програмуванням, слова Frameworks і Libraries використовуються як взаємозамінні. Однак між ними є різниця. Бібліотека - це набір функцій, які може викликати ваш код, коли він їх потребує. Бібліотеки можуть заощадити багато часу, надаючи попередньо написаний код для часто використовуваних функцій.
Рамкою часто є набір бібліотек програмного забезпечення, які забезпечують належний, певний інтерфейс для програмування додатків (тобто створення додатків). Каркаси відрізняються від бібліотек через деякі унікальні функції, такі як інверсія керування . Це в основному означає, що в рамках, на відміну від бібліотек або звичайних користувальницьких додатків, загальний потік програми не диктується абонентом, а рамкою.
5 кращих кадрів JavaScript
1. AngularJS
AngularJS - це платформа розробки веб-додатків з відкритим вихідним кодом від Google, заснована на JavaScript. AngularJS прагне бути для динамічних веб-додатків, що HTML для статичних веб-сторінок. AngularJS розширює HTML, має надзвичайно потужні функції, такі як глибоке встановлення зв'язків і перевірку форм на стороні клієнта без додаткового коду JavaScript. AngularJS також надає серверну комунікацію, тому вам не доведеться турбуватися про використання більшої кількості програмного забезпечення, а отже, і більшої кількості мов програмування для забезпечення роботи вашого додатка.
Angular навіть дозволяє створювати нові елементи HTML, використовуючи функцію, що називається директивами. Компоненти є однією з найбільш корисних функцій AngularJS. За допомогою компонентів можна створити код, який можна легко використовувати багаторазово. Вона також дозволяє приховувати складні структури DOM, CSS і поведінку.
Відвідайте сайт2. Backbone.js
Одне з найпопулярніших фреймворків 2015 року, Backbone.js, як випливає з назви, надає структуру веб-додаткам. Магістральна система використовує дані, представлені в моделях . Моделі можуть бути створені, перевірені, знищені і збережені на сервері. Дії користувальницького інтерфейсу призводять до змін у моделях, а коли це відбувається, перегляди, які відображають стан моделей, повторно відображаються.
Докладніше про те, як моделі, прив'язки ключ-значення та перегляди (які можуть виконувати декларативну обробку подій), можна прочитати у форматі API Backbone.
Відвідайте сайт
3. Ember.js
Функції Ember.js Ручки вбудованих шаблонів, які автоматично оновлюються, коли змінюються основні дані моделі. Однією з більш потужних функцій Ember є Components. За допомогою компонентів можна створювати власні HTML-теги для конкретних додатків, де можна використовувати ручки для створення розмітки та Javascript для реалізації користувацького поведінки.
Ember використовує jQuery для вибору моделей даних з сервера, тому, якщо ви знаєте jQuery, ви можете легко отримати JSON, збережений на сервері.
Відвідайте сайт4. Нокаут
Knockout - це Javascript рамки MV (Model - View), яка спеціалізується на легких декларативних прив'язках, автоматичному оновленні UI (при зміні стану моделі), а також потужних властивостях шаблонів. Нокаут побудований на чистому Javascript, без будь-яких зовнішніх залежностей. Це також відбувається на більшості браузерів, включаючи дійсно застарілі браузери, такі як Internet Explorer (v6).
Відвідайте сайт5. Скель
Skel - надзвичайно легкий фреймворк Javascript. Його загальний розмір становить всього 24 кб, а не 39 кб для AngularJS і 54 кб для Knockout. Skel ідеально підходить для розробки веб-додатків, а також для реагування веб-сайтів. Вона навіть включає в себе систему сітки CSS, про яку ви можете прочитати на їхній документації. Skel також має деякі великі можливості, такі як нормалізація стилів браузера та функції API.
Відвідайте сайт5 кращих бібліотек Javascript
1. jQuery
У сьогоднішній мережі, jQuery для Javascript, що Javascript для мов сценаріїв на стороні клієнта. Вона має вражаючу частку ринку на 95% порівняно з іншими бібліотеками Javascript. jQuery використовується в основному для анімації та простих ефектів веб-сайту, таких як елементи перетворення, зміна властивостей CSS і використання обробників подій.
Той факт, що він невеликий, оснащений функціями, легко розпочати роботу і все ще вдається додати велику продуктивність, робить jQuery хітом серед розробників. jQuery навіть підтримує створені користувачем плагіни. Це, без сумніву, нумеровані бібліотеки Javascript.
Відвідайте сайт2. Модернізар
Після jQuery, Modernizr є найбільш використовуваною бібліотекою Javascript. Завданням Modernizr є виявлення того, які технології HTML і CSS підтримує ваш браузер. Після виявлення, Modernizr створює об'єкт з усіма властивостями, що зберігаються як булеві значення. Потім створює класи в елементі, щоб пояснити, що саме підтримується, а що не є. Modernizr можна використовувати поряд з чимось.
Крім того, Modernizr також підтримує завантажувач скриптів, так що ви можете використовувати polyfill для підтримки деяких функціональних можливостей старого браузера.
Відвідайте сайт3. MooTools
MooTools - це колекція різних бібліотек Javascript, що дозволяє з більшою легкістю писати гнучкий код, використовуючи його API. MooTools має велику документацію і велику кількість корисних функцій (обробники подій, створення нових елементів DOM, вибір елементів DOM і т.д.), що робить його відмінним інструментом для веб-розробки.
Відвідайте сайт4. YUI
Бібліотека YUI є відкритим вихідним кодом CSS і бібліотекою Javascript для розробки в інтерфейсі. YUI була розроблена компанією Yahoo, але на сьогодні бібліотека YUI більше не підтримується. Його можна завантажити з веб-сайту YUI.
Відвідайте сайт5. Доджо
Інструментарій Dojo складається з декількох бібліотек Javascript, метою яких є спрощення розробки веб-сайтів і веб-додатків. Dojo є малий та надзвичайно швидкий. Вона також має бібліотеку віджетів "dijit" і 2D API векторної графіки під назвою Dojo GFX, що дозволяє розробляти, не турбуючись про рідні графічні технології вашого браузера.
Відвідайте сайтЯкщо у вас є пропозиції щодо цієї статті, залиште її в коментарях нижче.
