Главная » JavaScript » 20 гайдов для JavaScript разработчика
20+ Docs and Guides for Front-end Developers

13.04.2016 by Devjournal

20 гайдов для JavaScript разработчика

Чем больше мы занимаемся разработкой, тем чаще замечаем как много еще предстоит познать и как мало у нас на это времени. Здесь вы найдете 20 ресурсов для улучшения ваших знаний как фронтэнд разработчика.

1. Meteor: The Official Guide

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

Meteor: The Official Guide

2. Gethtml

Списки в сетке отформатированные по имени и описанию всех HTML элементов в спецификациях W3C и WHATWG. Если кликнуть по элементу, то увидим пример кода использования.

Gethtml

3. Learn ES2015

Возможно вы уже устали от кучи ресурсов по ES6/ES2015. Или может быть вы уже его используете и поглощаете все новинки ECMAScript.

Learn ES2015

4. Flexbox Froggy

Если вы хотите например сделать обучение флексбоксам веселее, то это очень хороший интерактивный тьюториал.

Flexbox Froggy

5. JavaScript Developer Survey Results

Изучаем привычки в JavaScript. Здесь собраны более 5000 опросов на разные практики в JavaScript.

JavaScript Developer Survey Results

6. Flexbox.help

Простая интерактивная страница для визуализации как работает каждая особенность флексбокса.

Flexbox.help

7. CDN Comparison

Это сборник информации для помощи в поиске CDN для вашего способа доставки контента.

CDN Comparison

8. Angular Cheat Sheet

Часть официальной документации Angular 2, это еще один пункт для изучения для JavaScript разработчика и изучения синтаксиса JavaScript, TypeScript и  Dart.

Angular Cheat Sheet

9. Promisees

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

Promisees

10. Filter Blend

Площадка для обучения CSS свойствам background-blend-mode и filter

Filter Blend

11. Mix-Blend-Mode CSS property test

Этот сайт похож на предыдущий, но на этот раз это площадка для понимания свойства mix-blend-mode

Mix-Blend-Mode CSS property test

12. Regular Expressions 101

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

Regular Expressions 101

13. ServiceWorker Cookbook

Коллекция работающих практических примеров использования современных веб приложений. Откройте свою консоль Developer Tools для отображения событий и информационных сообщений о том, что делает каждая служба.

ServiceWorker Cookbook

14. JavaScripting

Поиск на сайте JavaScript библиотек, фреймворков и плагинов, фильтруемы по категории анимации, DOM, формы, помошников, аудио, видео и т.д.

JavaScripting

15. HTTP Security Best Practice

Набор принципов для более безопасных веб свойств, таких как SSL/TLS, Content Security Policy, кросс-сайт скриптинга, безопасность куки и другого.

HTTP Security Best Practice

16. Notes on Using ARIA in HTML

Практические гайды для разработчиков об добавлении доступной информации в HTML элементы используя Accessible Rich Internet Applications specification [WAI-ARIA-1.1], которая определяет как сделать контент и веб приложения более доступными для людей с ограниченными возможностями.

Notes on Using ARIA in HTML

17. PostCSS.parts

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

PostCSS.parts

18. What forces layout / reflow

Gist Paul Irish’а которые структурирует разлинчые фичи фронтенда при использовании JavaScript.

What forces layout / reflow

19. CSS Indexes

Перечень всех определений CSS спецификации.

CSS Indexes

20. What are the best JavaScript IDEs and editors?

Обсуждение о выборе редактора кода на сайте Slant.

#Angular#AngularJS#Flux#javascript#node js#React JS#Redux

Добавить комментарий

Your email address will not be published / Required fields are marked *