syllabus.html

📋 Course Syllabus

// Course description and learning outcomes

Course Description

This course introduces the principles and techniques of web application development. Students will gain hands-on experience with modern web technologies and acquire skills to build interactive and dynamic web applications.

Topics Include:

  • Web infrastructure and HTTP protocol
  • Client-side programming (HTML5, CSS3, JavaScript, DOM, Ajax)
  • Component-based development with React.js
  • Server-side scripting with PHP
  • Database interaction and RESTful API design

By the end of the course, students will be able to design, develop, and deploy full-stack web applications.

Course Learning Outcomes

// Upon successful completion, students will be able to:

🌐 Web Fundamentals

  1. Describe key concepts of internet architecture that support web applications
  2. Understand the structure of the World-Wide-Web
  3. Identify compatibility issues across popular browsers

🎨 Frontend Development

  1. Use HTML5 for structuring web pages
  2. Apply CSS3 for styling, formatting, and enhancing web pages
  3. Construct and validate web pages using HTML5 and CSS3

⚡ JavaScript & Interactivity

  1. Implement client-side logic with JavaScript
  2. Handle events using JavaScript and the DOM
  3. Work with XML and JSON for data representation
  4. Develop dynamic web pages using Ajax

🚀 Full-Stack Development

  1. Implement server-side scripts with PHP to serve client requests
  2. Build and integrate RESTful APIs
  3. Develop and deploy a React-based web application

Course Topics

// Main topics covered throughout the semester

🌐 Web Foundations

  • The Internet and its Architecture
  • HTML
  • Cascading Style Sheets

⚡ JavaScript Programming

  • JavaScript: Part 1 (Introduction, Control Statements & Functions)
  • JavaScript: Part 2 (Arrays & Objects)
  • Document Object Model (DOM)
  • JavaScript: Part 3 (Events)

🔄 Data & APIs

  • JavaScript Object Notation (JSON)
  • AJAX
  • Asynchronous JavaScript
  • Functional Programming

⚛️ Modern Frameworks

  • Single Page Applications (SPA)
  • React Basics
  • React Hooks
  • React Router
  • React Context

🔧 Backend Development

  • PHP Basics
  • PHP Form Handling
  • MySQL Basics
  • PHP Database Connection
  • PHP Data Objects (PDO)
  • RESTful APIs

References & Resources

// Essential learning materials and documentation

📚 Primary Resources

🛠️ Development Tools

  • Visual Studio Code
  • Browser Developer Tools
  • Git & GitHub
  • Node.js & npm

🌐 Online Platforms

  • React Documentation
  • PHP Manual
  • MySQL Documentation
  • Stack Overflow

Prerequisites

// Required courses before taking CPIT 405

CPIT-370

Computer Networks

CPIT-252

Software Design Patterns