Build a Flashcard App with Vanilla JavaScript and Bootstrap

Build a Flashcard App with Vanilla JavaScript and Bootstrap

37mBeginner2021-03-31

Authors

Mark Lassoff

Mark Lassoff

Empowering tech enthusiasts, one video at a time.

Framework TV

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

Introduction

  • Project introduction
  • App demonstration
  • Skills covered

Building Our App

  • The HTML structure
  • The user interface with Bootstrap
  • JavaScript intro
  • Saving cards in an array
  • Saving cards to localStorage with localForage
  • Retrieving the flashcards with localForage
  • Displaying retrieved cards
  • Completing the app

Conclusion

  • Next steps
40,000 Toman