0

Explore Products

Best Sellers

New Releases

Books

Videos

Audiobooks

Free Learning

Vue.js 2 and Bootstrap 4 Web Development

You're reading from Vue.js 2 and Bootstrap 4 Web Development Build responsive SPAs with Bootstrap 4, Vue.js 2, and Firebase

Product type Paperback

Published in Sep 2017

Publisher Packt

ISBN-13 9781788290920

Length 310 pages

Edition 1st Edition

Languages

JavaScript

Tools

Bootstrap

Concepts

Front End Web Development

Author (1):

Olga Filipova

View More author details

Table of Contents (12) Chapters

Preface

1. Please Introduce Yourself – Tutorial FREE CHAPTER

2. Under the Hood – Tutorial Explained

3. Let's Get Started

4. Let It Pomodoro!

5. Configuring Your Pomodoro

6. Please Authenticate!

7. Adding a Menu and Routing Functionality Using vue-router and Nuxt.js

8. Let's Collaborate – Adding New Workouts Using Firebase Data Storage and Vue.js

9. Test Test and Test

10. Deploying Using Firebase

Index

Summary

In this chapter, we used very hot technology to test our Vue application. We used Jest and learned how to create mocks, test components, and run snapshot testing with it.

In the next chapter, we will finally see our application live! We will deploy it using Google Firebase Hosting and provide the necessary CI/CD tooling so our application is deployed and tested automatically each time it is pushed to the master branch. Are you ready to see your work live, up and running? Let's go!

The rest of the chapter is locked

Register for a free Packt account to unlock a world of extra content!

A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.

Unlock this book and the full library FREE for 7 days

Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of

Start free trial

Renews at €18.99/month. Cancel anytime

Authors (1)

Olga Filipova

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.

See other products by Olga Filipova

Other recommended products

Related to this chapter

Testing Vue.js Components with Jest

Testing Vue.js Components with Jest

Through this comprehensive guide, you'll learn several techniques to develop robust and bug-free applications, including shallow rendering, snapshot testing, and dependency mocking.

Oct 2019 2h 56m

Vuex Quick Start Guide

Vuex Quick Start Guide

State management preserves the state of controls in an user interface. Vuex is a state management tool for Vue.js that makes the architecture easier to understand, maintain and evolve. This book is the easiest way to get started with Vuex to improve your Vue.js application architecture and overall user experience.

Vuex Quick Start Guide

Vuex Quick Start Guide

State management preserves the state of controls in an user interface. Vuex is a state management tool for Vue.js that makes the architecture easier to understand, maintain and evolve. This book is the easiest way to get started with Vuex to improve your Vue.js application architecture and overall user experience.

Bootstrap 4 Cookbook

Bootstrap 4 Cookbook

Bootstrap, one of the most complete frameworks, is perfectly built to design elegant, powerful, and responsive interfaces for professional-level web pages. It supports responsive design by dynamically adjusting your web page layout. Bootstrap 4 is a major update with many impressive changes that greatly enhance the end results produced by Bootstrap. This cookbook is a collection of great recipes that show you how to use all the latest features of Bootstrap to build compelling UIs.

Jun 2017 11h 16m

Bootstrap 4 Cookbook

Bootstrap 4 Cookbook

Bootstrap, one of the most complete frameworks, is perfectly built to design elegant, powerful, and responsive interfaces for professional-level web pages. It supports responsive design by dynamically adjusting your web page layout. Bootstrap 4 is a major update with many impressive changes that greatly enhance the end results produced by Bootstrap. This cookbook is a collection of great recipes that show you how to use all the latest features of Bootstrap to build compelling UIs.

Jun 2017 11h 16m

Bootstrap 4 Cookbook

Bootstrap 4 Cookbook

Bootstrap, one of the most complete frameworks, is perfectly built to design elegant, powerful, and responsive interfaces for professional-level web pages. It supports responsive design by dynamically adjusting your web page layout. Bootstrap 4 is a major update with many impressive changes that greatly enhance the end results produced by Bootstrap. This cookbook is a collection of great recipes that show you how to use all the latest features of Bootstrap to build compelling UIs.

Jun 2017 11h 16m

Bootstrap 4 Cookbook

Bootstrap 4 Cookbook

Bootstrap, one of the most complete frameworks, is perfectly built to design elegant, powerful, and responsive interfaces for professional-level web pages. It supports responsive design by dynamically adjusting your web page layout. Bootstrap 4 is a major update with many impressive changes that greatly enhance the end results produced by Bootstrap. This cookbook is a collection of great recipes that show you how to use all the latest features of Bootstrap to build compelling UIs.

Jun 2017 11h 16m

Vue.js: Understanding its Tools and Ecosystem

Vue.js: Understanding its Tools and Ecosystem

Vue.js is one of the most preferred JavaScript frameworks and is used by several organizations such as NASA and Expedia. With this book, you’ll learn the fundamental concepts of Vue.js and the popular technologies that make up its ever-growing ecosystem.

Nov 2019 6h 28m

Hands-on Full Stack Development with Angular 5 and Firebase

Hands-on Full Stack Development with Angular 5 and Firebase

Real-time applications have dominated the field of web applications for years. Real-time isn't limited to only displaying data as soon as it's available. It shows its real power when used with interactive experiences in which users and systems can instantly communicate with one another. The leading social platforms like Facebook and Twitter are all built upon real-time web technologies. This book will help you build your Angular skills by realizing potential of Firebase with Angular to create real-time web applications. In this book we will be building an end to end social networking web application from development to production with Angular as front end and Firebase as back end.

Feb 2018 8h 32m

Hands-on Full Stack Development with Angular 5 and Firebase

Hands-on Full Stack Development with Angular 5 and Firebase

Real-time applications have dominated the field of web applications for years. Real-time isn't limited to only displaying data as soon as it's available. It shows its real power when used with interactive experiences in which users and systems can instantly communicate with one another. The leading social platforms like Facebook and Twitter are all built upon real-time web technologies. This book will help you build your Angular skills by realizing potential of Firebase with Angular to create real-time web applications. In this book we will be building an end to end social networking web application from development to production with Angular as front end and Firebase as back end.

Feb 2018 8h 32m

Hands-on Full Stack Development with Angular 5 and Firebase

Hands-on Full Stack Development with Angular 5 and Firebase

Real-time applications have dominated the field of web applications for years. Real-time isn't limited to only displaying data as soon as it's available. It shows its real power when used with interactive experiences in which users and systems can instantly communicate with one another. The leading social platforms like Facebook and Twitter are all built upon real-time web technologies. This book will help you build your Angular skills by realizing potential of Firebase with Angular to create real-time web applications. In this book we will be building an end to end social networking web application from development to production with Angular as front end and Firebase as back end.

Feb 2018 8h 32m

Hands-on Full Stack Development with Angular 5 and Firebase

Hands-on Full Stack Development with Angular 5 and Firebase

Real-time applications have dominated the field of web applications for years. Real-time isn't limited to only displaying data as soon as it's available. It shows its real power when used with interactive experiences in which users and systems can instantly communicate with one another. The leading social platforms like Facebook and Twitter are all built upon real-time web technologies. This book will help you build your Angular skills by realizing potential of Firebase with Angular to create real-time web applications. In this book we will be building an end to end social networking web application from development to production with Angular as front end and Firebase as back end.

Feb 2018 8h 32m

Personalised recommendations for you

Based on your interests and search pattern

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m