Modern JavaScript From The Beginning

Modern JavaScript From The Beginning

image description

What you will 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

Curriculum

Section 1: Intro & Getting Started

Section 2: JavaScript Language Fundamentals

Section 3: DOM Manipulation & Events

Section 4: DOM Projects

Section 5: Object Oriented JavaScript - ES5 & ES2015

Section 6: OOP Book List Project

Section 7: Asynchronous JavaScript, Ajax & Fetch API

Section 8: API Projects

Section 9: Error Handling & Regular Expressions

Section 10: Other Newer Features - ES2015+

Section 11: JavaScript Patterns

Section 12: Tracalorie Project (Using The Module Pattern)

Section 13: Microposts Project - CRUD Front End (Webpack & Babel)

Section 14: Wrap Up

Course Description

Learn and build projects with pure JavaScript (No frameworks or libraries)

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

+ See more