Search icon Close icon
Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Save more on your purchases! discount-offer-chevron-icon
Savings automatically calculated. No voucher code required.
Checkout

Change country

Modal Close icon
Country selected Country selected
country flag United States
Country selected
country flag Great Britain
Country selected
country flag India
Country selected
country flag Germany
Country selected
country flag France
Country selected
country flag Canada
Country selected
country flag Russia
Country selected
country flag Spain
Country selected
country flag Brazil
Country selected
country flag Australia
Country selected
country flag Singapore
Country selected
country flag Hungary
Country selected
country flag Ukraine
Country selected
country flag Luxembourg
Country selected
country flag Estonia
Country selected
country flag Lithuania
Country selected
country flag South Korea
Country selected
country flag Turkey
Country selected
country flag Switzerland
Country selected
country flag Colombia
Country selected
country flag Taiwan
Country selected
country flag Chile
Country selected
country flag Norway
Country selected
country flag Ecuador
Country selected
country flag Indonesia
Country selected
country flag New Zealand
Country selected
country flag Cyprus
Country selected
country flag Denmark
Country selected
country flag Finland
Country selected
country flag Poland
Country selected
country flag Malta
Country selected
country flag Czechia
Country selected
country flag Austria
Country selected
country flag Sweden
Country selected
country flag Italy
Country selected
country flag Egypt
Country selected
country flag Belgium
Country selected
country flag Portugal
Country selected
country flag Slovenia
Country selected
country flag Ireland
Country selected
country flag Romania
Country selected
country flag Greece
Country selected
country flag Argentina
Country selected
country flag Netherlands
Country selected
country flag Bulgaria
Country selected
country flag Latvia
Country selected
country flag South Africa
Country selected
country flag Malaysia
Country selected
country flag Japan
Country selected
country flag Slovakia
Country selected
country flag Philippines
Country selected
country flag Mexico
Country selected
country flag Thailand
Country selected
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Free Learning
Arrow right icon
Home > Web Development > Web Programming > Modern JavaScript From The Beginning
Modern JavaScript From The Beginning
Modern JavaScript From The Beginning

Modern JavaScript From The Beginning: Learn and Build Projects with Pure JavaScript (No Frameworks or Libraries)

Arrow left icon
Profile Icon Brad Traversy
Arrow right icon
$9.99 $167.99
Full star icon Full star icon Full star icon Empty star icon Empty star icon 3 (2 Ratings)
Video May 2018 21hrs 30mins 1st Edition
Video
$9.99 $167.99
Subscription
Free Trial
Renews at $19.99p/m
Arrow left icon
Profile Icon Brad Traversy
Arrow right icon
$9.99 $167.99
Full star icon Full star icon Full star icon Empty star icon Empty star icon 3 (2 Ratings)
Video May 2018 21hrs 30mins 1st Edition
Video
$9.99 $167.99
Subscription
Free Trial
Renews at $19.99p/m
Video
$9.99 $167.99
Subscription
Free Trial
Renews at $19.99p/m

What do you get with a video?

Product feature icon Download this video in MP4 format
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want
OR

Contact Details

Modal Close icon
Payment Processing...
tick Completed

Billing Address

Table of content icon View table of contents Download code icon Download Code

Key benefits

  • - Understanding of JS concepts
  • - Requires only basic knowledge about 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.Topics included: - Basics and Fundamentals: Data types, let and const variables, functions, conditionals, loops, object literals, arrays, and so on. DOM Manipulation: Selectors, traversing the DOM, show/hide, creating and removing elements, event listeners OOP: ES5 prototypes, inheritance, ES2015 classes and sub-classes, constructors. Async JS: Ajax and XHR, Fetch API, callbacks, promises, async / await. ES2015+: Arrow functions, template strings, generators, iterators, maps and sets, symbols and more. JavaScript Patterns: Module, Factory, State, Observer, Mediator, SingletonOther: Local and session storage, regular expressions, try/catch error handling. 10 projects of all kinds.

Who is this book for?

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

What you will learn

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

Product Details

Country selected
Publication date, Length, Edition, Language, ISBN-13
Publication date : May 25, 2018
Length: 21hrs 30mins
Edition : 1st
Language : English
ISBN-13 : 9781789539509
Category :
Web Development
Languages :
JavaScript
Concepts :
Web Programming
Tools :
jQuery

What do you get with a video?

Product feature icon Download this video in MP4 format
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want
OR

Contact Details

Modal Close icon
Payment Processing...
tick Completed

Billing Address

Product Details

