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
Dr. Om Prakash Yadav
Associate Professor

Dr. Om Prakash Yadav is an Associate Professor in the School of Computer Science and Engineering at Lovely Professional University, with over 20 years of teaching experience and more than 5 years of research expertise in Computer Science and Engineering. He holds a Ph.D. in CSE with specialization in Machine Learning and IoT. He has extensive experience in delivering industry-oriented and outcome-based education in areas such as Web Development (HTML, CSS, JavaScript), Data Structures, Java, Python, Computer Networks, and IoT. He focuses on enabling students to build responsive, interactive, and real-world web applications through hands-on learning, project-based approaches, and exposure to modern development practices. Dr. Yadav has a strong research background with 13 Scopus-indexed publications and 23 UGC-listed papers, along with several book chapters and conference contributions. He is known for his effective communication, structured teaching methodology, and ability to integrate academic concepts with industry requirements. His teaching approach emphasizes practical skills, innovation, and career readiness, preparing students to meet the demands of the modern technology landscape.