| 🏠Home | ✅Course Guidelines | 🏔Course Content | 📺Video | 🎯Module Challenges Video | 📚Resources | Notes
“Practice makes Progress and commit Getting 1% Better Every Day”
Welcome to your 💻👞 Frontend Bootcamp Class Repository.
This is your one-stop-shop for all things Frontend Bootcamp related.
Below your will find a main Frontend Course Guidelines and Frontend Course Content listing.
“The reasonable [person] adapts themself to the world: the unreasonable one persists in trying to adapt the world to themself. Therefore all progress depends on the unreasonable [person].” ― George Bernard Shaw, Man and Superman
| Unit | Description | What Students Learn |
|---|---|---|
Section 1: Front-End Foundation (Module 1 - 8) |
Build a solid foundation in fundamental concepts of web development HTML, CSS, and JavaScript | HTML/CSS/Git User experience design JavaScript Bootstap The DOM APIs Jquery JSON AJAX |
| Project 1 (Module 9 - 10) | Apply your newly acquired skills to build a client-side application using third-party APIs | Team collaboration Agile development Project demonstration Storytelling |
Section: Front-End Frameworks (Module 11-14) |
Learn the skills necessary to develop a portfolio of deployed web applications showcasing your front-end skills, using front-end libraries and testing frameworks. | Node.js ES6 Object-oriented programming Test-driven devlopment React Deployment Project Portfolio |
| Project 2 (Module 15 - 16) | Bring together new technologies and concepts learned in section 2 build and deploy a client-side-single-page application | Team collaboration Agile development Project demonstration Storytelling |
| # | Section Name | Description |
|---|---|---|
| Level 01 | HTML Git Github | In this unit, we will be welcoming our students to their first unit of our Web Development Boot Camp. We’ll be walking them through the very basics of HTML/CSS, Git Version Control, and Terminal/Console commands. |
| Level 02 | CSS | In this module, students will be adding to the skills they have already learned, and be introduced to more in-depth CSS. |
| Level 03 | UX Bootstrap | This module, students will be introduced to Bootstrap. Everything they have learned up until now will assist them as they navigate the use of Bootstrap. |
| Level 04 | JavaScript | |
| Level 05 | Advanced JavaScript | |
| Level 06 | Web APIs | |
| Level 07 | Third Party APIs | |
| Level 08 | Server APIs | |
| Level 09 | Project 1 Part 1 | |
| Level 10 | Project 1 Part 2 | |
| Level 11 | ES6 | |
| Level 12 | Object Oriented Programming | |
| Level 13 | React | |
| Level 14 | React State Deployment | |
| Level 15 | Project 2 Part 1 | |
| Level 16 | Project 2 Part 2 |
| Module | Mac 🍎 | Duration | Window 🖼️ | Duration |
|---|---|---|---|---|
| 01 | Video 📺 | 53:10 ⏲️ | Video 📺 | 46:16 ⏲️ |
| 02 | Video 📺 Part 1 Video 📺 Part 2 | 52:76 ⏲️ 04:25 ⏲️ | Video 📺 | 1:14:09⏲️ |
| 03 | Video 📺 | 1:39:41 ⏲️ | Video 📺 | 1:39:41 ⏲️ |
| 04 | Video 📺 | 36:18 ⏲️ | Video 📺 | 36:18 ⏲️ |
| 05 | Video 📺 | 36:05 ⏲️ | Video 📺 | 36:05 ⏲️ |
| 06 | Video 📺 | ⏲️ | Video 📺 | ⏲️ |
| 07 | Video 📺 | ⏲️ | Video 📺 | ⏲️ |
| 08 | Video 📺 | ⏲️ | Video 📺 | ⏲️ |
| 09 | ||||
| 10 | ||||
| 11 | Video 📺 | ⏲️ | Video 📺 | ⏲️ |
| 12 | Video 📺 | ⏲️ | Video 📺 | ⏲️ |
| 13 | ⏲️ | ⏲️ | ||
| 14 | ⏲️ | ⏲️ | ||
| 15 | ||||
| 16 |
| # | Section Name | Module Challenge |
|---|---|---|
| 01 | HTML Git & Github | Module 1 Challenge |
| 02 | CSS | Module 2 Challenge |
| 03 | UX Bootsrap | Module 3 Challenge |
| 04 | JavaScript | Module 4 Challenge |