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.