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 Mindfulness Personal Development 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 Data Science
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
30-Day Money-Back Guarantee

This course includes:

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

Modern JavaScript From The Beginning

Learn and build projects with pure JavaScript (No frameworks or libraries)
Rating: 4.7 out of 54.7 (23,326 ratings)
76,501 students
Created by Brad Traversy
Last updated 12/2019
English
English [Auto], Indonesian [Auto], 
30-Day Money-Back Guarantee

What you'll learn

  • Modular learning sections & 10 real world projects with pure JavaScript
  • Master the DOM (document object model) WITHOUT jQuery
  • Asynchronous programming with Ajax, Fetch API, Promises & Async / Await
  • OOP including ES5 prototypes & ES2015 classes
  • Learn JavaScript Patterns
  • Regular expressions, error handling, localStorage & more
Curated for the Udemy for Business collection

Course content

14 sections • 122 lectures • 21h 42m total length

  • Preview05:41
  • Preview03:06
  • Projects Github Repo
    00:09
  • Preview10:04

  • Preview04:21
  • Preview09:01
  • Preview12:45
  • Preview10:19
  • Type Conversion
    11:43
  • Numbers & The Math Object
    07:18
  • String Methods & Concatenation
    14:20
  • Template Literals
    10:07
  • Arrays & Array Methods
    15:59
  • Object Literals
    07:49
  • Dates & Times
    09:13
  • If Statements & Comparison Operators
    19:02
  • Switches
    04:49
  • Function Declarations & Expressions
    11:44
  • General Loops
    16:41
  • A Look At The Window Object
    20:51
  • Block Scope With let & const
    06:31

  • What Is The DOM?
    Preview03:15
  • Preview15:19
  • Preview14:12
  • DOM Selectors For Multiple Elements
    14:25
  • Traversing The DOM
    15:48
  • Creating Elements
    06:47
  • Removing & Replacing Elements
    10:56
  • Event Listeners & The Event Object
    10:12
  • Mouse Events
    11:03
  • Keyboard & Input Events
    12:42
  • Event Bubbling & Delegation
    13:45
  • Local & Session Storage
    15:14

  • Task List [Part 1] - UI & Add Task Items
    15:52
  • Task List [Part 2] - Delete & Filter Tasks
    14:04
  • Task List [Part 3] - Persist To Local Storage
    11:03
  • Loan Calculator [Part 1] - Build The UI
    15:07
  • Loan Calculator [Part 2] - Calculate & Error
    16:47
  • Loan Calculator [Part 3] - Loader & User Experience
    06:18
  • Number Guesser [Part 1] - Build The UI
    07:00
  • Number Guesser [Part 2] - Validation & Winning Case
    16:30
  • Number Guesser [Part 3] - Lose Case & Game Over
    10:14
  • Number Guesser [Part 4] - Play Again
    10:53

  • Constructors & the 'this' Keyword
    11:56
  • Built In Constructors
    12:16
  • Prototypes Explained
    09:54
  • Prototypal Inheritance
    08:23
  • Using Object.create
    05:28
  • ES6 Classes
    08:35
  • Sub Classes
    05:46

  • Build The Book List UI
    08:20
  • Add Book To List
    12:32
  • Validation & Alert
    08:28
  • Delete Book From List
    06:29
  • Convert to ES6 Classes
    06:06
  • Bonus - Add Local Storage
    14:43

  • What Is Asynchronous Programming?
    03:41
  • Ajax & XHR Introduction
    06:00
  • XHR Object Methods & Working With Text
    12:50
  • Working With Ajax & JSON
    14:23
  • Data From an External API - Chuck Norris Project
    14:56
  • REST APIs & HTTP Requests
    06:33
  • Callback Functions
    08:27
  • Custom HTTP Library (Ajax With Callbacks) - Part 1
    15:26
  • Custom HTTP Library (Ajax With Callbacks) - Part 2
    12:12
  • ES6 Promises
    05:39
  • The Fetch API
    12:40
  • Error Handling With Fetch
    00:22
  • Arrow Functions
    12:09
  • Custom HTTP Library (Fetch With Promises) - Part 3
    12:55
  • Async & Await
    08:05
  • Custom HTTP Library (Fetch With Async Await) - Part 4
    05:33

  • Preview13:44
  • Preview12:04
  • Github Finder [Part 3] - Display The Profile
    10:43
  • Github Finder [Part 4] - Show Alert Message
    10:06
  • Github Finder [Part 5] - Fetch & Display Repos
    09:43
  • WeatherJS [Part 1] - Intro & UI
    13:13
  • WeatherJS [Part 2] - Fetch Weather From API
    08:02
  • WeatherJS [Part 3] - Display The Weather
    08:47
  • WeatherJS [Part 4] - Save Location To Local Storage
    11:12

  • Error Handling with Try...Catch
    09:50
  • Regular Expressions [Part 1] - Evaluation Functions
    13:33
  • Regular Expressions [Part 2] - Metacharacter Symbols
    12:35
  • Regular Expressions [Part 3] - Character Sets & Quantifiers
    12:41
  • Regular Expressions [Part 4] - Shorthand Character Classes
    09:43
  • Regular Expressions - Form Validation Project
    21:56

  • Iterators & Generators
    09:46
  • Profile Scroller - Iterator Mini Project
    15:06
  • Symbols
    08:52
  • Destructuring
    09:28
  • ES6 Maps
    08:59
  • ES6 Sets
    09:02

