Introduction to ES6+

This course teaches you modern JavaScript through 24 tutorials. It takes an hour to complete and enables you to start using ES6+ features in your apps.

    
    let word1 = 'Dylan';
    let word2 = 'Israel';
    let num1 = 2;
    let num2 = 3;
    
    // const fullName = `${num1 + num2} ${word2}`;
    let example = `${word1} ${word2}`;
    // console.log(fullName);
    console.log(example)
    document.getElementById('example').innerText = example;
    const personalInformation = {
        firstName: 'Dylan',
        lastName: 'Israel',
        city: 'Austin',
        state: 'Texas',
        zipCode: 73301
    };
    
    const {firstName, lastName} = personalInformation;
    
    console.log(`${firstName} ${lastName}`);
    let [firstName, middleName, lastName] = ['Dylan', 'Coding God', 'Israel'];
    
    lastName = 'Clements';
    
    console.log(lastName)
    
    function addressMaker(city, state) {
        const newAdress = {newCity: city, newState: state};
        
        console.log(newAdress);
    }
    
    addressMaker('Austin', 'Texas');
    function addressMaker(address) {
        const {city, state} = address;
        
        const newAddress = {
            city,
            state,
            country: 'United States'
        };
        console.log(`${newAddress.city}, ${newAddress}`)
    }
    
    addressMaker({city: 'Austin', state: 'Texas'});
    let fullName = "Dylan Coding God Israel";
    
    
    for (const char of fullName) {
        console.log(char);
    }
    
    
    let incomes = [62000, 67000, 75000];
    
    for (let income of incomes) {
       income += 5000;
    }
    
    console.log(incomes);
    let example1 = {
        firstName: 'Dylan'
    };
    
    // let example2 = {
    //     
    //     ...example1
    // }
    
    // example2 = {firstName: 'Dylan'}
    function add(nums) {
        
        console.log(nums);
    }
    
    add(4)
    
    function add(...nums) {
        let total = nums.reduce((x, y))
        console.log(total);
    }
    
    add(4, 5, 7, 8, 12)
    
    function add(numArray = []) {
        let total = 0;
        numArray.forEach((element) => {
            total += element;
        });
        
        console.log(total);
    }
    
    add();
    let numArray = [1,2,3,4,5];
    
    
Dylan C. Israel1:1010 months ago
    const example = [];
    
    console.log(example)
    import { data } from './example.js';
    let updatedData = data;
    
    data.push(5)
    console.log(data);
    let example = 'Dylan Israel';
    
    
    
    console.log(example.padEnd(10, 'a'));
    let example = 'YouTube.com/CodingTutorials360';
    
    console.log(example.padStart(100).length);
    console.log(example.padEnd(1));
    import { Animal, Cat } from './animal.js';
    
    let cat = new Cat('Cat', 4);
    
    cat.makeNoise();
    
    console.log(cat.metaData)
Dylan C. Israel11:4810 months ago
    function add(param1,){
        const {
            name
        }
    }
    const apiUrl = 'https://fcctop100.herokuapp.com/api/fccusers/top/alltime';
    
    async function getTop100Campers() {
        const response = await fetch(apiUrl);
        const json = await response.json();
        
        console.log(json[0]);
    }
    
    // function getTop100Campers() {
    //     fetch(apiUrl)
    //     .then((r) => r.json())
    //     .then((json) => {
    //         console.log(json[0])
    function resolveAfter3Seconds() {
      return new Promise(resolve => {
        setTimeout(() => {
          resolve('resolved');
        }, 3000);
      });
    }
    
    // resolveAfter3Seconds().then((data) => {
    //     console.log(data);
    // });
    
    async function getAsyncData() {
        const result = await resolveAfter3Seconds();
    const exampleSet = new Set([1,1,1,1,2,2,2,2]);
    
    exampleSet.add(5);
    exampleSet.add(5).add(17);
    
    console.log(exampleSet.has(5));
    
    console.log(exampleSet.size);
Dylan C. Israel2:4610 months ago
    

Modern developers should know modern JavaScript!


This course will teach you the most modern features of JavaScript, also known as ES6+. ES6 is short for ECMAScript 6, and the plus sign (+) signals that we're also including features from even newer versions of ECMAScript.

JavaScript is one of the most popular programming languages in the world. It’s used almost everywhere: from large-scale web applications to complex servers to mobile and even in IoT devices. So this course is perfect for developers who want to ensure that their skills are relevant in a broad range of areas. Plus, it only takes an hour to complete!

If you need a refresher on basic JavaScript first, please take our Intro to JavaScript course.

Course content:

  • Template Literals
  • Destructuring
  • Object Literal
  • For of loop
  • Spread operator
  • Rest operator
  • Arrow Functions
  • Default Params
  • Classes
  • Array.includes()
  • Let & const
  • Export & import
  • Object.keys()
  • Async/Await
  • String.padStrart(), String.padEnd()
  • Trailing commas
  • Classes

About the instructor:

The instructor Dylan Israel runs the popular YouTube channel Coding Tutorials 360 and he has also previously created two successful Scrimba courses, so you can rest assured that you're in good hands.

What people are saying about Scrimba: