Modern JavaScript For Beginners: Part 2 | Chris Dixon | Skillshare

Playback Speed

1.0x

  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

    • 1.

      Introduction

      2:23

    • 2.

      Project Folder Download

      0:59

    • 3.

      Share Your Work On Skillshare!

      1:09

    • 4.

      For Loops

      10:18

    • 5.

      For...in & For...of

      6:25

    • 6.

      While & do...while

      5:22

    • 7.

      If / Else Statements & Nesting

      5:56

    • 8.

      Else if

      4:22

    • 9.

      The Switch Statement

      7:57

    • 10.

      Conditional Operator (ternary)

      4:12

    • 11.

      Type Coersion & Conversion

      10:00

    • 12.

      Truthy & Falsey

      4:35

    • 13.

      Optional Chaining

      6:22

    • 14.

      Creating & Modifying New Objects

      5:47

    • 15.

      Object Constructor Function

      9:21

    • 16.

      Object Prototypes

      6:41

    • 17.

      Inheriting Object Properties

      10:09

    • 18.

      Copying Object Properties

      4:38

    • 19.

      CSS Style Objects

      4:35

    • 20.

      Looping With Objects

      9:26

    • 21.

      Dynamic Objects

      5:44

    • 22.

      Primitive & Reference Types

      5:27

    • 23.

      Comparing Objects

      6:41

    • 24.

      Section Introduction

      3:24

    • 25.

      Listing Orders

      12:30

    • 26.

      Listing Orders Refactor

      5:24

    • 27.

      Element Helper Function

      6:33

    • 28.

      Selecting The Current Order

      9:13

    • 29.

      Set The Current Pizza

      5:30

    • 30.

      Split & Join Methods

      10:50

    • 31.

      Adding Pizzas To The Oven

      9:24

    • 32.

      Starting & Ending The Game

      9:09

    • 33.

      Introduction To Javascript Math

      7:08

    • 34.

      Generating New Pizzas With Math

      8:36

    • 35.

      setInterval

      9:17

    • 36.

      setTimeout

      4:47

    • 37.

      Clearing Timers

      3:56

    • 38.

      Introduction To Javascript Date

      5:26

    • 39.

      Setting The Cooking Time

      4:43

    • 40.

      Introduction To The Canvas & Co-Ordinates

      13:03

    • 41.

      Setting Up The Ingredients

      7:45

    • 42.

      Drawing Circular Ingredients

      6:38

    • 43.

      Drawing Multiple Pieces

      13:00

    • 44.

      Clearing The Canvas

      4:33

    • 45.

      Wasting Pizzas

      2:35

    • 46.

      Checking Steps

      16:23

    • 47.

      Completing Orders

      12:48

    • 48.

      Removing Orders

      3:33

    • 49.

      Updating The UI & Stats

      9:55

    • 50.

      Introduction To Scope

      5:49

    • 51.

      Nesting Scope

      5:35

    • 52.

      Block & Function Scope

      3:35

    • 53.

      Hoisting

      7:48

    • 54.

      Temporal Dead Zone

      5:17

    • 55.

      Closures

      9:34

    • 56.

      A Little Bit Of Background

      6:25

    • 57.

      Callback Functions

      15:20

    • 58.

      Promises

      11:23

    • 59.

      The Promise Constructor

      7:51

    • 60.

      Handling Multiple Promises

      7:15

    • 61.

      Async / Await

      6:42

    • 62.

      Handling Multiple Awaits

      4:02

    • 63.

      Error Handling

      8:49

    • 64.

      Leaving So Soon

      8:01

    • 65.

      Image Carousel- Setting The Images

      9:15

    • 66.

      Image Carousel- Creating The Arrows

      7:01

    • 67.

      Image Carousel - Re-Ordering Images

      8:11

    • 68.

      Image Carousel- Swapping Images

      4:04

    • 69.

      Follow me on Skillshare

      0:23

Modern JavaScript For Beginners: Part 2

Chris Dixon, Web Developer & Online Teacher

About This Class

Welcome to Modern JavaScript For Beginners!

This is part 2 of the class, building on the foundation you have learned in part 1. If you have not taken part 1, be sure to go through this class first, unless you have some JavaScript experience already and you want to cover the topics in this section.

Your starter project from the first part will continue into this class, if you don't have it, you can download it here:

Grab the starter files here.

Speedy Chef project stages can be found here.

Learning any new skill can be tough and Javascript is no exception!

Javascript has such a wide range of features and things it can do, meaning sometimes as beginners we have no idea where to even begin.

This is why I have created this class…

This class covers many JavaScript subjects including loops and conditional statements, a deep look at objects,  math, date, and timers, and drawing to the canvas.

This is all while looking at real-world examples and demonstrations, along with building a pizza chef game to combine many parts of what you have learned. This project will be reasonably big but we will break it down into manageable sections.

 Later on, we discover some of the trickier parts such as async JavaScript, scope, hoisting, and closures, before finishing off with 2 more projects, We build a small app called leaving so soon, which is an exit-intent popup to entice visitors with an offer when they try to leave your site. Before completing the class with a fully functioning  JavaScript image carousel.

Thank you for your interest in this class, and I will see you in the first lesson…

Class Projects Show All (13)

Please note that this class is provided for personal educational, informational and convenience purposes only, is general in nature and is not intended as a substitute for professional, legal, or medical advice. Read more about this in our Terms of Service.