Scribd
Upload
2 views

Web application project development (Level-4) Lab Lesson Plan

The document outlines a comprehensive lesson plan for a web application project development course at the University of Global Village. It details 17 lessons covering essential topics such as JavaScript fundamentals, HTML/CSS, DOM manipulation, and project deployment. The course aims to equip students with the skills to build and deploy functional web applications.

Uploaded by

MD. MINHAJ UL ISLAM
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
2 views

Web application project development (Level-4) Lab Lesson Plan

The document outlines a comprehensive lesson plan for a web application project development course at the University of Global Village. It details 17 lessons covering essential topics such as JavaScript fundamentals, HTML/CSS, DOM manipulation, and project deployment. The course aims to equip students with the skills to build and deploy functional web applications.

Uploaded by

MD. MINHAJ UL ISLAM
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

University of Global Village (UGV), Barishal.

Lesson Plan: CSE Lab Courses


Course Name Web application project development

Course Code CSE

Semester 4th

Course Level 04

Supervisor Md Minhaj Ul Islam

Instructor/Assistant Abdul Aziz

Lesson Lesson Title Lesson Details Remarks


No

1. Describe the core concepts and Understand the fundamentals of web


principles of web development, development, including client-server
including client-server architecture, HTTP/HTTPS
architecture, HTTP/HTTPS protocols, and web standards.
protocols, and web standards.

2. JavaScript Fundamentals: Syntax, Learn the basics of JavaScript


variables, data types, and control programming, covering syntax,
structures. variable declaration, data types, and
control flow structures like loops
and conditionals.

3. JavaScript Functions: Function Explore different ways to define and


declarations, expressions, and use functions in JavaScript,
arrow functions. including traditional declarations,
function expressions, and modern
arrow functions.

4. JavaScript Objects and Arrays: Master working with objects and


Creation, properties, methods, arrays, including how to create,
and manipulation. modify, and utilize their built-in
methods for efficient data handling.

5. Introduction to HTML: Structure Learn the fundamental building


blocks of web pages using HTML,
University of Global Village (UGV), Barishal.
of web pages, tags, and attributes. understanding document structure,
essential tags, and attributes.

6. Styling with CSS: Selectors, Explore the core concepts of CSS,


properties, responsive design including selectors, properties, and
concepts. techniques for making websites
responsive across different screen
sizes.

7. DOM Manipulation: Selecting Understand how to interact with and


and updating elements, event modify the Document Object Model
handling. (DOM) dynamically using
JavaScript for creating interactive
web pages.

8. Real-world Application: Learn how to combine front-end


Integrating front-end (HTML, technologies with backend concepts
CSS, JS) and back-end concepts to build functional web applications
with real-world use cases.

9. Advanced JavaScript Concepts: Deep dive into JavaScript’s


Destructuring, scope, hoisting, advanced features, including
and this keyword. variable scope, destructuring,
hoisting, and the behavior of the
‘this’ keyword.

10. JSON and APIs: Parsing, Understand how to work with JSON
fetching, and handling data from data, fetch data from APIs using
external sources. JavaScript, and handle responses
effectively.

11. Strings and Numbers: Methods, Learn various methods for string and
templates, and manipulations in number manipulations, including
JavaScript. searching, formatting, and using
template literals.

12. JavaScript Dates and Math Explore JavaScript’s Date and Math
Operations: Date formats, get/set objects, learning how to format
methods, and math functions. dates, perform calculations, and
generate random values.

13. Optimizing Web Applications: Implement performance


Best practices in performance, optimization techniques, usability
University of Global Village (UGV), Barishal.
usability, and accessibility. improvements, and accessibility
standards for better web
applications.

14. Error Handling: Try-catch, Master JavaScript error handling


debugging tools, and resolving techniques, debugging tools, and
common errors & Database learn how to establish and manage a
Integration with MySQL: database connection with MySQL.
Understanding Database
Connection

15. Project Planning: Design, Learn how to plan and design a web
structure, and functional project, covering functional
requirements of a web application requirements, wireframes, and
structuring the application.

16. Final Project Development: Apply all concepts learned to create


Building a full dynamic and a fully functional and interactive
interactive web application. web application using front-end and
back-end technologies.

17. Final Project Deployment and Deploy the final project, perform
Presentation: Testing, debugging, testing, fix bugs, and present the
and showcasing web applications. application with documentation and
a live demo.

You might also like