Статьи

20+ документов и руководств для разработчиков переднего плана (№ 11)

Пришло время снова учиться! Как и прежде, я собрал несколько различных учебных ресурсов, в том числе руководства, документы и другие полезные веб-сайты, чтобы помочь вам быстрее освоиться в различных областях фронт-энда.

Поэтому, пожалуйста, наслаждайтесь одиннадцатой частью нашей серии Docs and Guides и не забудьте сообщить мне в комментариях других, которые я еще не включил.

1. HTML Canvas Cheatsheet

Табличка с синтаксисом HTML Canvas, доступная в обычном веб-формате или в виде загружаемого PDF или PNG. Эта таблица имеет хороший обзор, начиная с основ (формы, текст, цвета и т. Д.) И переходя к более сложным функциям (изображения, преобразования, анимация).

HTML Canvas Cheatsheet

2. Пример ARIA Landmarks

Обширное руководство по W3C, содержащее подробности по созданию доступных страниц с использованием ориентиров и заголовков ARIA. В дополнение к информации на различных страницах (которые охватывают все, начиная от областей ролей баннеров), страницы имеют интерактивные кнопки в верхней части страницы, которые позволяют визуально просматривать ориентиры и заголовки, что полезно для определения организации и структуры. веб-страницы.

ARIA Достопримечательности Пример

3. Чистый код JavaScript

Разработчик Райан МакДермотт собрал всеобъемлющее хранилище принципов разработки программного обеспечения из книги Роберта Мартина « Чистый код» , адаптированной для JavaScript. Это руководство по созданию читабельного, многоразового и реорганизуемого программного обеспечения на JavaScript.

Чистый код JavaScript

4. Знай это все

Не столько руководство само по себе, но инструмент, который поможет вам решить, какие руководства, учебные пособия и т. Д. Искать. По сути, это веб-приложение в стиле списка дел, которое позволяет указать, какую веб-платформу и технологии Node.js вы знаете или не знаете. Список начинается очень широко и позволяет вам перейти к более конкретным функциям в каждой категории.

Знаю все это

5. В основном адекватное руководство по функциональному программированию

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

В основном адекватное руководство по функциональному программированию

6. Получить уровень жизни на WHATWG

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

Получить уровень жизни на WHATWG

7. Стек JavaScript с нуля

Это «минималистичное и простое руководство по сборке стека JavaScript» Джонатана Верреккии может помочь разработчикам преодолеть сложности текущей экосистемы JavaScript. Руководство не содержит подробностей об отдельных технологиях, а только демонстрирует, как их можно запустить и запустить.

Стек JavaScript с нуля

8. Npm против шпаргалки пряжи

Yarn — менеджер пакетов JavaScript, который пытается решить некоторые проблемы с npm. Гант Лаборд написал небольшое руководство, чтобы помочь разработчикам понять разницу, если они захотят сделать это. Это PDF-версия статьи с таким же содержанием.

NPM против шпаргалки пряжи

9. Справочник по CSS

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

Справочник по CSS

10. Dash для iOS

Ранее я представлял настольную версию Dash, но это версия для iPad и iPhone. Dash — это бесплатный браузер документации API с открытым исходным кодом, который дает вашему iPad и iPhone мгновенный автономный доступ к более чем 150 наборам документации API, включая Bootstrap, Angular, CoffeeScript, Ember.js, Node.js, Meteor и многое другое для обеих сторон. Конечные и внутренние разработчики.

Dash для iOS

11. ES6 Cheatsheet

Я знаю, о чем ты думаешь: не очередная шпаргалка ES6! Это довольно круто, хотя. Он состоит из 9 разделов с 31 примером кода. В каждом примере есть сравнение кода CodePen старого способа ведения дел по сравнению с ES6.

ES6 Cheatsheet

12. Прогрессивный контрольный список веб-приложений

Руководство от Google по горячей теме PWA: «Чтобы помочь командам создать наилучший возможный опыт, мы составили этот контрольный список, который разбивает все, что мы считаем необходимым, чтобы стать базовым PWA, и как сделать это на шаг». далее с Образцовым PWA, предоставляя более значимый опыт работы в автономном режиме, достигая интерактивности еще быстрее и заботясь о многих более важных деталях ».

Прогрессивный контрольный список веб-приложений

13. Методы сохранения байтов

Основанный на старом проекте гольфа с кодом 140Bytes, этот документ содержит множество быстрых советов и приемов оптимизации JavaScript. Обратите внимание, что некоторые из них могут быть непрактичными в реальном проекте, так как они могут быть проблематичными во время обслуживания кода.

Методы сохранения байтов

14. AMP по примеру

Этот веб-сайт дает практическое представление об ускоренных мобильных страницах на основе кода и примеров в реальном времени. Это поможет вам узнать, как создавать веб-страницы с помощью AMP и как использовать компоненты AMP.

AMP на примере

15. WebAIM Раздел 508 Контрольный список

Контрольный список от людей из WebAIM, чтобы помочь вам обеспечить соответствие страниц 508 вашим страницам. Руководство доступно в Интернете или в формате PDF и состоит из двух разделов: 1) HTML 2) Сценарии и плагины.

Контрольный список раздела 508 WebAIM

16. Фронт-энд Гиперполиглот

Сравнительная таблица схожих возможностей Джеффа Карпентера в популярных JavaScript-фреймворках. Если вы планируете использовать React, Angular, Ember, Polymer, Vue или Riot.js, эта разбивка покажет вам синтаксис каждой библиотеки на множестве различных методов, распространенных в библиотеках и средах такого типа.

Фронт-энд Гиперполиглот

17. Типография Справочник

«Краткий справочник Кеннета Вана по лучшим веб-типографским методам». Содержит советы по дизайну, настройке размеров и единиц измерения с помощью CSS, а также форматов шрифтов.

Типография Справочник

18. Модули JavaScript

Краткое введение и объяснение модулей ES6, модульной системы, основанной на модулях Node.js. Хотя у модулей ES6 пока нет особой поддержки браузеров , это хорошее руководство, чтобы узнать, чего ожидать. Там также сравнение с CommonJS .

Модули JavaScript

19. Sassisfaction

Доступная для поиска коллекция ресурсов для разработчиков Sass, включая инструменты, учебные пособия, библиотеки и многое другое.

Sassisfaction

20. selfcare.tech

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

selfcare.tech

Лучший из отдыха …

Предложи свой

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

А пока вот предыдущие посты из этой серии: