Course curriculum

  • 1

    Day 1: Orientation

    • Welcome to Class!

    • PowerPoint: Welcome To devCodeCamp

    • PowerPoint: Roadmap To Success

    • PowerPoint: Intro to Code

    • Guide - Document Designs

    • Guide - How To Properly Use Videos

    • devCodeCamp Student Hub

  • 2

    Day 1: HTML Basics

    • Overview

    • Lecture: Intro to HTML

    • Demo: HTML & IDE

    • 🟠 Lab: HTML

    • PowerPoint: HTML

    • Article: HTML

  • 3

    Day 2: CSS Basics

    • Overview

    • Lecture: CSS

    • Demo: CSS

    • 🟠 Lab: CSS

    • PowerPoint: CSS

  • 4

    Day 3: Responsive Design

    • Overview

    • Lecture: Flexbox & Grid

    • Demo: Flexbox & Grid

    • 🟠 Lab: Flexbox & Grid

    • PowerPoint: Flexbox & Grid

  • 5

    🔵Day 4: Bootstrap & Design Practices

    • Overview

    • Lecture: Bootstrap

    • Lecture: User Experience

    • 🔵 Project: Personal Website

    • PowerPoint: Bootstrap

    • PowerPoint: User Experience

  • 6

    Day 5: Git & Github

    • Overview

    • Lecture: Source Control

    • 🟣Guide: Setup GitHub & GitHub Desktop

    • 🟣Guide: Initializing Repos & Committing

    • PowerPoint: Source Control

  • 7

    Day 6: Intro to JavaScript

    • Overview

    • Lecture: Intro to JavaScript

    • Lecture: Control Flow

    • Demo: Variables, DataTypes, and Operators

    • Demo: Control Flow

    • 🟠Lab: Variables, DataTypes, and Operators

    • 🟠Lab: Control Flow

    • PowerPoint: Intro to Programming: JavaScript

    • PowerPoint: Control Flow

  • 8

    Day 7: Loops & Arrays

    • Overview

    • Lecture: Loops

    • Lecture: Arrays

    • Demo: Loops

    • Demo: Arrays

    • 🟠Lab: Loops

    • 🟠Lab: Arrays

    • PowerPoint: Loops

    • PowerPoint: Arrays

  • 9

    Day 8: Functions

    • Overview

    • Lecture: Functions

    • Demo: Functions

    • 🟠Lab: Functions

    • PowerPoint: Functions

  • 10

    🔵Day 9: Debugging & Day Trip Generator

    • Overview

    • Lecture: Debugging

    • Demo: Debugging

    • PowerPoint: Debugging

    • 🔵Project: Day Trip Generator

    • Walkthrough: Day Trip Generator

  • 11

    Day 10: Work Day

    • Overview

  • 12

    Day 11: Algorithms & Problem Solving

    • Overview

    • 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

  • 13

    Day 12: Intro to AI

    • Overview

    • Lecture: Intro to AI

    • PowerPoint: Intro to AI

  • 14

    🔵Day 13: Callbacks & Higher Order Array Methods

    • Overview

    • Lecture: Callbacks & Higher Order Array Methods

    • PowerPoint: Callbacks & Higher Order Array Methods

    • 🔵Project: Most Wanted

    • Walkthrough: Most Wanted

  • 15

    Day 14: Default Parameters/ Recursion & Error Handling

    • Overview

    • Lecture: Default Parameters & Recursion

    • PowerPoint: Default Parameters & Recursion

    • Lecture: Error Handling

    • PowerPoint: Error Handling

  • 16

    Day 15: JavaScript OOP

    • Overview

    • Lecture: Intro to Object Oriented Programming (OOP)

    • Demo: Object Oriented Programming

    • 🟠 Lab: Money Transfer

    • PowerPoint: Intro to Object Oriented Programming (OOP)

  • 17

    Day 16: Inheritance, SOLID, UML

    • Overview

    • Lecture: Inheritance

    • Lecture: SOL of SOLID

    • Lecture: UML

    • 🔵Project: Robot vs Dinosaur

    • Walkthrough: Robot vs Dinosaur

    • PowerPoint: Inheritance

    • PowerPoint: SOL of SOLID

  • 18

    Day 17: Four Pillars of OOP

    • Overview

    • Lecture: Four Pillars of OOP

    • PowerPoint: Four Pillars of OOP

  • 19

    Day 18: DOM Manipulation

    • Overview

    • Lecture: HTML Listeners & JavaScript Events

    • Lecture: Arrow Functions

    • Demo: HTML Listeners & JavaScript Events

    • 🟠 Lab: DOM Manipulation

    • PowerPoint: HTML Listeners & JavaScript Events

    • PowerPoint: Arrow Functions

  • 20

    🔵Day 19: JQuery

    • Overview

    • Lecture: jQuery

    • 🔵Project: Social Feed

    • Walkthrough: Social Feed

    • PowerPoint: jQuery

    • Article: Getting Started with jQuery

  • 21

    Day 20: Practical Applications of AI

    • Overview

    • Lecture: AI Assisted Development

    • PowerPoint: AI Assisted Development

  • 22

    Day 21: Intro to Node.js & React.js

    • Overview

    • Lecture: Intro to Node

    • Lecture: Intro to React

    • PowerPoint: Intro to Node

    • PowerPoint: Intro to React

  • 23

    Day 21: 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

  • 24

    Day 22: Interactive Components React.js

    • Overview

    • Lecture: Interactive Components

    • Lecture: Managing State

    • PowerPoint: Interactive Components

    • PowerPoint: Managing State

  • 25

    Day 22: 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!

  • 26

    Day 23: React Labs

    • Overview

  • 27

    Day 24: React Labs

    • Overview

  • 28

    Day 25: React Debugging

    • Overview

    • Lecture: Debugging: React

    • 🟠 Lab: Debugging: React

    • PowerPoint: Debugging: React

  • 29

    🔵Day 26: To-Do Application

    • Overview

    • 🔵Project: To-Do List

    • Demo: onClick Styling

    • Walkthrough: To-Do Application

  • 30

    Day 27: Work Day

    • Overview

  • 31

    Day 28: HTTP Requests and Responses

    • Overview

    • Lecture: HTTP Requests & Responses

    • Lecture: Postman

    • Lecture: Axios

    • PowerPoint: HTTP Requests & Responses

    • PowerPoint: Postman

    • PowerPoint: Axios

  • 32

    Day 28: React Tutorial Series - Part 3

    • 🟠 React Tutorial 19: Web APIs & Postman

    • 🟠 React Tutorial 20: Axios

    • 🟠 React Tutorial 21: Data Fetching

    • 🟠 React Tutorial 22: Refactoring

    • 🟠 React Tutorial 23: Fetched Data by ID

    • 🟠 React Tutorial 24: "Children" Prop

    • 🟠 React Tutorial 25: Styling With Bootstrap

  • 33

    🔵Day 29: React-Strap & Product Site

    • Overview

    • Lecture: React Bootstrap

    • 🔵Project: Products Site

    • Walkthrough: Product Site

    • PowerPoint: React Bootstrap

  • 34

    Day 30: Work Day

    • Overview

  • 35

    Day 31: Intro to Express

    • Overview

    • 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

    • 🟣 Guide: Setting Up an Express.js API

    • 🟠 Lab: Create an Express.js API

    • PowerPoint: Intro to Express.js APIs

  • 36

    🔵 Day 32: REST APIs & Social Feed API

    • Overview

    • Lecture: Intro to REST APIs

    • Demo: Error Handling in Express.js

    • 🔵Project: Social Feed API

    • Walkthrough: Social Feed Express.js API

    • PowerPoint: Intro to REST APIs

  • 37

    Day 33: Work Day

    • Overview

  • 38

    Day 34: Intro to MongoDb/Mongoose

    • Overview

    • Lecture: Full Stack MERN Development

    • Lecture: Intro to Document Based Databases

    • 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: Full Stack MERN Development

    • PowerPoint: Intro to Document Based Databases

    • PowerPoint: MongoDB & Mongoose

  • 39

    🔵 Day 35: Music Library API

    • Overview

    • 🔵 Project: Music Library API

    • Walkthrough: Music Library API

  • 40

    Day 36: Work Day

    • Overview

  • 41

    🔵 Day 37: React Router, Material-UI, & Music Library Frontend

    • Overview

    • Lecture: Material-UI

    • 🔵 Project: Music Library Frontend

    • Walkthrough: Music Library Frontend

    • PowerPoint: Material-UI

    • PowerPoint: React Router

  • 42

    Day 38: Work Day

    • Overview

  • 43

    Day 39: Work Day

    • Overview

  • 44

    🔵 Day 40: Intermediate MongoDB & eCommerce API

    • Overview

    • Lecture: Intermediate MongoDB - Foreign Keys

    • Demo: MongoDB Foreign Keys

    • 🔵 Project: eCommerce API

    • Walkthrough: eCommerce API

    • PowerPoint: Intermediate MongoDB - Foreign Keys

  • 45

    Day 41: Work Day

    • Overview

  • 46

    🔵Day 42: Authentication & JWT in Express.js

    • Overview

    • Lecture: JWT Authentication in Express.js

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

    • PowerPoint: JWT Authentication In Express.js

  • 47

    🔵 Day 43: JWT in React & eCommerce Frontend

    • Overview

    • Lecture: React JWT

    • Walkthrough: eCommerce Frontend

    • 🔵 Project: eCommerce Frontend

    • PowerPoint: React JWT

  • 48

    Day 44: Work Day

    • Overview

  • 49

    Day 45: Work Day

    • Overview

  • 50

    🔵Day 46: Book Nook

    • Overview

    • Lecture: Express.js Controllers & Nested Documents

    • 🔵Project: Book Nook

    • Walkthrough: Booknook

    • PowerPoint: Express.js Controllers & Nested Documents

  • 51

    Day 47: Work Day

    • Overview

  • 52

    Day 48: Work Day

    • Overview

  • 53

    Day 49: Work Day

    • Overview

  • 54

    Day 50: Work Day

    • Overview

  • 55

    Day 51: Capstone

    • Overview - Capstone Pitches

    • 🟣Guide: Capstone

    • Demo - Project Plan (Only Watch After Approved User Stories)

  • 56

    Day 52: Capstone

    • Overview

  • 57

    Day 53: Capstone

    • Overview

  • 58

    Day 54: Capstone

    • Overview

  • 59

    Day 55: Capstone

    • Overview

  • 60

    Day 56: Capstone

    • Overview

  • 61

    Day 57: Capstone

    • Overview

  • 62

    Day 58: Capstone

    • Overview

  • 63

    Day 59: Capstone

    • Overview

  • 64

    Day 60: Capstone

    • Overview