MERN Stack Real Time Chat App With Express, React, MongoDB

Set up development environment for the MERN stack project by installing Visual Studio Code, creating a JavaScript folder with index.html and index.js, and using Live Server to view console output.

Explore how to use console.log and comments in JavaScript to display values, debug code, and annotate code within a Visual Studio Code environment.

Explore ES6 as a modern update of JavaScript, approved in June 2015 by EMI International, and trace its naming evolution from Harmony to the year of release.

Declare a variable with the var keyword, assign a value, and display it using console.log. Follow camelCase naming, avoid reserved keywords, spaces, and starting numbers; recognize PascalCase and snake_case options.

In this lecture, the instructor compares let and const declarations, showing how let variables can be reassigned while const variables cannot, with live examples using console.log.

Discover how to declare variables with let and const and inspect primitive data types in JavaScript, including string, number, boolean, undefined, and null, using console.log.

Explore JavaScript objects and their prototype by building a user object with name and hobby, accessing properties via dot and bracket notation, and displaying them with console.log.

Learn the basics of reference types in JavaScript by creating and manipulating arrays and objects, accessing elements with zero-based indices, checking types, and using console logs and map methods.

Explore how to define and call JavaScript functions, pass parameters and arguments, use callbacks, and return sums with console.log outputs for dynamic displays.

Explore template literals with backticks and embedded expressions like ${name} to build dynamic strings, handle line breaks, and display results with console.log.

Learn to create a person object with name, age, married, and address with longitude and latitude. Access properties with dot and bracket notation, log values, and index arrays from zero.

Explore JavaScript arithmetic operators through live examples, performing addition, subtraction, multiplication, division, exponentiation, and modulo, alongside assignment and comparison operators demonstrated with console.log.

Explore assignment operators in JavaScript by updating variables with =, +=, and other shortcuts, including increment and decrement, and see results in the console.

Master JavaScript comparison operators, such as greater than, less than, equal, and not equal, by exploring real-world price comparisons and boolean outcomes in live examples.

Explore logical operators in the MERN stack, including and, or, and not, with practical examples using price greater than five and less than 15 to determine true results.

Explore equality operators in JavaScript within the MERN stack, focusing on equal and not equal checks, type handling, and how number values like 10 compare with strings.

Demonstrates swapping two numbers in JavaScript using variables and a temp variable, updating values, and printing results with console.log to verify the swap.

Master the JavaScript if else and else if conditionals with step-by-step examples, testing positive, negative, and zero values via console.log, and explore transitioning to switch cases.

Learn how to use switch cases in JavaScript with a color variable. Compare black, white, and red using case blocks, break, and console.log.

Learn how to use the ternary operator to select the maximum of two numbers in JavaScript, and implement concise one-line conditionals.

Learn to implement fizz buzz with if-else statements, checking divisibility by 3 and 5 and printing fizz, buzz, or fizz buzz for multiples of both to the console.

Explore fizz buzz implementation using the ternary operator to evaluate numbers divisible by 3, 5, or both, and display corresponding labels with a focus on single-line logic.

Develop a grading system using if-else statements to map marks to letter grades with plus and minus designations, and handle invalid scores, displaying results via console logs.

Explore using a switch statement with multiple logical operators to classify a number as positive, zero, or negative, and display the result via console.log.

Explore how to use the for loop in JavaScript to print a value multiple times, with initialization, condition, and increment, plus a preview of while and do-while loops.

Explore how to implement a while loop and compare it to a for loop, including initialization outside the loop, a condition, and increment or decrement with a live console example.

Explore the do while loop in JavaScript, compare it to the while loop, and show initialization, body execution before the condition, and incrementing with a sample run.

Explore the for-in loop in JavaScript within the MERN stack context by iterating over object keys, accessing properties and values, and using console.log to display results.

Explore the difference between for...in and for...of loops, showing how for...in yields keys while for...of iterates values, and when to use each in objects and arrays.

Explore how to use break and continue in loops with live coding demos, showing break at index 10 and continue to skip iterations.

Learn how a missing loop condition turns a for loop into an infinite loop. Prevent infinite loops by using a proper condition and increment.

Explore nested loops in JavaScript by building outer and inner for loops, printing values to the console, and understanding how the inner loop runs within the outer loop.

