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).