Оригинальный адрес:Dev.to/Сая твоя/Не голоден…
Часто есть небольшие партнеры, которые просят порекомендовать хорошие базы кода. Недавно я видел эту статью. Все они очень хорошие базы кода, которые каждый может изучить и на которые можно ссылаться.
Всегда здорово иметь под рукой кучу ресурсов 📚.
Как программист, мы должны сосредоточиться на функциях и передовых практиках, а не писать шаблонный код снова и снова. Устранение ненужных усилий, инвестирование времени в обучение использованию правильных инструментов или знание того, как использовать полезные ресурсы, могут значительно помочь нам сэкономить время.
В этой статье мы узнаем о некоторых вещах, которые могут значительно помочь нам улучшитьWEBразвитие навыковGitHubБиблиотеки, которые также помогут вам писать лучший код.
Node.js Best Practices
Эта библиотека — отличное место, чтобы держать вас в курсеNodeмир и понять лучшие практики их использования. имеют40kЗвезда и 133 участника, эта библиотека обновляется почти ежедневно.
Библиотека имеет более высокий рейтингNode.jsлучшие практики обобщаются и систематизируются, в том числеNode.js + DockerЛучшие практики. В настоящее время существует более 80 лучших практик, руководств по стилю, предложений по структуре и многого другого.
Некоторые распространенные передовые методы включают в себя:
- Улучшение организации проектов
- Практика обработки ошибок
- Практика стиля кода
- Тестирование и общие методы обеспечения качества
- производственная практика и др.
Нажмите, чтобы прыгнутьна склад
HTML5 Boilerplate
HTML5 Boilerplate— это профессиональный интерфейсный шаблон для создания быстрого, надежного и адаптируемогоWebприложение или веб-сайт.
Проект является продуктом многолетней итеративной разработки и знаний сообщества. Он не навязывает определенную философию или структуру разработки, поэтому вы можете свободно структурировать код по своему усмотрению.
Включает предопределенные функции, такие как:
- Normalize.css
- jQuery with CDN
- Apache Server Configs
- полезный
CSSвспомогательный класс - Стили по умолчанию, оптимизация производительности и т. д.
Скопируйте и вставьте необходимые файлы в свой каталог проекта в соответствии с тем, что вы хотите использовать, и как его использовать. Это дает вам настроенный шаблон, который ускоряет разработку.
Нажмите, чтобы прыгнутьна склад
RealWorld
Освоение основных концепций и идеологий нового фреймворка не разочаровывает.
Если вы не правильно понимаете концепцию, вам нужно прочитать документацию, запустить пример кода, разобрать пример приложения и собрать его обратно, установить его локальноCLIПодождите, это требует слишком много опыта, и это расстраивает.
RealWorldпозволяет выбрать любой интерфейс (React,Angular2И т. Д.) И любой задний конец (Node , DjangoИ т. Д.) И интегрируйте их вместе, чтобы увидеть реальные примеры применения.
Поскольку эти реализации связаны со стеком технологий, их, очевидно, нельзя смешивать, но они по-прежнему следуют одним и тем же функциональным спецификациям и спецификациям UX.
Некоторые распространенные примеры интеграции:
- Angular + ngrx + nx
- ClojureScript + re-frame
- React / MobX
- Go + Gin
- NestJS + TypeORM/Prisma
Вы можете найти бесконечное количество примеров в репозитории. Иди найди!
Нажмите, чтобы прыгнутьна склад
You Don't Know JS Yet
Это серия углубленных исследованийJavaScriptКниги по базовой механике языка.
Все книги бесплатны, и вы можете читать их онлайн в любое время.
Предлагаемый автором порядок чтения:
- Get Started
- Scope & Closures
- Объекты и классы (еще не запущено)
- Типы и грамматика (еще не запущено)
- Синхронизация и асинхронность (еще не запущено)
- ES.Next & Beyond (еще не запущено)
Нажмите, чтобы прыгнутьна склад
Airbnb JavaScript Guide
ЭтоAirbnbПредоставлено очень точное и профессиональное руководство по стилю.
Это руководство поможет вам добраться до сути, углубившись в основы и фрагменты кода.JavaScript.
Вот некоторые из популярных тем, затронутых в этом руководстве:
- стрелочная функция
- переменное продвижение
- разрушать
- Примечания
- представление
- тестовое задание
Нажмите, чтобы прыгнутьна склад
Storybook
StorybookдаUIСреда разработки для компонентов, позволяющая просматривать библиотеку компонентов, просматривать различные состояния каждого компонента, а также разрабатывать и тестировать компоненты в интерактивном режиме.
Storybookсуществуетappбег на улице, что позволяет развиваться самостоятельноUIКомпоненты, улучшить возможность повторного использования, тестируемость и скорость разработки компонентов. Вы можете создавать быстро, не беспокоясь о зависимостях конкретного приложения.
это идет сCLIи несколько примеров кода для ознакомленияStorybook.
Нажмите, чтобы прыгнутьна склад
Front-End-Checklist
Front-End-Checklistявляется исчерпывающим спискомHTMLВсе элементы, которые должны быть представлены или протестированы перед использованием страницы.
Это интерфейс на основеWebРепозиторий для разработки, с большим акцентом на производительность, безопасность иSEOЖдать.
Front-End-ChecklistВсе элементы необходимы для большинства проектов, но некоторые из этих элементов можно опустить.
включать:
- 📖Документация или статья
- 🛠Онлайн-инструменты/инструменты для тестирования
- 📹Медиа или видеоконтент
Нажмите, чтобы прыгнутьна склад
Вдохновение и ресурсы
Порядок этой статьи должен исходить отTech Sapienи все его удивительные работы. Картинки в библиотеке 📷 тоже взяты оттуда же.
Суммировать
Все библиотеки, упомянутые выше, — не единственные доступные ресурсы, и я уверен, что существует множество замечательных проектов. Вот некоторые из ресурсов, которые я считаю полезными и в которые я погружаюсь на регулярной основе.
Не забудьте дать эти библиотечные очкиStar🌟. Чтобы поблагодарить всех замечательных участников за создание такого полезного ресурса для нас ✌🏼
наконец:
Если что-то не так с переводом, поправьте меня, надеюсь поможет.
Поставьте лайк/звезду этой статье, чтобы подбодрить меня:GitHub.com/Иветт Л.А. Ю/Б…