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
Modern JavaScript From The Beginning
This is a front to back JavaScript course for absolutely everybody. We start with the basic …
video
Modern JavaScript from the Beginning - Second Edition
This course is a comprehensive introduction to JavaScript, covering everything from the basics of variables, data …
video
The Complete Node.js Developer Course (3rd Edition)
This course was just completely re-filmed to give you everything you need to master Node.js in …
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 …