Web Development
FAB-242501
Module Overview
The Web Development Module introduced students to the fundamentals of creating modern, responsive websites. Participants learned HTML, CSS, and basic JavaScript to design and structure webpages, while exploring UI/UX principles, layouts, and animations. This module helped students build interactive web projects, enhancing their creativity, design thinking, and frontend development skills.
Curriculum
Course Overview
This module introduces the fundamentals of Web Development, where students learn to create modern and responsive websites using HTML, CSS, and basic JavaScript. The focus is on understanding webpage structure, styling, and building a functional web page project.
Learning Objectives
- Understand the basics of HTML and webpage structure
- Learn CSS styling and layout design
- Develop skills in creating responsive webpages
- Build a simple interactive website project
Course Content
Day 1: Introduction to Web Development & HTML
Introduction to Web Development, understanding how websites work, basics of HTML, tags, elements, headings, paragraphs, links, and images.
Day 2: HTML Practice & Page Structure
Creating a basic webpage, working with lists, tables, forms, and organizing content properly.
Day 3: Introduction to CSS
Basics of CSS, including colors, fonts, backgrounds, borders, and styling webpages.
Day 4: Layout & Responsive Design
Learning CSS layout techniques, alignment, spacing, and creating a responsive webpage design.
Day 5: Final Project
Building a complete webpage project by combining HTML and CSS, and showcasing the final output.