Publication date : May 25, 2018
Length: 21hrs 30mins
Edition : 1st
Language : English
ISBN-13 : 9781789539509
Category :
Web Development
Languages :
JavaScript
Concepts :
Web Programming
Tools :
jQuery

Packt Subscriptions

See our plans and pricing
Modal Close icon
$19.99 billed monthly
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Simple pricing, no contract
START FREE TRIAL
BUY NOW
$199.99 billed annually
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just $5 each
Feature tick icon Exclusive print discounts
START FREE TRIAL
BUY NOW
$279.99 billed in 18 months
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just $5 each
Feature tick icon Exclusive print discounts
START FREE TRIAL
BUY NOW

Frequently bought together

Modern JavaScript From The Beginning
Modern JavaScript From The Beginning
Read more
May 2018 21hrs 30mins
Full star icon 3 (2)
Video
Video
  • Video Video $9.99
$9.99 $167.99
Learning JavaScript Data Structures and Algorithms
Learning JavaScript Data Structures and Algorithms
Read more
Apr 2018 426 pages
Full star icon 3.1 (9)
eBook
eBook
  • eBook eBook $9.99
  • Paperback Paperback $48.99
$9.99 $39.99
$48.99
Modern JavaScript Web Development Cookbook
Modern JavaScript Web Development Cookbook
Read more
Dec 2018 642 pages
eBook
eBook
  • eBook eBook $9.99
  • Paperback Paperback $48.99
$9.99 $39.99
$48.99
Stars icon
Total $ 107.97 265.97 158.00 saved
Modern JavaScript From The Beginning
$9.99 $167.99
Learning JavaScript Data Structures and Algorithms
$48.99
Modern JavaScript Web Development Cookbook
$48.99
Total $ 107.97 265.97 158.00 saved Stars icon
Banner background image

Table of Contents

14 Chapters
Intro & Getting Started Chevron down icon Chevron up icon
Welcome To the Course
Project Files & Questions
Visual Studio Code Setup
JavaScript Language Fundamentals Chevron down icon Chevron up icon
Section Intro & File Setup
Using the Console
Variables - var, let & const
Data Types in JavaScript
Type Conversion
Numbers & the Math Object
String Methods & Concatenation
Template Literals
Arrays & Array Methods
Object Literals
Dates & Times
If Statements & Comparison Operators
Switches
Function Declarations & Expressions
General Loops
A Look at the Window Object
Block Scope With let & const
DOM Manipulation & Events Chevron down icon Chevron up icon
What Is The DOM?
Examining the Document Object
DOM Selectors for Single Elements
DOM Selectors for Multiple Elements
Traversing the DOM
Creating Elements
Removing & Replacing Elements
Event Listeners & the Event Object
Mouse Events
Keyboard & Input Events
Event Bubbling & Delegation
Local & Session Storage
DOM Projects Chevron down icon Chevron up icon
Task List [Part 1] - UI & Add Task Items
Task List [Part 2] - Delete & Filter Tasks
Task List [Part 3] - Persist To Local Storage
Loan Calculator [Part 1] - Build the UI
Loan Calculator [Part 2] - Calculate & Error
Loan Calculator [Part 3] - Loader & User Experience
Number Guesser [Part 1] - Build the UI
Number Guesser [Part 2] - Validation & Winning Case
Number Guesser [Part 3] - Lose Case & Game Over
Number Guesser [Part 4] - Play Again
Object Oriented JavaScript - ES5 & ES2015 Chevron down icon Chevron up icon
Constructors & the 'this' Keyword
Built In Constructors
Prototypes Explained
Prototypal Inheritance
Using Object.create
ES6 Classes
Sub Classes
OOP Book List Project Chevron down icon Chevron up icon
Build the Book List UI
Add Book to List
Validation & Alert
Delete Book from List
Convert to ES6 Classes
Bonus - Add Local Storage
Asynchronous JavaScript, Ajax & Fetch API Chevron down icon Chevron up icon
What Is Asynchronous Programming?
Ajax & XHR Introduction
XHR Object Methods & Working with Text
Working With Ajax & JSON
Data from an External API - Chuck Norris Project
REST APIs & HTTP Requests
Callback Functions
Custom HTTP Library (Ajax with Callbacks) - Part 1
Custom HTTP Library (Ajax with Callbacks) - Part 2
ES6 Promises
The Fetch API
Arrow Functions
Custom HTTP Library (Fetch with Promises) - Part 3
Async & Await
Custom HTTP Library (Fetch with Async Await) - Part 4
API Projects Chevron down icon Chevron up icon
Github Finder [Part 1] - Intro & UI
Github Finder [Part 2] - Fetching Profile Data
Github Finder [Part 3] - Display the Profile
Github Finder [Part 4] - Show Alert Message
Github Finder [Part 5] - Fetch & Display Repos
WeatherJS [Part 1] - Intro & UI
WeatherJS [Part 2] - Fetch Weather from API
WeatherJS [Part 3] - Display the Weather
WeatherJS [Part 4] - Save Location to Local Storage
Error Handling & Regular Expressions Chevron down icon Chevron up icon
Error Handling with Try...Catch
Regular Expressions [Part 1] - Evaluation Functions
Regular Expressions [Part 2] - Metacharacter Symbols
Regular Expressions [Part 3] - Character Sets & Quantifiers
Regular Expressions [Part 4] - Shorthand Character Classes
Regular Expressions - Form Validation Project
Other Newer Features - ES2015+ Chevron down icon Chevron up icon
Iterators & Generators
Profile Scroller - Iterator Mini Project
Symbols
Destructuring
ES6 Maps
ES6 Sets
JavaScript Patterns Chevron down icon Chevron up icon
What Are Patterns?
Module & Revealing Module Pattern
Singleton Pattern
Factory Pattern
Observer Pattern
Mediator Pattern
State Pattern - Small Project
Tracalorie Project (Using the Module Pattern) Chevron down icon Chevron up icon
Project Introduction
Creating the UI With Materialize CSS
Controllers & Data Structure
Get & Populate Items
Add Item to Data Structure
Add Item to the UI
Add Total Calories
Working With the Edit State
Updating Items & Total Calories
Delete & Clear Items
Add & Get From Local Storage
Delete & Clear from Local Storage
Microposts Project - CRUD Front End (Webpack & Babel) Chevron down icon Chevron up icon
Babel & Webpack Environment Setup
Intro to ES2015 Modules
Create the UI
Create a fake REST API Using JSON Server
Get & Display Posts
Add Posts & Show Alert
Post Edit State & Update [1]
Post Edit State & Update [2]
Wrap Up Chevron down icon Chevron up icon
Wrap Up & Where to Go From Here

