School of Programming Web

Bootcamp Front-End Web Developer

Bootcamp AI

Curriculum

357 Lessons

HTML Syntax

01. Lesson Introduction0:57

02. HTML Structure Part 12:45

03. Make Your First Element1:26

03. Make Your First Element00:00:00

03.2 Make Your First Element1:17

04. Environments2:07

05. Text Editors

06. Browsers

07. Workflow2:24

08. Trees1:57

09. HTML and Trees1:59

10. Spot the Bug

11. HTML Research0:46

11. HTML Research00:00:00

11.2 HTML Research1:52

12. HTML Structure Part 2

13. HTML Documents in Depth

14. Lesson Wrap Up0:46

HTML Syntax Problem Set

Mockup to Article

CSS Syntax

01. Getting Started with CSS0:39

02. What is CSS1:38

03. CSS or HTML1:20

04. CSS Rulesets2:07

05. CSS Syntax0:27

05. CSS Syntax00:00:00

06. Comments

07. Tag Selectors0:18

07.2 Tag Selectors0:31

08. Attributes and Selectors3:34

09. Using Selectors1:05

10. Using CSS References0:55

10.2 Using CSS References2:05

11. Developer Tools2:19

12. Developer Tools on Different Browsers

13. Quiz Using Developer Tools0:23

13.2 Quiz Using Developer Tools0:13

14. CSS Units2:16

15. Units in CSS0:38

15.1 Units in CSS00:00:00

15.2 Units in CSS1:17

16. CSS Colors00:00:00

17. Identifying Colors00:00:00

18. Outro0:26

CSS Syntax Problem Set

How to Write Code Faster

Animal Trading Cards

Box Model and Semantic Elements

01. Guess the Render Game1:44

02. James’ Solution1:05

03. Cameron’s Solution00:00:00

04. Who’s the Winner00:00:00

04.2 Who’s the Winner?00:00:00

04.3 Who’s the Winner?00:00:00

05. Boxes, Boxes Everywhere00:00:00

06. Boxes on the Web00:00:00

07. The Box Model00:00:00

08. Border-Box00:00:00

08.2 Border-Box00:00:00

09. Changing Boxes00:00:00

10. Box Model Sizing00:00:00

10.2 Box Model Sizing00:00:00

11. Containers00:00:00

12. Relative Widths00:00:00

12.2 Relative Widths00:00:00

13. Inline Boxes00:00:00

14. Semantic Elements00:00:00

15. Types of Elements

16. Element Research00:00:00

16.2 Element Research00:00:00

17. Outro00:00:00

Box Model and Semantic Elements Problem Set

Positioning

Floats

HTML, CSS, and Boxes

CSS Frameworks, Responsive Layouts

Bootstrap and Other Frameworks

01. Intro00:00:00

02. Site Structure00:00:00

02.2 Site Structure00:00:00

03. Choosing a Framework00:00:00

04. Reading Documentation00:00:00

04.2 Reading Documentation00:00:00

05. Choosing Features00:00:00

05.2 Choosing Features00:00:00

06. Minified CSS Files00:00:00

07. Exploring the Framework00:00:00

08. Applying Bootstrap Grid System00:00:00

08.2 Applying Bootstrap Grid System00:00:00

09. Responsive Page00:00:00

10. Using Bootstrap Typography00:00:00

10.2 Using Bootstrap Typography00:00:00

11. Custom CSS for Your Site00:00:00

11.2 Custom CSS for Your Site00:00:00

12. Watch a Front End Engineer Do This00:00:00

13. Watch a Front End Engineer Do This pt. 200:00:00

14. A Small Taste of Interactivity00:00:00

14.2 A Small Taste of Interactivity00:00:00

15. Self-built Framework vs Existing00:00:00

16. Conclusion00:00:00

Why Responsive

Starting Small

Building Up

Common Responsive Patterns

Optimizations

Getting Up and Running

Units, Formats, Environments

01. Sizing Intro00:00:00

01.2 Sizing Intro00:00:00

02. All about Bits and Pixels00:00:00

03. Requests and Revenue00:00:00

04. Relative Sizing00:00:00

05. IMPORTANT! Front End Feedback Extension00:00:00

06. calc()00:00:00

06.2 calc()00:00:00

07. Landscape and Portrait00:00:00

08. Less Well Known CSS Units00:00:00

09. Raster and Vector00:00:00

10. Raster or Vector Banner00:00:00

10.2 Raster or Vector Banner00:00:00

11. Raster and Vector Identification00:00:00

12. File formats00:00:00

13. Spot the Differences00:00:00

13.2 Spot the Differences00:00:00

14. Spot the Differences 200:00:00

14.2 Spot the Differences 200:00:00

15. Image Compression00:00:00

16. Project Part 100:00:00

16.2 Project Part 100:00:00

17. Lesson Summary00:00:00

Images with Markup

01. Performance00:00:00

02. Text Problems00:00:00

03. CSS Techniques00:00:00

04. CSS background images00:00:00

05. CSS background image techniques00:00:00

05.2 CSS background image techniques00:00:00

06. Symbol characters00:00:00

07. Unicode Treble Clef00:00:00

07.2 Unicode Treble Clef00:00:00

08. Icon Fonts00:00:00

09. Inlining images with SVG and data URIs00:00:00

10. Strategy Quiz 100:00:00

10.2 Strategy Quiz 100:00:00

11. Strategy Quiz 200:00:00

11.2 Strategy Quiz 200:00:00

12. Strategy Quiz 300:00:00

12.2 Strategy Quiz 300:00:00

13. Strategy Quiz 400:00:00

13.2 Strategy Quiz 400:00:00

14. Project Part 200:00:00

14.2 Project Part 200:00:00

15. Lesson Summary00:00:00

Full Responsiveness

Build a Portfolio Site

Write a review