Course curriculum

  • 1

    Week 0: Orientation

    • Welcome to devCodeCamp!

    • PowerPoint: Welcome to Class

    • Program Requirements

    • Program Expectations

    • How to Succeed at devCodeCamp

    • PowerPoint: The Roadmap To Success

    • Lecture: Intro To Code

    • devCodeCamp Student Hub
  • 2

    Week 1: HTML

    • Lecture: HTML

    • Demo: HTML

    • 🟠 Lab: HTML

    • PowerPoint: HTML

    • Article: HTML
  • 3

    Week 1: CSS

    • Lecture: CSS

    • Demo: CSS

    • 🟠 Lab: CSS

    • PowerPoint: CSS

    • Article: CSS Essentials
  • 4

    Week 1: Flexbox & Grid

    • Lecture: Flexbox & Grid

    • Demo: Flexbox & Grid

    • 🟠 Lab: Flexbox & Grid

    • PowerPoint: Flexbox & Grid

    • Article: CSS Flexbox and Grid
  • 5

    Week 1: Bootstrap & UX

    • Lecture: Bootstrap

    • Lecture: User Experience

    • PowerPoint: User Experience

    • PowerPoint: Bootstrap
  • 6

    Week 1: Source Control

    • Lecture: Source Control

    • Guide: Setup GitHub & GitHub Desktop

    • Guide: Initializing Repos & Committing

    • PowerPoint: Source Control
  • 7

    Week 1 Project: πŸ”΅ Personal Website

    • πŸ”΅ Project: Personal Website

    • Walkthrough: Personal Website

    • Article: The CSS Process
  • 8

    Week 2: JavaScript

    • Lecture: Intro to Programming: JavaScript

    • Demo: Variables, DataTypes, and Operators

    • 🟠Lab: Variables, DataTypes, and Operators

    • PowerPoint: Intro to Programming: JavaScript

    • Article: Variables, Data Types, Operators
  • 9

    Week 2: Conditionals

    • Lecture: Control Flow

    • Demo: Control Flow

    • 🟠Lab: Control Flow

    • PowerPoint: Control Flow

    • Article: Conditionals
  • 10

    Week 2: Loops

    • Lecture: Loops

    • Demo: Loops

    • 🟠Lab: Loops

    • PowerPoint: Loops

    • Article: Loop Essentials
  • 11

    Week 2: Arrays

    • Lecture: Arrays

    • Demo: Arrays

    • 🟠Lab: Arrays

    • PowerPoint: Arrays

    • Article: Arrays in JavaScript
  • 12

    Week 2: Functions

    • Lecture: Functions

    • Demo: Functions

    • 🟠Lab: Functions

    • PowerPoint: Functions

    • Article: Functions

    • Article: JavaScript Browser Functions
  • 13

    Week 2: Debugging

    • Lecture: Debugging

    • Demo: Debugging

    • PowerPoint: Debugging

    • Article: Debugging
  • 14

    Week 2 Project: πŸ”΅ Day Trip Generator

    • πŸ”΅Project: Day Trip Generator

    • Walkthrough: Day Trip Generator
  • 15

    Week 3: Algorithms & Problem Solving

    • Lecture: Algorithms & Problem Solving

    • Lecture: Research Skills for Developers

    • 🟠Lab: Problem Solving Problems - 1

    • 🟠Lab: Problem Solving Problems - 2

    • 🟠Lab: Problem Solving Problems - 3

    • PowerPoint: Algorithms & Problem Solving

    • PowerPoint: Researching Skills for Developers

    • Article: How to Ask Questions

    • Article: How to Research
  • 16

    Week 3: Intro to AI Assistants

    • Lecture: Intro to AI

    • Lecture: Prompt Engineering

    • PowerPoint: Intro to AI

    • PowerPoint: Prompt Engineering
  • 17

    Week 3: Callback Functions & Objects

    • Lecture: Callbacks & Higher Order Array Methods

    • Lecture: JS Objects

    • PowerPoint: Callbacks & Higher Order Array Methods

    • PowerPoint: JS Objects

    • Article: Callbacks & Higher Order Array Methods

    • Article: JavaScript Objects
  • 18

    Week 3 Project: πŸ”΅Most Wanted

    • πŸ”΅Project: Most Wanted

    • Walkthrough: Most Wanted
  • 19

    Week 3: Recursion & Error Handling

    • Lecture: Default Parameters & Recursion

    • Lecture: Error Handling

    • PowerPoint: Default Parameters & Recursion

    • PowerPoint: Error Handling

    • Article: Error Handling
  • 20

    Week 4: Object Oriented Programming (OOP)

    • Lecture: Intro to Object Oriented Programming (OOP)

    • Demo: Object Oriented Programming

    • 🟠 Lab: Money Transfer

    • Walkthrough: Money Transfer

    • PowerPoint: Intro to Object Oriented Programming (OOP)

    • Article: Object-Oriented-Programming in JavaScript
  • 21

    Week 4: OOP - Inheritance & SOLID & UML

    • Lecture: Inheritance

    • Lecture: SOL of SOLID

    • Lecture: UML

    • PowerPoint: Inheritance

    • PowerPoint: SOL of SOLID

    • Article: Inheritance in JavaScript

    • Article: SOLID Principles for JavaScript
  • 22

    Week 4: The Four Pillars of OOP

    • Lecture: Four Pillars of OOP

    • PowerPoint: Four Pillars of OOP

    • Article: Four Pillars of OOP in JavaScript
  • 23

    Week 4 Project: πŸ”΅Robot vs Dinosaur

    • πŸ”΅Project: Robot vs Dinosaur

    • Walkthrough: Robot Vs Dinosaur
  • 24

    Week 5: DOM Manipulation & Arrow Functions

    • Lecture: HTML Listeners & JavaScript Events

    • Demo: HTML Listeners & JavaScript Events

    • Lecture: Arrow Functions

    • PowerPoint: HTML Listeners & JavaScript Events

    • PowerPoint: Arrow Functions

    • 🟠 Lab: DOM Manipulation

    • Article: Event Listeners in JavaScript

    • Article: Dynamic User Experiences with JavaScript Events

    • Article: JavaScript Arrow Functions
  • 25

    Week 5: jQuery

    • Lecture: jQuery

    • PowerPoint: jQuery

    • Article: Getting Started with jQuery
  • 26

    Week 5 Project: πŸ”΅ Social Feed

    • πŸ”΅Project: Social Feed

    • Walkthrough: Social Feed
  • 27

    Week 5: AI Assisted Development

    • Lecture: AI Assisted Development

    • PowerPoint: AI Assisted Development
  • 28

    Week 6: React.js

    • Lecture: Intro to Node

    • Lecture: Intro to React

    • 🟠 React Tutorial 01: Setup

    • 🟠 React Tutorial 02: Create React App

    • 🟠 React Tutorial 03: Component Tree

    • 🟠 React Tutorial 04: Creating Components

    • 🟠 React Tutorial 05: Rendering Components

    • 🟠 React Tutorial 06: Dynamic Rendering

    • 🟠 React Tutorial 07: Props

    • 🟠 React Tutorial 08: Rendering Objects

    • 🟠 React Tutorial 09: Styling Components

    • PowerPoint: Intro to Node

    • PowerPoint: Intro to React
  • 29

    Week 6: React - Interactive Components

    • Lecture: Interactive Components

    • Lecture: Managing State

    • 🟠 React Tutorial 10: Event Handlers

    • 🟠 React Tutorial 11: State

    • 🟠 React Tutorial 12: Controlled Forms

    • 🟠 React Tutorial 13: onSubmit

    • 🟠 React Tutorial 14: Lifting State

    • 🟠 React Tutorial 15: Lowering State Handlers

    • 🟠 React Tutorial 16: Effects

    • 🟠 React Tutorial 17: Prop Drilling

    • 🟠 React Tutorial 18: More Styling!

    • PowerPoint: Interactive Components

    • PowerPoint: Managing State
  • 30

    Week 6 Guided Lab: 🟠 Cities

    • 🟠 Cities Lab

    • Cities Data
  • 31

    Week 6: React Debugging

    • Lecture: Debugging: React

    • 🟠 Lab: Debugging: React

    • PowerPoint: Debugging: React
  • 32

    Week 6 Project: πŸ”΅ To-Do List

    • πŸ”΅Project: To-Do List

    • Demo: onClick Styling
  • 33

    Week 7: Web APIs

    • Lecture: HTTP Requests & Responses

    • Lecture: Postman

    • Lecture: Axios

    • PowerPoint: HTTP Requests & Responses

    • PowerPoint: Postman

    • PowerPoint: Axios

    • 🟠 React Tutorial 19: Web APIs & Postman

    • 🟠 React Tutorial 20: Axios

    • 🟠 React Tutorial 21: Fetching Collections

    • 🟠 React Tutorial 22: Refactoring

    • 🟠 React Tutorial 23: Detail Endpoints

    • 🟠 React Tutorial 24: The Children Prop

    • 🟠 React Tutorial 25: Bootstrap
  • 34

    Week 7: Bootstrap Components

    • Lecture: React Bootstrap

    • PowerPoint: React Bootstrap
  • 35

    Week 7 Project: πŸ”΅ Products Site

    • πŸ”΅Project: Products Site

    • Walkthrough: Product Site
  • 36

    Week 8: REST API

    • Lecture: Intro to REST APIs

    • PowerPoint: Intro to REST APIs
  • 37

    Week 8: Express.js Web APIs

    • Lecture: Intro to Express.js APIs

    • Demo: Creating an Express API Pt. 1 - Initial Configuration

    • Demo: Creating an Express API Pt. 2 - Routing (GET)

    • Demo: Creating an Express API Pt. 3 - POST & PUT

    • Demo: Express.js Middleware

    • Demo: Error Handling in Express.js

    • 🟣 Guide: Setting Up an Express.js API

    • 🟠 Lab: Create an Express.js API

    • PowerPoint: Intro to Express.js APIs
  • 38

    Week 8 Project: πŸ”΅ Social Feed API

    • Project: πŸ”΅ Social Feed Express.js API

    • Walkthrough: Social Feed Express.js API
  • 39

    Week 9: Full Stack Development & Document Based Databases

    • Lecture: Full Stack MERN Development

    • Lecture: Intro to Document Based Databases

    • PowerPoint: Full Stack MERN Development

    • PowerPoint: Intro to Document Based Databases
  • 40

    Week 9: MongoDB - Mongoose

    • Lecture: Intro To MongoDb & Mongoose

    • Demo: Set Up MongoDB Compass

    • Demo: Express.js & MongoDB Tutorial Pt. 1 - Configure Express App

    • Demo: Express.js & MongoDB Tutorial Pt. 2 - Create Models & Schemas

    • Demo: Express.js & MongoDB Tutorial Pt. 3 - GET & POST

    • Demo: Express.js & MongoDB Tutorial Pt. 4 - PUT & Delete

    • 🟣 Guide: Create a MongoDB & Express.js API

    • PowerPoint: MongoDB & Mongoose
  • 41

    Week 9 Project Pt.1: πŸ”΅Music Library API

    • πŸ”΅ Project: Music Library API

    • Walkthrough: Music Library API
  • 42

    Week 9: React Router & Material-UI

    • Lecture: Material-UI

    • Lecture: React Router

    • PowerPoint: React Router

    • PowerPoint: Material-UI
  • 43

    Week 9 Project Pt. 2: πŸ”΅ Music Library Frontend

    • πŸ”΅ Project: Music Library Frontend

    • Walkthrough: Music Library Frontend
  • 44

    Week 10: MongoDB Foreign Keys

    • Lecture: Intermediate MongoDB - Foreign Keys

    • Demo: MongoDB Foreign Keys

    • PowerPoint: Intermediate MongoDB - Foreign Keys
  • 45

    Week 10 Project: πŸ”΅ eCommerce API

    • πŸ”΅ Project: eCommerce API

    • Walkthrough: eCommerce API
  • 46

    Week 11: JWT Authentication In Express.js

    • Lecture: JWT Authentication in Express.js

    • PowerPoint: JWT Authentication In Express.js
  • 47

    Week 11 Guided Project: πŸ”΅ Add Authentication To eCommerce API

    • Guide: Adding JWT Authentication To eCommerce API Pt.1 - Create User Schema

    • Guide: Adding JWT Authentication To eCommerce API Pt.2 - Auth Endpoints (Login & Register)

    • Guide: Adding JWT Authentication To eCommerce API Pt.3 - Protecting Routes With Middleware

    • πŸ”΅ Guided Project: Add Authentication To eCommerce API
  • 48

    Week 11 Project: πŸ”΅ eCommerce Frontend

    • πŸ”΅ Project: eCommerce Frontend

    • Walkthrough: eCommerce Frontend
  • 49

    Week 12: Express.js Controllers & Nested Documents

    • Lecture: Express.js Controllers & Nested Documents

    • PowerPoint: Express.js Controllers & Nested Documents
  • 50

    Week 12 Project: πŸ”΅ Booknook API

    • πŸ”΅ Project: Booknook

    • Walkthrough: Booknook
  • 51

    Week 13 Project: πŸ”΅ Booknook Frontend

    • πŸ”΅ Project: Booknook

    • Walkthrough: Booknook
  • 52

    Week 14 Project: Capstone Pitch

    • 🟣Guide: Capstone