Рекомендуємо, 2022

Вибір Редакції

10 кращих кадрів JavaScript і бібліотек 2015 року

JavaScript є найпоширенішою мовою сценаріїв на стороні клієнта. 88, 9% усіх веб-сайтів і веб-додатків використовують JavaScript в тій чи іншій формі для анімації, взаємодії з користувачами, оптимізації швидкості завантаження сторінок і навіть для цілей безпеки. JavaScript також є найпопулярнішою мовою для сховищ GitHub

Природно, що при такій великій базі користувачів Javascript має багато інструментів, які допомагають поліпшити ваш код і, як правило, кодують JS швидше і простіше. На цій посаді ми будемо обговорювати 10 кращих JavaScript фреймворків і бібліотек на 2015 рік.

Різниця між фреймворками та бібліотеками

Часто при обговоренні будь-яких технологій, пов'язаних з програмуванням, слова Frameworks і Libraries використовуються як взаємозамінні. Однак між ними є різниця. Бібліотека - це набір функцій, які може викликати ваш код, коли він їх потребує. Бібліотеки можуть заощадити багато часу, надаючи попередньо написаний код для часто використовуваних функцій.

Рамкою часто є набір бібліотек програмного забезпечення, які забезпечують належний, певний інтерфейс для програмування додатків (тобто створення додатків). Каркаси відрізняються від бібліотек через деякі унікальні функції, такі як інверсія керування . Це в основному означає, що в рамках, на відміну від бібліотек або звичайних користувальницьких додатків, загальний потік програми не диктується абонентом, а рамкою.

5 кращих кадрів JavaScript

Кращі рамки JavaScript 2015 року

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

Кращі бібліотеки Javascript 2015 року

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, що дозволяє розробляти, не турбуючись про рідні графічні технології вашого браузера.

Відвідайте сайт

Якщо у вас є пропозиції щодо цієї статті, залиште її в коментарях нижче.

Top