Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Skillshare

Modern JavaScript For Beginners: Part 1

via Skillshare

Overview

Welcome to Modern JavaScript For Beginners!

Grab the starter files 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…

Working from the very beginning, I will show you what Javascript is, what it can do, and why we even use it at all.

This class covers everything you need to know to become a competent Javascript developer.

The class is beginner focused for anybody new to Javascript, or if you have a little experience and looking for an all round class to take you to the next level. You should have at least a little experience with HTML & CSS to get the most out of this class.

If you have not taken one of my classes before, my name is Chris and I have been building websites for over 20 years.

Alongside I have been teaching new developers for over 7 years, both in video classes and leading web development boot camps too.

This is part 1 of 2 and this will give you a great foundation in Javascript covering all the basics including arrays, functions, objects, events & the DOM, web API’s and all of the details you need to know in between.

All of these topics are covered in a clear and structured way, all while building practical projects as we go.

Including real world example use cases and mini challenges too.

At the end, we also put all of these skills together by building a working video player, including fully custom controls. And also a fun shape drop game using drag and drop.

It includes a project folder we will add to as we go, which will serve as a useful reference in the future too.

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

Syllabus

  • Welcome To The Class!
  • Share Your Work On Skillshare!
  • Let's See What Javascript Can Do!
  • Download The Starter Files
  • Where To Add Javascript
  • Async & Defer
  • Working With Strings
  • Storing Data With Variables
  • Mixing Strings With Variables
  • Data Types: Numbers
  • Data Types: Boolean, Null & Undefined
  • Comments, Semi-colons & ASI
  • Operators: Assignment & Comparison
  • Operators: Logical & Arithmetic
  • Introduction To Arrays & Object Types
  • Introduction To Objects
  • Introduction To Functions
  • The Array Constructor
  • Introduction To Properties, Methods & The Prototype
  • Modifying Arrays
  • Returning New values
  • Iteration Methods
  • Reducers
  • Map & forEach
  • Array Destructuring
  • Unique Values With Set
  • Two Dimensional Arrays
  • The Global Object & Built In Functions
  • Function Expressions
  • Immediately Invoked Function Expressions
  • Anonymous Or Named?
  • A Function Or a Method?
  • Arrow Functions
  • Default Parameter Values & Using Rest
  • What Is The DOM?
  • Selecting Elements
  • Changing Values & Attributes
  • Changing An Elements CSS
  • Creating New Elements
  • Adding Elements To The Page
  • Cloning & Removing Elements
  • Mini Challenge
  • Looping With DOM Elements
  • Introduction To Events
  • Listening For Events
  • Listening For Multiple Events & Event Data
  • Event Propagation
  • Running Events Once
  • Preventing Default Behaviour & The Passive Option
  • Removing Event Listeners
  • HTML Collection or NodeList?
  • Mini Challenge: Create a Dark Mode Button
  • Video Player Project: Creating The UI
  • Video player Project: Video Events, Properties & Methods
  • Shape Drop Game: Creating The UI
  • Shape Drop Game: Drag & Drop Events
  • Shape Drop Game: Handling The Score & End Of Game

Taught by

Chris Dixon

Reviews

Start your review of Modern JavaScript For Beginners: Part 1

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.