educative.io

Complete JavaScript Course: Build a Real World App from Scratch (Baptiste Pesquet)


3..2..1 Code! - Your First Program From here begins your hands on practice on JavaScript. Enjoy! View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5150994040094720). Project 1: A Social News Program - Implementing Social News Program In this coding project, you will implement a Social News Program which must follow all the rules stated in the previous lesson. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5643960789762048). Write Functions - Function Contents This lesson explains the structure of a function in detail. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5635610232487936). Write Functions - Anonymous Functions This lesson briefly explains what are Anonymous functions and why are they used. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5093465100648448). Write Functions - Coding Challenge #5: Circumference and Area of a Circle In this coding exercise, you will write a program that will take the radius of a circle and return it's circumference and area. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/6206241198047232). Modify page structure - Variations on Adding elements Continuing the discussion on adding elements, this lesson will cover several methods you can use to add the elements in an existing HTML page. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5070937997180928). Use Web APIs - Web APIs and Authentication This lesson gives an overview of open source APIs or APIs which are free to use by anyone. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/6318013426958336). Use Web APIs - Coding Challenge #2: Star Wars Univerise In this coding exercise, you have to get the data from the Star Wars API and display it on your page. One additional functionality is that you will display the information based on the link clicked by the user. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5133359441248256). 3..2..1 Code! - Coding Challenge # 3: Predict the Displayed Values This small exercises is designed to test what you have learned so far. Try to predict the results before executing the code! View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5691579964588032). Create your First Object - JavaScript and Objects This lesson explains the basic concepts of Object how do we create an object in JavaScript. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5747034569048064). Understand Object Oriented Programming - Coding Challenge #3: Account In this lesson, you will extend the Account class that we built in the previous and add new functionalities based on the requirements below. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/6288337350426624). Traverse the DOM - Selecting Elements This lesson will you how to select elements in JavaScript by index, class or HTML Tag. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5639750580961280). 3..2..1 Code! - Coding Challenge #2: Minimalistic Calculator Create a minimalistic calculator which can compute the basic arithmetic operations like addition, subtraction, multiplication and division. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5149683538198528). Write Functions - Discovering Functions This lesson discusses the most important component of any programming language i.e., functions. We will go through all the basic concepts of functions in this lesson. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5132411864088576). Discover the DOM - Introduction to the DOM This chapter will help you discover how a web page is shown by a browser. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5688114060197888). Modify page structure - Modify an Existing Element Let's see how to use JavaScript to modify a web page once it's been loaded by the browser! You can thus make your content more dynamic and interactive. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/6297206994763776). Store Data in Arrays - Coding Challenge #2: Sum of Values This easy coding exercise is about taking an array of numbers as input and returning the sum of all the numbers present in that array. Try to solve this exercise on your own first. If you get stuck, you can refer to the solution. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5758613264007168). Animate elements - Repeat an Action at Regular Intervals Let's get started with web animations! View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5188250733903872). 3..2..1 Code! - Program Structure This lessons explains the basic structure of a program and what are the main components in a computer program. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5670161096900608). Repeat Statements - Coding Challenge #2: Parity This lessons included some small coding exercise to test your JavaScript skills. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5700921115803648). Play with Variables - Expressions What are expressions and why are they used in JavaScript? Let's find out in this lesson! View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5664618441605120). Play with Variables - Type Conversions This lesson will cover the concept of Type Conversion and its use. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5729730145812480). Play with Variables - Variable Naming This lesson discusses some of the variable naming conventions which must be followed. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5205136397828096). Add Conditions - Coding Challenge #4: Following Second In this exercise, you have to write a program that takes any random time as input and returns it by adding a second in it. This would include a bunch of nested if-else statements, so be careful! View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5733786205552640). Play with Variables - User Interactions This lesson explains the ways to interact with the user via JavaScript. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5697225833316352). Introduction - Introduction to Algorithms This lesson will explain algorithms briefly with the help of an easy example. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5751808425197568). 3..2..1 Code! - Quiz This lesson covers multiple choice questions related to basics of JavaScript. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5740920146231296). Introduction - Welcome to Programming This lesson defines all the basic terminologies to revise the elementary concepts. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5673605660672000). Introduction - Summary A brief summary of what we have covered so far. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/4790879822807040). 3..2..1 Code! - Coding Challenge #1: Presentation JavaScript coding exercise to print your name and age. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5735221261500416). Introduction - Introducing JavaScript A brief introduction to JavaScript. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5659750096175104). 3..2..1 Code! - Values and Types This lesson explains the primary concepts of types and values used in all programming languages. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/6276893946937344). Introduction - About this Course A small introduction to this course. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5713943993516032). Add Conditions - Quiz This lesson covers multiple choice questions related to conditions in JavaScript. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5693293253885952). Repeat Statements - Quiz This lesson covers multiple choice questions related to loops in JavaScript. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5090451644219392). Repeat Statements - Common Mistakes This lesson discusses some of the common mistakes that programmers make while using loops in their code. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5195891480723456). Play with Variables - Coding Challenge #2: VAT Calculation This short coding exercise is to practice how to further manipulate the input given by the user on runtime. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5166270701895680). Play with Variables - Coding Challenge #4: Variable Swapping This little coding exercise is to teach you how to swap values between variables. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/6192699166162944). Add Conditions - Alternative Conditions Have questions about Alternative Conditions? Go for it! View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5096800142753792). Repeat Statements - Coding Challenge #3: Input Validation This coding exercise will teach you how to validate the input given by the user in JavaScript. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5673261526417408). Add Conditions - Coding Challenge #1: Following Day This exercise to practice your skills to write nested conditions and based on that output the correct result. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5648108587319296). Repeat Statements - Coding Challenge #1: Carousel In this exercise, you have to write a program that mimics the working of a carousel. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/4833868687343616). Add Conditions - Coding Challenge #2: Number Comparison This small exercise is about writing a program to compare values and based on that execute the appropriate if statement. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5182832095789056). Repeat Statements - Which Loop to Use? This lesson is a small discussion about when to use "for" and when to use "while" loop in the code. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5995418970226688). Add Conditions - Add Additional Logic Have questions about Add Additional Logic? Go for it! View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5739780369285120). Repeat Statements - The For Loop This lesson will cover all the basic concepts related to while loops. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5166780192391168). Repeat Statements - Coding Challenge #6: FizzBuzz This coding exercise is about finding multiples of 3 or 5 and returning appropriate message based on the result. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5718848309297152). Repeat Statements - Coding Challenge #4: Multiplication Table In this lesson, you will write a code that inputs any random number from the user and returns multiplication table of that number. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5738476309839872). Write Functions - Coding Challenge #1: Improved Hello In this coding exercise, you have to input name from the user and then return a message based on the name given by the user. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5737259223482368). Write Functions - Coding Challenge #4: Calculator In this coding exercise, you have to implement a simple calculator that can perform al the basic arithmetic operations like addition, subtraction, multiplication and division. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5732770445787136). Play with Variables - Quiz This lesson covers multiple choice questions related to variables in JavaScript. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5676989558030336). Write Functions - Coding Challenge #2: Number Squaring Some simple coding exercises to test your JavaScript concepts. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5659515483586560). Write Functions - Coding Challenge #3: Minimum of Two Numbers In this coding exercise, you have to input two numbers and find the smallest number out of the both. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5150269801234432). Repeat Statements - The While Loop Moving forward, let's discuss how to write loops in JavaScript. This lesson will cover all the basic concepts related to while loops. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5716304078045184). Use Web APIs - Calling an API with JavaScript This lesson teaches how to call an API with JavaScript. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5711201120026624). Create your First Object - Coding Challenge #1: Adding Character Experience Given a code, can you add experience property to the character? Solve this exercise on your own. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/6300209176903680). Create your First Object - Coding Challenge #2: Modeling a Dog In this exercise, you will create a Dog object and implement some of its methods which are given below. Try to solve it on your own and if you get stuck anywhere, you can always refer to the solution. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/6247049829810176). Store Data in Arrays - Iterating over an Array This lesson will teach you how to iterate over the arrays to access its contents using loops. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5721977729843200). React to Events - Reacting to Mouse Events This lesson is about the type of mouse events that are occurred by using a mouse. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/6221448066629632). React to Events - Reacting to Page Events This lesson is about the type of page events that are occurred by interacting with a page. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5729220655316992). Write Functions - Quiz This lesson covers multiple choice questions related to functions in JavaScript. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5129482159521792). Store Data in Arrays - Introduction to Arrays This lesson is a brief introduction to Arrays in JavaScript. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5742146896265216). Create your First Object - Quiz This lesson covers multiple choice questions related to objects in JavaScript. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5769817759940608). Store Data in Arrays - Updating an Array's Content This lesson will teach you how to modify the contents of an array. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5683082506010624). Store Data in Arrays - Coding Challenge #1: Musketeers This little exercise will test the concepts of Arrays that you have learned so far. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5193859961192448). Create your First Object - Programming with Objects Let's dig out a little more interesting concepts about Objects in JavaScript. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5660516747837440). Work with Strings - Coding Challenge #2: Vowel Count In this coding exercise, you have to write a function which takes a string as input and then returns the number of vowels that string contains. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5144175242641408). Manipulate forms - Coding Challenge #2: Character List In this simple coding exercise, you will use Regular Expressions to match user input and based on that return the appropriate message. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5680031468617728). Store Data in Arrays - Quiz This lesson covers multiple choice questions related to arrays in JavaScript. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5676381820157952). Animate elements - Start/Stop an Animation In this lesson, you will learn how to start and stop an animation. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5769206800842752). Animate elements - Animate Page Elements In this lesson, you will learn how to add animation to elements present in the HTML. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5184084615626752). Animate elements - Alternative: CSS Animations In this lesson, you will learn how to perform the same animations that we do in JavaScript by using CSS only. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5637952600276992). Manipulate forms - Coding Challenge #3: Auto Complete This is an additional coding exercise designed to give an advanced hands-on practice on "Form Validation." View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5745143172825088). Animate elements - Coding Challenge #2: Bouncing Ball Test your skills to add animations in this JavaScript to make this ball bounce! View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5728994095792128). Manipulate forms - Quiz This lesson covers multiple choice questions related to manipulating forms in JavaScript. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5722487220338688). Query a Web Server - Coding Challenge #2: Famous Paintings In this coding exercise, your job is to load the contents of famous paints from a JSON file to the web page. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5761524178092032). Use Web APIs - Introducing Web APIs In this chapter, you'll learn how to leverage real-world web services in your applications. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5631832271880192). Work with Strings - Coding Challenge #3: Reverse Word In this coding exercise, you will write a function that takes a string as an input and returns that same string but in a reversed order. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/6270075149484032). Understand Object Oriented Programming - JavaScript Classes This lesson will cover all the basic concepts of Classes in JavaScript including the implementation part. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5687585242349568). Work with Strings - Quiz This lesson covers multiple choice questions related to strings in JavaScript. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5651969226047488). Understand Object Oriented Programming - Quiz This lesson covers multiple choice questions related to object-oriented programming in JavaScript. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5081463351410688). Understand Object Oriented Programming - Under the Hood: Objects and Prototypes Continuing the discussion on classes, this lesson will explain how JavaScript classes are different from classes we create in any other programming languages. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5752696946556928). Work with Strings - Strings as Set of Characters This lesson explains some of the methods that could be used to access or iterate over a string. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/6273511660191744). Work with Strings - Introduction This lesson is a brief introduction to Strings in JavaScript. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5136565097463808). Understand Object Oriented Programming - Object Oriented Programming In this lesson, we will take a detailed look at the Character Class and discuss some of its important methods. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5179196942843904). Understand Object Oriented Programming - Coding Challenge #2: Character Inventory In this coding exercise, you will extend the the Character class with new functionalities. The requirements are listed below. Work with Strings - Coding Challenge #1: Word Info This coding exercise is designed to test the concepts of Strings that you have learned so far. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5204223717277696). Traverse the DOM - Sample Web Page In this chapter, you'll see how to use JavaScript to traverse the DOM. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5685586471944192). Traverse the DOM - Obtaining Information about Elements The DOM can also provide information on the items you've just selected. Let's find out how! View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5652184511283200). Traverse the DOM - Coding Challenge #1: Counting Elements In this coding exercise, you will take an element and count the number of corresponding elements. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5758841434144768). Create Interactive Web Pages - What's a Web Page? This short chapter summarizes what you need to know about the Web and web pages. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5139509297545216). Project 1: A Social News Program - Functional & Technical Requirements To get a better hands on practice in JavaScript, try to implement a social news program. Requirements and expected results are given below. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/6258311770931200). Discover the DOM - Quiz This lesson covers multiple choice questions related to basics of Document Object Model. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5706106215071744). Create Interactive Web Pages - Quiz This lesson covers multiple choice questions related to basics of creating websites with the help of Html, JavaScript, and CSS. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5632851252871168). Discover the DOM - Get Started with the DOM in JavaScript The DOM represents a web page as a hierarchy of objects, where each object corresponds to a node in the nested HTML element tree. DOM objects have properties and methods that you can manipulate with JavaScript. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5181795398057984). Create your First Object - Coding Challenge #4: Modeling a Bank Account In this exercise, you will create a object of Bank Account and implement some of its methods which are given below. Try to solve it on your own and if you get stuck anywhere, you can always refer to the solution. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5645677098958848). Discover Functional Programming - Program State In this lesson, we will go over the concept of the state of the program and see its importance. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/6319759868035072). Discover Functional Programming - Quiz This lesson covers multiple choice questions related to functional programming in JavaScript. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5703997386129408). Discover Functional Programming - Coding Challenge #3: Arrays Sum In this coding exercise, you will input arrays and return sum of all the numbers present in every array. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5750885544099840). Discover Functional Programming - Higher Order Functions In this lesson, we will go over the concept of High-Order functions and see their uses in JavaScript. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5120132552589312). Discover Functional Programming - JavaScript: A Multi Paradigm Language JavaScript is a multi-paradigm language, let's find out what does it mean. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/6330123624120320). Discover the DOM - Coding Challenge #1: Showing a Node's Child In this coding exercise, you have to complete the given code to show one of the given node's child. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5085158633897984). Traverse the DOM - Selecting Elements via CSS Selectors This lesson is about selection of elements through CSS selectors. Let's see how JavaScript selects the elements via CSS. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/6211058540740608). Traverse the DOM - Coding Challenge #2: Handling Attributes In this coding exercise, you are given an HTML with links to other websites. Your job is to count total number of links in the page and output the first and the last link. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5637738925654016). Discover Functional Programming - Coding Challenge #2: Government Forms In this coding exercise, you will write a program to input forms and return the names of those forms which end with "cy". View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5746152490139648). Manipulate forms - JavaScript & Forms JavaScript lets you manage forms defined within your web page, in order to further improve interactivity. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5103468079480832). React to Events - Coding Challenge #1: Counting Clicks In this coding challenge, you will cover an exercise related to mouse events, see if you can solve it on your own! View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5658498113208320). React to Events - The Event Family In this lesson, you will learn about different types of events and how are they categorized. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/6219365007491072). Modify page structure - Coding Challenge #2: Newspaper List In this coding exercise, you will write JavaScript code to show a list of newspapers from a JavaScript array. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5654003966803968). Modify page structure - Coding Challenge #3: Mini-Dictionary Try to implement a mini-dictionary by extending this JavaScript code with new functions. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5720661859237888). Modify page structure - DOM Manipulations & Performance This lesson discussed few drawbacks of manipulation the DOM using JavaScript and how we can overcome this problem. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5154861658144768). React to Events - Introduction to Events This lesson is a brief introduction to events and how they help adding interactivity to the web page. You will also learn how to add or remove an event from a particular HTML element. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5127511306403840). React to Events - Coding Challenge #4: Interactive Quiz This exercise will summarize all the concepts that you have studied related to Events in JavaScript. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5157711905816576). Traverse the DOM - Quiz This lesson covers multiple choice questions related to traversing Document Object Model. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5666180199088128). Modify page structure - Coding Challenge #4: Updating Colors This coding exercise is a bit challenging. You will update the colors of all the content on webpage according to the input given in code. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5686920596160512). Modify page structure - Quiz This lesson covers multiple choice questions related to modifying page structure. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5742733696172032). Modify page structure - Styling Elements You can also add style properties to existing elements on a web page. Let's find out how to style the elements using JavaScript! View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5666418032902144). React to Events - Reacting to Keyboard Events This lesson is about the type of keyboard events that are occurred by using a keyboard. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5715088602300416). Animate elements - Quiz This lesson covers multiple choice questions related to animating elements in JavaScript. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5086488463147008). Building Web Applications - JSON, a Data Format for the Web This lesson gives an introduction to JavaScript Object Notation widely known as JSON. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5748225885601792). React to Events - Quiz This lesson covers multiple choice questions related to event handling in JavaScript. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5649438416568320). Manipulate forms - Forms as DOM Elements Some other important points about handing form data via JavaScript. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5117426723192832). Building Web Applications - HTTP Status Codes & URL This lesson covers all the HTTP status codes and teaches how to address resource with a URL. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5735785512828928). Query a Web Server - Handling JSON Data This lesson teaches the use of JSON data in JavaScript through a series of interactive examples. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5137971162382336). Manipulate forms - Regular Expressions This lesson is a brief introduction to Regular Expressions and their importance in JavaScript. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5691210194747392). Building Web Applications - From Web Sites to Web Apps This lesson gives an overview of web development models, synchronous vs asynchronous and cross-domain requests. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5681567993167872). Animate elements - Choosing the Right Animation Technique This lesson covers some simple steps to choosing the right animation technique. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5147611753349120). Manipulate forms - Form Fields: Text Zones In this lesson, you will add JavaScript functions to handle the form data entered by the user. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5731753075408896). Query a Web Server - Creating Asynchronous HTTP Requests in JavaScript This chapter will teach you how to retrieve data from a web server through HTTP requests. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5728005179572224). Manipulate forms - Form fields: Sign Up Form In this lesson, you will learn how to build a basic sign up form. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5163915449204736). Query a Web Server - Coding Challenge #1: Language List In this coding challenge, you will cover a small exercise related to querying a web server. See if you can solve it on your own! View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5764529581457408). Send Data to a Web Server - Coding Challenge #1: New Article In this coding exercise, you will write codes for HTML and JavaScript to implement a basic form to add an article blog and send the content to the given URL. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/6263871069224960). Send Data to a Web Server - Quiz This lesson covers multiple choice questions related to sending data to web server. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5183202536718336). Send Data to a Web Server - Coding Challenge #2: Visited Countries This exercise is designed to help you get a little practice on how to send data from fields to the server in the form of a JSON object. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5100210883657728). Discover Node.js - Coding Challenge #3: Playing with Dates This small coding exercise is designed to give you a little practice on Node.js. See if you can solve it on your own! View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5634376570241024). Send Data to a Web Server - Sending Form Data This lesson teaches how to send data from a form to the server. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5664961502117888). Building Web Applications - How the Web Works? Understanding the fundamentals of web development is crucial for every JavaScript developer. Let's dive into this topic. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5192113520115712). Send Data to a Web Server - Sending Data: The Basics You know now how to retrieve some data from web servers or APIs. This chapter will teach you how to send data to them. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/6281798262718464). Building Web Applications - Quiz This lesson covers multiple choice questions related to building web applications. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5760660889665536). Query a Web Server - Quiz This lesson covers multiple choice questions related to querying a web server. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5642600828633088). Use Web APIs - Consuming a Web API This lesson gives an introduction to Web Application Interface or widely known as web API. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5126898736693248). Discover Node.js - Relationship between Packages and Modules This lesson covers relationship between packages and modules in Node.js. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5671519917178880). Discover Node.js - Coding Challenge #1: Circles Again This small coding exercise is designed to give you a little practice on Node.js. See if you can solve it on your own! View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/4840729360728064). Create a Web Server - Quiz This lesson covers multiple choice questions related to creating a web server. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5675156680736768). Discover Node.js - Quiz This lesson covers multiple choice questions related to Node.js. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5714412681822208). Create a Web Server - Exposing Data This lesson covers exposing data through custom API. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5185275932180480). Create a Web Server - Practice Exercises You can solve practice these exercises on your own setup and learn how to make your custom web server accept data from a form or JSON. In addition to this, learn how to add a route and fetch data from it. Helper codes are provided below but try to solve it on your own first. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5702971962687488). Use Web APIs - Quiz This lesson covers multiple choice questions related to web APIs. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5103230245666816). Discover Node.js - Introducing Node.js In this chapter, you'll discover how to create JavaScript applications outside the browser thanks to a technology called Node.js. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5651286326247424). Discover Node.js - Node.js Modules This lesson gives a brief overview of benefits of modularity and how to use modules in Node.js View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5722995100221440). Discover Node.js - Exporting a Class or Object This lesson teaches how to export a class or object in Node.js. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5656934208241664). Discover Node.js - Node.js Packages The Node platform provides a way to structure an application under the form of a package. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5098603492147200). Use Web APIs - Coding Challenge #1: More Beer Please This coding exercise is a bit more challenging than the previous ones. In this exercise, you will have to show additional information about the showcase beers. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5705087234080768). Conclusion - Summary and Perspectives This lesson summarizes what we have covered in this whole course. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5707591200014336). Create a Web Server - Accepting data: Handling JSON Data This lesson teaches how to make your custom web server accept data in JSON format. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5067827903987712). Project 3: A Social News Web App - Implementing Social News Web App In this coding project, you will extend the previous project and implement a Social News Web App out of it. Your project must follow all the rules stated in the previous lesson. Starter HTML and CSS, and JavaScript code is provided in the coding playground below. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5715177789980672). Create a Web Server - Responding to Requests This lesson covers methods for responding to requests in a web server. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5759622581321728). Create a Web Server - Using a Framework This lesson teaches how to use a framework in order to create a web server in JavaScript. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5684099876388864). Create a Web Server - Creating an API This lesson teaches how to create an API to extend web server functionalities and services. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5641562520289280). Create a Web Server - Publishing Web Pages This lesson teaches how to publish and return web pages from a custom web server. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5160045146800128). Appendices - Style Guide A styling guide of rules to keep in mind when styling a web page. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5668695976181760). Modify page structure - Coding Challenge #1: Adding a Paragraph This coding exercise is design to test the concepts you have covered so far. Try to implement it on your own. If you get stuck, you can always refer to the solution provided in the "Show Solution" tab. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5072660279066624). Add Conditions - What's a Condition? Exploring JavaScript a little further, this lesson will go through the concept of "condition" how to write them in JavaScript using the "if" keyword. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5115343664054272). Play with Variables - Variables This lesson teaches the properties of a variable and how do we declare it in JavaScript. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5169230471233536). Work with Strings - Searching Inside a String This lesson will teach you how access the index of any word or a sub-string in the Array in JavaScript. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5654256296132608). Add Conditions - Multiple Choices This lesson is a comparison between if/else and switch statements. We will also find out when is it appropriate to write conditions using switch instead of writing simple if/else statements. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/6314758378618880). React to Events - Coding Challenge #3: A Dessert List In this coding challenge, you will cover an exercise related to page events, see if you can solve it on your own! View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5712329622683648). Discover Functional Programming - Coding Challenge #1: Older Movies In this coding challenge, you will extend the functionality of the program that we wrote previously. You are required to write a function that returns the titles of movies that were released before 2000. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/4912384984481792). React to Events - Coding Challenge #2: Changing Colors In this coding challenge, you will cover an exercise related to keyboard events, see if you can solve it on your own! View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5646702522400768). Manipulate forms - Form Validation In this lesson, you will learn different strategies to validate the data entered by the user. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/4811990123937792). Use Web APIs - Key-Based Authentication This lesson gives an overview of a class of web APIs that require key based authentication. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5155898355875840). Play with Variables - Coding Challenge #1: Improved Hello This short coding exercise is to practice how to input anything from the user on runtime. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5763059092029440). Store Data in Arrays - Coding Challenge #3: Array Maximum In this coding exercise, you will take an array of numbers and find the element having maximum value among those values in the array. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5734827735121920). Write Functions - Guidelines for Programming with Functions Some basic guidelines which every programmer must practice while writing a code with functions. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5701443491201024). Create your First Object - JavaScript Predefined Objects A little note JavaScript pre-defined objects. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5726865402626048). Introduction - How to Create Programs? A basic introduction to earlier generation programming languages and a small comparison of syntax complexity between the latest technologies being used. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5768086351249408). Work with Strings - Manipulating Strings This lesson will explain some of the methods that could be used to manipulate the string in JavaScript. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/6328092104589312). Work with Strings - Coding Challenge #4: Palindrome Finder In this coding exercise, you will write a function i.e. palindrome() in JavaScript to find if a given string is a palindrome or not. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5718420960051200). Play with Variables - Coding Challenge #3: From Celsius to Fahrenheit degrees This short coding exercise is about writing a program that takes inputs from users in Celsius unit and returns it in Fahrenheit degree. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5717327890874368). Add Conditions - Coding Challenge #3: Number of Days in a Month This little coding exercise is about writing a program that inputs a month and based on the input returns the numbers of days that month has. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5657438866898944). Repeat Statements - Coding Challenge #5: Neither Yes nor No This coding exercise is based on a combination of loops and if-else statements. Write a code that doesn't stop prompting for user input unless the user enters "yes" or "no". Good luck! View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5653401597640704). Create your First Object - Coding Challenge #3: Modeling a Circle In this exercise, you will create a Circle object and implement some of its methods which are given below. Try to solve it on your own and if you get stuck anywhere, you can always refer to the solution. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5753841555341312). Store Data in Arrays - Coding Challenge #4: Array Second Minimum In this coding exercise, you will take an array as input and find the second minimum number from that array. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5694489402277888). Store Data in Arrays - Coding Challenge #5: List of Words In this coding exercise, you will be given a few words as input which you will have to add to an already defined array of words based on a few conditions. First you will define an object and create a method to perform this functionality. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5131539448856576). Discover Functional Programming - Context: A Movie List In this chapter, we'll start with an example program and improve it little by little, without adding any new functionality. This important programming task is called refactoring. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/4835951746482176). Discover Functional Programming - Pure Functions Merely introducing some functions in a program is not enough to follow the functional programming paradigm. Whenever possible, we also need to use pure functions. This lesson will explain these functions in detail. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/6018734200193024). Store Data in Arrays - Manipulating Arrays in JavaScript In this lesson, you will learn how to create an Array, access one of its elements and how to obtain its size. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5650165876654080). Understand Object Oriented Programming - Context: A Multiplayer RPG From here starts your journey to learn Object Oriented Programming in JavaScript. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5128260241326080). Discover Functional Programming - Coding Challenge #4: Student Results In this coding exercise, you will write a program to compute the results of female students. You will return their names and average marks of all the females given in the input. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5659007603703808). Create Interactive Web Pages - The Languages of the Web In this lesson, we will go over some of the popular web languages that we use to build web page. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/4869519063384064). Understand Object Oriented Programming - Coding Challenge #1: Dog In this coding exercise, you will implement the Dog class based on the requirements given below. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/4892834293350400). Discover Functional Programming - Array Operations JavaScript offers several array-related methods that favor a functional programming style. Let's go over these methods one by one. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5455784246771712). Traverse the DOM - Coding Challenge #3: Handling Classes Extending the previous exercise, now you will write a function which will take two parameters i.e. ID and classname and return if that particular element belongs to the given class. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5670256123052032). Modify page structure - Adding a New Element In this lesson, you will learn how to add an element on an existing web page via JavaScript. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5633887950602240). Modify page structure - Replacing or Removing nodes Just like you can add elements from an existing web page, you can also remove or replace those elements via JavaScript. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5705519415164928). Modify page structure - Coding Challenge #5: Information about an Element In this coding exercise, you will update the content of the web page by appending additional information about the existing HTML content. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5753217711341568). React to Events - Go farther with Events In this lesson, we will introduce the concept of Event Propagation and cover all the important points related to event propagation. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5674647190241280). Manipulate forms - Form Fields: Choice Elements In this lesson, you will learn about elements that come in handy to represent data on a web page which requires choosing an option. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5079089845108736). Manipulate forms - Coding Challenge #1: Password Checker This little coding exercise will test your skills to validate a password entered by the user. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/6243326630035456). Animate elements - Coding Challenge #1: Chronometer This coding exercise is designed to help you revise the concepts of animation that you have covered so far. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/6196837904023552). Project 2: A Social News Web Page - Functional & Technical Requirements You know now enough JavaScript and DOM to go ahead and create interactive web pages for real! Try to implement a social news web page. Requirements and expected results are given below. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5736393250701312). Project 2: A Social News Web Page - Implementing Social News Web Page In this coding project, you will extend the previous project and implement a Social News Web Page out of it. Your project must follow all the rules stated in the previous lesson. Starter HTML and CSS, and JavaScript code is provided in the coding playground below. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5746936925650944). Discover Node.js - Coding Challenge #2: Accounting Module This small coding exercise is designed to give you a little practice on Node.js. See if you can solve it on your own! View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5766455404527616). Building Web Applications - HTTP, the Web Protocol This lesson gives a brief introduction to HyperText Transfer Protocol and covers the anatomy of HTTP request and response. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5709124503339008). Use Web APIs - Coding Challenge #3: Github Profile In this coding exercise, you have to display information about a GitHub user, getting the contents from an API. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5630269977526272). Send Data to a Web Server - Sending JSON Data This lesson gives a brief overview of sending JSON data to the server. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5743164266643456). Discover Node.js - Package Management with NPM This lesson teaches package management in Node.js with NPM. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5080341291204608). Create a Web Server - Accepting Data: Handling Form Data This lesson teaches how to make your custom web server accept data from a form. View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5636520228683776). Project 3: A Social News Web App - Functional & Technical Requirements This final project is the culmination of this whole course. You can check out the expected results for reference. Good luck! View the lesson [here](https://www.educative.io/collection/page/10370001/5710902082928640/5121149922967552).
About the Complete JavaScript Course: Build a Real World App from Scratch (Baptiste Pesquet) category [Complete JavaScript Course: Build a Real World App from Scratch (Baptiste Pesquet)] (1)