Информационные технологии

9 популярных репозиториев, о которых должен знать каждый веб-разработчик

В наши дни 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. Перепечатка материалов возможна только с письменного согласия редакции.

Привет! Ты уже записался на наши итоговые занятия перед ЦТ? Такие занятия мы проводим уже четвёртый год, и преподаватели нашего учебного центра научились достаточно точно предсказывать, какие вопросы будут на ЦТ. На этом занятии мы прорешаем их вместе с тобой! Регистрируйся, если еще не сделал этого — и увеличь свои шансы на поступление!