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.
Modern JavaScript For Beginners: Part 1
Unlock creativity with Skillshare! Learn acrylic painting, AI writing, graphic design, and photography.
This Course Includes
skillshare
0 (0 reviews )
7 hours 35 minutes 
english
Online - Self Paced
course
SkillShare
About Modern JavaScript For Beginners: Part 1
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
What You Will Learn?
- 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….