Video description
Build 20 mini frontend projects from scratch with HTML5, CSS, and JavaScript
About This Video
- Gain proficiency in building frontend projects from scratch using HTML 5
- Explore different concepts of modern JavaScript (ES6+) such as Arrows and Fetch
- Create animations using CSS and JavaScript
In Detail
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.
Who this book is for
This course is for anyone who wants to build beginner-level as well as intermediate-level projects using just HTML5, CSS, and JavaScript.
Publisher resources
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
The Modern JavaScript Bootcamp (2019)
Learn JavaScript by building real-world apps. Includes 3 real-world projects, 80 programming challenges, and ES6/ES7! About …
video
Modern JavaScript for the Impatient
8+ Hours of Video Instruction It can be difficult for developers familiar with Java and other …
book
40 Algorithms Every Programmer Should Know
Learn algorithms for solving classic computer science problems with this concise guide covering everything from fundamental …
video
Learn JavaScript
4+ Hours of Video Instruction JavaScript started as a basic language for performing simple computations on …