When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.

Development
SkillShare logo

Modern JavaScript For Beginners: Part 2

Unlock creativity with Skillshare! Learn acrylic painting, AI writing, graphic design, and photography.

     0 |
  • Reviews ( 0 )
Free
Modern JavaScript For Beginners: Part 2

Related Courses

This Course Includes

  • iconskillshare
  • icon0 (0 reviews )
  • icon8 hours 6 minutes
  • iconenglish
  • iconOnline - Self Paced
  • iconcourse
  • iconSkillShare

About Modern JavaScript For Beginners: Part 2

Introduction

Project Folder Download

Share Your Work On Skillshare!

For Loops

For...in & For...of

While & do...while

If / Else Statements & Nesting

Else if

The Switch Statement

Conditional Operator (ternary)

Type Coersion & Conversion

Truthy & Falsey

Optional Chaining

Creating & Modifying New Objects

Object Constructor Function

Object Prototypes

Inheriting Object Properties

Copying Object Properties

CSS Style Objects

Looping With Objects

Dynamic Objects

Primitive & Reference Types

Comparing Objects

Section Introduction

Listing Orders

Listing Orders Refactor

Element Helper Function

Selecting The Current Order

Set The Current Pizza

Split & Join Methods

Adding Pizzas To The Oven

Starting & Ending The Game

Introduction To Javascript Math

Generating New Pizzas With Math

setInterval

setTimeout

Clearing Timers

Introduction To Javascript Date

Setting The Cooking Time

Introduction To The Canvas & Co-Ordinates

Setting Up The Ingredients

Drawing Circular Ingredients

Drawing Multiple Pieces

Clearing The Canvas

Wasting Pizzas

Checking Steps

Completing Orders

Removing Orders

Updating The UI & Stats

Introduction To Scope

Nesting Scope

Block & Function Scope

Hoisting

Temporal Dead Zone

Closures

A Little Bit Of Background

Callback Functions

Promises

The Promise Constructor

Handling Multiple Promises

Async / Await

Handling Multiple Awaits

Error Handling

Leaving So Soon

Image Carousel- Setting The Images

Image Carousel- Creating The Arrows

Image Carousel - Re-Ordering Images

Image Carousel- Swapping Images

Follow me on Skillshare

What You Will Learn?

  • 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….