React Js A-Z With Laravel - For Beginner to Advanced Level

Set up your environment for the course by installing Visual Studio Code and creating a JavaScript workspace with index.js and index.html, then use the live server to view console output.

Learn to use the console and console.log in JavaScript to print statements and inspect output. Demonstrate single-line and multi-line comments, and how to comment out lines to control display.

Explore ES6, the Ecmascript 6 update and modern JavaScript by ECMA International, and note the prominent this keyword and the upcoming focus on variables and data types.

Declare variables using the var keyword, and master meaningful names while following camel case conventions, avoid reserved words, spaces, or starting with numbers, and preview values with console.log.

Discover how let and const work in JavaScript, using price and name examples to show reassignment with let and no reassignment with const, plus console log demonstrations.

Learn to declare and inspect JavaScript primitive data types: strings, numbers, booleans, undefined, and null, using let and const, quotes and backticks, and the typeof operator with console.log.

Create and inspect a JavaScript object by combining variables into a user object, then access properties with dot and bracket notation, and log results to the console.

Master the basics of JavaScript arrays: declare and store values, access elements by zero-based indices, and inspect length and type as an object, including adding new elements.

Explore defining and using JavaScript functions with the function keyword, including parameters. Learn to display results with console.log, pass multiple parameters, and return computed sums using a calculate sum function.

Master JavaScript template literals using backticks to embed variables with ${name}, produce multi-line strings, and evaluate expressions like ${30 + 20} within a string.

Practice building a JavaScript person object using template literals, variables, and an object with name, is married, home address, and a friends array.

Learn to use arithmetic operators in JavaScript to add, subtract, multiply, divide, exponentiate, and modulo values with live examples and console.log outputs.

Master assignment operators in programming by moving values between variables, applying addition, subtraction, multiplication, and division, and using shortcuts like +=, -=, *=, and ++/--.

Explore comparison operators in JavaScript, including equal, not equal, greater than, less than, greater than equal, and less than equal, with live examples using a price of 200.

Explore how logical operators like and (&&), or (||), and not (!) combine conditions such as price > 5 and price < 15 to produce true or false outcomes.

Explore equality operators by comparing numbers and strings with triple equals and double equals. See not equal and how data type affects results.

Learn how to swap two numbers in JavaScript using a temp variable, starting with apple and orange as 10 and 20, and print before and after with console log.

Master JavaScript conditional statements, including if else, else if, and switch case, with live examples and console.log outputs. Apply lessons to handle positive, negative, and zero numbers.

Master switch case in React by building a color-based example with cases for black, white, and red, using break and console logs.

Master the ternary operator to compress if-else logic, learn with max value examples comparing two numbers, and display results with a console log.

Implement fizz buzz logic using if-else and else-if to print fizz, buzz, or fizzbuzz based on divisibility by 3 or 5, with live examples and console.log output.

Learn to implement fizzbuzz with a ternary operator in a single line, checking divisibility by 3 and 5 and logging fizz, buzz, fizzbuzz, or nothing.

Demonstrate a grading system in JavaScript using if-else to map scores to letter grades (plus, A, A-, B, C, D, F) and identify invalid marks with console logs.

Explore how to use switch case with multiple logical operators in JavaScript, handling positive, zero, and negative numbers with true, case, and break.

Learn how to use the for loop in JavaScript with live examples, initializing an index from one to four and printing values. Demonstrate increments and decrements to control the loop.

Explore the while loop and compare it with the for loop, using a live example, initialization outside the loop, a condition, and an increment or decrement.

Explore the do while loop and its difference from the while loop, including initialization, increment, and console.log outputs for five iterations and a 100 example.

Explore how the for in loop iterates over object properties, access values by keys, and display array elements and indices with practical code examples.

Explore the difference between for in and for of loops in JavaScript, showing how for in iterates keys while for of yields values, with examples printing values to the console.

Demonstrate how break and continue control a for loop with an index, showing how the loop stops at ten and skips specific numbers.

Understand how infinite loops arise when a for loop lacks a proper condition or increment, and see how break and continue affect flow by showing five iterations.

