Video description
This course will show you how to design projects with HTML5, CSS, and JavaScript without using additional frameworks or libraries. You'll build every project from scratch and explore dynamic functionalities in each apps ranging from simple games and an expense tracker to a breathing relaxation app.
The course starts with an introduction to Project HTML and Project CSS along with a brief on how to check the length, email, and password match. In the next section, you'll build a project for movie seat booking and learn how to save data to local storage and then populate the UI with the saved data. As you advance, you'll work on several other projects such as creating a custom video player, creating an exchange rate calculator, hangman game, and much more!
By the end of the course, you'll be able to build your own mini frontend projects from scratch confidently using HTML 5, CSS, and JavaScript.
What You Will Learn
- Build 20 frontend projects from scratch
- Learn about modern JavaScript (ES6+) - arrows, fetch, promises, and more
- Explore the HTML5 Canvas, Speech API, audio, and video
- Implement animations with CSS and JavaScript
- Get to grips with the concepts of fetch and JSON with third-party APIs
Audience
This course is for anyone who wants to build beginner-level as well as intermediate-level projects using just HTML5, CSS, and JavaScript.
About The Author
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.
Table of contents
- Chapter 1 : Introduction
- Chapter 2 : Form Validator | Intro Project
- Chapter 3 : Movie Seat Booking | DOM Local Storage
- Chapter 4 : Custom Video Player | HTML5 Video API
- Chapter 5 : Exchange Rate Calculator | Fetch JSON Intro
- Chapter 6 : DOM Array Methods | forEach, map, filter, sort, reduce
- Chapter 7 : Menu Slider Modal | DOM CSS
- Chapter 8 : Hangman Game | DOM, SVG, Events
- Chapter 9 : Meal Finder | Fetch MealDB API
- Chapter 10 : Expense Tracker | Array Methods Local Storage
- Chapter 11 : Music Player | HTML5 Audio API
- Chapter 12 : Infinite Scroll Posts | Fetch, Async/Await, CSS Loader
- Chapter 13 : Typing Game | DOM, Intervals, Events
- Chapter 14 : Speech Text Reader | Speech Synthesis
- Chapter 15 : Memory Cards | CSS Effects, Local Storage
- Chapter 16 : Lyrics Search App | Fetch, Pagination, Lyrics.ovh API
- Chapter 17 : Relaxer App | CSS Animations, setTimeout
- Chapter 18 : Breakout Game | HTML5 Canvas API
- Chapter 19 : New Year Countdown | DOM, Date Time
- Chapter 20 : Sortable List | Drag Drop API
- Chapter 21 : Speak Number Guessing Game | Speech Recognition
Product information
- Title: 20 Web Projects with Vanilla JavaScript
- Author(s):
- Release date: June 2020
- Publisher(s): Packt Publishing
- ISBN: 9781800563049
You might also like
video
50 Projects in 50 Days - HTML, CSS, and JavaScript
This is a purely project-based course. It is geared toward beginners, but intermediate developers can also …
video
Learn JavaScript from Scratch: JavaScript for Everyone
Despite the deluge of new coding languages over the years, JavaScript continues to dominate the web. …
book
JavaScript from Beginner to Professional
Start your journey towards becoming a JavaScript developer with the help of more than 100 fun …
book
Modern JavaScript for the Impatient
Exploit the Power of Modern JavaScript and Avoid the Pitfalls JavaScript was originally designed for small-scale …