Learn string basics in JavaScript by indexing characters from a country variable, logging values with console.log, and exploring zero-based indexing and undefined when out of range.

Learn string methods such as charAt, toUpperCase, toLowerCase, includes, startsWith, and endsWith through live examples from a real-time chat app built with Express, React, and MongoDB.

Explore string methods for searching text using search, indexOf, and lastIndexOf; learn how to find first and last occurrences, understand zero-based indexing, and apply these methods with live examples.

Learn to convert values to strings with toString, join strings with concat, and split strings with split, illustrated through live code examples and console logs.

Explore how slice, substr, and substring extract specific parts of strings using zero-based indices, with practical examples and parameter variations.

Master escape sequences in JavaScript, including backslashes for new lines and literal characters, and learn to print messages to the console and manage single vs double backslashes.

Demonstrate string immutability by showing that a string value cannot be changed in place, requiring reassigning a new value and refreshing to see updates.

Explore JavaScript objects by building a user detail object with name and hobby, and access its properties using dot notation and bracket notation.

Master JavaScript object manipulation by adding, updating, and deleting properties with dot and bracket notation. See practical examples of email, phone, and boolean properties in a user object.

Define object methods in JavaScript, declare a calculate function inside an object, and access properties using that method to display values with console.log.

Traverse object entries by using for...in loops, access keys and values with bracket notation, and leverage Object.keys() and Object.values() to reveal object data.

Learn to manage a salaries object by using keys and bracket notation to sum employee salaries. Verify results with console logs and explore the short form.

Use object destructuring to extract nested user and book data, replacing dot notation with a single statement for names, authors, and other properties.

Clone a JavaScript object by copying properties using manual techniques, for-in loops, bracket and dot notation, and Object.assign, with live examples of a user object.

Explore the math object in JavaScript, demonstrating random numbers and rounding with floor, ceil, and nearest, via console logs and practical examples.

Learn how to convert objects to JSON format, print JSON data with console.log, and create JSON files to represent and manipulate object data.

Explore JavaScript function basics, including function declaration and function calls, with parameters, returning values, and calculating the sum, with dynamic display via console.log.

Explore default parameters in functions, using a sum calculator example to show setting fallback values, passing explicit or default arguments, and observing results with console.log.

Explore function expressions in JavaScript by creating and using a function expression to add two numbers, return the sum, and output via console.log, highlighting differences from function declarations.

Learn to convert function expressions to arrow functions, write concise one-line forms, and explore two-parameter addition and one-parameter doubling with console.log.

Explore the rest parameter in JavaScript to handle variable arguments, implement a multiply function, pass multiple values, and print results to the console.

Learn how to create and manipulate arrays in JavaScript, including declaring arrays, adding elements, printing data with console.log, and accessing specific indices using zero-based indexing.

Learn to add elements to an array by declaring a numbers variable as constant and using push and splice to insert values before, after, or in the middle.

Learn to remove elements from an array in JavaScript using shift, pop, and delete count to remove items from the beginning, end, or a chosen index.

Learn to find elements in an array using includes and indexOf, and locate the last index with lastIndexOf. Verify results with console logs and understand indexing.

Learn how to work with objects as reference types by declaring constants, defining properties like name and doctor, and using a callback with a find method to retrieve data.

Learn to iterate arrays in JavaScript using for loops, for...of, and forEach, accessing index and value, leveraging the length property, and output results with console.log.

Learn how to sort arrays in JavaScript using sort for ascending order and reverse for descending order, with live examples on numbers and objects and console.log results.

Learn how to use the every method to verify that all numbers in an array are positive, via console logs. Negative numbers yield false, all positives yield true.

Combine two arrays with the concat method and extract a subarray with slice, using the spread operator in a live example with zero-based indexing and console.log outputs.

Learn how to use the spread operator in JavaScript to split, copy, clone, and combine arrays with three dots, and access values via bracket notation.

Discover how to join arrays into a display in a MERN chat app using comma or hyphen separators. Learn to split strings and update the view.

Learn how to map an array in JavaScript, replacing a for loop with map to multiply numbers by two, push results, and extract object properties like doctor names.

Filter an array to extract odd numbers using a one-line approach, store results in a new array, and verify the outcome with console.log.

Apply the reduce method to sum an array of numbers by initializing a zero total, using a callback to accumulate values, and log the final sum with console.log.