Below is CodeLift's curriculum for an introductory front-end web development class for students who are complete beginners. As they learn, students will make progress toward these metrics: Learning Objectives Rubric
| Lesson | Topic |
|---|---|
| 0 | Get Ready to Code! |
| 0.1 | Prework |
| 0.2 | Why Programming? |
| 0.3 | How do web apps work? |
| 0.4 | What will you build? |
| 0.5 | Tools of the Trade: Text Editors |
| 0.6 | Evaluation |
| 1 | Introduction to HTML |
| 1.1 | Hello World! |
| 1.2 | What is HTML? |
| 1.3 | HTML document structure |
| 1.4 | Elements and tags |
| 1.5 | Blocks and inline elements |
| 1.6 | Semantic HTML |
| 1.7 | Putting it all together |
| 1.8 | Evaluation |
| 2 | Introduction to CSS |
| 2.1 | What is CSS? |
| 2.2 | CSS Selectors |
| 2.3 | Connecting CSS to HTML |
| 2.4 | Putting it all together |
| 2.5 | Tools of the Trade: Command Line Basics |
| 2.6 | Evaluation |
| 3 | Design Process |
| 3.1 | Design Basics |
| 3.2 | Wireframing |
| 3.3 | Tools of the Trade: CSS Frameworks |
| 3.4 | Tools of the Trade: Domains & Web Hosting |
| 3.5 | Final Project |
| 3.6 | Evaluation |