EJS Fullstack Web Development Masterclass

Explore EJS, a server-side rendering library that runs on the server, supports front-end rendering, and enables server-client data flow for dynamic pages. Apply partials, data passing, and debugging guidance.

Learn how Node.js, a JavaScript runtime, builds a server, handles requests, and delivers JSON responses, enabling front-end and back-end development with databases and multiplayer interactions.

Explore Express, a Node.js based web framework, to build a simple website and chat app, learn server-side coding, templating, and database integration for full-stack development.

Master JavaScript fundamentals from variables and data types to operators, conditional statements, functions, arrays, objects, and loops; explore the execution engine and build a frontend and backend to-do project.

Explore variables and data types in JavaScript, learn the basics of how a programming language builds up, including variable mutation and type coercion, and discover how to define them.

Learn how JavaScript runs in browsers, set up an environment with VS Code and live server, embed scripts in a page, and define variables with let and const.

Explore JavaScript data types and variables, including strings, numbers, and booleans, and learn to create arrays to store multiple values with dynamic typing.

Explore variable mutation in JavaScript, updating strings, numbers, and booleans, and how reassignment affects related variables. See how arrays use push and reference behavior to reflect changes.

Explore how type coercion works in JavaScript, including how booleans, numbers, strings, and arrays interact under soft rules, with a nod to TypeScript for static typing.

Complete a coding challenge that reinforces variables, data types, and arrays by creating an array of integers and an array of strings, then logging a descriptive message before output.

Create an array of numbers with even values, push constants, and log a message and the array in JavaScript to explore variables, data types, and basic errors.

Explore the basics of JavaScript variables, data types, variable mutation, and type conversions, and learn how arrays hold and manipulate data before moving to operators.

Explore the basics of JavaScript operators and operator precedents, and test your understanding with a coding challenge. Continue with the basics of JavaScript operators in the next video.

Master JavaScript operators, from assignment and arithmetic to string, comparison, and logical operators, with practical examples of modulus, exponentiation, and incrementing.

Explore JavaScript operator precedence, learning how brackets group expressions, the left-to-right evaluation, and how dot, indexing, multiplication, addition, and function call operators influence results.

Practice operator precedence and variables in JavaScript by completing a coding challenge that uses console.log, boolean comparisons, and pushing x1, x2, x3 into an array.

Tackle a JavaScript coding challenge step by step, defining x, x1, x2, x3, applying exponent and multiplication operators, building an array, and verifying conditions with console logs and operator precedence.

Master the basics of JavaScript operators, learn operator precedents, and test your skills with a small coding challenge to reinforce fundamentals.

Learn about conditional statements and Boolean logic in JavaScript, starting with false statements, truth and false values, and exploring ternary operators, switch statements, and the quality operators.

Explore how if else and else if statements drive conditional logic in JavaScript, using boolean values and logical operators to select code paths and print outcomes.

Explore boolean expressions and logical operators in JavaScript, including ==, ===, and, or, not, and practice with if statements to evaluate true and false outcomes.

Learn to replace long if-else chains with switch statements for clearer code, including defaults, breaks, and nested switches across numbers and strings.

Learn how JavaScript treats truthy and falsy values in conditions, including non-empty strings, empty strings, zero, minus zero, and undefined, and how existence affects truth values.

Explore the JavaScript equality operators, including single, double, and triple equals, with array initialization and type coercion examples, and prep for a short coding challenge.

Tackle a coding challenge that uses the ternary operator, switch statement, and if-else to apply conditional logic in JavaScript, with step-by-step practice and a walkthrough.

Analyze a coding challenge solution using if statements, a nested switch, and a ternary operator. Learn to break code into components and use console logs for clarity.

Explore conditional statements, boolean logic, and equality operators in JavaScript, including truth and false values. Preview the upcoming focus on functions to expand JavaScript capabilities.

Explore functions, functional statements, and expressions, and learn the difference between them, while discovering how structuring enables related functionality in this section of the ejs fullstack web development masterclass.

