Code Drills are divided into the following categories:
| Icon | Name | Description |
|---|---|---|
Required Drills |
Drills Students Must Complete / Mandatory | |
| 💠 | Optional Drills |
Drills Students are encouraged but Not Required to complete |
| Icon | Name | Description |
|---|---|---|
| ⚙️ | Core Drills |
Drills that Mirror Classroom Activities |
| 🚀 | Rocket Drills |
Drills that explore topics beyond the scope of classroom material |
| 🤓 | Algo Drills |
Drills that challenge Students to solve abstract Technical Chalenges |
| 🌀 | Word Puzzle Drills |
Drills that challenge Students to solve brain teasers |
| ⚡ | Flashback Drills |
Drills that review a technology or concept from an earlier module |
| 🚩 | Project Drills |
Drills that build incrementally with a deployable end product |
| 🔥 | Code Base Drills |
Drills that explore an existing code base to add a feature, or debug |
| 🔘 | Softer Skills Drills |
Drills with a invite students to excercise skills on the Softer Side |
| #️⃣ | Type | Title | Topics |
|---|---|---|---|
| 1. | ⚙️ 🚩 | Pt. 1/4. Linking External CSS Files and Background Colors | CSS link stylesheets |
| 2. | ⚙️ 🚩 | Pt. 2/4. IDs and Classes in CSS | CSS IDs and Classes |
| 3. | ⚙️ 🚩 | Pt. 3/4. Positioning using CSS | CSS Absolute Positioning |
| 4. | ⚙️ 🚩 | Pt. 4/4. Links to IDs | CSS IDs and Anchor Tags |
| 5. | ⚙️ | Chrome Inspector Tools | Inspector Tools |
| 6. | ⚙️ | Fonts in CSS | CSS Fonts |
| 7. | ⚙️ | Bootstrap | CSS Bootstrap Basics |
| 8. | ⚙️ | Media Queries 1 | CSS Media Queries |
| 9. | ⚙️ | Media Queries 2 | CSS Media Queries |
| #️⃣ | Type | Title | Topics |
|---|---|---|---|
| 1. | ⚙️ | How the Dinosaurs went Extinct | CSS Positioning |
| 2. | ⚙️ | Pseudoclasses in CSS | CSS Psuedo Classes |
| 3. | ⚙️ | Recreating a Bootstrap Website | CSS Bootstrap Design |
| 4. | ⚙️ | Bootstrap Grid | CSS Bootstrap Grid System |