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

    • PowerPoint: Intro to Node

    • PowerPoint: Intro to React

  • 29

    Week 6: React Tutorial Series - Part 1

    • 🟠 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

  • 30

    Week 6: React - Interactive Components

    • Lecture: Interactive Components

    • Lecture: Managing State

    • PowerPoint: Interactive Components

    • PowerPoint: Managing State

  • 31

    Week 6: React Tutorial Series - Part 2

    • 🟠 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!

  • 32

    Week 6: React Debugging

    • Lecture: Debugging: React

    • 🟠 Lab: Debugging: React

    • PowerPoint: Debugging: React

  • 33

    Week 6 Project: 🔵 To-Do List

    • 🔵Project: To-Do List

    • Demo: onClick Styling

  • 34

    Week 7: Web APIs

    • Lecture: HTTP Requests & Responses

    • Lecture: Postman

    • Lecture: Axios

    • PowerPoint: HTTP Requests & Responses

    • PowerPoint: Postman

    • PowerPoint: Axios

  • 35

    Week 7: Bootstrap Components

    • Lecture: React Bootstrap

    • PowerPoint: React Bootstrap

  • 36

    Week 7 Project: 🔵 Products Site

    • 🔵Project: Products Site

    • Walkthrough: Product Site

  • 37

    Week 8: REST API

    • Lecture: Intro to REST APIs

    • PowerPoint: Intro to REST APIs

  • 38

    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

  • 39

    Week 8 Project: 🔵 Social Feed API

    • Project: 🔵 Social Feed Express.js API

    • Walkthrough: Social Feed Express.js API

  • 40

    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

  • 41

    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

  • 42

    Week 9 Project Pt.1: 🔵Music Library API

    • 🔵 Project: Music Library API

    • Walkthrough: Music Library API

  • 43

    Week 9: React Router & Material-UI

    • Lecture: Material-UI

    • Lecture: React Router

    • PowerPoint: React Router

    • PowerPoint: Material-UI

  • 44

    Week 9 Project Pt. 2: 🔵 Music Library Frontend

    • 🔵 Project: Music Library Frontend

    • Walkthrough: Music Library Frontend

  • 45

    Week 10: MongoDB Foreign Keys

    • Lecture: Intermediate MongoDB - Foreign Keys

    • Demo: MongoDB Foreign Keys

    • PowerPoint: Intermediate MongoDB - Foreign Keys

  • 46

    Week 10 Project: 🔵 eCommerce API

    • 🔵 Project: eCommerce API

    • Walkthrough: eCommerce API

  • 47

    Week 11: JWT Authentication In Express.js

    • Lecture: JWT Authentication in Express.js

    • PowerPoint: JWT Authentication In Express.js

  • 48

    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

  • 49

    Week 11: JWT Authentication In React

    • Lecture: JWT Authentication in React

    • PowerPoint: JWT Authentication in React

  • 50

    Week 11 Project: 🔵 eCommerce Frontend

    • 🔵 Project: eCommerce Frontend

    • Walkthrough: eCommerce Frontend

  • 51

    Week 12: Express.js Controllers & Nested MongoDB Documents

    • Lecture: Express.js Controllers & Nested Documents

    • PowerPoint: Express.js Controllers & Nested Documents

  • 52

    Week 12 Project: 🔵 Booknook API

    • Project: BookNook

    • Walkthrough: BookNook

  • 53

    Week 13 Project: 🔵 Booknook Frontend

    • Project: BookNook

    • Walkthrough: BookNook

  • 54

    Week 14 Project: Capstone Pitch

    • 🟣Guide: Capstone