Introduction to ES6+

Learn modern JavaScript through 23 screencasts

    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];
    
    
    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:488 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:468 months ago

A comprehensive introduction to modern JavaScript


This course will teach you the most modern features of JavaScript, also known as ES6+. 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 IoT devices.

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

What people are saying about Scrimba: