An error occured adding a product to your cart, you may only have 100 items in your cart.

Vue.js 2 and Bootstrap 4 Web Development

Learn how to combine Bootstrap with Vue.js to build responsive web applications.

Vue.js 2 and Bootstrap 4 Web Development

Olga Filipova
September 2017

Learn how to combine Bootstrap with Vue.js to build responsive web applications.

Mapt Subscription

FREE

€29.98/m after trial

eBook

€29.40

RRP €41.98

Save 29%

Print + eBook

€42.99

RRP €42.99

What do I get with a Mapt Pro subscription?

Unlimited access to all Packt’s 5,000+ eBooks and Videos
Early Access content, Progress Tracking, and Assessments
1 Free eBook or Video to download and keep every month after trial

What do I get with an eBook?

Download this book in EPUB, PDF, MOBI formats
DRM FREE - read and interact with your content when you want, where you want, and how you want
Access this title in the Mapt reader

What do I get with Print & eBook?

Get a paperback copy of the book delivered to you
Download this book in EPUB, PDF, MOBI formats
DRM FREE - read and interact with your content when you want, where you want, and how you want
Access this title in the Mapt reader

What do I get with a Video?

Download this Video course in MP4 format
DRM FREE - read and interact with your content when you want, where you want, and how you want
Access this title in the Mapt reader

€0.00

€29.40

€42.99

€29.98p/m after trial

RRP €41.98

RRP €42.99

Subscription

eBook

Print + eBook

Start 30 Day Trial

Code Files

Preview in Mapt

Book Details

ISBN 139781788290920

Paperback310 pages

Book Description

In this book, we will build a full stack web application right from scratch up to its deployment.

We will start by building a small introduction application and then proceed to the creation of a fully functional, dynamic responsive web application called ProFitOro. In this application, we will build a Pomodoro timer combined with office workouts. Besides the Pomodoro timer and ProFitOro workouts will enable authentication and collaborative content management. We will explore topics such as Vue reactive data binding, reusable components, routing, and Vuex store along with its state, actions, mutations, and getters. We will create Vue applications using both webpack and Nuxt.js templates while exploring cool hot Nuxt.js features such as code splitting and server-side rendering. We will use Jest to test this application, and we will even revive some trigonometry from our secondary school!

While developing the app, you will go through the new grid system of Bootstrap 4 along with Vue.js’ directives. We will connect Vuex store to the Firebase real-time database, data storage, and authentication APIs and use this data later inside the application’s reactive components. Finally, we will quickly deploy our application using the Firebase hosting mechanism.

What You Will Learn

Create and build web applications using Vue.js, Webpack, and Nuxt.js
Combine Bootstrap components with Vue.js' power to enrich your web applications with reusable elements
Connect the Vuex state management architecture to the Firebase cloud backend to persist and manage application data
Explore the new grid system of Bootstrap 4 along with the far simpler directives in Vue.js
Test Vue applications using Jest
Authenticate your application using Bootstrap's forms, Vue.js' reactivity, and Firebase's authentication API
Deploy your application using Firebase, which provides Backend as a Service

Authors

Olga Filipova

Olga Filipova was born in Kyiv, in Ukraine. She grew up in a family of physicists, scientists, and professors. She studied system analysis in the National University of Ukraine Kyiv Polytechnic Institute. At the age of 20, she moved to Portugal, where she did her bachelors' and masters' degrees in computer science from the University of Coimbra. During her studies, she participated in the research and development of European projects and became an assistant teacher of operating systems and computer graphics subjects. After obtaining her masters' degree, she started working at Feedzai. At that time, it was a small team of four, starting the development of a product from scratch, and now, it is one of the most successful Portuguese startups. At some point, her main responsibility became to develop a library written in JavaScript whose purpose was to bring data from the engine to the web interface. This marked Olga's main direction in tech: web development. At the same time, she continued her teaching practice, giving a course of professional web development to the local professional education center in Coimbra.

In 2013, along with her brother and her husband, she started an educational project based in Ukraine. This project's name is EdEra and it has grown up from a small platform of online courses into a big player at the Ukrainian educational system scene. Currently, EdEra is moving towards an international direction and preparing an awesome online course about IT. Don't miss it!

In 2014, Olga, with her husband and daughter, moved from Portugal to Berlin, where she started working at Meetrics as a frontend engineer and, after a year, became the team lead of an amazing team of frontend software developers. Currently Olga works in a fintech company called OptioPay as a lead frontend engineer.

Olga is happily married to an awesome guy called Rui, who is also a software engineer. Rui studied with Olga at the university of Coimbra and worked with her at Feedzai. Olga has a smart and beautiful daughter, Taissa, a fluffy cat, Patusca, and two fluffiest chinchillas, Barabashka and Cheburashka.