Skip to content

dhu2022-dev/web-dev-bootcamp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

135 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Web Development Bootcamp Portfolio

Hi! I'm David Hu. This repo is my working archive from Dr. Angela Yu’s The Complete Full-Stack Web Development Bootcamp on Udemy. It’s a project-based course exploring HTML, CSS, JavaScript, jQuery, React, Node/Express, databases, and introductory Web3 with lessons on best practices and integration along the way.

The image of the course offering below in case Udemy decides to take the course down.

Udemy listing: The Complete Full-Stack Web Development Bootcamp by Dr. Angela Yu

This was my first entry point into computer science before formal CS or industry; when I naively thought software engineering was just “coding” (Things have really changed! lol). I wrote all of this by hand before the age of AI, now with AI it's not so impressive but I hope you'll look back fondly like I do! :)

Contents: Module guide · Course map · Technologies & tools


Module guide

The course content bundled by competency lives in these directories. Each has a README with lesson-level detail. Numbers like Section 14 are Udemy course sections; Lesson 216-style numbers are individual videos within a section.

Html+CSS/ — Full numbered lesson tree for sections 2–11, plus a curated portfolio gallery at portfolio/index.html. → README

JavaScript/ — ES6 drills at the root; DOM mini-apps in subfolders (sections 14–18). → README

jQuery/ — jQuery API playground and Simon game capstone (sections 19–20). → README

Git/ — Git/GitHub practice. No runnable app, the files are dummies to iterate on version histories the git exercises describe from the lessons (section 27). → README

React/ — Numbered Vite lesson apps and the buildup to the Keeper notes app capstone (section 36). → README


Course map

Bootcamp sections in order and where they live in this repo. Folder prefixes match the course: 9.4 … = section 9 · lesson 4; 280-… = video #280 (React).

Section # Topic Folder
2–11, Capstone 1 HTML, CSS, Flexbox, Grid, Bootstrap Html+CSS/
14–18 JavaScript & DOM projects JavaScript/
19–20 jQuery jQuery/
27 Git & GitHub Git/
36 React React/
Bash, Node/Express, databases, deployment, Web3 Not in this repo yet

Technologies & tools

Front-end: HTML5 · CSS3 · Flexbox · CSS Grid · Bootstrap 5 · JavaScript (ES6+) · DOM APIs · jQuery · React · React Hooks

Tooling: Bash · Git · GitHub

Back-end & data: Node.js · NPM · Express.js · EJS · REST · APIs · SQL · PostgreSQL · authentication

Design & delivery: web design (layout, UI patterns) · deployment (e.g. GitHub Pages)

Web3: Internet Computer · blockchain · token contracts · NFT minting/trading (introductory)


Thanks for stopping by! 🌱

About

My Udemy Web Development Projects and Tutorial Code

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors