Build a Flashcard App with Vanilla JavaScript and Bootstrap
37mBeginner2021-03-31
Authors
Mark Lassoff
Empowering tech enthusiasts, one video at a time.
Framework TV
Helping beginners learn professional-level digital skills
Course details
If you’re comfortable with the fundamentals of JavaScript and are looking to learn how different pieces of JavaScript fit together when building an actual working application, this hands-on project course is for you. Join instructor Mark Lassoff as he shows how to use Vanilla JavaScript, along with the Bootstrap library, to build a flashcard app. Mark starts by demoing the flashcard app, explaining all the functionality, then shows how to add each feature. By the end of the course, you’ll not only have a better understanding of JavaScript, but an app you can add to your portfolio.
Skills covered
BootstrapJavaScriptOracleProjectProgramming LanguagesOpen SourceSoftware Development
Concepts
0. Introduction
- 01 - Project introduction
- 02 - App demonstration
- 03 - Skills covered
1. Building Our App
- 04 - The HTML structure
- 05 - The user interface with Bootstrap
- 06 - JavaScript intro
- 07 - Saving cards in an array
- 08 - Saving cards to localStorage with localForage
- 09 - Retrieving the flashcards with localForage
- 10 - Displaying retrieved cards
- 11 - Completing the app
Conclusion
- 12 - Next steps