Welcome to CSC 317 at San Francisco State University! 🎉 This course will guide you through the fundamentals of web development, covering everything from HTML & CSS to JavaScript, APIs, and backend development.
- Learn how the web works (client-server model, HTTP, DNS).
- Build and style web pages with HTML & CSS.
- Write interactive web applications using JavaScript.
- Work with Git & GitHub for version control.
- Develop backend applications with Node.js & Express.
- Deploy projects to the web.
| Week | Topics |
|---|---|
| 1 | Introduction & Environment Setup |
| 2 | Unit 1: GitHub Classroom, Assignment 1 |
| 3 | HTML & Semantic Web |
| 4 | HTML & Semantic Web (Continued) |
| 5 | CSS & Responsive Design |
| 6 | CSS & Responsive Design (Continued) |
| 7 | Unix Terminal & HTTP Fundamentals |
| 8 | JavaScript Fundamentals |
| 9 | Backend Basics |
| 10 | Node and Express |
| 11 | Database 1 |
| 12 | Authentication & Security |
| 13 | Group Project 2 Demos & Advanced Topics |
| 14 | Advanced Topics |
| 15 | Group Project 3 Demos & Advanced Topics |
| 16 | Review & Final Exam |
| Finals Week | Group Project 4 Demos |
PLEASE REFER TO CANVAS FOR OFFICIAL CALENDAR.
- Code Editor: VS Code
- Version Control: Git & GitHub
- Web Development: HTML, CSS, JavaScript, Node.js, Express
- Database: Postgres (SQL) or MongoDB
- Deployment: Render.com
- VS Code – Popular & beginner-friendly
- Vim – For those who love keyboard shortcuts ⚡
- NeoVim - For those who love keyboard and still want to be modern
- WebStorm – Feature-rich IDE for JavaScript
- Notepad++ – Lightweight and fast
- Be curious, experiment, and ask questions!
- Use AI tools responsibly—learn from them, don’t just copy-paste.
- Commit your work frequently. (
git commit -m "Save my progress") - Have fun while building awesome things! 🚀