Website Development Foundations
Categories: DevOpsThis guide introduces the foundational steps in web development—from setting up your About Me site to documenting your tools and workflow. You'll learn how to publish with GitHub Pages and create a central homepage to organize your developer journey.
Website Development: Projects & Personalization
After setting up your tools, Day 2 focuses on building your personal site, exploring creative coding projects, and collaborating through GitHub and VSCode. This is where your developer identity takes shape and you explore what’s possible.
Documentation
- Set up About Me site
- Link to tools & class
- Use GitHub Pages
Personal Site
Create a personal website using GitHub Pages. This will be your space to share who you are and organize your development journey.
VSCode & Collaboration
- Use VSCode Live Share
- Pair program with others
- Track commit history
Pair Programming
Collaborate with classmates in real time using VSCode Live Share. Learn to track changes, push updates, and work together like real dev teams.
Data Storage
- Explore relational and non-relational databases
- Understand how Flask and Spring connect to databases
- Set up and query a basic database
Store Information
Learn about how web apps store data. Explore types of databases and how backend frameworks like Flask and Spring interact with them.
Data Retrieval
- Integrate backend storage with frontend interfaces
- Use APIs to send and receive data
- Build dynamic web pages using retrieved data
Build Functional Websites
Learn how full-stack applications retrieve and display data. Understand how to build endpoints, query your database, and present results on your site.
Creative Code Projects
- Edit Python/JS games
- Customize visuals
- Practice creativity
Interactive Fun
Modify Snake or Turtle games in Python or JavaScript to explore coding logic in a fun and creative way.