Modern JavaScript From The Beginning [Video]

Modern JavaScript From The Beginning [Video] Book Cover
Preview in Mapt
Code Files

Modern JavaScript From The Beginning [Video]

Brad Traversy

Learn and Build Projects with Pure JavaScript (No Frameworks or Libraries)
Quick links: > Table of contents > What will you learn?
Mapt Subscription
FREE
€29.98/m after trial
Video
€139.74
RRP €164.38
Save 14%
What do I get with a Mapt subscription?
  • Unlimited access to all Packt’s 6,000+ eBooks and Videos
  • 100+ new titles a month, learning paths, assessments & code files
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
€0.00
€139.74
€29.99 p/m after trial
RRP €164.38
Subscription
Video
Start 14 Day Trial

Frequently bought together


Modern JavaScript From The Beginning [Video] Book Cover
Modern JavaScript From The Beginning [Video]
€ 164.38
€ 139.74
Modern JavaScript From The Beginning [Video]
May 2018
21 hours 36 minutes
€ 139.74
Beginning Modern JavaScript Development with Microservices, WebRTC, and React [Video] Book Cover
Beginning Modern JavaScript Development with Microservices, WebRTC, and React [Video]
€ 195.58
€ 166.26
Beginning Modern JavaScript Development with Microservices, WebRTC, and React [Video]
May 2018
5 hours 17 minutes
€ 166.26
Buy 2 for €35.74
Save €270.19
Add to Cart

Video Details

ISBN 139781789539509
Course Length21 hours 36 minutes

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

Style and Approach

This course from Brad covers using JavaScript with real-world examples.

Table of Contents

Intro & Getting Started
Welcome To the Course
Project Files & Questions
Visual Studio Code Setup
Intro & Getting Started: Visual Studio Code Setup
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
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
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
Constructors & the 'this' Keyword
Built In Constructors
Prototypes Explained
Prototypal Inheritance
Using Object.create
ES6 Classes
Sub Classes
OOP Book List Project
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
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
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
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+
Iterators & Generators
Profile Scroller - Iterator Mini Project
Symbols
Destructuring
ES6 Maps
ES6 Sets
JavaScript Patterns
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)
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)
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
Wrap Up & Where to Go From Here

What You Will Learn

  • Build practical, real-world web applications with Django
  • Use Django with other technologies, such as Redis and Celery
  • Develop pluggable Django applications
  • Create advanced features, optimize your code, and use the cache framework
  • Add internationalization to your Django projects
  • Enhance your user experience using JavaScript and AJAX
  • Add social features to your projects
  • Build RESTful APIs for your applications

Authors

Table of Contents

Intro & Getting Started
Welcome To the Course
Project Files & Questions
Visual Studio Code Setup
Intro & Getting Started: Visual Studio Code Setup
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
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
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
Constructors & the 'this' Keyword
Built In Constructors
Prototypes Explained
Prototypal Inheritance
Using Object.create
ES6 Classes
Sub Classes
OOP Book List Project
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
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
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
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+
Iterators & Generators
Profile Scroller - Iterator Mini Project
Symbols
Destructuring
ES6 Maps
ES6 Sets
JavaScript Patterns
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)
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)
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
Wrap Up & Where to Go From Here

Video Details

ISBN 139781789539509
Course Length21 hours 36 minutes
Read More

Read More Reviews

Recommended for You

Beginning Modern JavaScript Development with Microservices, WebRTC, and React [Video] Book Cover
Beginning Modern JavaScript Development with Microservices, WebRTC, and React [Video]
€ 195.58
€ 166.26
Beginning Modern JavaScript Development with Microservices, WebRTC, and React [Video]
May 2018
5 hours 17 minutes
€ 166.26
The Complete JavaScript Developer: A Primer to Full Stack JS [Video] Book Cover
The Complete JavaScript Developer: A Primer to Full Stack JS [Video]
€ 70.78
€ 60.18
The Complete JavaScript Developer: A Primer to Full Stack JS [Video]
May 2018
3 hours and 50 minutes
€ 60.18
Hands-On Web Development with JavaScript [Video] Book Cover
Hands-On Web Development with JavaScript [Video]
€ 122.38
€ 104.04
Hands-On Web Development with JavaScript [Video]
Jul 2018
3 hours and 3 minutes
€ 104.04
JavaScript for Beginners - A Complete Guide [Video] Book Cover
JavaScript for Beginners - A Complete Guide [Video]
€ 98.38
€ 83.64
JavaScript for Beginners - A Complete Guide [Video]
Jul 2018
10 hours and 21 minutes
€ 83.64
Building a Single Page Application with JavaScript [Video] Book Cover
Building a Single Page Application with JavaScript [Video]
€ 122.38
€ 104.04
Building a Single Page Application with JavaScript [Video]
Jun 2018
1 hour and 44 minutes
€ 104.04
Mastering The Faster Web with PHP, MySQL, and JavaScript Book Cover
Mastering The Faster Web with PHP, MySQL, and JavaScript
€ 31.18
€ 21.84
Mastering The Faster Web with PHP, MySQL, and JavaScript
Jun 2018
278 pages
€ 21.84