FreeCodeCamp: Walkthroughs & Solutions (31 videos) 💪>7hours of content 🤓

FreeCodeCamp: Walkthroughs & Solutions (31 videos) 💪>7hours of content 🤓

FreeCodeCamp: Walkthroughs & Solutions (31 videos) 💪>7hours of content 🤓

Image for post

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 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 :)


Thank you for taking the time to watch my video.

👋Hello, I'm Eleftheria, a front-end developer, master student, freelancer, public speaker, and chocolate lover.

🥰If you liked this post please share

🍩Would you care about buying me a coffee? You can do it 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

Did you find this article valuable?

Support Eleftheria Batsou by becoming a sponsor. Any amount is appreciated!