Recommendations for you

Left arrow icon
Web Development with Blazor
Web Development with Blazor
Read more
Apr 2024 366 pages
Full star icon 4 (17)
eBook
eBook
  • eBook eBook $9.99
  • Paperback Paperback $49.99
$9.99 $39.99
$49.99
React and React Native
React and React Native
Read more
Apr 2024 508 pages
Full star icon 4.3 (9)
eBook
eBook
  • eBook eBook $9.99
  • Paperback Paperback $43.99
$9.99 $35.99
$43.99
Responsive Web Design with HTML5 and CSS
Responsive Web Design with HTML5 and CSS
Read more
Sep 2022 498 pages
Full star icon 4.5 (57)
eBook
eBook
  • eBook eBook $9.99
  • Paperback Paperback $44.99
$9.99 $35.99
$44.99
Building Production-Grade Web Applications with Supabase
Building Production-Grade Web Applications with Supabase
Read more
Aug 2024 534 pages
Full star icon 4.3 (9)
eBook
eBook
  • eBook eBook $9.99
  • Paperback Paperback $39.99
$9.99 $31.99
$39.99
C# 12 and .NET 8 – Modern Cross-Platform Development Fundamentals
C# 12 and .NET 8 – Modern Cross-Platform Development Fundamentals
Read more
Nov 2023 828 pages
Full star icon 4.4 (73)
eBook
eBook
  • eBook eBook $9.99
  • Paperback Paperback $59.99
$9.99 $47.99
$59.99
C# 13 and .NET 9 – Modern Cross-Platform Development Fundamentals
C# 13 and .NET 9 – Modern Cross-Platform Development Fundamentals
Read more
Nov 2024 828 pages
Full star icon 3.5 (2)
eBook
eBook
  • eBook eBook $9.99
  • Paperback Paperback $31.99
$9.99 $39.99
$31.99 $49.99
Django 5 By Example
Django 5 By Example
Read more
Apr 2024 820 pages
Full star icon 4.5 (37)
eBook
eBook
  • eBook eBook $9.99
  • Paperback Paperback $49.99
$9.99 $39.99
$49.99
.NET 8 Microservices - DDD, CQRS, Vertical/Clean Architecture
.NET 8 Microservices - DDD, CQRS, Vertical/Clean Architecture
Read more
Nov 2024 28hrs 30mins
Video
Video
  • Video Video $9.99
