What you'll learn

This course introduces the foundations of modern web programming using HTML, CSS, and JavaScript. Learners will gain hands-on experience in building responsive and interactive web applications. The course begins with an overview of web technologies, HTML structure, and styling with CSS, then progresses to advanced topics such as forms, multimedia integration, layout techniques, and client-side interactivity using JavaScript. Emphasis is placed on practical exercises and projects to ensure participants can design and implement functional, user-friendly, and visually appealing websites. Learning Outcomes By the end of this course, learners will be able to: Understand the web ecosystem – Explain the role of HTML, CSS, and JavaScript in web development and their interaction in rendering modern websites. Design structured web pages – Create well-structured HTML documents with semantic elements, forms, tables, multimedia, and links. Apply CSS styling – Use CSS for page formatting, layout, responsiveness, and aesthetic presentation. Develop interactive features – Implement JavaScript to add interactivity, event handling, DOM manipulation, and form validation. Build responsive web applications – Integrate HTML, CSS, and JavaScript to create functional, dynamic, and cross-browser compatible websites. Demonstrate practical competence – Apply concepts through hands-on exercises, mini-projects, and problem-solving tasks aligned with real-world scenarios.

  • This topic focuses on making web pages dynamic and interactive using JavaScript. Learners will work with DOM events, form validation, timers, alerts, and advanced JavaScript concepts, and explore integrating JS with CSS for enhanced user experience.
  • This topic enables learners to apply HTML, CSS, and JavaScript skills through practical projects. Students will work with HTML5 APIs, develop mini projects, and present their work, reinforcing real-world web development concepts. The module concludes with a final wrap-up to consolidate learning outcomes.
  • This topic introduces the basics of web technologies and HTML, covering document structure, elements, and attributes. Learners will create web pages with text, images, links, multimedia, tables, and forms. Advanced topics include semantic HTML, HTML5 features, and best practices for accessible and responsive web design.
  • This topic introduces CSS for styling and enhancing the presentation of web pages. Learners will explore CSS selectors, text and font styling, the box model, and layout techniques including positioning. By the end, students will be able to create visually appealing and well-structured web designs.
  • This topic covers advanced CSS techniques for modern web design, including Flexbox and Grid for layout management. Learners will implement responsive design to ensure web pages adapt to different devices and add interactivity using CSS transitions. The module concludes with a project review integrating HTML and CSS skills.
  • Core JavaScript Programming

Dr. Avinash Kaur
Professor

Dr. Avinash Kaur is a Professor and Head of the Cognitive Computing domain in the School of Computer Science and Engineering at Lovely Professional University (LPU), Phagwara. She holds a Ph.D. in Computer Science and has rich teaching experience in Databases, Big Data, Data Science, Machine Learning, and Artificial Intelligence. Her research interests span Cloud/Fog/Edge Computing, IoMT, and ML-based healthcare systems, with over 60 publications in reputed journals. She has also played key roles in organizing academic events.


Dr. Parminder Singh
Professor

Dr. Parminder Singh is a Professor and Head of Software Engineering domain in the School of Computer Science and Engineering at Lovely Professional University (LPU), Phagwara. He holds a Ph.D. in Computer Science and has extensive teaching experience in DBMS, Machine Learning, and programming languages like C, C++, Java, and R. His research focuses on cloud computing, intelligent systems, and data privacy, with over 80 publications and 2000+ citations. He has also contributed to academic events like and actively mentors students in research and development.