Scribd
Upload
3 views

Web Page design & development (Level-2) Lab Lesson Plan

The document outlines a lesson plan for a Web Page Design & Development course at the University of Global Village, detailing 17 lessons focused on JavaScript concepts. Topics include syntax, control structures, functions, DOM manipulation, and advanced JavaScript features, culminating in a final project. The course aims to provide students with practical skills for building interactive web applications.

Uploaded by

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

Web Page design & development (Level-2) Lab Lesson Plan

The document outlines a lesson plan for a Web Page Design & Development course at the University of Global Village, detailing 17 lessons focused on JavaScript concepts. Topics include syntax, control structures, functions, DOM manipulation, and advanced JavaScript features, culminating in a final project. The course aims to provide students with practical skills for building interactive 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 Page design & development

Course Code CSE

Semester 2nd

Course Level 02

Supervisor Md Minhaj Ul Islam

Instructor/Assistant Abdul Aziz

Lesson Lesson Title Lesson Details Remarks


No

1. JavaScript syntax, Learn the fundamental JavaScript syntax,


variables, operators, and how to declare variables, use different data
data types. types, and perform operations with various
operators.

2. Control structures: if-else, Understand how to control program flow


with conditional statements and loops,
switch- case, loops (for, enabling efficient decision-making and
while, do-while). iteration.

3. Functions: function Explore different ways to define functions


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

4. Objects and arrays: Learn how to create, access, and manipulate


properties, methods, and objects and arrays, understanding key
manipulation techniques. methods for data storage and retrieval.

5. DOM manipulation: Master the Document Object Model


element selection, events, (DOM), selecting elements, handling
and updates. events, and dynamically updating web page
content.

6. Strings and numbers: Work with JavaScript string and number


methods, search, methods, including searching, formatting,
University of Global Village (UGV), Barishal.
templates, and properties. and using template literals for cleaner code.

7. JavaScript dates, math Understand how to handle dates, perform


operations, and random complex mathematical operations, and
number generation. generate random numbers for various
applications.

8. Advanced JavaScript: Deep dive into JavaScript’s advanced


destructuring, hoisting, concepts, including destructuring, function
this keyword, and scope. and variable hoisting, understanding ‘this’,
and scope management.

9. Classes, constructors, and Learn object-oriented programming in


JavaScript with ES6 classes, constructors,
modules. and modules to organize code efficiently.

10. JSON: working with Understand how to handle JSON data, parse
structured data, parsing, it into JavaScript objects, and manipulate
and manipulation. structured data for API integration.

11. Type conversion and Explore implicit and explicit type


regular expressions. conversions and use regular expressions for
pattern matching and validation.

12. Sets and maps: methods, Understand how to use Sets and Maps in
iteration, and usage. JavaScript for efficient data storage,
iteration, and unique value handling.

13. Debugging techniques and Learn effective debugging strategies using


browser developer tools. console logs, breakpoints, and browser
developer tools to identify and fix errors.

14. JavaScript style guide, Follow JavaScript coding best practices,


best practices, and maintain clean code, and optimize
performance optimization. performance for better efficiency.

15. Error handling and Master JavaScript error handling using try-
common JavaScript catch, and learn how to avoid common
mistakes. mistakes and pitfalls.
University of Global Village (UGV), Barishal.
16. Real-world web Build an interactive web application using
application: integrating JavaScript, integrating it seamlessly with
JavaScript with HTML HTML and CSS for a dynamic user
and CSS. experience.

17. Final project development Apply all learned concepts to develop and
and deployment. deploy a complete JavaScript-based project,
covering testing, optimization, and hosting.

You might also like