LPU - Lovely Professional University
What you'll learn

Course Description : This course provides an in-depth understanding of modern front-end web development using HTML5, CSS3, and JavaScript. It focuses on designing responsive, interactive, and user-centric web applications through advanced layout techniques, dynamic scripting, and API integration. The course also introduces version control, deployment practices, and basic component-based development concepts, enabling students to build industry-relevant web solutions through hands-on learning. Learning Outcome: Design and develop responsive and accessible web interfaces using HTML5 and CSS3. Build interactive web applications using JavaScript and DOM manipulation techniques. Apply modern JavaScript (ES6+) concepts and perform API integration using asynchronous programming. Develop user-centric, mobile-first web applications following modern design principles. Utilize version control and deployment tools to develop, manage, and publish web applications.

  • Course intro + expectations, HTML structure revision Semantic HTML (header, section, article) Forms (input types, validation) Accessibility basics (labels, alt, ARIA intro) CSS basics revision (selectors, box model) Display properties Flexbox Flexbox
  • CSS Grid basics Grid layout practice Media queries Mobile-first design CSS variables Transitions & transform Animations (keyframes) Mini Project: Responsive Landing Page
  • JS basics revision Scope & hoisting Functions & arrow functions Arrays (map, filter, reduce) DOM selection DOM manipulation Events Mini Project: Interactive page
  • let, const, template literals Destructuring Spread/rest Objects & classes Promises async/await Fetch API Mini Project: API-Based Web App (Weather)
  • LocalStorage SessionStorage Form handling with JS Validation + storage Git basics GitHub workflow Deployment Mini Project: To-Do App (with hosting)
  • Introduction to React & SPA Setting up React Components Props State Events & Forms Components JSX

Avatar
Raman Goyal
Assistant Professor

Raman Goyal


Avatar
Lalit Verma
Assistant Professor

Assistant Professor