Asha
Web Development 2.0 Course
| Lesson No | Title | Description |
|---|---|---|
| 1 | Web Development Fundamentals | Introduction to web development concepts by creating a styled movie webpage with a navigation bar, exploring full-stack architecture, and adding interactive menu behaviors using HTML and CSS in Visual Studio Code. |
| 2 | Styling with CSS and Bootstrap | Exploration of CSS and Bootstrap for webpage styling, including use of the grid system, adding images, and implementing a dark mode toggle button. |
| 3 | JavaScript Basics - Variables, Objects, and Data Types | Overview of JavaScript fundamentals, including linking external scripts, declaring variables, understanding data types, and creating and applying objects in webpages. |
| 4 | JavaScript Basics - Operators | Study of JavaScript operators, their types and usage, applied through event handling such as mouseover and mouseout. |
| 5 | Conditional Statements and Functions in JavaScript | Application of conditional statements and user-defined functions in JavaScript to develop interactive webpage features such as a functional search box. |
| 6 | Arrays and Loops in JavaScript | Introduction to arrays and looping structures for efficient data storage, iteration, and manipulation in JavaScript programs. |
| 7 | Array Methods in JavaScript | Practical use of array methods such as filter() and sort() to organize, manipulate, and display structured data dynamically. |
| 8 | DOM Manipulation Techniques | Exploration of the Document Object Model (DOM), including methods and iterators, with practical exercises in switching webpage layouts between card and list views. |
| 9 | Handling Events and User Interactions | Implementation of event listeners and functions to manage user interactions, including button clicks and dynamic updates such as incrementing a likes counter. |
| 10 | Working with Forms and User Inputs | Development of login pages using HTML and JavaScript with form validation techniques for username and password authentication. |
| 11 | Exception Handling in JavaScript | Introduction to JavaScript error detection and management using try and catch blocks with feedback via console messages. |
| 12 | Introduction to Asynchronous JavaScript | Study of synchronous versus asynchronous programming, using async and await to handle background tasks like loading movie data dynamically. |
| 13 | Introduction to Node.js and Express.js | Installation and setup of Node.js and Express.js, creation of a local server, and exploration of the client–server architecture. |
| 14 | Using EJS and Understanding Client–Server Communication | Integration of EJS with Node.js and Express.js to render dynamic webpages and facilitate data exchange between the client and server. |
| 15 | Handling HTTP Requests and Responses | Development of server-side logic to handle HTTP requests and responses, including form submissions using the POST method and error handling. |
| 16 | Introduction to Databases and MySQL | Connection of web applications to a MySQL database for dynamic data storage, retrieval, and management. |
| 17 | Creating and Managing Database Tables | Design and management of MySQL tables for users and movies, linking them to EJS views such as dashboards for dynamic data display. |
| 18 | Updating and Deleting Database Records | Implementation of SQL UPDATE and DELETE operations through a web interface to modify and remove records. |
| 19 | Fetching Data Using SQL Queries | Application of SQL queries to retrieve data and explore relational database concepts such as foreign keys. |
| 20 | Understanding SQL Joins | Introduction to SQL join operations for combining related data from multiple tables to produce meaningful, connected results. |
| 21 | Designing Relational Database Structures | Development of relational database schemas using foreign keys to maintain structured relationships among linked data entities. |
| 22 | Applying SQL Joins in Web Applications | Practical application of SQL joins to merge multi-table data and render integrated information dynamically within EJS webpages. |
| 23 | Using AJAX for Dynamic Data Loading | Implementation of AJAX GET requests to fetch server data asynchronously and update specific webpage sections without reloading. |
| 24 | Using AJAX for Real-Time Updates | Application of AJAX PATCH requests to modify webpage content dynamically, ensuring a seamless user experience. |
| 25 | Introduction to Password Encryption | Study of password encryption principles using bcrypt for secure storage and protection of user credentials. |
| 26 | Creating Secure User Registration Pages | Development of user registration pages that collect user details, apply password encryption, and securely save records in the database. |
| 27 | Building User Login Functionality | Construction of login pages that verify encrypted credentials, manage redirection upon successful login, and handle invalid login attempts. |
| 28 | Implementing Form Validations and Session Persistence | Application of validation techniques for login and registration forms and implementation of session persistence to maintain active user access. |
| 29 | Developing a Personalized User Dashboard | Creation of a user-specific dashboard using session tracking, including authentication checks and data validation for secure access. |
| 30 | Handling Security and Authentication in Servers | Understanding HTTP versus HTTPS protocols, implementing SSL certificates, and using authentication middleware to protect sensitive server routes and user data. |
