Web Development with HTML/CSS/JavaScript

Welcome to the Web Development with HTML/CSS/JavaScript course! This course is designed to teach you the basics of web development using three essential tools: HTML, CSS, and JavaScript. By the end of the course, you will have gained proficiency in coding and designing websites that are visually appealing, functional, and responsive. By the end of the course, you will work in small groups to create a website using HTML, CSS, and JavaScript, and each group will present their website to the class for feedback. So let's get started and have fun learning web development!

Course Goals

  • Students will learn the basics of web development with HTML, CSS, and JavaScript.
  • Students will gain proficiency in coding and designing websites that are visually appealing, functional, and responsive.
  • Students will develop critical thinking and problem-solving skills as they troubleshoot coding errors and design challenges.
  • Students will learn to work collaboratively, communicating ideas and giving and receiving feedback to improve their work.
  • Students will gain an understanding of web development principles and current trends in the field.

Course Outline:

  1. Introduction to Web Development

    • Introduction to HTML, CSS, and JavaScript
    • Basic web development concepts and terminology
    • Setting up a development environment

  2. HTML Basics

    • HTML syntax and structure
    • Creating a basic HTML document
    • Adding content, links, and images

  3. CSS Basics

    • CSS syntax and structure
    • Selectors, properties, and values
    • Adding style to HTML elements

  4. Advanced HTML and CSS

    • Creating forms
    • Creating tables
    • CSS layout and positioning

  5. Introduction to JavaScript

    • JavaScript syntax and structure
    • Variables, data types, and operators
    • Basic programming concepts
    • Functions and parameters
    • Conditional statements
    • Looping structures

  6. Advanced HTML & JavaScript

    • JavaScript to manipulate the DOM
    • Introduction to JQuery
    • Introduction to Bootrstrap

  7. Final Project

    • Students will work in small groups to create a website using HTML, CSS, and JavaScript Each group will present their website to the class and receive feedback