Master nested loops in JavaScript by building an outer and inner for loop, initializing Adrienne and Kasi, incrementing them, and printing results to the console.

Explore strings in JavaScript, defined as sequences of characters, using a country variable (India) and console.log to display type and letters; practice zero-based indexing with single, double, and backtick quotes.

Explore essential string methods in React js and Laravel apps, including charAt, toUpperCase, toLowerCase, includes, startsWith, and endsWith, with live examples of indexing and case conversion.

Explores string methods such as search, indexOf, and lastIndexOf with live examples, showing how to locate first and last occurrences of a repeated keyword.

Explore string methods: convert numbers, booleans, and arrays to strings with toString; combine strings using concat; and split strings by spaces to create arrays, with live examples.

Explore how to use string methods slice, substring, and substr to extract parts of a string by index or length, with zero-based examples.

Explore escape sequences in JavaScript strings, learning to escape quotes with backslashes, use newline and tab characters, and print results to the console with live examples.

Explore string immutability and how you must reassign a string value instead of changing it directly, then combine it with another string to form new messages.

Explore JavaScript objects, create a user object with properties name, age, and hobby, and access data using dot and bracket notation.

Explore how to add, update, and delete properties on a JavaScript object with dot and bracket notation. Learn when to use each approach and handle spaces in names.

Explore object methods and the this keyword by building a user object with name and age, adding a calculate age method, and accessing properties with this in a template.

Explore how to sum salaries stored in an object by traversing keys with a for in loop, using bracket notation, and confirming a total of 20,000.

Master object destructuring to access user properties like name and age, and nested book details such as book name and book author, while learning dot notation versus destructuring.

Learn how to clone an object in JavaScript by manual property copy, using a for...in loop and bracket notation, and by applying Object.assign to create a copied user.

Learn the JavaScript math object, access pi with Math.PI, and use built-in methods like round, floor, and random with console.log examples to generate and display numbers.

Explore the JSON data format, converting between object data and JSON with stringify and parse, and printing results with console log.

Master function declaration and function call in JavaScript, with parameters and dynamic messages via template literals. Return values from functions, perform sum with two numbers, and print results with console.log.

Demonstrate function expression in JavaScript by creating a sum function with two numbers and logging the result, and note how printing before initialization can trigger errors.

Explore converting a function expression to an ES6 arrow function, with live examples for summing two numbers, and multiplying numbers by two, including console output.

Learn how to use the rest parameter to handle a variable number of arguments in a multiply function, printing results from an array via a for each loop.

Learn how JavaScript arrays store and display a list of data, access elements by zero-based index, and use the length property and console.log to reveal array values.

Learn how to add values to an array using unshift, push, and splice. See inserting before the first item, after the last, and at a middle index with numeric examples.

Explore how to remove elements from arrays in JavaScript using shift, pop, and splice, including removing from the beginning, end, and a specific index, with practical examples.

Learn to find elements in an array using includes, indexOf, and lastIndexOf, including starting from a specific index and returning true or false for values like 3 or 6.

Explore finding objects in an array using the find method and a callback, filtering by name and by age greater than 30, with live doctor object examples.

Learn to iterate an array using for, for...of, and forEach, including reversing data and logging index (key) and value with the length property.

Learn how to sort and reverse arrays in JavaScript to achieve ascending or descending order, using the sort and reverse methods with numbers and objects that include age as examples.

Combine arrays with the concat method, joining [1,2,3] and [4,5,6,7], then extract a subarray with the slice method and verify results via console log.

Learn how the spread operator works in JavaScript to display, copy, and clone arrays, and join arrays using the spread and concat methods through live examples.

learn how to join arrays using the join method to render values with comma, hyphen, or space separators, and how to convert strings back to arrays with split.

Learn to use the ES6 map method to transform arrays, compare it with a for loop, and extract object properties like name and age through practical examples.

Learn to filter an array with ES6 using a for-of loop and the filter method to pick odd numbers (1,3,5) or even numbers (2,4,6).

Learn to use the reduce method to sum an array of numbers in ES6, initialize a sum to zero, and verify the result with a console log showing 60.