A lot of friends have questions, that is, what is worth paying attention to the front end of the website, I know that we may be struggling to find some valuable, there are trustworthy sites to learn some more real front-end technology. I am afraid that there are some hydrological or topsy-tursy websites that mislead our knowledge of this. Here I prepared a few I often pay attention to some websites, part is foreign, and then part is domestic, because a lot of domestic quality is uneven, but the general quality of foreign words is relatively high (fact). However, there are some good platforms in our country. I have prepared a total of 11 websites for us to pay attention to.

# abroad

First let’s have a look abroad. Generally, the author of foreign websites will use some real data or examples to support his argument, so the information of these websites is more authoritative, especially some official documents of libraries and frameworks, which must be read.

#MDN

MDN it used to be the Mozilla Developer Center, the organization that came out of Firefox, but now it’s a documentation project that’s maintained by a community of developers, along with some documentation experts, that has a lot of documentation on web development. There is HTML, JavaScript and CSS, as well as some web apis built into the browser, including node.js and Express development on the back end. His documents are authoritative, comprehensive, and up-to-date. Is our front-end engineers must pay attention to the website.

MDN Web Docs

#Caniuse

Caniuse is a website that queries CSS features or JavaScript features to see if they are available in the current browser version, and it has a detailed list showing which browsers support these features and which browsers don’t. If you’re not sure if a property works on a browser, check out this website.

Can I use… Support tables for HTML5, CSS3, etc

#Css-tricks

This site focuses on CSS, but there will also be HTML, JavaScript, and PHP articles. Most of his articles are on how to implement a CSS effect, and then there are some CSS best practices, such as responsive layout, Flexbox properties, or implementing a specific component. Its content is in the form of articles, also in the form of videos, as well as some code examples, we want to implement a special effect, we can look for it.

CSS-Tricks

#Codepen

It is an online code editor, and it also supports social functions. So he had a lot of front-end engineers, and he wrote the code with this online editor and shared it. His code involved many categories, including web components, games, 3D, and canvas. His home page has a list of some of the more popular, you can have a browse, look for inspiration. There are a lot of smart people up there, and the code they write is more sophisticated.

CodePen: Build, Test, and Discover Front-end Code.

#Medium

Medium is a huge blogging platform that’s hot right now, and it has articles of all kinds. And then there’s a lot of programming, and of course there’s our front-end. If you’ve googled it, most of the results are probably from this medium platform, where the articles are of good quality. Suitable for us to do some in-depth conceptual study.

Medium — Get smarter about what matters to you.

#Hacker noon

Hacker Noon is also a platform for software development topics like encryption, code, entrepreneurship, community, AI, etc. There are also a lot of front-end, and his articles are basically entry-level to intermediate this kind of more. The author’s general style is very popular, we can understand this look, so it is suitable for learning some new framework of the entry and a little more advanced tutorial

Hacker Noon

#StackOverflow

Stackoverflow is an old site that programmers all over the world know about. It’s a place where programmers ask questions and answer them in great detail, because it has a very strict and complete code. Not everyone can ask a good question, they can be shut down if they ask a bad question, they can be choked if they answer a bad question, so his strict rules have created a perfect community where you can find almost all the questions about software development. When you search the question in Google that must come out of the results of the first few have this website, we have no matter can also go to browse, see what to solve the problem, you can also try to answer. Only in their own to others understand, to show that they really understand.

Stack Overflow – Where Developers Learn, Share, & Build Careers

#freecodecamp

One of the funnier sites is FreeCodeCamp, which is primarily for pre-school users. And then, it’s a series of steps, and then there are little exercises for each chapter, and then after you’ve done the whole set of exercises, you can master the technique. In addition, he will finally have a training project for everyone to do, after this study, he can also give you some certificates.

Learn to code|freecodecamp.org

# The official website of each library

Then there are the official websites for libraries like React, Vue, angular. To learn, take a look at their official documentation for an introductory sample, run through the first project, and then slowly explore some of its advanced features. Can be applied to the work as soon as possible, first applied to the work, some advanced things can be slowly in the work to learn again.

# domestic

Well, let’s say that some foreign websites, let’s have a look at our domestic, because a lot of domestic articles are exactly the same, and some or title party, only a little bit of things, so a lot of is a waste of time, but there are still some good we can also go to identify.

#SegmentFault

This website is of relatively high quality. Many colleagues recommended it to me before, but he just remembered the logo was green and forgot the name. Probably the website didn’t know his name because it was long and hard to remember, it was called Segment Fault. There are also a variety of articles, but for the front end is more.

SegmentFault – no

# nuggets

Nuggets with that segment fault this website basically similar, this also is to have a variety of categories, then the front is a popular category, however, his focus on let’s have a look at their website, the front of the hot list is basically about the interview, and the working principle, there are some practical projects.

The Denver nuggets

Nuggets – Personal homepage

# Jane books

Jane book this now has slowly faded out of the programmer’s vision, because he has recently changed the version of this author are very unfriendly, but, at least he also popular for a while, so here again recommended, there will be some left over good articles. If you are searching for a question or a concept, you can also pay attention to the results of this simple book.

Jane Book – Create your creation

#CSDN

CSDN is a very old community. It has been more than 10 years since I wrote my first article on it in 2010, and I have not written much intermittently. At that time, I still read a lot of articles in the past 10 years. It’s already packed to capacity, and. The quality of the article is also uneven, and its recommendation system is constantly being revamped, so it’s too early to say what the future holds. If we use Baidu to search the question, it may have more search results, but it is not very friendly to the author, because he has a lot of articles are easy to be copied, many are written exactly the same. However, it has some news and some valuable articles that you can follow.

CSDN – Professional technical community

CSDN my own blog

Ok, these are some websites that I’ll go to see at ordinary times, I believe that everybody should know about this, because the front and the programming of website is not much more special, but, if friends didn’t contact with these sites, can also go to see, at the same time it also can understand myself at ordinary times is how to learn. I hope this article is helpful. If you have any questions, please leave me a message.