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
Top comments (4)
Nice work Eleftheria π
Thank you Nitin :)
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!
I am glad you liked it!