Get Vue Js 2 and Bootstrap 4 Web Development 1st Edition Olga Filipova Free All Chapters
Get Vue Js 2 and Bootstrap 4 Web Development 1st Edition Olga Filipova Free All Chapters
com
https://ebookmeta.com/product/vue-js-2-and-bootstrap-4-web-
development-1st-edition-olga-filipova/
OR CLICK BUTTON
DOWNLOAD NOW
https://ebookmeta.com/product/vue-js-a-comprehensive-beginner-s-guide-
to-vue-js-1st-edition-alexander-aronowitz-rufus-stewart/
ebookmeta.com
https://ebookmeta.com/product/city-creatures-animal-encounters-in-the-
chicago-wilderness-gavin-van-horn-editor/
ebookmeta.com
Applied Microsoft Power BI: Bring your data to life!, 7th
Edition Teo Lachev
https://ebookmeta.com/product/applied-microsoft-power-bi-bring-your-
data-to-life-7th-edition-teo-lachev/
ebookmeta.com
https://ebookmeta.com/product/healing-with-vitamins-by-editors-of-
prevention-health-books-1st-edition-alice-feinstein-editor/
ebookmeta.com
https://ebookmeta.com/product/handbook-of-forgiveness-2nd-edition-
everett-l-worthington-jr-editor-nathaniel-g-wade-editor/
ebookmeta.com
https://ebookmeta.com/product/zulu-journal-raymond-b-cowles/
ebookmeta.com
https://ebookmeta.com/product/cissp-passport-bobby-e-rogers/
ebookmeta.com
Viscomm A Guide to VCE Visual Communication Design 2nd
Edition Jacinta Patterson
https://ebookmeta.com/product/viscomm-a-guide-to-vce-visual-
communication-design-2nd-edition-jacinta-patterson/
ebookmeta.com
Vue.js 2 and Bootstrap 4 Web
Development
Table of Contents
Vue.js 2 and Bootstrap 4 Web Development
Credits
About the Author
Acknowledgments
About the Reviewer
www.PacktPub.com
eBooks, discount offers, and more
Why subscribe?
Customer Feedback
Preface
What this book covers
What you need for this book
Who this book is for
Conventions
Reader feedback
Customer support
Downloading the example code
Downloading the color images of this book
Errata
Piracy
Questions
1. Please Introduce Yourself – Tutorial
Hello, user
Creating a project in the Firebase console
Adding a first entry to the Firebase application database
Scaffolding a Vue.js application
Connecting the Vue.js application to the Firebase project
Adding a Bootstrap-powered markup
Adding a form using Bootstrap
Making things functional with Vue.js
Adding utility functions to make things look nicer
Exercise
Extracting message cards to their own component
Exercise
Deploying your application
Extra mile – connecting your Firebase project to a custom domain
Summary
2. Under the Hood – Tutorial Explained
Vue.js
Vue project – getting started
Including directly in script
CDN
NPM
Vue-cli
Vue directives
Conditional rendering
Text versus HTML
Loops
Binding data
Handling events
Vue components
Exercise
Vue router
Vuex state management architecture
Bootstrap
Bootstrap components
Bootstrap utilities
Bootstrap layout
Combining Vue.js and Bootstrap
Exercise
Combining Vue.js and Bootstrap continued
What is Firebase?
Summary
3. Let's Get Started
Stating the problem
Gathering requirements
Personas
User stories
Retrieving nouns and verbs
Nouns
Verbs
Mockups
The first page – login and register
The main page displaying the Pomodoro timer
Workout during the break
Settings
Statistics
Workouts
Logo
Summary
4. Let It Pomodoro!
Scaffolding the application
Defining ProFitOro components
Exercise
Implementing the Pomodoro timer
SVG and trigonometry
Exercise
Implementing the countdown timer component
Responsiveness and adaptiveness of the countdown timer using
Bootstrap
Countdown timer component – let's count down time!
Exercise
Pomodoro timer
Exercise
Introducing workouts
Summary
5. Configuring Your Pomodoro
Setting up a Vuex store
Defining actions and mutations
Setting up a Firebase project
Connecting the Vuex store to the Firebase database
Exercise
Summary
6. Please Authenticate!
AAA explained
How does authentication work with Firebase?
How to connect the Firebase authentication API to a web
application
Authenticating to the ProFitOro application
Making the authentication UI great again
Managing the anonymous user
Personalizing the Pomodoro timer
Updating a user's profile
Summary
7. Adding a Menu and Routing Functionality Using vue-router and
Nuxt.js
Adding navigation using vue-router
Exercise - restrict the navigation according to the
authentication
Using Bootstrap navbar for navigation links
Code splitting or lazy loading
Server-side rendering
Nuxt.js
Adding links with nuxt-link
Exercise – making the menu button work
Nuxt.js and Vuex store
Nuxt.js middleware
Exercise – finish 'em all!
Summary
8. Let's Collaborate – Adding New Workouts Using Firebase Data
Storage and Vue.js
Creating layouts using Bootstrap classes
Making the footer nice
Storing new workouts using the Firebase real-time database
Storing images using the Firebase data storage
Let's search!
Using a Bootstrap modal to show each workout
Exercise
It's time to apply some style
Summary
9. Test Test and Test
Why is testing important?
What is Jest?
Getting started with Jest
Coverage
Testing utility functions
Mocking with Jest
Testing Vuex store with Jest
Testing mutations
Asynchronous testing with Jest – testing actions
Making Jest work with Vuex, Nuxt.js, Firebase, and Vue
components
Testing Vue components using Jest
Snapshot testing with Jest
Summary
10. Deploying Using Firebase
Deploying from your local machine
Setting up CI/CD using CircleCI
Setting up staging and production environments
What have we achieved?
Summary
Index
Vue.js 2 and Bootstrap 4 Web
Development
Vue.js 2 and Bootstrap 4 Web
Development
Copyright © 2017 Packt Publishing
Every effort has been made in the preparation of this book to ensure
the accuracy of the information presented. However, the information
contained in this book is sold without warranty, either express or
implied. Neither the author, nor Packt Publishing, and its dealers and
distributors will be held liable for any damages caused or alleged to
be caused directly or indirectly by this book.
Livery Place
35 Livery Street
ISBN 978-1-78829-092-0
www.packtpub.com
Credits
Author
Olga Filipova
Reviewer
Jan-Christian Nikles
Commissioning Editor
Kunal Chaudhari
Acquisition Editor
Reshma Raman
Nikhil Borkar
Technical Editor
Jijo Maliyekal
Copy Editor
Safis Editing
Project Coordinator
Ulhas Kambali
Proofreader
Safis Editing
Indexer
Rekha Nair
Graphics
Abhinash Sahu
Production Coordinator
Melwyn Dsa
Cover Work
Melwyn Dsa
About the Author
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 start-ups. 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.
First of all, a huge thank you goes to the Packt team. You are
amazing in supporting this process and striving for quality and
delivery. Thank you, Nikhil, for being with me all this time and
providing me with all the necessary and just-in-time feedback.
How can you create a great application if you are a total noob in
design? You can't! But if you have friends who can help you with
design, you are the happiest person on Earth. Thank you, Vanessa,
for helping me with the application design and thank you, Filipe for
helping me with its implementation. Thank you, Carina, for the
fantastic logo!
Thank you, Marina for your friendship and for being the first person
who heard the idea of ProFitOro and encouraged me to go ahead.
Thank you, mom and dad, for being with me and believing in me.
Thank you my wonderful brother, Ilia, for being an inspiring example
for me. Thank you Ukraine, for being with me in my heart. Thank
Other documents randomly have
different content
— in Schottland 265.
„Propaganda“, Druckerei der 186.
„Proportion. d. Ross“ v. Beham 116.
Prostitz, Isaak 278.
„Psalterium“ (Schöffer) 38.
Puerto, Alfons de 62.
Putorius, Johann 161.
Pynson, Richard 259.
Sabon 130.
„Sachsen-Chronik“ (Schöffer) 41.
„Sachsen-Spiegel“ (Richel) 44.
Said-Efendi 281.
Salamanca 62.
Sallust, stereotyp. v. W. Ged 266.
Sansleque, Familie 214.
Saragossa 62.
Saspach, Hans 25.
Satz-Apparate, früheste 79. 162.
Sauer, Familie 274.
Schaeuffelein 116. 128.
Scharffenberg, Crispinus 145.
— Johann 145.
— Nikolaus 277.
„Schatzbehalter, Der“ 47. 107.
Schedel „Buch d. Chroniken“ 47. 107.
„Schellhornsche Bibel“ (36zeil.) 29.
Schepper, J. J. 247.
Schleswig 74.
Schnellboltz, Gabriel 150.
Schnitzer, Joh. v. Armsheim 46.
Schoch, Christoph 155.
Schöffer-Familie.
Schöffer, Peter 30.
Jugend 30.
Ankunft in Mainz 31.
Verbindung mit Fust 38.
Psalterium 38.
48zeilige Bibel 40.
Schwabacher Schrift 41.
Tod 42.
Schöffer, Ivo 132.
— Jakob 132.
— Johann 132.
— Johann ii. 132.
— Peter ii. 132.
Schön, Erhard 114. 135.
Schönsperger, Hans d. ä. 46. 129.
Schongauer, Martin 134.
Schreibmeister, Die 129.
Schriftgiesserei.
Älteste 31. 77.
Verbesserungen 160.
Kegel und Höhe 160.
Giessinstrument 160.
Signatur 160.
Clichieren 161.
Fraktur 161.
Nürnberg 129.
Italien 177.
Frankreich 198. 214.
Niederlande 246. 250.
England 268.
Russland 279.
Schultze, Georg 153.
Schwabacher Schrift 41.
Schumann, Valentin 146.
Scott, Joh. 136.
Scriptores hist. Byzantinæ 211.
Sedan 214.
Sedanoise-Schrift 214.
Segur, Bartholomäus 62.
Selou, Peter von 157.
Semigothische Schrift 66.
Sensenschmid, Johann 46. 49.
Sephar Orach Chaim 63.
Seuil, de 216.
Sevilla 62. 190.
Sheldonian Theatre 264.
Siberch, Johann 264.
Singriener, Johann 142.
Skalholt 157.
Slawischer Druck in Tübingen 133.
Snagof 282.
Snell, Johann 74. 75.
Solis, Virgil 117.
Soncino 61.
Sorbonne 65.
Sorg, Anton 46.
Spectator, The 267.
Speculum hum. Salvationis 21.
Speculum pass. (Schaeuffelein) 116.
Speyer, Joh. von 58.
Spielkarten 18.
Spiess, Wigand von Ortenberg 35.
Spindeler, Nikolaus 62.
Spinosa, Antonio de 191.
Springinklee, Hans 114. 135.
Stathoen, Hermann an 42.
Stendal 52.
Stephanus-Familie.
Stephanus, Heinrich 202.
Stephanus, Robert i. 202.
Jugend u. Geschäftsanfang 202.
Thesaurus linguæ latinæ 203.
Königl. Typograph 204.
Übersiedelung nach Genf 204.
Kgl. griech. Schriften 204.
Stephanus, Franz i. 205.
— Karl 205.
— Robert ii. 206.
Stephanus, Heinrich ii. 206.
Geschäftsbahn 206.
Thesaurus linguæ græcæ 207.
Heinrichs Tod 207.
Stephanus, Paul 207.
Stephanus, Franz ii. 208.
Stereotypie:
Valeire 215.
van der Mey und Müller 251.
William Ged 265.
Stimmer, Tobias 120.
Stockelmann, Hans 154.
Stockholm 75. 157.
Stöckel, Wolfgang 145.
Stoll, Johann 66.
Strassburg 23. 42. 120. 134.
Strassburg, Jakob von 136.
Straub, Leonhard 142.
Strengnäs 157.
Subiaco 56.
Suhanow, Arsenij 279.
Summa de art. fidei (Gutenberg) 32.
Surinam 192.
Svirler, Michel 66.
Sweynheim, Konrad 56.
Synodalnija Typografia 279.
Tacaco 287.
Takke, Heinrich 149.
„Talmud“ (Bomberg) 185.
Tattler, the 267.
Tavernier, Ament 251.
Technik, Verbesserungen 159.
Teigdruck 16.
Thanner, Jakob 146.
Theatrum geographiae veteris 235.
Thes. ling. lat. (Rob. Steph.) 203.
— — græcæ (H. Steph.) 207.
Theuerdank, Der 127.
Theuerdank-Type 128.
Thou, Charles de 215.
Thurneisen, Emm. 139.
Thurneysser, Leonhard 152.
Tiflis 282.
Tissard, François 204.
Tissnova, Martin von 76.
Torresanus, Andr., de Asola 180.
Torquemada Meditationes (Han) 56.
Tory, Geofroy 198. 215.
Tótfalu, Nikolaus 279.
Tournes, Jean de 212.
Tractatus racionis (Gutenberg) 32.
Tranquebar 287.
Trattnern, von 161.
Trechsel, Joh. 66.
„Triumphz. Cäsars“ (Andreani) 189.
Truber, Primus 133.
Tschernigow 76.
Tübingen 132.
Testament, Neues (Tyndale) 259.
Tzwyvel, Theodorik 52.
Ulm 44.
Ungnad, Hans, von Sonnegg 133.
„Unterweysung d. Proportion“ 114.
Upsala 157. 158.
Urach 133.
Uscan 282.
Utrecht 231.
Xylographie s. Holzschnitt.
Xylographische Werke 20.
1.D. The copyright laws of the place where you are located also
govern what you can do with this work. Copyright laws in most
countries are in a constant state of change. If you are outside
the United States, check the laws of your country in addition to
the terms of this agreement before downloading, copying,
displaying, performing, distributing or creating derivative works
based on this work or any other Project Gutenberg™ work. The
Foundation makes no representations concerning the copyright
status of any work in any country other than the United States.
1.E.6. You may convert to and distribute this work in any binary,
compressed, marked up, nonproprietary or proprietary form,
including any word processing or hypertext form. However, if
you provide access to or distribute copies of a Project
Gutenberg™ work in a format other than “Plain Vanilla ASCII” or
other format used in the official version posted on the official
Project Gutenberg™ website (www.gutenberg.org), you must, at
no additional cost, fee or expense to the user, provide a copy, a
means of exporting a copy, or a means of obtaining a copy upon
request, of the work in its original “Plain Vanilla ASCII” or other
form. Any alternate format must include the full Project
Gutenberg™ License as specified in paragraph 1.E.1.
• You pay a royalty fee of 20% of the gross profits you derive from the
use of Project Gutenberg™ works calculated using the method you
already use to calculate your applicable taxes. The fee is owed to
the owner of the Project Gutenberg™ trademark, but he has agreed
to donate royalties under this paragraph to the Project Gutenberg
Literary Archive Foundation. Royalty payments must be paid within