teaching_web_development
Web Development with PHP, HTML & CSS
Undergraduate Course
Course Overview
This undergraduate course introduces students to full-stack web development using fundamental technologies: HTML5, CSS3, and PHP. Students will learn to build dynamic, database-driven websites from scratch.
Level: Undergraduate
Prerequisites: Basic programming knowledge (any language)
Duration: 12 weeks (3 hours/week lecture + 2 hours/week lab)
Course Instructor: Soumya Banerjee
Course Website: https://neelsoumya.github.io/teaching_web_development/
Course Materials
Course content and materials can be found in the following files:
- Resources
- Setup instructions
- Installation guide
- HTTP basics
- GET and POST methods
- HTML
- CSS fundamentals
- PHP basics
- Command line
- JavaScript
- SQL basics
- Database MySQL integration
- ASP.NET introduction
- Security
- HCI principles and universal accessibility
- Exams and quizzes
- Bonus materials
Learning Objectives
By the end of this course, students will be able to:
- Create semantic, accessible HTML5 documents
- Design responsive layouts using modern CSS3 techniques
- Develop server-side applications with PHP
- Implement CRUD operations with MySQL databases
- Build secure web applications following best practices
- Deploy and maintain web applications
Course Structure
Module 1: Web Fundamentals (Weeks 1-2)
- How the web works (HTTP, DNS, Client-Server architecture)
- HTML5 structure and semantics
- Forms and input validation
- Introduction to development tools
Module 2: Styling with CSS (Weeks 3-4)
- CSS selectors and specificity
- Box model and layout techniques
- Flexbox and Grid
- Responsive design and media queries
Module 3: Introduction to PHP (Weeks 5-6)
- PHP syntax and data types
- Control structures and functions
- Working with forms and user input
- Sessions and cookies
Module 4: Database Integration (Weeks 7-8)
- MySQL fundamentals
- PHP and MySQL integration
- Prepared statements and security
- Building a CRUD application
Module 5: Advanced Topics (Weeks 9-10)
- Authentication and authorization
- File uploads and handling
- Error handling and debugging
- Introduction to MVC pattern
Module 6: Project & Deployment (Weeks 11-12)
- Final project development
- Security best practices
- Web hosting and deployment
- Performance optimization
Required Materials
- Setup instructions
- Installation guide
- Text Editor (VS Code recommended)
- XAMPP or MAMP (local development environment)
- Modern web browser (Chrome/Firefox with DevTools)
- Git for version control
Recommended Resources
-
Dr. Chuck’s PHP Course: A comprehensive course on PHP programming available on YouTube.
-
Dr. Chuck’s PHP Course on YouTube: A playlist of free video lectures covering web programming concepts.
-
W3Schools (https://www.w3schools.com): A comprehensive resource for learning web technologies including HTML, CSS, and PHP.
Support
- Office Hours: [TBD]
- Discussion Forum: [TBD]
- Teaching Assistants: [TBD]