Categories

There are currently no items in your shopping cart.

User Panel

Forgot your password?.

Build Apps with Modern JavaScript

Video Introducing this tutorial


Getting Started :
Project App Demo
Tools Needed

Using Webpack 4 and Babel :
Initialize Project
Setup Folders and Project Scripts
Transpile our JavaScript with Babel

Build our UI and Get Data from API :
Add Form HTML and CSS
Add Form Class, Create handleKeyup Method
Create handleSubmit method, Fetch Data from API

Display API Data to UI :
Create App class, addCard Method
Add CardList function and render function
Add Card function, Destructure Parameters

Handling Errors, Clearing, and Saving our User Data :
Display Error to User with formatError function
Remove All Cards with clearCards method
Use localStorage to Persist our User Data

Moving on to React :
Compare our App with React version of App