loading...

Discussion

pic
Editor guide
 

MDN is definitely in the top. A more obscure one in the sense that I do not think it is well known is jskatas.org.

 

MDN is one of my favorites. I wish it had better SEO so that when searching it's pages would beat out W3Schools.

 

I came to know about MDN today and will surely learn from it and give it a try🌟,

Thank brain and all th Devians!

 

Thank you for sharing, I didn't know about jskatas.

 

me neither, thanks

 
 

Oh, I love Web Skills. I had a look around, is it all free? Thank you for sharing.

 

Yes, each skill has a reference to articles from known sites such as MDN, CSS-Tricks, freeCodeCamp and others.

 
 

Thank you for sharing, will definitely try it out.

 

Less of a learning resource and more of a spec reference is caniuse.com. It's also less relevant as IE fades away. However, I've done a lot of learning just by checking feature support as I work.

 

Yes, i's one of my favorite resources also. Spares you a lot of headaches :).

 

WCAG 2.1 w3.org/TR/WCAG21/

I wish I'd known more about accessibility when I was learning to develop, but all the beginners resources out there are just about teaching you how to make something work, not how to make it work well or work for everyone.

 

Couldn't agree more. Even on intermediate level, I feel the tutorials ignore this very important aspect most of the time. Thank you for sharing.

 

FreeCodeCamp.org

 

I did learn a lot with them, great resource.

 

Smashing Magazine provides good articles and tutorials

 

Mdn is perfect as it gives you details of every thing you can do on web.

 

Every now and then regular expressions come into play and regexr proved to be the tool for analyzing and testing regular expressions. With useful visualizations and a regex cheat sheet it proved itself time and time again.

 

CSS-tricks.com has been an enormous help.

 

i've opened their Flexbox page a thousand times

 

Flexbox follows the same life cycle like array methods. Google -> use -> forget -> Google -> use -> forget :D.

 

One of my favorites :).

 

It's kind of niche, but I love flexboxfroggy.com/ every time I need a refresher I go there and play around.

 

Yeah that’s a good one and there’s Flexbox Zombies too. I have a whole list here if you’re interested.

 

Frontendmentor challenges, codewars

 

A List Apart alistapart.com/ have super high quality posts by the most respected people, and they've been around forever. They are often high level posts, meant for people with some experience, so they don't always provide directly actionable content, but they are great for personal growth. I highly recommend them.

 

Time to learn and understand and experiment

 

This is not especially Front-End resource but you can explore lots of programming resources here which includes Front-End too: github.com/georgegognadze/awesome-...

 

scotch.io also owned by digitalocean which is superb just like this site

 
 

Always gonna plug the series of books You Don't Know JS (Yet) by Kyle Simpson. Love love love the way he breaks things down for audiences of all skill levels.

 

css-tricks. when I started out with css it was the best place to learn current techniques and get a deeper understanding of css. Also everything is explained thoroughly and in common wording.

 

I found egghead.io great :-).

Also the Traversy media channel in YouTube: youtube.com/user/TechGuyWeb

 

Udemy and especially the course's by Maximilian schwartzmuller

 

Hehe, I learned most of my JS from Maximilian. Great teacher. Thank you for sharing.

 

javascript.info is a way to go for beginners/intermediate/advance. It's structured and well documented.

MDN when i newd to know about a method or other terminology.

 

Did w3schools become better? I remember they had a lot of mistakes in their tutorials a few years back.

 

Better than it was? Yes. Good enough? Not in my opinion. The information they provide is dumbed-down to the extreme. This makes it very attractive to absolute beginners. When you're starting, you just want some quick wins, and that's what W3Schools gives you. But the down side of that is that it doesn't give you a grounding on which to build a deeper understanding. So much information is missing, or factually dubious, that when you want to improve, you're left having to unlearn much of what W3schools taught you.

 

Check out this post:
It might help you