Learn how to combine Bootstrap with Vue.js to build responsive web applications. This book is for JavaScript programmers who are new to web frameworks and want to start learning it by developing interactive and responsive web applications. 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. Step-by-step tutorial
VueJS is the new kid on the block, though it might look familiar to most of frontend developers who had experience with Angular 1.x prior to that. And that's not an coincedence due to that VueJS author was one of the former core contributors to Angular therefore he claims that he took the features that we of the most importance to community and got rid of the unneccessary complexity that Angular 2.x presents as its features.
I can't agree more on that. For me as a former Angular addict VueJS looks like a breath of fresh air in comparison with React. React was a good thing in its times, it helped to educate frontend engineers who usually lack formal CS education therefore are prone to reinvent the wheel with every project they touch. React has brought a lot of fundamental CS concepts like immutabilty and referential transparency that they called "pure functions" to the attention of the Javascript developers. But if you're not a frontend developer than React will take a heavy toll on you as in my opinion it makes creating a simple app unbearably hard as you need to learn JSX, Redux and other things just to start. React ecosystem changes so quickly that it's not worth the effort to enter it as it could change at any moment.
Here VueJS comes into play. It has adapted some of the most valuable React features which is Redux in my opinion, but to write a VueJS app you don't need to know anything besides Javascript and HTML. It's unbelievable, but you don't even need NodeJS to write a frontend app in Vue.
Ok, let's go back to the book. The book is great, I can't say more about it. It reminds me of the Head First book series that was iconic to the IT newcomers back in the mid 2010's. Olga reminds Kathy Sierra a lot as they have a similar narratory style though Kathy usually gets in too much details as she expects her readers to have zero knowledge and Olga sometimes skips some of the concepts and gives a referrence to the book's complementary source code. It's hard to find it therefore I've made a fork that's will be more accessible for anyone https://github.com/mkoltsov/Vue.js-2-...
The book gives a lot of practical examples on how to start writing actual webapps with Vue, it even goes to such extent as how to deploy it and manage its data.