loading...
Cover image for Name an essential front end learning resource

Name an essential front end learning resource

ari_o profile image Arika O ・1 min read

Could be very well known or obscure - I would actually like to hear about some resources which are not very main stream.

Image source: Christina Morillo/ @divinetechygirl on pexels

Discussion

pic
Editor guide
Collapse
nickytonline profile image
Nick Taylor (he/him)

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.

Collapse
mikacaldera profile image
Mika Caldera

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

Collapse
ari_o profile image
Arika O Author

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

Collapse
simonini profile image
Alessandro

me neither, thanks

Collapse
hemant profile image
Hemant Joshi 😼

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

Thank brain and all th Devians!

Collapse
isherwood profile image
Clint Buhs

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.

Collapse
ari_o profile image
Arika O Author

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

Collapse
tolgadevsec profile image
Collapse
ari_o profile image
Arika O Author

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

Collapse
tolgadevsec profile image
Tolga Ünlü

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

Collapse
igoradamenko profile image
Igor Adamenko

javascript.info has great JS tutorials.

Collapse
ari_o profile image
Arika O Author

Thank you for sharing, will definitely try it out.

Collapse
drawcard profile image
Drawcard

FreeCodeCamp.org

Collapse
ari_o profile image
Arika O Author

I did learn a lot with them, great resource.

Collapse
ashleyjsheridan profile image
Ashley Sheridan

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.

Collapse
ari_o profile image
Arika O Author

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.

Collapse
jorgesmrr profile image
Jorge Moreira

Smashing Magazine provides good articles and tutorials

Collapse
adrianmarkperea profile image
Adrian Perea

CSS-tricks.com has been an enormous help.

Collapse
cooljasonmelton profile image
Jason Melton

i've opened their Flexbox page a thousand times

Collapse
ari_o profile image
Arika O Author

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

Thread Thread
cooljasonmelton profile image
Jason Melton

lol for real

Collapse
ari_o profile image
Arika O Author

One of my favorites :).

Collapse
mateja176 profile image
Mateja Petrovic

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.

Collapse
harshvats2000 profile image
HARSH VATS

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

Collapse
anitajoseph profile image
Anita Joseph

Frontendmentor challenges, codewars

Collapse
bpedroza profile image
Bryan

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

Collapse
nickytonline profile image
Nick Taylor (he/him)

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

Collapse
mikaelgramont profile image
Mikael Gramont

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.

Collapse
thotakura profile image
Suresh Thotakura

htmldom.dev/ is also very good.

Collapse
stereoplegic profile image
Mike Bybee

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.

Collapse
scampiuk profile image
Chris Williams

Time to learn and understand and experiment

Collapse
spiritbro1 profile image
spiritbro1

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

Collapse
mojopikon profile image
Carlos

I found egghead.io great :-).

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

Collapse
aarone4 profile image
Aaron Reese

Udemy and especially the course's by Maximilian schwartzmuller

Collapse
ari_o profile image
Arika O Author

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

Collapse
seanolad profile image
Sean

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.

Collapse
georgegognadze profile image
George Gognadze

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-...

Collapse
ari_o profile image
Arika O Author

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

Collapse
alohci profile image
Nicholas Stimpson

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.

Collapse
vinayveerappaji profile image
Vinay Veerappaji

Check out this post:
It might help you

Collapse
abinash393 profile image
αвιηαѕн

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.