Убедитесь, что ваши веб-приложения герметичны и высокого качества, с помощью этих контрольных списков с открытым исходным кодом, охватывающих проектирование, дизайн и производительность.

Возможно, вы слышали о Контрольный список внешнего интерфейса - проекте, который я запустил в октябре 2017 года на GitHub. Это началось как простой проект по помощи моей команде на Маврикии, но превратился в огромный проект с международной поддержкой, получивший более 28 000 звезд на GitHub и переведенный на более чем 10 различных языков.

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

Контрольный список Front-End

🚀 Дата запуска: октябрь 2017 г.
👩‍💻👨‍💻 Авторы: 75
⭐️ Звезды: +28 400
🖥 Github URL: https://github.com/thedaviddias/Front- Конец контрольного списка
🔗 Веб-сайт: https://frontendchecklist.io
💯 Поиск продукта: https://www.producthunt.com/posts/front-end-checklist

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

Контрольный список начинался как небольшой проект, направленный на помощь моей команде на Маврикии, и превратился в инструмент, который используют многие фронтенд-разработчики по всему миру.

Контрольный список для внешнего дизайна

🚀 Дата запуска: апрель 2018 г.
👩‍💻👨‍💻 Авторы: 5
⭐️ Звезды: +2600
🖥 Github URL: https://github.com/thedaviddias/Front-End -Design-Checklist
🔗 Веб-сайт: https://frontenddesignchecklist.io/ (скоро будет перенесен на frontendchecklist.io)
💯 Product Hunt: https://www.producthunt.com / posts / контрольный-список фронтенд-дизайна

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

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

Контрольный список производительности внешнего интерфейса

🚀 Дата запуска: июль 2018 г.
👩‍💻👨‍💻 Авторы: +5
⭐️ Звезды: +1500 (📈 быстро растет)
🖥 Github URL: https://github.com / thedaviddias / Front-End-Performance-Checklist
🔗 Веб-сайт: (скоро будет на frontendchecklist.io)
💯 Поиск продуктов: https://www.producthunt.com/posts/front- контрольный список конечных результатов

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

Меня всегда интересовала производительность внешнего интерфейса. Я начал работать над этим контрольным списком, чтобы помочь моей команде в Influitive Engineering решить проблемы и улучшить качество нашего приложения. Я решил открыть исходный код и для этого проекта, надеясь, что это поможет большему количеству людей.

Что будет дальше?

Эти 3 контрольных списка - только начало. Я уже работаю над другими полезными и интересными контрольными списками, чтобы помочь сообществу создать простой, но надежный рабочий процесс. Я также обновлю исходный веб-сайт (https://frontendchecklist.io), включив все контрольные списки.

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

Спасибо за чтение!

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

  • Несколько раз нажмите кнопку хлопка 👏 на этой статье (не бойтесь, ничего не сломаете)!

  • Поставьте звезду ⭐️ на Github прямо сейчас! (Это помогает мне мотивировать продолжать запускать другие проекты с открытым исходным кодом)
  • Используйте эти контрольные списки во время работы и дайте мне свой отзыв, отправив мне твит на https://twitter.com/thedaviddias