Résumé de 5 excellentes ressources pour le développement front-end

Cet article vous apporte des connaissances pertinentes sur le développement front-end. Il partage principalement avec vous 5 excellentes ressources sur le développement front-end. Les amis intéressés peuvent y jeter un œil ci-dessous.

La communauté de développement Web est immense, et trouver des ressources fiables et précises peut sembler intimidant. Heureusement, nos développeurs ont ce qu'il vous faut : l'époque où vous cherchiez sur le site uniquement pour trouver des réponses obsolètes et regarder des vidéos ne résoudrait pas votre problème. Voici une liste de nos ressources préférées que nous avons essayées et testées : Web 开发社区非常庞大，要找到可靠且准确的资源让人觉得慌。幸运的是，我们的开发者已经为你收集了 -- 搜索网站只是发现过时的回答和观看视频的日子已经过去，这并不能解决你的问题。以下是我们尝试并测试的最喜欢的资源列表：

1. 来自 MDN Docs 的技术文档

MDN 文档是开发人员为开发者提供的信息蜂巢。从基础知识到最新的技巧和趋势，该网站提供适合初学者到经验丰富的开发人员的文档和工具。作为一个前端开发人员，你必须确保你代码生成的用户界面在不同的浏览器中，表现得都符合预期。考虑到这点，我们最喜欢 MDN 文档提供的功能之一，就是所有 HTML、CSS 和 JavaScript 的兼容表。如果你想知道更多关于浏览器兼容性的信息，请前往 Can I Use。

2. Stack Overflow - 有所有答案的地方

有时候，我们需要特定问题的答案。我们正在使用的技术文档并不能涵盖我们的需求，我们已经询问过我们的开发人员，但是我们需要更多的想法。Stack Overflow 有相当于 100 万多名同事准备好回答任何问题。在这个论坛式的问答平台上，信息质量值得信赖，因为最好的答案都会被点赞。他们对用户的年度调查（2022 年报告）提供了对从流行技术到背景和经验的所有内容总结。

3. 社交媒体社区

有大量的社区空间供所有的开发人员加入。如果你是视觉学习者，在 YouTube 上有些很好的频道。如果你正在寻找简单技术的概览，前往 Fireship's 频道。他们制作简单视频（100 秒以下）且在社区中广受尊重。当你想在一个话题下获得更多信息，我们推荐 NetNinja 的课程和 TraversyMedia 的速成课程。NetNinja 很会讲重点，并且代码上传到 Github

1 De Documentation technique de MDN Docs

MDN la documentation est une ruche d'informations fournies par les développeurs pour les développeurs. Des bases aux dernières astuces et tendances, le site propose de la documentation et des outils pour les développeurs débutants et expérimentés. En tant que développeur front-end, vous devez vous assurer que l'interface utilisateur générée par votre code se comporte comme prévu dans les différents navigateurs. Dans cet esprit, l'une de nos fonctionnalités préférées offertes par la documentation MDN est l'ensemble des éléments HTML, CSS et JavaScript. Tableau de compatibilité. Si vous souhaitez en savoir plus sur la compatibilité des navigateurs, veuillez vous rendre sur Puis-je utiliser.

2. Stack Overflow - L'endroit où se trouvent toutes les réponses

Parfois, nous avons besoin de réponses à des questions spécifiques. La documentation technique que nous utilisons ne couvre pas nos besoins, nous l'avons demandé à nos développeurs, mais nous avons besoin de plus d'idées. Stack Overflow c'est l'équivalent de 100 plus de 10 000 collègues prêts à répondre à n'importe quelle question. Dans cette plateforme de questions-réponses de type forum, la qualité des informations est digne de confiance, car les meilleures réponses seront votées. Leur enquête annuelle auprès des utilisateurs (Le rapport 2022 ) fournit un résumé de tout, des technologies populaires au contexte et à l'expérience. 🎜

3. Communauté de médias sociaux

🎜Il existe de nombreux espaces communautaires auxquels tous les développeurs peuvent se joindre. Si vous êtes un apprenant visuel, il existe d'excellentes chaînes sur YouTube. Si vous recherchez un aperçu de techniques simples, rendez-vous sur Chaîne🎜 de Fireship. Ils créent des vidéos simples (moins de 100 secondes) et sont très respectés dans la communauté. Lorsque vous souhaitez plus d'informations sur un sujet, nous vous recommandons Cours de NetNinja🎜 et Un cours intensif sur TraversyMedia🎜. NetNinja explique très bien les points clés, et le code est téléchargé sur Github afin que tout le monde puisse mieux le digérer. D'autres excellentes chaînes couvrant une gamme de sujets sont : 🎜WebDevSimplified🎜, 🎜KevinPowell🎜 et 🎜academind🎜. 🎜

Si vous souhaitez investir moins tout en restant informé des dernières informations, vous devez suivre le compte Twitter suivant : jh3yyTwitter 账号：jh3yy， JoshWComeau， cassiecodes， chriscoyier 和 ThePracticalDev。

4. 日常文章 (CSS Tricks 和 Smashing Magazine)

CSS Tricks 和 Smashing Magazine 非常适合那些寻找有关 Web 开发内容的人。他们每天都发布涵盖广泛主题的文章，包括 HTML，CSS 和 JavaScript、辅助功能、动画、用户体验（UX）等等。因此，总有一些令人兴奋和最新的东西可以学习。这两个网站都提供即时通讯，好让你马上知道（信息更新），请确保已经注册。

5. Roadmap.sh

你刚开始学习 web 开发？Roadmap.sh 提供社区服务，其包含大量教育内容来指导你。前端路线图以图形方式展示了 web, JoshWComeau

, cassiecodes

, chriscoyier

et ThePracticalDev

.

4. Articles quotidiens (astuces CSS

et Smashing Magazine)

Les CSS Tricks et Smashing Magazine sont parfaits pour ceux qui recherchent des informations sur Web Personnes qui développent du contenu. Ils publient chaque jour des articles couvrant un large éventail de sujets, notamment HTML, CSS et JavaScript, l'accessibilité, l'animation, l'expérience utilisateur ( UX ) et ainsi de suite. Il y a donc toujours quelque chose d'excitant et d'actualité à apprendre. Les deux sites proposent une messagerie instantanée pour vous informer immédiatement (mises à jour des informations), assurez-vous d'être inscrit.

5. Roadmap.sh

🎜Vous venez de commencer à apprendre le développement web ? Roadmap.sh fournit un service communautaire avec un contenu éducatif complet pour vous guider. La feuille de route frontale illustre graphiquement les compétences, les concepts et les techniques requis pour le développement web, ainsi que des ressources fiables. Beaucoup de ces ressources proposent des options d'abonnement, mais nous vous recommandons de commencer par la version gratuite, puis d'investir si vous la trouvez utile. Vous y trouverez également des parcours professionnels et des conseils sur l'évolution de carrière. 🎜🎜🎜Translator Plus : Récemment, des traducteurs ont utilisé ChatGPT et ont constaté qu'il était également très utile pour rechercher des documents et des codes. Les lecteurs peuvent essayer de l'utiliser🎜🎜🎜Apprentissage recommandé : "🎜Tutoriel vidéo sur le développement front-end Web🎜"🎜🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!