Ask an Expert: New course - Scrimba x Kevin Powell x Frontend Mentor
๐ View our courses: https://scrimba.com/links/all-courses
This week, we are delighted to be joined by Scrimba favorite Kevin Powell on the day his brand new course, a collab with Frontend Mentor and Scrimba, is released into the wild! ๐
โ๏ธ Contents โ๏ธ
0:00 - Introduction
0:39 - How was your experience building the course?
2:17 - Introducing the new course
4:44 - What skills will people take away from your new course?
6:15 - Is this course going to be added to the frontend career path?
6:55 - Can you give us a sneak preview of the accessibility features you added?
9:48 - What did you thinkโฆ
Watch on YouTube โ
(saves to browser)
Chapters (26)
Introduction
0:39
How was your experience building the course?
2:17
Introducing the new course
4:44
What skills will people take away from your new course?
6:15
Is this course going to be added to the frontend career path?
6:55
Can you give us a sneak preview of the accessibility features you added?
9:48
What did you think when you saw the design? (from Frontend Mentor)
10:28
Was there anything you found intimidating about this design?
11:21
Do we learn Figma in this course?
12:31
Did Scrimba have a say when they came up with the topic and design?
13:38
Will this be a contained layout for large screens, or will it be scaled to fit
15:24
How was your experience of coding up a FE Mentor design? Which parts were the
18:34
What is a design system and what are the benefits of using one?
22:04
Can you tell us a bit about the CSS resets youโve included in the course?
24:23
Is Kevin selling us on Tailwind?
26:20
How do you know when youโre spending too much time on a design system?
29:25
Are you using CSS clamp for this project?
30:04
Would you ever build up a design system with Tailwind as a skeleton and do spe
31:56
How much JS is involved in the course?
34:28
Did you use subgrid for this project?
35:15
How did Flexbox and Grid come into play when coding this design?
38:26
Is the source code of this course on GitHub?
38:58
How do you use shrink? When would you use it?
39:34
Is the availability of this Scrimba course time sensitive?
39:54
I am new to CSS and JS. Can I cover this course or should I complete a few pro
41:48
I often get confused with layouts (i.e absolut
Playlist
Playlist UUNW7HDseZb6N3nKUEP6uLag ยท Scrimba ยท 0 of 60
โ Previous
Next โ
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
![Guide To Algorithms in Javascript [Binary Search] - Full Course / Tutorial](https://i.ytimg.com/vi/v684EuCrPAM/mqdefault.jpg)
60
![Learn UI Design [7 Fundamentals Tutorial] - Full Course for Beginners](https://i.ytimg.com/vi/vD3B6guUI0o/mqdefault.jpg)
Introduction to Scrimba
Scrimba
CSS Grid Course: Learn the Basics in 3 Minutes
Scrimba
CSS Grid Course: Positioning Items
Scrimba
CSS Grid Course: Why Learn It And How It Compares To Bootstrap
Scrimba
CSS Grid Course: auto-fit & minmax
Scrimba
CSS Grid Course: Implicit Rows
Scrimba
CSS Grid Course: Fraction Units And Repeat
Scrimba
CSS Grid Course: Justify Items and Align Items
Scrimba
CSS Grid Course: An Awesome Image Grid
Scrimba
CSS Grid Course: Named Lines
Scrimba
CSS Grid Course: auto-fit vs auto-fill
Scrimba
CSS Grid Course: Justify Content and Align Content
Scrimba
CSS Grid Course: Template areas
Scrimba
27. Setting up the structure - Responsive CSS Tutorial
Scrimba
25. Making the navigation responsive - Responsive CSS Tutorial
Scrimba
36. Playing with the title's position and negative margins - Responsive CSS Tutorial
Scrimba
31. Starting the CSS for our page - Responsive CSS Tutorial
Scrimba
26. Taking a look at the rest of the project - Responsive CSS Tutorial
Scrimba
15. Spacing out the columns - Responsive CSS Tutorial
Scrimba
33. Starting to think mobile first - Responsive CSS Tutorial
Scrimba
22. Making our navigation look good - Responsive CSS Tutorial
Scrimba
37. Changing image size with object-fit - Responsive CSS Tutorial
Scrimba
44. Module Wrap up - Responsive CSS Tutorial
Scrimba
16. Controlling the vertical position of flex items - Responsive CSS Tutorial
Scrimba
39. Setting up the widgets and talking breakpoints - Responsive CSS Tutorial
Scrimba
42. Setting up the About Me page - Responsive CSS Tutorial
Scrimba
35. Changing the visual order with flexbox - Responsive CSS Tutorial
Scrimba
23. Adding the underline - Responsive CSS Tutorial
Scrimba
21. Using flexbox to start styling our navigation - Responsive CSS Tutorial
Scrimba
20. Creating a navigation - Responsive CSS Tutorial
Scrimba
40. Using a new pseudo class to wrap up the homepage - Responsive CSS Tutorial
Scrimba
43. Fixing up some loose ends - Responsive CSS Tutorial
Scrimba
32. Starting the layout. Looking at the big picture - Responsive CSS Tutorial
Scrimba
24. A more complicated navigation - Responsive CSS Tutorial
Scrimba
28. Feature article structure - Responsive CSS Tutorial
Scrimba
34. Styling the featured article - Responsive CSS Tutorial
Scrimba
18. Making layout responsive with flex direction - Responsive CSS Tutorial
Scrimba
19. flex direction explained - Responsive CSS Tutorial
Scrimba
41. Creating the recent posts page - Responsive CSS Tutorial
Scrimba
17. Media Query basics - Responsive CSS Tutorial
Scrimba
30. Home Page. HTML for the aside - Responsive CSS Tutorial
Scrimba
38. Styling recent articles for large screens - Responsive CSS Tutorial
Scrimba
29. The home page. HTML for the recent articles - Responsive CSS Tutorial
Scrimba
10. ems and rems an example - Responsive CSS Tutorial
Scrimba
1. Starting to think responsively - Responsive CSS Tutorial
Scrimba
4. Controlling the width of images - Responsive CSS Tutorial
Scrimba
5. min width and max width - Responsive CSS Tutorial
Scrimba
3 CSS Units. Percentage - Responsive CSS Tutorial
Scrimba
11. Flexbox refresher and setting up some HTML - Responsive CSS Tutorial
Scrimba
12. Basic Styles and setting up the columns - Responsive CSS Tutorial
Scrimba
8. The Solution Rems - Responsive CSS Tutorial
Scrimba
14. Setting the columns widths - Responsive CSS Tutorial
Scrimba
2 CSS Units - Responsive CSS Tutorial
Scrimba
7. The problem with ems - Responsive CSS Tutorial
Scrimba
6. CSS Units. The em unit - Responsive CSS Tutorial
Scrimba
13. Adding the background color - Responsive CSS Tutorial
Scrimba
9. Picking which unit to use - Responsive CSS Tutorial
Scrimba
Tutorial to Learn Alpine JS - Full Course for Beginners
Scrimba
Guide To Algorithms in Javascript [Binary Search] - Full Course / Tutorial
Scrimba
Learn UI Design [7 Fundamentals Tutorial] - Full Course for Beginners
Scrimba
DeepCamp AI