50 Безкоштовних веб-інструментів для фрілансера. Частина 2 - javascript
Сьогодні ми продовжимо знайомити вас з корисними інструментами та сервісами, які значно полегшать роботу будь-якого фрілансера.
Інструменти javascript
1. React
Популярна бібліотека Facebook, яка включає в себе віртуальний DOM і додатковий синтаксис JSX. Його багато разів використовувані компоненти призначені для того, щоб допомогти будь-якому створенню великих динамічних веб-додатків.
2. Babel
Транспіллер javascript, який дозволяє використовувати новітні функції ECMAScript (ES6, який тепер називається ES2015) без необхідності чекати завантаження браузера, щоб надолужити згаяне.
3. annyang
Невелика бібліотека javascript, яка допоможе вам побудувати інтерфейси з голосовим управлінням. Вона має дуже приємний інтерфейс API, який простий у використанні. Після включення бібліотеки, необхідно визначити ваші команди разом з поведінку у відповідь на ці команди.
4. List.js
Відео: HTML / CSS, javascript і Ruby / Rails. Інструменти на всі випадки життя [GeekBrains]
Це швидкий і ефективний спосіб створити пошук, сортування і функціональні можливості фільтрації списків, таблиць або просто будь-який тип сгруппированного контенту. Все, що вам потрібно, це трохи HTML і кілька рядків коду javascript.
5. Skeuocard
Відео: Інструменти, техніки і навички web розробника - 6 - javascript архітектура
Skeuocard поступово удосконалює вхід для кредитних карт з скефоморфічним інтерфейсом. Існує кілька кілька подібних скриптів, як цей, але Skeuocard є одним з кращих. Користувач вводить свої дані всередині реалістичного образу кредитною карткою, яка автоматично зіставляється з певним типом карти (Visa, MasterCard і т. Д.). Ви навіть можете перевернути карту для її заповнення з іншого боку.
6. JSCS
Це не просто ще один Линтер стилю коду. Що по-справжньому можна назвати потужним в цьому інструменті, так це те, що він дозволяє визначити свій власний стиль керівництва. Крім того, ви можете вибрати для тестування вашого коду такі популярні орієнтири, як jQuery, Airbnb, Дуглас Крокфорд, Вікімедіа та інші.
7. Chart.js
Одна з багатьох доступних бібліотек javascript для побудови графіків, але, безумовно, одна з найкрасивіших. Є шість типів діаграм HTML5, а все графіки є чуйними, модульними і інтерактивними. Бібліотека маленька і безкоштовна.
8. Quill
Це вбудований багатий текстовий редактор, який підтримується у всіх сучасних браузерах, а також в IE 9 і мобільних пристроях. Інструмент пропонує потужні можливості настройки за допомогою чистого API.
9. Awesomplete
Відео: семінар від JETBRAINS! Автоматизує всі! Або як налаштувати WebStorm і інструменти розробки
Простий у використанні віджет форми введення і автозаповнення від Lea Verou. Він може бути використаний тільки з HTML і бібліотекою, без будь-яких додаткових рядків javascript. Крім того, він пропонує розширені можливості настройки за допомогою вбудованих подій і методів.
10. jQuery Boilerplate
Розробники плагінів JQuery по достоїнству оцінять цей інструмент, який забезпечує хорошу відправну точку для створення полігонів. Варто також відзначити, що він виявиться вельми корисним для тих, хто тільки починає розробку плагінів JQuery.
11. Foundation for Apps
Ви, безсумнівно, чули про фреймворку ZURB`s Foundation. Цей окремий проект спеціально розроблений для створення адаптивних веб-додатків. Він заснований на AngularJS, але не вимагає глибоких знань Angular.
