Summary of 5 great resources for front-end development

This article brings you relevant knowledge about front-end development. It mainly shares with you 5 great resources in front-end development. Friends who are interested can take a look below. I hope it will be helpful to everyone.

Web The development community is huge, and finding reliable and accurate resources can feel daunting. Luckily, our developers have got you covered -- the days of searching the site only to find outdated answers and watching videos aren't going to solve your problem. Here is a list of our favorite resources that we have tried and tested:

1. Technical documentation from MDN Docs

MDN Documentation is for developers A hive of information for developers. From the basics to the latest tips and trends, the site offers documentation and tools for beginners to experienced developers. As a front-end developer, you must ensure that the user interface generated by your code behaves as expected in different browsers. With that in mind, one of our favorite features provided by the MDN documentation is the compatibility table for all HTML, CSS and JavaScript . If you'd like more information about browser compatibility, go to Can I Use.

2. Stack Overflow - The place where all the answers are

Sometimes, we need answers to specific questions. The technical documentation we are using does not cover our needs, we have asked our developers, but we need more ideas. Stack Overflow There are the equivalent of 100 more than 10,000 colleagues ready to answer any question. In this forum-style Q&A platform, the quality of information is trustworthy, because the best answers will be upvoted. Their annual survey of users (2022 Report) provides a summary of everything from popular technologies to background and experience.

3. Social Media Community

There are plenty of community spaces for all developers to join. If you are a visual learner, there are some great channels on YouTube. If you're looking for an overview of simple techniques, head to Fireship's channel. They make simple videos (under 100 seconds) and are well respected in the community. When you want to get more information on a topic, we recommend NetNinja’s course and TraversyMedia’s crash course. NetNinja is very good at talking about the key points, and the code is uploaded to Github so that everyone can digest it better. Other great channels covering a range of topics are: WebDevSimplified, KevinPowell and academind.

If you want to invest a small amount but still understand the latest information, then you should follow the following Twitter accounts: jh3yy, JoshWComeau, cassiecodes, chriscoyier and ThePracticalDev.

4. Daily articles (CSS Tricks and Smashing Magazine)

CSS Tricks and Smashing Magazine Ideal for those looking for content about Web development. They publish articles every day covering a wide range of topics, including HTML, CSS and JavaScript, accessibility, animation, user experience (UX )etc. So there's always something exciting and up-to-date to learn. Both sites offer instant messaging to let you know immediately (information updates), please make sure you are registered.

5. Roadmap.sh

Have you just started learning web development? Roadmap.sh Provides community services with extensive educational content to guide you. The front-end roadmap graphically demonstrates the skills, concepts, and techniques required for web development, along with reliable resources. Many of these resources have subscription options, but we recommend you start with the free version and invest if you find it useful. You'll also find career paths and advice on career progression.

Translator Plus: Recently, translators have been using ChatGPT and found that it is also very helpful for searching documents and codes. Readers can try to use the following

recommended learning: "web front-end development video tutorial"

The above is the detailed content of Summary of 5 great resources for front-end development. For more information, please follow other related articles on the PHP Chinese website!