Web Development (Front-End) Course

Module 1: Introduction to Front-End Development

• – What is Front-End Development?
• – Difference between Front-End, Back-End, and Full Stack
• – Roles and responsibilities of a Front-End Developer
• – Tools and technologies overview

Module 2: HTML – Structure of Web Pages

• – What is HTML?
• – HTML Document structure
• – Common HTML tags: headings, paragraphs, links, images, lists
• – Forms and form elements
• – Semantic HTML5 elements

Module 3: CSS – Styling Web Pages

• – What is CSS?
• – Selectors, properties, and values
• – Box Model and layout techniques
• – Flexbox and Grid systems
• – CSS units and responsive design with media queries
• – Pseudo-classes and pseudo-elements

Module 4: JavaScript – Adding Interactivity

• – What is JavaScript?
• – Variables, data types, and operators
• – Conditional statements and loops
• – Functions and scope
• – DOM manipulation and events
• – ES6+ features: let, const, arrow functions, template literals

Module 5: Advanced JavaScript Concepts

• – Arrays, Objects, and their methods
• – Callback functions and Promises
• – Async/Await syntax
• – JavaScript Closures and Hoisting
• – Event Delegation and Bubbling

Module 6: Version Control with Git & GitHub

• – What is Git and GitHub?
• – Basic Git commands: clone, add, commit, push, pull
• – Creating and managing repositories
• – Branching and merging
• – Using GitHub for collaboration