Explore how functions in JavaScript encapsulate reusable functionality, using function statements and arguments, returning values, and the modern arrow function syntax for concise calls.

Explore function declarations versus function expressions, noting declarations run before code while expressions defined as variables run after, and see arrow functions and console.log as examples.

Explore arrays in JavaScript, including destructuring with the spread/rest syntax to capture remaining values, and use built-in array methods such as push, reverse, sort, and reduce for common tasks.

Create a function that takes a string and returns its first three characters using substring. Test this approach in JavaScript, highlighting zero-based indexing and practical string methods.

Explore JavaScript fundamentals: functions with declarations and expressions, their differences and limitations, plus arrays and data types. Seek simple built-in solutions before coding.

Explore objects in JavaScript, including their properties and methods, to unlock greater programming functionality. Solve the coding challenge to apply what you learn about objects and their role in programming.

Create and manage JavaScript objects with properties like first name, last name, age, and height. Learn object literal, the new keyword, and the object constructor method.

Explore objects and methods by building a car object with color, make, and seats, including a this-based color changer. Learn to use the constructor and new keyword to create objects.

Explore how primitives are immutable and objects are mutable, with examples of strings, arrays, and objects, and learn that primitives compare by value while objects compare by reference.

Tackle coding challenge by building an object named tree with an array of branches, implement a grow function to add a new branch, and include a constructor from last video.

Create a tree object with a branches array and a grow method. Push new branches via the grow function and instantiate the tree with a constructor.

Review objects, their properties, and how to add methods, then explore box up functionality and manipulating them. Complete coding challenges to solidify learning and anticipate the next section on loops.

Explore loops and iterations in this section, examining their importance in programming and how they enable more powerful code, ahead of a coding challenge and solution.

Explore the differences between while, do-while, and for loops, including nested loops and common pitfalls like infinite loops, with practical examples.

Explore for-in and for-of iterations to traverse objects and arrays, access keys and values, and compare with traditional for and while loops for cleaner, readable code.

Practice loops and iterations through a coding challenge that uses if statements to build and increment a string, then print each line with a single console.log call.

Explore a coding challenge solution using nested loops and if statements to print star patterns, with an inner loop and an inverted loop to reverse output, reinforcing JavaScript execution flow.

Explore JavaScript loops—for, while, and do-while—and iteration techniques with arrays, practice the basic building blocks of programming, complete a coding challenge, and prepare to dive into the JavaScript execution engine.

Dive into advanced JavaScript as this section covers JavaScript execution, the passes and engines, and the creation and execution phases, including hoisting, scoping, the scope chain, and the this keyword.

Explore how browser JavaScript engines translate code into machine code via the JavaScript parser and gas parser, building an abstract syntax tree and detecting syntax errors.

Explore how JavaScript uses execution context and the execution stack to manage global context, local context, scopes, creation and execution phases, and function calls.

Explore how the JavaScript creation phase builds memory blocks and the execution phase runs code, while the execution context and the stack track variables and functions before use.

Explore hoisting in JavaScript and learn why declarations at the top clarify the creation and execution phases, with tips to comment and organize code for easier debugging.

Explore how scope controls where variables and functions are accessible, distinguishing global and local scopes, and illustrating with if statements and function scopes to prevent undefined errors.

Explore how the JavaScript scope chain resolves variables by traversing local, function, and global scopes, and why undeclared names trigger errors.

Explore how the this keyword relates to scope, binds to the global window object, and enables accessing object properties within functions, with examples and common pitfalls.

Tackle a coding challenge that builds a function to filter an array of numbers, returning only positive values, reinforcing JavaScript fundamentals from the course.

Define a get positives function that iterates an input array with a for loop, pushes positive values into a new array, and returns it.

Explore how the JavaScript execution engine works across browsers, covering execution context, the execution stack, creation and execution phases, hoisting, scope, and the this keyword.