Start with Javascript (2021)

Discover how to set up JavaScript development with a browser and Visual Studio Code, create an index.html file, write and view your first script in the browser console.

Write your first JavaScript file, link it to an HTML page with a script tag, and explore alert and console.log to display messages and debug code.

Learn how to declare variables in JavaScript using var, assign memory locations, and store data types like strings, numbers, arrays, objects, and booleans, with examples in the console.

Learn how to declare and assign variables in JavaScript, reassign values, and manage objects versus strings as your code runs from top to bottom.

Master basic operations in JavaScript by creating variables like oranges and bags, performing arithmetic, concatenating with strings, and checking booleans via equality checks and string case sensitivity.

Learn to create, access, modify, and remove JavaScript array elements using push, index access, shift, and pop, with practical fruit examples.

Learn to create and modify objects in JavaScript by defining nested properties, accessing via dot and bracket notation, updating values, adding keys, and deleting properties.

Explore declaring and using JavaScript functions as variables, passing arguments, and performing calculations (such as price with a percentage), enabling reusable action blocks.

Learn to manipulate the DOM with JavaScript by creating elements, text nodes, and dynamic updates using document, window, and event triggers.

Learn how the return statement outputs a value from a function, such as a price with a dollar prefix, stops execution, and shows that code after return does not run.

Explain JavaScript scope by contrasting local variables inside a function with global variables, showing why percent becomes undefined outside its block and how to access it globally.

Implement JavaScript conditions using if, else if, and else to format prices by currency, returning dollars or euros, or a default for unknown currencies.

Learn to create a dynamic button and paragraph in the DOM using document.createElement and createTextNode, then use an event listener to show or hide content based on a condition.

Learn to use hasOwnProperty and indexOf to check an object's own properties and dynamically add them, with indexOf returning 0 when present and -1 when absent.

discover how loops in JavaScript repeat actions, using a for loop to increment age from 32 to 82 while logging each step and updating a counter.

Develop practical skills with forEach to iterate and extend a persons array, use filter to find matches, and apply map to add city Paris and age everyone by one year.

Use a for loop to iterate over an array of persons, extract each name and age, and render them into the HTML template dynamically in the DOM.

Build a live search filter in JavaScript for a list of people by typing in an input, capturing value, filtering results, and displaying them in the page using DOM manipulation.

Create factory functions in JavaScript to dynamically build person objects with name, age, and city, using arrow syntax and implicit returns, and manage object properties with methods like setName.

Learn how promises in JavaScript wait for actions, use resolve and reject to signal success or failure, and chain then, catch, and finally to handle results and errors.

Explore the evolution of JavaScript with ES6 and ES7, learning let and const, arrow functions, includes, destructuring, object keys and values, and the spread operator.

Express gratitude for completing the course and invite students to stay in touch, share work, and connect on LinkedIn with Githongo to hear how they reach their goals.