Web Development
FAB-252601
Module Overview
Web Development is the process of creating websites and web applications for the internet. It involves designing the structure of web pages using HTML, styling them using CSS, and adding interactivity using JavaScript. Web development enables developers to build responsive, user-friendly, and dynamic websites. It is widely used in business websites, e-commerce platforms, blogs, portfolios, and web applications. Learning web development helps students understand how the internet works and how modern websites are built.
Curriculum
Course Overview
This 10-day FabStudio Web Development course is designed to provide students with strong fundamentals in front-end web development using HTML, CSS, and JavaScript. The course includes practical sessions focused on building responsive and interactive websites.
Duration: 10 Days
Technologies Covered: HTML, CSS, JavaScript
Goal: Build and deploy a complete responsive website with interactive features.
Learning Objectives
- Understand how websites work and basic web architecture.
- Create structured web pages using HTML.
- Design attractive layouts using CSS.
- Add interactivity using JavaScript.
- Build a complete responsive website project.
- Improve creativity and problem-solving skills.
Course Content
Day 1: Introduction to Web & HTML Basics
- Introduction to Web Development
- How the internet works
- HTML structure and basic tags
- Headings, paragraphs, links, images
Day 2: HTML Forms & Tables
- Forms and input elements
- Tables
- Lists (Ordered & Unordered)
- Mini practice webpage
Day 3: Introduction to CSS
- What is CSS?
- Inline, Internal, External CSS
- Colors, Fonts, Backgrounds
Day 4: CSS Layout & Box Model
- Box model
- Margin, Padding, Border
- Display properties
Day 5: Flexbox & Responsive Design
- Introduction to Flexbox
- Responsive design basics
- Media queries
Day 6: Introduction to JavaScript
- What is JavaScript?
- Variables and Data Types
- Output methods
Day 7: Conditions & Loops in JavaScript
- if-else statements
- switch case
- for and while loops
Day 8: DOM Manipulation
- What is DOM?
- Selecting elements
- Event handling
Day 9: Mini Project Development
- Designing webpage layout
- Adding styles
- Adding JavaScript interactivity
Day 10: Final Project & Presentation
- Complete responsive website
- Student presentations
- Feedback and career guidance