Begin your journey in programming by learning coding skills with JavaScript
Fundamentals of JavaScript will equip you with the essential programming skills necessary to excel in the dynamic field of web development. Throughout this course, you will gain proficiencies in using industry-standard tools such as Visual Studio Code to run JavaScript files locally, ensuring you have a strong foundation in practical programming. By the end of this course, you will have a solid understanding of JavaScript programming fundamentals, empowering you to build dynamic and interactive web applications.
TARGET AUDIENCE:
This is considered a foundational course. Best for individuals who are new to programming and starting their full-stack career.
COURSE PREREQUISITES:
• Basic computer skills and a desire to learn programming
COURSE CONTENT:
Introduction to JavaScript
• Exploring what programming is
• Exploring JavaScript usage
• Demo: Setting up a local environment
• Preparing to write a JavaScript file (.js)
• Reviewing statement construction in JavaScript
• Reviewing basic syntax rules
• Printing to console with a basic statement
• Running a JavaScript file in VS CodeBasics of JavaScript Programming
• Exploring data types and their real life counterparts
• Exploring primitive data types in JavaScript
• Working with JavaScript strings
• Adding special string characters (n, \, ', “)
• Exploring built-in string methods
• Combining strings with string concatenation
• Working with numbers
• Using arithmetic operators
• Working with booleans
• Data type properties and the dot notation
• Tracking data types with typeof operatorJavaScript VariablesCreating Variables
• Exploring the function and purpose of storing data
• Observing JavaScript variable syntax
• Creating a variable with var
• Creating a variable with let and const
• Variable naming best practice
• Mentally mapping variables storage in memoryManipulating Variables
• Updating variable value
• Combining variables and arithmetic operations
• Using the increment and decrement operator
• Working with variable string concatenation
• String interpolating with variables
• Data type coercing with variablesJavaScript Conditional Branching
• Exploring the function and purpose of conditions in a programBasic Control Flow
• Creating an if-statement
• Using comparison operators
• Understanding == and ===
• Using logical operators
• Using Truthy and Falsy
• Adding the else-clause
• Chaining with else-if
• Nesting if-statements
• Condensing with ternary operatorSwitch Case
• Creating a switch case
• Controlling switch case execution behavior with fall-through and break
• Managing data typing in a switch case
• Defining a default casJavaScript Functions
• Exploring the function and purpose of reusing blocks of code
• Function syntax construction
• Defining a function
• Calling a function
• Adding parameters into a function declaration
• Calling a function with arguments
• Adding default parameters
• Returning values
• Exploring function declaration hoisting
• Using functions inside other functions
• Considerations for defining functions and naming functionsDebugging
• Exploring basic JavaScript errors (syntax errors, runtime errors, logical errors)
• Reading and interpreting error messages
• Using basic debugging technique with console.log
• Common beginnner mistakesJavaScript Scope
• Exploring the concept of “scoping” in a program
• Understanding “global” scope
• Understanding “block” scope
• Understanding “local” scope
• Exploring differences between “block” scope and “local” scope
• Exploring scope pollution
• Scoping best practiceJavaScript ArraysArray Creation
• Exploring the purpose of organizing data
• Creating an array with singular data types using an array literal
• Creating an array with mixed data types using an array literal
• Creating multi-dimensional arraysArray Manipulation
• Accessing elements
• Using element index
• Updating elements in place
• Exploring mutability of an array declared with const
• Exploring array built-in methods
• Accessing array length with .length
• Resetting an array with .length
• Using push()
• Using pop()
• Using sort()Array Usage Pattern
• Exploring passing arrays to functions
• Exploring manipulating arrays inside of functions
• Trying array equality
• Analyzing references vs value in memoryJavaScript Loops
• Understanding repetition in a program
• Constructing loops semantically
• Using the while loop
• Using the do while loop
• Using the for loop
• Looping in reverse
• Looping through arrays
• Constructing nested loops
• Using the break keywordJavaScript Objects
• Exploring object data type
• Exploring the purpose and function of objects
• Exploring organizing data into objects
• Creating an object with object literals
• Accessing object properties
• Accessing with bracket notation
• Mutating objects with property reassignment
• Creating an object with methods
• Trying object equality
• Analyzing object references in memory
• Creating nested objects
• Accessing nested properties by chaining
• Using for..in to loop through objects
• Choosing between arrays and objects
COURSE OBJECTIVE:
• Utilize tools used in programming such as VS Code and run JavaScript files locally.
• Understand the basic concepts of programming and JavaScript's role in web development.
• Create variables that store different data types and manipulate the values using operators in JavaScript.
• Use JavaScript built-in libraries, like `console`, to work with primitive data types.
• Implement control flow using `if`, `else if`, `else`, `switch`, and ternary syntax in JavaScript.
• Create functions using all of JavaScript's different syntax that use parameters — and call them with arguments to return values.
• Interpret common JavaScript errors and interpret error messages.
• Purposefully define values and objects in a scope that is accessible to the objects that require said values and other objects in JavaScript.
• Store, access, and manipulate elements in an array in JavaScript.
• Use loops that have defined starting, stopping, and continuing conditions to iterate over elements in a collection in JavaScript.
FOLLOW ON COURSES:
Not available. Please contact.