оригинал:Essential Frontend Resources in 2019
Автор: Захин Алва
Переводчик: Бо Сюань
В целях обеспечения читабельности статьи в этой статье используется вольный перевод.
За последние десять лет,Фронтенд разработкаОн покорил мир, и все веб-технологии (HTML, CSS, JS и т. д.), спонсируемые и возглавляемые крупнейшими мировыми компаниями-разработчиками программного обеспечения, прошли долгий путь. В течение достаточно долгого времени это была, пожалуй, одна из самых высокооплачиваемых, востребованных и удовлетворяющих профессий в индустрии программного обеспечения. Если вы еще не начали его изучать, сейчас самое время научиться этому 😃!
Вот исчерпывающий список веб-ресурсов, которые помогут вам стать отличным фронтенд-разработчиком в 2019 году.
Аннотация: Изменил порядок, сделал классификацию и несколько дополнений
Документация
MDN web docs
Документация для разработчиков Mozilla, предоставляет справочник по интерфейсу (HTML, CSS, Js и т. д.) и учебные пособия 🤓. Это будет ваша библия кодирования, и вы должны серьезно ей следовать!
MDN (Mozilla Developer Network) — это вики, а это означает, что каждый может добавлять и редактировать в ней контент. Вам не обязательно быть программистом или разбираться в технологиях. Здесь нужно выполнить множество задач, от простых (например, вычитка и исправление орфографии) до сложных (например, написание документации по API).
Руководство для начинающих по JavaScript
javascript.com,javascript.infoНачните изучать Javascript 😼.
Аннотация: рекомендуетсяУчебник по современному JavaScript, потому что есть китайская версия
v8.dev - движок v8
v8.devчтобы узнать о высокопроизводительном движке Javascript и WebAssembly с открытым исходным кодом от Google, который поддерживает Chrome и NodeJS 🦸♂️.
Инструменты · Онлайн-редактирование
caniuse
caniuse.comПроверьте кроссбраузерную совместимость интерфейсных технологий.
kangax - Проверить ✅ версию JavaScript
kangax-js-compat-tableПроверьте ✅ версию JavaScript (ES5, ES6, ES2016+ и т. д.) совместимость между различными компиляторами, серверами/средами выполнения и платформами (настольными и мобильными).
Руководство по визуализации HTML/CSS
htmlreference.io,cssreference.ioВизуальное руководство 🤩 и библиотека примеров кода для HTML/CSS.
leanpub.com
leanpub.comЭлектронные книги в работе и завершенные, а также онлайн-курсы могут быть легко написаны, опубликованы и проданы.
codepen.io
codepen.ioдля создания, тестирования 🧐 и обнаружения внешнего кода.
jsfiddle.net
использоватьjsfiddle.netдля создания демонстраций для документации библиотеки/фреймворка и отладки с интерфейсным кодом.
codesandbox.io
codesandbox.ioСоздавайте ✍️ веб-приложения и делитесь ими с помощью самых современных технологий.
макет
github.com
github.comРазмещайте и просматривайте код, управляйте проектами и создавайте программное обеспечение с миллионами разработчиков.
Обычный
- any-rule«Я больше не могу учиться», нужно использовать обычную книгу
инструменты рисования
- Лего РедакторФронтальные инструменты рисования с открытым исходным кодом, которые легко расширять и легко интегрировать (диаграмма архитектуры микросервиса, диаграмма топологии сети, блок-схема, диаграмма деятельности и т. д.)
Вик Редактор
Вик Редактор— это бесплатный инструмент с открытым исходным кодом для создания игр, анимации и всего остального, о чем вы только можете подумать.
Блог · Сообщество
web.dev — Разработчики Google
web.devРазработчики Google 👨💻 помогут вам понять основы Интернета🕷.
css-tricks
css-tricksУзнайте все о CSS 😻.
ponyfoo.com
ponyfoo.comПолучите доступ к ценному контенту с открытой веб-платформы.
Блоги, еженедельные журналы и другие формы содержат ценный контент для всех. Платформа, созданная Николасом Бевакуа, автором книги «Разработка веб-приложений на JavaScript».
smashingmagazine.com
smashingmagazine.comПолучите профессиональные ресурсы от веб-дизайнеров 🤓 и разработчиков.
freecodecamp.org
freecodecamp.orgСотрудничайте с сообществом 👨🏫 для создания интерфейсных проектов.
hashnode.com
hashnode.comОбщайтесь с разработчиками по всему миру и развивайте свою карьеру.
dev.to
dev.toДелитесь и находите отличные идеи с другими, обсуждайте и заводите друзей.
alligator.io
alligator.io, чтобы быстро понять эти, казалось бы, сложные фрагменты кода внешнего интерфейса.
medium.com
medium.comНаходите, читайте и пишите 🖊 статьи по теме.
Наггетс
НаггетсСообщество, которое помогает разработчикам расти
flaviocopes.com
flaviocopes.comПривет, я инженер Флавио. Я пишу учебники для JavaScript и веб-разработчиков,
Уроки кода
английский
китайский язык
egghead.io
egghead.io, изучите лучшие инструменты и фреймворки JavaScript от отраслевых экспертов.
динамичный
- twitter.com
- instagram.com
- ВейбоВы можете следить за людьми, которые вам нравятся, узнавать об их работе 🔍 и делиться своими работами.
frontendfront.com
frontendfront.comБудьте в курсе последних веб-новостей, тенденций и конференций, происходящих по всему миру.
uptodate.frontendrescue.org
uptodate.frontendrescue.orgСледите за фронтенд-лидерами 🏆, находите лучшие ресурсы, посещайте конференции, вдохновляйтесь, создавайте (обновляйте) свои собственные вещи.
продукт
producthunt.com
producthunt.comПомогите вам обнаружить и найти эти 💯 новые продукты.
repl.it
repl.itУчитесь, создавайте, сотрудничайте и реализуйте свои идеи в одном месте 🤩.
вопросы и ответы
stackoverflow.com
stackoverflow.comПолучите ответы на самые сложные вопросы по программированию 😁, поделитесь знаниями с коллегами в частном порядке и помогите найти работу своей мечты.
segmentfault.com
segmentfault.comИзмените и улучшите способ и эффективность приобретения знаний людьми и помогите большему количеству разработчиков расти и добиваться успеха.
Нравится этот список? У вас есть больше ресурсов, чтобы поделиться со мной, пожалуйста, оставьте сообщение~