Learn to Code Tutorial [5-Hour Prep for Coding Bootcamp] - Full Course for Absolute Beginners
๐ View our courses: https://scrimba.com/links/all-courses
The Coding Bootcamp Primer with V School.
๐ป Full interactive course on Scrimba: https://rebrand.ly/gbootcampprimer
This Bootcamp Primer will provide you with the basics of web development and prepare you to begin any coding bootcamp. Practice learning code with 63 interactive lessons spanning over 4.5 hours. Solve 17 assignments to ensure that the knowledge sticks with you. Lessons include an introduction to HTML, CSS, JavaScript, and the DOM, as well as other introductory topics like setting up your computer for web dev, using Visual Studio Code, how to debug your code and using the Chrome Developer Tools.
Who is V School?
This course is taught by the instructors at V School, an award-winning technology bootcamp in Salt Lake City, Utah. They teach UX design and full-stack JavaScript, and their hiring partners include companies like Google and Amazon.
If you ever get stuck, you'll be invited to V Schools Slack channel where you can ask questions, and connect with fellow students.
๐ Be sure to visit V School's site:
https://vschool.io/
โก Contents โก
00:00:00 - Welcome!
00:04:33 - V School Learning Philosophy
00:11:34 - How to Use Scrimba
00:15:25 - External Link - Computer Setup
00:20:38 - External Link - Using VS Code
00:27:25 - Preview: the V School Pre-course Project
00:29:03 - Introduction to HTML
00:34:56 - HTML Elements
00:43:34 - HTML Attributes
00:48:35 - Assignment - Silly CIA part 1
00:50:24 - HTML5 Semantic Tags
00:53:37 - CSS Intro (inline-style)
00:56:00 - CSS Selectors
01:06:38 - Assignment - Silly CIA part 2
01:07:14 - Assignment - CSS Wars: The Selector Awakens
01:07:38 - CSS Colors and Fonts
01:13:28 - CSS Display Property
01:16:02 - Sign up for our Email List
01:16:29 - Assignment - Newsies
01:17:03 - CSS Box Model
01:20:41 - Assignment - Color Grid From Scratch
01:21:09 - CSS Layout and Positioning
01:28:14 - Assignment - CSS Flags
01:28:50 - Assignment - Design a Blog
01:29:25 -
Watch on YouTube โ
(saves to browser)
Sign in to unlock AI tutor explanation ยท โก30
Playlist
Uploads from Scrimba ยท 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
![Guide To Algorithms in Javascript [Binary Search] - Full Course / Tutorial](https://i.ytimg.com/vi/v684EuCrPAM/mqdefault.jpg)
59
![Learn UI Design [7 Fundamentals Tutorial] - Full Course for Beginners](https://i.ytimg.com/vi/vD3B6guUI0o/mqdefault.jpg)
60
![Javascript Tutorial for Beginners [From 0 to ES6+] - Full Course](https://i.ytimg.com/vi/m0FJhTVC658/mqdefault.jpg)
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
Javascript Tutorial for Beginners [From 0 to ES6+] - Full Course
Scrimba
Related AI Lessons
โก
โก
โก
โก
7 AI Tools That Pay You to Use Them in 2025 (With Proof)
Dev.to AI
Stop Yelling at Your AI โ It Canโt Hear You
Medium ยท AI
I Automated 90% Of The Ethers.js v5 โ v6 Migration Using Codemods and AI
Medium ยท JavaScript
From AI Scan to Legal Plan: When to Escalate Your Patent Analysis
Dev.to AI
Chapters (24)
Welcome!
4:33
V School Learning Philosophy
11:34
How to Use Scrimba
15:25
External Link - Computer Setup
20:38
External Link - Using VS Code
27:25
Preview: the V School Pre-course Project
29:03
Introduction to HTML
34:56
HTML Elements
43:34
HTML Attributes
48:35
Assignment - Silly CIA part 1
50:24
HTML5 Semantic Tags
53:37
CSS Intro (inline-style)
56:00
CSS Selectors
1:06:38
Assignment - Silly CIA part 2
1:07:14
Assignment - CSS Wars: The Selector Awakens
1:07:38
CSS Colors and Fonts
1:13:28
CSS Display Property
1:16:02
Sign up for our Email List
1:16:29
Assignment - Newsies
1:17:03
CSS Box Model
1:20:41
Assignment - Color Grid From Scratch
1:21:09
CSS Layout and Positioning
1:28:14
Assignment - CSS Flags
1:28:50
Assignment - Design a Blog
๐
Tutor Explanation
DeepCamp AI