WDD-01 · Published learning plan
Web Development & Designing
A practical programme covering modern website design, responsive interfaces, front-end development, back-end fundamentals, and the skills needed to build complete web projects.
- Duration
- 3 months
- Current intake
- Batch-01
- Curriculum
- 27 topics
- Applications
- 28 Jul 2026 – 20 Aug 2026
What you will learn
Course curriculum
Topics are shown in the order planned for Batch-01.
-
01
1. Web Development Foundations
Explain how websites, browsers, servers, domains, and HTTP work; install a code editor and create a project folder.
-
02
2. HTML Document Structure
Create a valid HTML page using doctype, head, metadata, body, headings, paragraphs, and comments.
-
03
3. HTML Text and Links
Format text and build internal, external, email, and page-section links.
-
04
4. HTML Images, Lists, and Tables
Add accessible images, organize content with lists, and display structured data in tables.
-
05
5. Semantic HTML and Page Layout
Structure pages with header, nav, main, section, article, aside, and footer elements.
-
06
6. HTML Forms
Build forms using labels, inputs, select menus, text areas, buttons, and basic validation attributes.
-
07
7. CSS Fundamentals
Connect CSS to HTML and apply selectors, colors, units, backgrounds, and typography.
-
08
8. CSS Box Model
Control element dimensions, padding, borders, margins, overflow, and box sizing.
-
09
9. CSS Display and Positioning
Use display, visibility, position, z-index, and floating elements to control layouts.
-
10
10. Flexbox Layouts
Create one-dimensional layouts and align, space, order, and wrap page elements with Flexbox.
-
11
11. CSS Grid Layouts
Build row-and-column layouts using grid containers, tracks, gaps, and item placement.
-
12
12. Responsive Web Design
Create mobile-friendly pages using fluid sizing, media queries, and responsive images.
-
13
13. CSS Styling Project
Design a responsive multi-section landing page by applying HTML structure and custom CSS.
-
14
14. Bootstrap Foundations
Add Bootstrap to a project and use containers, spacing utilities, colors, typography, and buttons.
-
15
15. Bootstrap Grid System
Create responsive page layouts using rows, columns, breakpoints, and gutters.
-
16
16. Bootstrap Components
Build interfaces with navigation bars, cards, alerts, tables, forms, and modals.
-
17
17. Bootstrap Website Project
Produce a responsive multi-page business website using Bootstrap components and utilities.
-
18
18. PHP Setup and Syntax
Configure a local PHP server and use PHP tags, variables, data types, constants, and output statements.
-
19
19. PHP Operators and Decisions
Process values and control program decisions with operators, if statements, and switch statements.
-
20
20. PHP Loops and Arrays
Store collections in indexed and associative arrays and process them using loop structures.
-
21
21. PHP Functions and Includes
Create reusable functions and organize pages with include and require files.
-
22
22. PHP Forms and Validation
Receive GET and POST data, validate input, sanitize values, and display helpful error messages.
-
23
23. PHP Sessions and Authentication
Use sessions to create basic registration, login, logout, and protected-page workflows.
-
24
24. MySQL Database Foundations
Design databases and create tables, fields, primary keys, relationships, and suitable data types.
-
25
25. SQL Data Operations
Insert, retrieve, filter, update, delete, sort, and combine records using essential SQL queries.
-
26
26. PHP and MySQL Integration
Connect PHP to MySQL with prepared statements and implement secure CRUD operations.
-
27
27. Full-Stack Final Project
Plan, build, test, and present a responsive PHP and MySQL website featuring authentication, validation, CRUD operations, and basic deployment preparation.