Lesson 1: Introduction to Web Development
Objectives:
Understand what web development is and its importance.
Distinguish between front-end, back-end, and full-stack development.
Identify the core components of a website.
Key Content:
Definition of Web Development.
Types of Web Development: Front-end, Back-end, Full-stack.
Overview of how websites work (client-server model).
Basic web development tools and environments (code editors, browsers, version control).
Activities/Assessments:
Quiz on definitions and concepts.
Discussion: “Why is web development important in today’s world?”
Assignment: List five websites you use frequently and identify their likely tech stack.
Lesson 2: Front-End Development Basics
Objectives:
Understand the role of HTML, CSS, and JavaScript in web development.
Create a simple web page using HTML and CSS.
Learn about responsive design and basic accessibility.
Key Content:
HTML structure and tags (headings, links, lists, forms).
CSS styling (selectors, colors, layout, box model).
Introduction to JavaScript for interactivity.
Responsive design using media queries.
Basic accessibility practices.
Activities/Assessments:
Build a basic personal webpage (name, image, about section).
Code challenge: Style a provided HTML page with CSS.
Quiz on tags and CSS properties.
Lesson 3: Back-End Development Overview
Objectives:
Understand what happens on the server side.
Identify key technologies used in back-end development.
Learn the basics of working with databases.
Key Content:
Role of the server, databases, and application logic.
Common languages: PHP, Python, Node.js.
Introduction to databases: MySQL, PostgreSQL.
HTTP requests and API basics.
Introduction to WordPress as a back-end CMS.
Activities/Assessments:
Quiz: Match technologies to their purpose.
Exercise: Explore WordPress admin dashboard and identify key features.
Short writing task: Explain how a dynamic website works.
Lesson 4: Building and Launching a Simple Website with WordPress
Objectives:
Install and configure a basic WordPress site.
Customize a theme and add essential plugins.
Publish a website and understand basic SEO and security practices.
Key Content:
Installing WordPress (locally or on hosting).
Choosing and customizing a theme.
Essential plugins (SEO, security, backups).
Creating pages and posts.
Introduction to SEO best practices.
Basics of website deployment and maintenance.
Activities/Assessments:
Hands-on: Build a basic 3-page WordPress site.
Quiz on plugins and WordPress features.
Final assignment: Launch a mini website (portfolio, blog, or business page).