Small little online lessons outside of FCC that can help you learn more/deeper

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.

12 Likes

There are several very good resources, and gamified learning is heaps of fun.

I know of plenty more sites let me know if I should post more.

10 Likes

Oh, brilliant! Thank you so much for these! I can already tell I’m going to love this thread as a resource to go back to.

Ramón also mentioned these on Discord yesterday:

For learning grid: https://cssgridgarden.com/

For learning CSS selectors: https://flukeout.github.io/

4 Likes

Guys I need help in css step 59 urgently how can I impact font of h1 and h2…?

h1, h2 {
font-family: …;
}

Ooh, thank you all for sharing these! I love a good learning game. :ok_hand: 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!

3 Likes

Since we talked about regular expressions today…

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

4 Likes

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:

4 Likes

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.

2 Likes

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:

On algorithmic resume sifting 1

On algorithmic resume sifting 2

5 Likes

I need two videos recording of Jess pls d last session and second to d last painting of rathoka and of yesterday video pls

Hi Nuraini, your post is not exactly on topic :slight_smile: but all the information is posted on the cohort page here:

and on the discord channel here: Discord

You can find it also by going the class central YT channel https://www.youtube.com/c/ClassCentral and look through the live steam recordings.

I hope this helps!

1 Like

Another one for all of you that want to take accessibility seriously from the get go. Just launched: Learn Accessibility

4 Likes

Hi there Syl

You are gem @syllie. I have put that link on my todo list, I am afraid is too large. :sweat_smile: :joy:

Enjoy the rest of your weekend!! :smile:

2 Likes

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:

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

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

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

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

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

7 Likes

Awesome, thank you so much.

1 Like

This topic was automatically closed 45 days after the last reply. New replies are no longer allowed.