$9.99 $79.99
Implementing Event-Driven Microservices Architecture in .NET 7
Implementing Event-Driven Microservices Architecture in .NET 7
Read more
Mar 2023 326 pages
Full star icon 4.5 (16)
eBook
eBook
  • eBook eBook $9.99
  • Paperback Paperback $44.99
$9.99 $35.99
$44.99
Building Python Microservices with FastAPI
Building Python Microservices with FastAPI
Read more
Aug 2022 420 pages
Full star icon 3.9 (9)
eBook
eBook
  • eBook eBook $9.99
  • Paperback Paperback $46.99
$9.99 $37.99
$46.99
Right arrow icon

Customer reviews

Rating distribution
Full star icon Full star icon Full star icon Empty star icon Empty star icon 3
(2 Ratings)
5 star 50%
4 star 0%
3 star 0%
2 star 0%
1 star 50%
Toon Vanderplancke Jan 08, 2022
Full star icon Full star icon Full star icon Full star icon Full star icon 5
Clear and complete and comprehensible
Feefo Verified review Feefo
Diddier Six Feb 03, 2020
Full star icon Empty star icon Empty star icon Empty star icon Empty star icon 1
Video screen too small on the app.
Feefo Verified review Feefo

People who bought this also bought

Left arrow icon
Building Python Microservices with FastAPI
Building Python Microservices with FastAPI
Read more
Aug 2022 420 pages
Full star icon 3.9 (9)
eBook
eBook
  • eBook eBook $9.99
  • Paperback Paperback $46.99
$9.99 $37.99
$46.99
React and React Native
React and React Native
Read more
May 2022 606 pages
Full star icon 4.6 (17)
eBook
eBook
  • eBook eBook $9.99
  • Paperback Paperback $49.99
$9.99 $39.99
$49.99
Responsive Web Design with HTML5 and CSS
Responsive Web Design with HTML5 and CSS
Read more
Sep 2022 498 pages
Full star icon 4.5 (57)
eBook
eBook
  • eBook eBook $9.99
  • Paperback Paperback $44.99
$9.99 $35.99
$44.99
C# 12 and .NET 8 – Modern Cross-Platform Development Fundamentals
C# 12 and .NET 8 – Modern Cross-Platform Development Fundamentals
Read more
Nov 2023 828 pages
Full star icon 4.4 (73)
eBook
eBook
  • eBook eBook $9.99
  • Paperback Paperback $59.99
$9.99 $47.99
$59.99
C# 11 and .NET 7 – Modern Cross-Platform Development Fundamentals
C# 11 and .NET 7 – Modern Cross-Platform Development Fundamentals
Read more
Nov 2022 818 pages
Full star icon 4.1 (54)
eBook
eBook
  • eBook eBook $9.99
  • Paperback Paperback $49.99
$9.99 $39.99
$49.99
Right arrow icon

About the author

Profile icon Brad Traversy
Brad Traversy
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 such as Angular as well as server-side technologies such as Node.js, PHP, and Python. Brad has mastered explaining overly complex topics in a simple manner that is understandable. Invest in your knowledge by watching Brad’s courses.
Read more
See other products by Brad Traversy
Get free access to Packt library with over 7500+ books and video courses for 7 days!
Start Free Trial

FAQs

How can I download a video package for offline viewing? Chevron down icon Chevron up icon
  1. Login to your account at Packtpub.com.
  2. Click on "My Account" and then click on the "My Videos" tab to access your videos.
  3. Click on the "Download Now" link to start your video download.
How can I extract my video file? Chevron down icon Chevron up icon

All modern operating systems ship with ZIP file extraction built in. If you'd prefer to use a dedicated compression application, we've tested WinRAR / 7-Zip for Windows, Zipeg / iZip / UnRarX for Mac and 7-Zip / PeaZip for Linux. These applications support all extension files.

How can I get help and support around my video package? Chevron down icon Chevron up icon

If your video course doesn't give you what you were expecting, either because of functionality problems or because the content isn't up to scratch, please mail customercare@packt.com with details of the problem. In addition, so that we can best provide the support you need, please include the following information for our support team.

  1. Video
  2. Format watched (HTML, MP4, streaming)
  3. Chapter or section that issue relates to (if relevant)
  4. System being played on
  5. Browser used (if relevant)
  6. Details of support
Why can’t I download my video package? Chevron down icon Chevron up icon

In the even that you are having issues downloading your video package then please follow these instructions:

  1. Disable all your browser plugins and extensions: Some security and download manager extensions can cause issues during the download.
  2. Download the video course using a different browser: We've tested downloads operate correctly in current versions of Chrome, Firefox, Internet Explorer, and Safari.