Thought we might start collecting some of the things we come across that we find helpful.
Want to learn more Flexbox? Try Flexbox Froggy !
Small tip for those who have already gone through the Flexbox lesson (lesson #6, I believe) and want to know more. Try Flexbox Froggy! It’s cute and fun and a good primer on all the things you can do with Flexbox.
For JS there are plenty of resources out there but as starter this free one by Wes Bos is very good: https://javascript30.com/ . You do need to know a bit of JS already so this one would be good once you have the basics down.
Ooh, thank you all for sharing these! I love a good learning game. And Flexbox Froggy looks adorable, can’t wait to check it out once I get to the flexbox lessons.
CSSBattle is interesting though… They call it a game, but based on the preview video, it looks like it’s actually just the same setup as freeCodeCamp? I wonder what makes it a game. Or maybe I should just think of what we’re doing on freeCodeCamp as having been a game all along!
And thanks for mentioning Code Wars–I’ve heard of it before, but I never bothered to join until just now! I listed freeCodeCamp as my “clan” for now, but I wonder if folks around here would be interested in creating a new Class Central clan or something?
…okay and now I’m playing CSS Diner and hey, this one is great!! These explanations are so good! I had no idea there were so many kinds of selectors, wow… Here I was struggling just to remember the difference between class selectors and id selectors, but it’s so cool finding out there’s all this stuff like adjacent sibling selectors too. And I’m not even halfway through the game! No wonder this bootcamp has so many lessons on CSS!
If anybody wanted to learn the details about how regular expressions work and how to write them, here’s an interactive tutorial that I had bookmarked: RegexOne
While I’m at it, reposting the link Kinjal gave us for a place to write and test regular expressions: regex101 (looks like it has a library of examples too!)
And then, regarding the different kinds of length units in CSS, here’s an article I liked. I thought it was a little easier to understand than the MDN reference.
Perhaps less a direct learning source, as it contains books of all kinds of (programming) topics, but it has sections on both HTML and Javascript: a maintained collection of freely available programming books:
Hey,
Thank you for that Flexbox Froggy game, it helped me a lot. I was struggling in understanding how Flexbox was working and that awesome game made me understand the concept.
Okay - this is not directly a learning resource but more of a ‘how to craft your cv better’ topic. It was posted in discord by DarkLordV and I think a cross-post here is a good idea:
If you use twitter, this link is very insightful for the beginning coder:
I will list all the resources he mentions with his reasons below:
Freecodecamp https://www.freecodecamp.org/
Please try this resource before anything else. It is free, you start coding in less than 90 seconds and it is a fantastic way to start your journey.
I will ALWAYS recommend FCC first
Appacademy Learn to Code for Free Online - App Academy Open
I have definitely become a fan of theirs. They have released their entire 24 week online Bootcamp curriculum completely for free! Some great guidance and content is there!
Pluralsight https://www.pluralsight.com/
Huge fan of Pluralsight. It isn’t completely free but they do offer top quality courses for free every so often to help out. I think it is a good resource to use once you understand the basics.
I have learned so much there & still use it!
Egghead https://egghead.io/
Big fan of the platform and the team behind it. They go above and beyond. Their catalog of resources is truly fantastic as well. It is a paid resources with Tons of free content on the platform as well.
Scrimba https://scrimba.com/
I’ve been a HUGE fan of Scrimba for a while & one big reason is the immersive learning style. Instead of learning from just a video, you are learning in a live code editor! It’s incredible! Paid platform but also has some free resources!
His thread mentions further: There are hundreds of other great options too like educative, codecademy, etc but this is where I personally would start. Some very strong resources that are also great in quality.
In the comments we find some other good resources:
I would definitely add TheOdinProject https://www.theodinproject.com/ here, once you understand the basics, this platform(free & open source) will you put in head first real world Development where you set up your everything like a real developer in Mac/Linux
Have to take the chance to shout out #100Devs. The most supportive community I have ever found and 100% free. https://leonnoel.com/100devs/
Personal note: I use ALL of the above resources in one way or another. I just want to caution to not get stuck in ‘Tutorial Hell’, please learn whilst you build your projects. Make things that you can show off on your resume. Make something unique instead of the ‘same same’ thing everyone else makes following tutorials. It will increase your chances on being offered a job.
Another personal addition: FrontendMasters also has some interesting and good content offered for free.