Web Development Lesson Plan

theimran.com

Web Technologies Lesson Plan

Overview

  1. Introduction 10 mins
  2. Basic Concepts 20 mins
  3. Setting Up Environment 15 mins
  4. HTML Basics 30 mins
  5. Q & A and Wrap Up 1 mins

Overview

  1. HTML Links and Navigation 30 mins
  2. Working with Images 20 mins
  3. HTML Forms 20 mins
  4. Q & A and Wrap Up 10 mins

  1. Introduction to CSS 25 mins
  2. Classes in HTML and CSS 25 mins
  3. CSS Box Model 20 mins
  4. Q & A and Wrap Up 10 mins

  1. Advanced CSS Styling 30 mins
  2. Building a Simple Portfolio Website 90 mins

In this lesson, I will take learners through a thirdparty library called formspree that automatically validates forms for users

Portfolio Website

  • Introduction to JavaScript 30 mins
  • JavaScript in the Browser 90 mins
  • Interactive Exercises 20 mins
  • Q&A and Wrap-up 10 mins
  • Introduction to Functions 30 mins
  • Parameters and Return Values 25 mins
  • Interactive Exercises 20 mins
  • Q&A and Wrap-up 10 mins
  • Introduction to Conditional Statements 30 mins
  • Switch Statements 20 mins
  • Interactive Exercises 20 mins
  • Q&A and Wrap-up 10 mins
  • Introduction to JSON 30 mins
  • Working with JSON Data 20 mins
  • Hands-on JSON Exercises 20 mins
  • Q&A and Wrap-up 10 mins
  • In this lesson, I will train the learners on how to use a third party library called intasend to access payment gateway integrations
    During this session, I will take the learner's through a step by step process on building a dynamic task management website
    During these sessions, we will spend time to create projects that reflect the learnings from our past couple of sessions
    PLP Lesson Plan