INST377 · Dynamic Web Applications

An exploration of the basic methods and tools for developing dynamic, database-driven websites, including acquiring, installing, and running web servers, database servers, and connectability applications.

Syllabus

  1. 01

    Introduction to Web Architecture, Web Protocols, and HTML

    Overview of web architecture, protocols, and basic HTML.

  2. 02

    Git Intro + Practice

    Introduction to Git, covering basics like Git commands and workflows.

  3. 03

    HTML Layout with CSS, JavaScript Linking to HTML

    Creating HTML layouts with CSS and linking JavaScript to HTML.

  4. 04

    JavaScript Basics

    Core JavaScript syntax, variables, and control flow.

  5. 05

    HTTP Methods

    How HTTP methods and status codes drive client-server communication.

  6. 06

    APIs - Standards and Usage

    API design standards and how to consume APIs in an application.

  7. 07

    Front-End JavaScript Libraries

    Surveying popular front-end JavaScript libraries and frameworks.

  8. 08

    AJAX and Asynchronous JavaScript

    Fetching data asynchronously with AJAX and modern JavaScript patterns.

  9. 09

    Node.js

    Introduction to Node.js and server-side JavaScript.

  10. 10

    React.js

    Introduction to React.js for building user interfaces.

  11. 11

    Database, Deployments, and Hosting Web Apps

    Overview of databases, deployments, and hosting web applications. We will deploy using Vercel, and deploy a Database with Supabase.

  12. 12

    Accessibility and Inclusive Web Design

    Principles and practices for building accessible, inclusive web experiences.

Skills you will learn

HTML5

Create well-structured, semantic web pages.

CSS3

Style and layout web pages with modern techniques.

JavaScript

Develop dynamic and interactive web applications.

Git

Version control and collaboration using Git.

APIs

Integrate and use APIs in web applications.

Node.js

Build server-side applications with Node.js.

React.js

Develop user interfaces with React.js.

Accessibility

Design accessible and inclusive web applications.