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!

Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics

The Node service built based on non-blocking and event-driven has the advantage of low memory consumption and is very suitable for handling massive network requests. Under the premise of massive requests, issues related to "memory control" need to be considered. 1. V8’s garbage collection mechanism and memory limitations Js is controlled by the garbage collection machine

Cross-domain is a scenario often encountered in development, and it is also an issue often discussed in interviews. Mastering common cross-domain solutions and the principles behind them can not only improve our development efficiency, but also perform better in interviews.

There will be a lot of resources in the 115 network disk, so how to find resources? Users can search for the resources they need in the software, then enter the download interface, and then choose to save to the network disk. This introduction to the method of finding resources on 115 network disk can tell you the specific content. The following is a detailed introduction, come and take a look. How to find resources on 115 network disk? Answer: Search the content in the software, and then click to save to the network disk. Detailed introduction: 1. First enter the resources you want in the app. 2. Then click the keyword link that appears. 3. Then enter the download interface. 4. Click Save to network disk inside.

PHP and Vue: a perfect pairing of front-end development tools. In today's era of rapid development of the Internet, front-end development has become increasingly important. As users have higher and higher requirements for the experience of websites and applications, front-end developers need to use more efficient and flexible tools to create responsive and interactive interfaces. As two important technologies in the field of front-end development, PHP and Vue.js can be regarded as perfect tools when paired together. This article will explore the combination of PHP and Vue, as well as detailed code examples to help readers better understand and apply these two

With the development of Internet technology, front-end development has become increasingly important. Especially the popularity of mobile devices requires front-end development technology that is efficient, stable, safe and easy to maintain. As a rapidly developing programming language, Go language has been used by more and more developers. So, is it feasible to use Go language for front-end development? Next, this article will explain in detail how to use Go language for front-end development. Let’s first take a look at why Go language is used for front-end development. Many people think that Go language is a

As a C# developer, our development work usually includes front-end and back-end development. As technology develops and the complexity of projects increases, the collaborative development of front-end and back-end has become more and more important and complex. This article will share some front-end and back-end collaborative development techniques to help C# developers complete development work more efficiently. After determining the interface specifications, collaborative development of the front-end and back-end is inseparable from the interaction of API interfaces. To ensure the smooth progress of front-end and back-end collaborative development, the most important thing is to define good interface specifications. Interface specification involves the name of the interface

Han Xiaoquan is a software that can watch many Korean dramas, so why is there suddenly no resource? This software may have no resources due to network problems, version problems, or copyright issues. This article about the reason why Han Xiaoquan suddenly has no resources can tell you the specific content. The following is a detailed introduction, come and take a look. Why did Han Xiaoquan suddenly have no resources? Answer: Due to network problems, version problems, and copyright issues, detailed introduction: 1. Solution to network problems: You can choose a different network, and then log in to the software again to try. 2. Solution to version problems: Users can download the latest version of this software from the official website. 3. Solutions to copyright issues: Some Korean dramas are removed from the shelves due to copyright issues. You can choose other Korean dramas to watch.

Django is a web application framework written in Python that emphasizes rapid development and clean methods. Although Django is a web framework, to answer the question whether Django is a front-end or a back-end, you need to have a deep understanding of the concepts of front-end and back-end. The front end refers to the interface that users directly interact with, and the back end refers to server-side programs. They interact with data through the HTTP protocol. When the front-end and back-end are separated, the front-end and back-end programs can be developed independently to implement business logic and interactive effects respectively, and data exchange.
