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 | Tools of the Trade: Version Control |
| 3.1 | What is Version Control, and why use it? |
| 3.2 | What is Git, what is Github? |
| 3.3 | Github setup |
| 3.4 | Push your code to Github! |
| 3.5 | Learner Self Eval & Reflection |
| 4 | Advanced CSS |
| 5 | Design process fundamentals |