DEV Community

Cover image for FreeCodeCamp: Walkthroughs & Solutions (31 videos) πŸ’ͺ>7hours of content πŸ€“
Eleftheria Batsou
Eleftheria Batsou

Posted on β€’ Originally published at reddit.com

26 6

FreeCodeCamp: Walkthroughs & Solutions (31 videos) πŸ’ͺ>7hours of content πŸ€“

It took me a long time but I've personally created my own video-solutions for freeCodeCamp and I would like to share it with you. You can also find extra articles with the written solutions.

I hope you like it!

1.How to: Applied Accessibility
Video | Duration: 46' | Article

2.How to: Responsive Web Design Principles
Video | Duration: 10' | Article

3.How to: Applied Visual Design
Video | Duration: 90' | Article

4.How to: Basic CSS
Video | Duration: 61' | Article

5.How to: Basic HTML and HTML5
Video | Duration: 32' | Article

6.D3.JS: Select, selectAll, text and dataset, Part (1/8)
Video | Duration: 11' | Article

7.D3.JS: Changing style, adding classes, Part (2/8)
Video | Duration: 9' | Article

8.D3.JS: Learning about SVG and the rect element, Part (3/8)
Video | Duration: 6' | Article

9.D3.JS: Bar chart, dynamic coordinates, height, invert it, Part (4/8)
Video | Duration: 6' | Article

10.D3.JS: Labels, hover effect and tooltips, Part (5/8)
Video | Duration: 6' | Article

11.D3.JS: Create and style a Scatterplot, Part (6/8)
Video | Duration: 7' | Article

12.D3.JS: Create and set a Linear Scale, Part (7/8)
Video | Duration: 11' | Article

13.D3.JS: Create a pre-defined Scale, add axes, Part (8/8)
Video | Duration: 12' | Article

14.Debug: Console.log and typeof, Part (1/3)
Video | Duration: 9' | Article

15.Debug: Misspelling, quotes and parenthesis, Part (2/3)

Video | Duration: 6' | Article

16.Debug: Setting arrays and fixing loops, Part (3/3)
Video | Duration: 10' | Article

17.Regex: Case sensitive and pattern flags, Part (1/6)
Video | Duration: 10' | Article

18.Regex: Matching letters and numbers, Part (2/6)
Video | Duration: 12' | Article

19.Regex: Find characters, match start/end strings, Part (3/6)
Video | Duration: 7' | Article

20.Regex: Match all letters and every num, Part (4/6)
Video | Duration: 7' | Article

21.Regex: Whitespace and num of matches, Part (5/6)
Video | Duration: 7' | Article

22.Regex: Lookahead,reuse patterns, capture groups, Part (6/6)
Video | Duration: 17' | Article

23.CSS Grid: grid template and grid gap, Part (1/5)
Video | Duration: 8' | Article

24.CSS Grid: grid column/row and aligning items, Part (2/5)
Video | Duration: 8' | Article

25.CSS Grid: placing items in the grid, Part (3/5)
Video | Duration: 6' | Article

26.CSS Grid: functions and flexibles layouts, Part (4/5)
Video | Duration: 10' | Article

27.CSS Grid: media queries, creating grids, Part (5/5)
Video | Duration: 4' | Article

28.Flexbox: display, flex-direction, Part (1/4)
Video | Duration: 7' | Article

29.Flexbox: justify-content and align item, Part (2/4)
Video | Duration: 7' | Article

30.Flexbox: flex wrap/shrink/grow/basis, Part (3/4)
Video | Duration: 6' | Article

31.Flexbox: flex, order, align-self, Part (4/4)
Video | Duration: 5' | Article

I will continue working with FreeCodeCamp!
Let me know if you need anything extra :)

P.S. I' m Eleftheria, an app developer, master student, content creator, and chocolate lover.
P.s.2. If you liked it || find it useful, please share it with your friendsπŸ€—.

Thank you for taking the time to read the article and/or watch my videos.

Would you like to get me a coffee?!β˜•οΈ
You can do that here β†’ paypal.me/eleftheriabatsou
But If you can’t, that’s ok too 😍.

It would be nice to subscribe to my Youtube channel. It’s free and it helps to create more content.
Youtube | Codepen | GitHub | Twitter | Site | Instagram

AWS GenAI LIVE image

How is generative AI increasing efficiency?

Join AWS GenAI LIVE! to find out how gen AI is reshaping productivity, streamlining processes, and driving innovation.

Learn more

Top comments (4)

Collapse
 
nitinreddy3 profile image
Nitin Reddy β€’

Nice work Eleftheria πŸ‘

Collapse
 
eleftheriabatsou profile image
Eleftheria Batsou β€’

Thank you Nitin :)

Collapse
 
trippymonk profile image
Blake Stansell β€’

Very cool! I had a similar idea thinking it might help me sustain the learning, but I haven't gotten around to it unfortunately. Thanks for taking the time!

Collapse
 
eleftheriabatsou profile image
Eleftheria Batsou β€’

I am glad you liked it!

AWS GenAI LIVE image

Real challenges. Real solutions. Real talk.

From technical discussions to philosophical debates, AWS and AWS Partners examine the impact and evolution of gen AI.

Learn more

πŸ‘‹ Kindness is contagious

Please leave a ❀️ or a friendly comment on this post if you found it helpful!

Okay