/ web

3 важных чек листа для веб-разработчиков

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

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

Чек лист для Front-End

2

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

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

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

Design чек лист для Front-End

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

Design Front-End чек лист представляет собой исчерпывающий перечень рекомендаций, которые могут помочь разработчикам анализировать и изучать веб-дизайн, чтобы гарантировать качество их front end разработки. Это не просто инструмент для разработчиков, он очень полезен и для веб-дизайнеров.

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

Performance чек лист для Front-End

4

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

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

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

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

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

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

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

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

  • Поставьте звезду ⭐️ на Github прямо сейчас!

  • Используйте эти чек листы во время своей работы и оставьте фидбек, отправив мне твит на https://twitter.com/thedaviddias

Присоединяйтесь к нашим каналам FrontEndDev и Web Stack в Telegram, чтобы не пропустить самое интересное!

Оригинал статьи - David Dias: 3 Essential Front-End Checklists for Web Developers.