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

**URL:** <https://group.classcentral.com/t/small-little-online-lessons-outside-of-fcc-that-can-help-you-learn-more-deeper/35422>\
**Category:** Web Development Bootcamp\
**Created:** [September 10, 2022, 4:58pm UTC](https://group.classcentral.com/t/small-little-online-lessons-outside-of-fcc-that-can-help-you-learn-more-deeper/35422 "2022-09-10T16:58:02Z")\
**Posts on this page:** 18\
**Page:** 1

<div class="post-metadata">

**Author:** ![thegrumpyenby](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/thegrumpyenby/32/5500_2.png) [@thegrumpyenby](https://group.classcentral.com/u/thegrumpyenby)\
**Post date:** [September 10, 2022, 4:58pm UTC](https://group.classcentral.com/t/small-little-online-lessons-outside-of-fcc-that-can-help-you-learn-more-deeper/35422/1 "2022-09-10T16:58:02Z")

</div>

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](https://flexboxfroggy.com)! It’s cute and fun and a good primer on all the things you can do with Flexbox.

---

<div class="post-metadata">

**Author:** ![syllie](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/syllie/32/6257_2.png) [@syllie](https://group.classcentral.com/u/syllie)\
**Post date:** [September 10, 2022, 11:19pm UTC](https://group.classcentral.com/t/small-little-online-lessons-outside-of-fcc-that-can-help-you-learn-more-deeper/35422/2 "2022-09-10T23:19:06Z")

</div>

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

- Also for flexbox this one is heaps of fun and will make it stick: [Flexbox Zombies | Mastery Games](https://geddski.teachable.com/p/flexbox-zombies)

- Another gamified css learning site: [CSSBattle's LEARN](https://cssbattle.dev/learn)

- For JS there are plenty of resources out there but as starter this free one by Wes Bos is very good: [https://javascript30.com/](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.

- Of course don’t forget practice sites like [https://www.codewars.com/](https://www.codewars.com/) to practice any coding skill.

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

---

<div class="post-metadata">

**Author:** ![thegrumpyenby](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/thegrumpyenby/32/5500_2.png) [@thegrumpyenby](https://group.classcentral.com/u/thegrumpyenby)\
**Post date:** [September 11, 2022, 8:24am UTC](https://group.classcentral.com/t/small-little-online-lessons-outside-of-fcc-that-can-help-you-learn-more-deeper/35422/3 "2022-09-11T08:24:15Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![thegrumpyenby](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/thegrumpyenby/32/5500_2.png) [@thegrumpyenby](https://group.classcentral.com/u/thegrumpyenby)\
**Post date:** [September 11, 2022, 8:25am UTC](https://group.classcentral.com/t/small-little-online-lessons-outside-of-fcc-that-can-help-you-learn-more-deeper/35422/4 "2022-09-11T08:25:10Z")

</div>

Ramón also mentioned these on Discord yesterday:

For learning grid: [https://cssgridgarden.com/](https://cssgridgarden.com/)

For learning CSS selectors: [https://flukeout.github.io/](https://flukeout.github.io/)

---

<div class="post-metadata">

**Author:** ![nurainiapanti2925855](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/nurainiapanti2925855/32/5857_2.png) [@nurainiapanti2925855](https://group.classcentral.com/u/nurainiapanti2925855)\
**Post date:** [September 11, 2022, 4:15pm UTC](https://group.classcentral.com/t/small-little-online-lessons-outside-of-fcc-that-can-help-you-learn-more-deeper/35422/5 "2022-09-11T16:15:18Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![2967808](https://avatars.discourse-cdn.com/v4/letter/2/d6d6ee/32.png) [@2967808](https://group.classcentral.com/u/2967808)\
**Post date:** [September 11, 2022, 9:12pm UTC](https://group.classcentral.com/t/small-little-online-lessons-outside-of-fcc-that-can-help-you-learn-more-deeper/35422/6 "2022-09-11T21:12:39Z")

</div>

h1, h2 {  
font-family: …;  
}

---

<div class="post-metadata">

**Author:** ![caesiumtea](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/caesiumtea/32/6431_2.png) [@caesiumtea](https://group.classcentral.com/u/caesiumtea)\
**Post date:** [September 12, 2022, 12:44am UTC](https://group.classcentral.com/t/small-little-online-lessons-outside-of-fcc-that-can-help-you-learn-more-deeper/35422/7 "2022-09-12T00:44:25Z")

</div>

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!

---

<div class="post-metadata">

**Author:** ![caesiumtea](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/caesiumtea/32/6431_2.png) [@caesiumtea](https://group.classcentral.com/u/caesiumtea)\
**Post date:** [September 12, 2022, 7:12pm UTC](https://group.classcentral.com/t/small-little-online-lessons-outside-of-fcc-that-can-help-you-learn-more-deeper/35422/8 "2022-09-12T19:12:29Z")

</div>

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](https://regexone.com/lesson/introduction_abcs)
- While I’m at it, reposting the link Kinjal gave us for a place to write and test regular expressions: [regex101](https://regex101.com/) (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](https://www.freecodecamp.org/news/css-unit-guide/). I thought it was a little easier to understand than the [MDN reference](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Values_and_units#numbers_lengths_and_percentages).

---

<div class="post-metadata">

**Author:** ![syllie](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/syllie/32/6257_2.png) [@syllie](https://group.classcentral.com/u/syllie)\
**Post date:** [September 13, 2022, 6:40am UTC](https://group.classcentral.com/t/small-little-online-lessons-outside-of-fcc-that-can-help-you-learn-more-deeper/35422/9 "2022-09-13T06:40:03Z")

</div>

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:

> **[BY PROGRAMMING LANGUAGE](https://ebookfoundation.github.io/free-programming-books/books/free-programming-books-langs.html#javascript)**
>
> :books: Freely available programming books

---

<div class="post-metadata">

**Author:** ![Yushi61](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/yushi61/32/5417_2.png) [@Yushi61](https://group.classcentral.com/u/Yushi61)\
**Post date:** [September 14, 2022, 1:29pm UTC](https://group.classcentral.com/t/small-little-online-lessons-outside-of-fcc-that-can-help-you-learn-more-deeper/35422/10 "2022-09-14T13:29:28Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![syllie](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/syllie/32/6257_2.png) [@syllie](https://group.classcentral.com/u/syllie)\
**Post date:** [September 16, 2022, 3:44am UTC](https://group.classcentral.com/t/small-little-online-lessons-outside-of-fcc-that-can-help-you-learn-more-deeper/35422/11 "2022-09-16T03:44:19Z")

</div>

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

> **[Don’t let the robot discard your resume: Applying for work in an automated world](https://www.msn.com/en-us/money/other/don-e2-80-99t-let-the-robot-discard-your-resume-applying-for-work-in-an-automated-world/ar-AA11s6ZU)**
>
> Many companies use artificial intelligence systems to screen CVs. Here’s how to avoid their biases and exploit their weaknesses

On algorithmic resume sifting 2

> **[The right CV keywords to beat the machine scanning your job application |...](https://intheblack.cpaaustralia.com.au/careers-and-workplace/use-right-cv-keywords-to-beat-the-algorithm)**
>
> With algorithms used to scan job applications, job seekers now need to convince the algorithm. Follow these steps to get your CV through the gauntlet.

---

<div class="post-metadata">

**Author:** ![nurainiapanti2925855](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/nurainiapanti2925855/32/5857_2.png) [@nurainiapanti2925855](https://group.classcentral.com/u/nurainiapanti2925855)\
**Post date:** [September 16, 2022, 9:34pm UTC](https://group.classcentral.com/t/small-little-online-lessons-outside-of-fcc-that-can-help-you-learn-more-deeper/35422/12 "2022-09-16T21:34:05Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![syllie](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/syllie/32/6257_2.png) [@syllie](https://group.classcentral.com/u/syllie)\
**Post date:** [September 16, 2022, 9:45pm UTC](https://group.classcentral.com/t/small-little-online-lessons-outside-of-fcc-that-can-help-you-learn-more-deeper/35422/13 "2022-09-16T21:45:51Z")

</div>

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

> **[Login in to Class Central](https://www.classcentral.com/cohort/webdev-bootcamp-fall-2022)**
>
> Class Central login. Stay updated on courses that match your interests

and on the discord channel here: [Discord](https://discord.com/channels/929538812873437214/1017088020723281930)

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

I hope this helps!

---

<div class="post-metadata">

**Author:** ![syllie](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/syllie/32/6257_2.png) [@syllie](https://group.classcentral.com/u/syllie)\
**Post date:** [October 1, 2022, 11:21pm UTC](https://group.classcentral.com/t/small-little-online-lessons-outside-of-fcc-that-can-help-you-learn-more-deeper/35422/14 "2022-10-01T23:21:43Z")

</div>

Another one for all of you that want to take accessibility seriously from the get go. Just launched: [Learn Accessibility](https://web.dev/learn/accessibility/)

---

<div class="post-metadata">

**Author:** ![carlost2672543](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/carlost2672543/32/4162_2.png) [@carlost2672543](https://group.classcentral.com/u/carlost2672543)\
**Post date:** [October 2, 2022, 4:24pm UTC](https://group.classcentral.com/t/small-little-online-lessons-outside-of-fcc-that-can-help-you-learn-more-deeper/35422/15 "2022-10-02T16:24:01Z")

</div>

Hi there Syl

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

Enjoy the rest of your weekend!! 😄

---

<div class="post-metadata">

**Author:** ![syllie](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/syllie/32/6257_2.png) [@syllie](https://group.classcentral.com/u/syllie)\
**Post date:** [October 7, 2022, 11:49pm UTC](https://group.classcentral.com/t/small-little-online-lessons-outside-of-fcc-that-can-help-you-learn-more-deeper/35422/16 "2022-10-07T23:49:51Z")

</div>

If you use twitter, this link is very insightful for the beginning coder:

> <https://twitter.com/DThompsonDev/status/1578155777671712768?s=20&t=hwvGooNIO1VvrYCsH0obCQ>

I will list all the resources he mentions with his reasons below:

1. Freecodecamp [https://www.freecodecamp.org/](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](https://www.appacademy.io/course/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/](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/](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/](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/](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/](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.

---

<div class="post-metadata">

**Author:** ![lucybobeck2596293](https://avatars.discourse-cdn.com/v4/letter/l/779978/32.png) [@lucybobeck2596293](https://group.classcentral.com/u/lucybobeck2596293)\
**Post date:** [October 12, 2022, 7:41pm UTC](https://group.classcentral.com/t/small-little-online-lessons-outside-of-fcc-that-can-help-you-learn-more-deeper/35422/17 "2022-10-12T19:41:14Z")

</div>

Awesome, thank you so much.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex016/uploads/ccstudygroup/original/1X/36206832181ed26910a18e33d8bfef087cf661b1.svg) [@system](https://group.classcentral.com/u/system)\
**Post date:** [November 26, 2022, 7:41pm UTC](https://group.classcentral.com/t/small-little-online-lessons-outside-of-fcc-that-can-help-you-learn-more-deeper/35422/18 "2022-11-26T19:41:50Z")

</div>

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