JavaScript I - From Zero to functional Code

Learn how to embed JavaScript in html, use a script tag, and run code in a browser by creating a simple .html file with a basic text editor.

JavaScript is a lightweight, interpreted language that runs in the browser, adds interactivity to HTML, and responds to user actions to make static pages dynamic and engaging.

Create a root folder and rename it to Root, placing all components and files inside it. Open Notepad++ to begin editing JavaScript inside that root.

Open notepad++, select language JavaScript, observe the editor text change from black to multiple colors for improved readability.

Learn to place JavaScript in HTML using opening and closing tags with less-than and greater-than signs. Opening tags mark where JavaScript begins and ends.

Explore HTML structure basics by using opening and closing HTML tags, placing content inside the tags, and saving your file to a Roots folder on the desktop.

Explore how HTML head and header sections define the web page title, and learn to add a title that appears in the browser tab.

Learn the proper and standard html layout by correctly opening and closing the body tag and placing the main content inside it, as illustrated with a simple contact example.

Embed JavaScript in an HTML page by using the script tag and document.write to display text, such as 'I am a JavaScript programmer'.

Format your JavaScript code by exploring formatting approaches, comparing CSS concepts such as inline, external, and internal styles, and demonstrating how to set type to a double quote.

Learn what comments are and why they help programmers understand code as teammates work together in JavaScript. Explore comment types and how they keep code clear and shareable.

Explore how variables hold more than integers, including name strings, and practice assigning a name variable such as name or Owamamwen to display my name.

Learn to work with a character value in JavaScript by using variables to store a name, including null, and print 'My name is Onwa Mame'.

Explore creating a new line in JavaScript output with document.write and quotes, while recognizing data types like integers and strings and how a variable stores a value.

Explore the difference between strings and characters in JavaScript, and learn how single and double quotes define string literals. Clarifies string value types and line breaks.

Learn to use string variables in JavaScript, declare string variables for first name and last name, and assign values like Owamarie.

Learn to define your first function in JavaScript and display a message with an alert inside the function, showing how to place a string like Benin.

Learn how to add a second function named route two, determine if it overloads or errors, and call it to display an alert for the Ring Road route.

Discover how parameters work with functions in JavaScript by defining a motion function and triggering an alert to demonstrate the concept.

Explore javascript functions with multiple parameters and practice writing and calling them in a sample function. Write and use document.write to display results and observe how parameters interact with operators.

Learn how to use two return statements in a JavaScript function, rewrite the previous code, and build a simple add function with a basic math expression.

Learn how to call a function from another function in JavaScript, with practical examples like build one and document.write to demonstrate function invocation.

Explore maths foundations within JavaScript I, from zero to functional code. Apply maths concepts to coding.

Learn the assignment operator by declaring a var named gift, assigning the value 2, and printing it with document.write to see the result in the browser.

Demonstrate how the if statement serves as a conditional statement in JavaScript by comparing X and Y and printing with document.write when the condition holds.

Explore if/else statements as conditional logic in JavaScript, learning how to handle true and false conditions with an else branch through a simple message-printing example.

Explore the if statement, else if statement, and else statement, and how they work together to control code flow, with emphasis on order and usage.

Learn how to use if, else if, and multiple conditions in JavaScript I, focusing on zero value concepts. Follow along as the instructor demonstrates running the app.

Explore nesting in JavaScript by placing one if statement inside another to perform two condition checks, using the first name and last name variables as examples.

Explore complex conditions within if statements, converting conditions into expressions and using document.write to print outputs, building on prior nesting concepts.

Introduce the not equal to comparison operator and contrast it with equal to. Clarify that not equal means values differ and the expression evaluates to true, with examples.

Explore complex conditions using equal to and the less than sign, including two less-than signs, to practice twisting logic and reach the moment of understanding.

Master the JavaScript switch statement after reviewing complex conditions, with practical examples of switching options and declaring a variable to illustrate the syntax and flow.

Transition from the switch statement to the for loop, showing how loop statements use expressions to control execution. Begin directly with the for statement and build simple expressions.

Explore the while loop in JavaScript by declaring a variable outside the loop and running code while x is less than ten, demonstrated with a playful inside-loop statement.

Explore the do while loop in JavaScript, highlighting the do loop and the do before loop concept as described in the lecture caption.