Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Personal Transformation Meditation Life Purpose Coaching Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
2020-12-09 01:10:00
30-Day Money-Back Guarantee

This course includes:

  • 19 hours on-demand video
  • 2 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
Development Web Development JavaScript

Modern JavaScript (Complete guide, from Novice to Ninja)

Learn Modern JavaScript from the very start to ninja-level & build awesome JavaScript applications.
Rating: 4.8 out of 54.8 (5,653 ratings)
17,669 students
Created by The Net Ninja (Shaun Pelling)
Last updated 7/2020
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Learn how to program with modern JavaScript, from the very beginning to more advanced topics
  • Learn all about OOP (object-oriented programming) with JavaScript, working with prototypes & classes
  • Learn how to create real-world front-end applications with JavaScript (quizes, weather apps, chat rooms etc)
  • Learn how to make useful JavaScript driven UI components like popups, drop-downs, tabs, tool-tips & more.
  • Learn how to use modern, cutting-edge JavaScript features today by using a modern workflow (Babel & Webpack)
  • Learn how to use real-time databases to store, retrieve and update application data
  • Explore API's to make the most of third-party data (such as weather information)
Curated for the Udemy for Business collection

Course content

21 sections • 173 lectures • 18h 59m total length

  • Preview03:00
  • Why JavaScript is Amazing
    02:23
  • Setting up Your Environment
    07:26
  • Course Files
    01:34

  • Adding JavaScript to a Web Page
    05:02
  • The Browser Console
    02:47
  • Variables, Constants & Comments
    08:29
  • Data Types at a Glance
    04:19
  • Strings
    10:24
  • Common String Methods
    05:14
  • Numbers
    09:59
  • Template Strings
    06:09
  • Arrays
    09:14
  • Null & Undefined
    03:17
  • Booleans & Comparisons
    09:41
  • Loose vs Strict Comparison
    04:04
  • Type Conversion
    05:33

  • What is Control Flow?
    01:28
  • For Loops
    09:16
  • While Loops
    04:12
  • Do While Loops
    02:34
  • If Statements
    04:55
  • Else & Else If
    04:13
  • Logical Operators
    05:03
  • Logical NOT
    03:17
  • Break & Continue
    04:03
  • Switch Statements
    05:26
  • Variables & Block Scope
    08:27

  • What are Functions?
    02:47
  • Function Declarations & Expressions
    06:08
  • Arguments & Parameters
    04:46
  • Returning Values
    04:28
  • Arrow Functions
    09:00
  • Functions vs Methods
    03:31
  • Foreach Method & Callbacks
    08:30
  • Callback Functions in Action
    04:20

  • Objects at a Glance
    02:25
  • Creating an Object Literal
    06:53
  • Adding Methods
    03:02
  • 'this' Keyword
    06:14
  • Objects in Arrays
    03:46
  • Math Object
    05:26
  • Primitive vs Reference Types
    09:47

  • Interacting with the Browser
    02:04
  • The DOM Explained
    04:54
  • The Query Selector
    08:20
  • Other Ways to Query the DOM
    05:46
  • Adding & Changing Page Content
    09:42
  • Getting & Setting Attributes
    05:40
  • Changing CSS Styles
    05:49
  • Adding & Removing Classes
    10:23
  • Parents, Children & Siblings
    10:43
  • Event Basics (click events)
    09:59
  • Creating & Removing Elements
    07:35
  • Event Bubbling (and delegation)
    10:01
  • More DOM Events
    09:38
  • Building a Popup
    09:55

  • Events Inside Forms
    01:44
  • Submit Events
    07:57
  • Regular Expressions
    08:06
  • Testing RegEx Patterns
    07:34
  • Basic Form Validation
    05:08
  • Keyboard Events
    08:52

  • Preview01:38
  • Bootstrap Basics
    05:50
  • HTML Template
    10:51
  • Checking Answers
    09:13
  • Showing the Score
    05:11
  • The Window Object
    06:40
  • Intervals & Animating the Score
    06:45

  • Filter Method
    08:18
  • Map Method
    08:08
  • Reduce Method
    07:35
  • Find Method
    03:04
  • Sort Method
    10:45
  • Chaining Array Methods
    06:41

  • Preview02:50
  • HTML & CSS Template
    06:49
  • Adding Todos
    09:12
  • Deleting Todos
    05:01
  • Searching & Filtering Todos
    17:53

Requirements

  • A basic grasp of HTML & CSS (how to create simple, static web pages)

Description

Hey gang, and welcome to your first step on the path to becoming a JavaScript ninja! In this course I'll be teaching you my absolute favourite language (JavaScript!) from the very beginning, right through to creating fully-fledged, dynamic & interactive web experiences.

We'll cover all the basics to get you up-and-running quickly, before diving in to some of the really fun stuff like web-page manipulation, creating interactive forms, popups & other cool effects. Along the way we'll be using the latest additions to the JavaScript specification (ES6, 7 & beyond) and maintaining good coding standards to keep our code clean and effective!

Once we master the basics, we'll dive into several real-life JavaScript projects, including an interactive quiz, a weather app, a real-time chat application and a small UI library you can use in all your future projects!

We'll also take a look at some more advanced topics - object oriented programming, asynchronous code, real-time databases and much more. Finally, we'll be setting up a modern work-flow using Webpack & Babel, so that by the end of this course you'll be no less than a black-belt JavaScript developer with a lot of coding techniques in your tool-belt.

Speaking of ninjas, I'm also known as The Net Ninja on YouTube, where you'll find hundreds of free coding tutorials, so feel free to pop by to say hello :).


Who this course is for:

  • New or junior developers who want to learn JavaScript from the ground up
  • Front-end developers who want to level-up their JavaScript knowledge using modern, cutting-edge techniques
  • Back-end developers who want to learn the JavaScript language for front-end development

Featured review

Gayathri Devi Kanumuri
Gayathri Devi Kanumuri
15 courses
3 reviews
Rating: 5.0 out of 5a year ago
Shaun makes any concept easy to understand and structures his videos in a systematic manner making it easy for the students to follow.I started watching his videos on youtube before buying this course and found my ultimate channel for learning web development.He is amazing at teach any technology.I look forward to more courses by Shaun.

Instructor

The Net Ninja (Shaun Pelling)
Online Coding Tutor & Net Ninja
The Net Ninja (Shaun Pelling)
  • 4.8 Instructor Rating
  • 10,867 Reviews
  • 43,123 Students
  • 3 Courses

A Little About Me...

Hey gang, my name's Shaun and since a young age I've had an obsession for nearly anything tech-related. I've been coding since about the age of 15 (half of my life, now...phew!) and work as a full-stack web developer and online instructor.

I also run a well-known development tutorial YouTube channel called The Net Ninja with nearly 500,000 subscribers. So feel free to browse some of my latest free tutorials on there if you want to check out my teaching style :).

My specialities mainly gravitate around one central language (and my first love) - JavaScript. I've been programming with it for around 12 years and - as with any long-term relationship - have had the pleasure of seeing it's ugly side as well as it's beautiful side. So I know the pitfalls to avoid when using it, and pass these on when appropriate in my tutorials.

As well as teaching, I've also helped to create many very popular, UK-based eCommerce websites, as well as a large amount of smaller, independent websites as well.

Other languages & technologies I use and teach are - Node.js, Vue, React, Python, Ruby, PHP, HTML & CSS.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.