Requirements

  • Basic HTML / CSS knowledge

Description

This is a front to back JavaScript course for absolutely everybody. We start with the basic fundamentals and work our way to advanced programming WITHOUT relying on frameworks or libraries at all. You will learn a ton of pure JavaScript, whether you are a beginner or an established JS programmer. There is something for everyone...


#### WHATS INCLUDED? ####

  • Basics & Fundamentals: Data types, let & const variables, functions, conditionals, loops, object literals, arrays, etc
  • DOM Manipulation: Selectors, traversing the DOM, show/hide, creating & removing elements, event listeners
  • OOP: ES5 prototypes, inheritance, ES2015 classes & sub-classes, constructors
  • Async JS: Ajax & XHR, Fetch API, callbacks, promises, async / await
  • ES2015+: Arrow functions, template strings, generators, iterators, maps & sets, symbols & more
  • JavaScript Patterns: Module, Factory, State, Observer, Mediator, Singleton
  • Other: Local & session storage, regular expressions, try/catch error handling
  • 10 Projects of all kinds



    #### PROJECTS ####

    1. Task List With Local Storage
    2. Loan Calculator
    3. Number Guess Game
    4. OOP Book Listing App (ES5 Prototype & ES2015 Classes Version)
    5. Chuck Norris Joke Generator
    6. EasyHTTP - Custom HTTP Library (3 Versions - Callbacks / Promises / Async & Await)
    7. Github Finder
    8. WeatherJS App
    9. Calorie Tracker (Module Pattern)
    10. Microposts - Frontend CRUD for REST API (Webpack & Babel)


    Who this course is for:

    • People that want to learn modern JavaScript from beginner to advanced without libraries and frameworks

    Featured review

    Levi Blodgett
    Levi Blodgett
    34 courses
    9 reviews
    Rating: 5.0 out of 5a year ago
    Began watching Brad's YouTube courses, and I felt I had to give back and buy some of his courses, NO regrets. He is a fantastic teacher, and I STILL feel like I owe him something, because this course was such a phenomenal deal and I want to continue supporting him. If you are looking to learn JavaScript at a high-level in an easy to understand format throughout the course, this is the one for you.

    Instructor

    Brad Traversy
    Full Stack Web Developer & Instructor at Traversy Media
    Brad Traversy
    • 4.7 Instructor Rating
    • 98,175 Reviews
    • 253,270 Students
    • 14 Courses

    Brad Traversy has been programming for around 12 years and teaching for almost 5 years. He is the owner of Traversy Media which is a successful web development YouTube channel and specializes in everything from HTML5 to front end frameworks like Angular as well as server side technologies like Node.js, PHP and Python. Brad has mastered explaining very complex topics in a simple manner that is very understandable. Invest in your knowledge by watching Brad's courses.

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