В наши дни GitHub — это универсальное хранилище всего, что связано с веб-разработкой. Фреймворки, демоверсии, всевозможные коллекции — кажется, нет ничего такого, что нельзя найти на GitHub. И в какой-то мере это проблема, так как есть интересные вещи, которые просто могут затеряться. Рассказываем про 9 популярных репозиториев на GitHub, о которых стоит знать каждому разработчику. Каждый из них имеет по крайней мере около 30 000 звёзд.
Realworld
Открывает список Realworld, который создатели называют «матерью» всех демоприложений. Заявление смелое, но на преувеличение не похоже. Realworld — это образцовый клон Medium.com. Но это не всё. Репозиторий позволяет пользователям выбирать между различными реализациями внешнего и внутреннего интерфейса, которые можно с удовольствием смешивать. Vue. js + Node / Express или React / Redux + Rust? Они его получили! Всё это есть! Realworld показывает, как одно и то же приложение для блога строится практически на любом популярном языке или фреймворке.
You Don’t Know JS Yet
Это хранилище популярной серии книг Кайла Симпсона, широко известного под псевдонимом Getify. Книги глубоко погружают в механику JavaScript, охватывая следующие темы: «Введение», «Области видимости и замыкание», «Классы и объекты», «Типы и грамматика», «Синхронность и асинхронность», «Следующий стандарт и что за его пределами». И самый лучший момент здесь — книги совершенно бесплатны! Это определённо одна из лучших серий о JavaScript, и она действительно помогает понять, что представляет собой JS на самом деле. Даже если кажется, что ты хорошо знаешь JavaScript, не поленись прочитать эти книги, ты точно будешь удивлён!
Airbnb JavaScript Style Guide
Руководство по стилю JavaScript Airbnb — одно из самых популярных и часто используемых руководств такого типа. Оно помогает писать JS-код, а также пригодится в командах и в сочетании с ESLint. Вот пример из документации относительно использования const вместо var:
Storybook
Storybook — это среда разработки компонентов пользовательского интерфейса. Можно просматривать библиотеку компонентов, различные состояния каждого их них, а также в интерактивном режиме разрабатывать и тестировать компоненты. Storybook поддерживает React, Vue, Angular, React Native, Ember и многое другое!
Storybook работает вне твоего приложения. Благодаря этому можно разрабатывать компоненты пользовательского интерфейса изолированно, что может улучшить повторное их использование, тестируемость и скорость разработки. Разрабатывать можно быстро, не ломая голову над зависимостями конкретных приложений. Найти несколько интересных примеров ты можешь здесь.
HTML5 Boilerplate
HTML5 Boilerplate — это профессиональные интерфейсные шаблоны, которые безумно популярны в интернете. Он помогают создавать быстрые, надёжные и адаптируемые веб-сайты, приложения. Ими пользуются такие компании-гиганты, как Microsoft, NASA и Nike. Вот некоторые из ключевых особенностей:
Соответствие HTML5;
Разработка с учётом прогрессивного улучшения;
Наличие Normalize. css, jQuery и Modernizer;
Конфигурации, улучшающие производительность и безопасность веб-сайта;
Плейсхолдер медиазапросов CSS;
Стили печати по умолчанию, оптимизированные для производительности;
Оптимизированная версия фрагмента кода Google Universal Analytics.
Node.js Best Practices
Этот репозиторий представляет собой обширную коллекцию передовых практик в отношении разработки Node.js. В настоящее время он состоит из более чем 80 лучших практик, руководств по стилю и советов по архитектуре. Здесь можно найти информацию о практиках структуры проекта, методах обработки ошибок, практиках стиля кодирования, тестировании и практиках качества в целом, практиках перехода в производственную среду, методах обеспечения безопасности, практиках производительности.
Это определенно отличный репозиторий, и если ты занимаешься разработкой Node. js, обязательно обрати на него внимание.
Front-End Checklist
Ты когда-нибудь спрашивал себя, что тебе нужно сделать или протестировать в своем веб-приложении перед его запуском? Репозиторий Front-End Checklist знает об этом всё. Перечисленные ниже пункты являются обязательными для большинства проектов, а организованы вот так:
Оглавление
HTML
Web Fonts
CSS
Изображения
JavaScript
Безопасность
Производительность
Доступность
SEO
Переводы
Вот пример метаданных веб-приложения Apple:
NW.js
NW.js — это среда выполнения приложения, основанная на Chromium и node.js. Можно писать собственные приложения на HTML и JavaScript с помощью NW.js. Также NW. js позволяет вызывать модули Node. js напрямую из DOM, а также по-новому писать нативные приложения со всеми веб-технологиями.
Вот некоторые ключевые особенности:
— приложения, написанные на современных HTML5, CSS3, JS и WebGL;
— полная поддержка API Node. js и всех его сторонних модулей;
— хорошая производительность: Node и WebKit работают в одном потоке;
— простота создания пакета и распространения приложений;
— NW. js доступна на Linux, Mac OS X и Windows.
fullPage.js
И закрывает подборку популярных репозиториев для веб-разработчиков fullPage.js от Альваро Триго — простая и удобная в использовании библиотека, которая позволяет создавать SPA (одностраничные приложения) и слайдеры с альбомной ориентацией. Она доступна для Vue, React и Angular и полностью адаптирована для мобильных устройств. Несколько замечательных примеров можно посмотреть тут.
Библиотека бесплатна для использования в проектах с открытым исходным кодом. Для использования её в коммерческой среде придётся купить лицензию. Но это того стоит.
Надеемся, что какие-то из репозиториев вы сможете использовать для своих проектов или других целей.
Спасибо, что дочитал до конца. Мы рады, что были полезны. Чтобы получить больше информации, посмотри ещё:
ИТ-курсы с трудоустройством Адукар
Гуманитариям больше не стоит бояться идти в ИТ
Не пропускай важные новости и подписывайся на наш YouTube, ВК, Instagram, Facebook и уведомления на adukar.by.
***
Если хотите разместить этот текст на своём сайте или в социальной сети, свяжись с нами по адресу info@adukar.by. Перепечатка материалов возможна только с письменного согласия редакции.