Website Development: Projects & Personalization

After setting up your tools, the next focus is on building your personal site, exploring creative coding projects, learning about persistent data, and collaborating through GitHub and VSCode. This is where your developer identity starts to take shape and you explore what’s possible.

Learn how to write clean, readable content using Markdown syntax.

Introduction to Markdown

  • Master headings, lists, links, and images
  • Use code blocks and blockquotes
  • Create tables and checklists for better organization

Write Clear Documentation

Get started with Markdown to create well-structured text documents for web pages, READMEs, and notes.

GitHub Pages About Me

Build Your Personal Page

  • Set up About Me site
  • Link to tools & class
  • Use GitHub Pages

Personal Site

Create a personal about page using GitHub Pages. This will be your space to share who you are and start your development journey.

VSCode Live Share

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.

Snake and Turtle Game

Creative Code Projects

  • Edit Python/JS games
  • Customize visuals
  • Practice creativity

Interactive Fun

Collaborate with classmates in real time using VSCode Live Share. Learn to track changes, push updates, and work together like real dev teams.

Flask Server Project

Python/Flask Starter

  • Clone a Flask starter repo
  • Run local server with VSCode
  • Explore SQLite user data

Backend & Databases

Explort Python Flask to build a simple backend server. Learn how to set up a local development .env, intialize and interact with SQLite databases.

Spring Server Project

Java/Spring Starter

  • Clone a Spring starter repo
  • Run local server with VSCode
  • Explore SQLite user data

Backend & Databases

Explore Java Spring to build a simple backend server. Learn how to set up a local development .env, initialize and interact with SQLite databases.

Learn how websites store information using databases like SQLite.

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.

Learn to fetch and display data dynamically from the backend to the frontend.

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.

Set up data storage using Python and Flask

Python with Flask

  • Run Flask locally
  • Connect to SQLite
  • Build simple data endpoints

Lightweight and Flexible

A beginner-friendly setup that introduces routing, templating, and database integration using SQLite.

Set up data storage using Java and Spring Boot

Java with Spring Boot

  • Run Spring Boot locally
  • Use H2 or PostgreSQL
  • Create simple REST endpoints

Powerful and Scalable

A robust Java framework for building APIs and connecting to production-ready databases like PostgreSQL.