Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Let's build a Vuejs web app
Search
Adora Nwodo
March 23, 2019
Technology
1
100
Let's build a Vuejs web app
Codelab for Vue vixens meetup. Introductory slides to show what would be covered in the codelab.
Adora Nwodo
March 23, 2019
Tweet
Share
More Decks by Adora Nwodo
See All by Adora Nwodo
Harnessing the Power of AI in Open-Source Cloud Engineering
adoranwodo
2
260
Getting Started With Data Structures
adoranwodo
1
420
StereoKit: The Open Source SDK for VR/MR
adoranwodo
0
120
Accessibility in the context of Mixed Reality
adoranwodo
0
40
Skills to Excel in Cloud Engineering
adoranwodo
0
390
The Opportunities In The Decade Of Mixed Realities
adoranwodo
0
52
7 Habits of Highly Effective Engineering Teams
adoranwodo
0
130
Designing secure cloud applications
adoranwodo
0
140
Building a sustainable personal brand
adoranwodo
0
96
Other Decks in Technology
See All in Technology
言葉は感情の近似値である。その感情と言葉の誤差を最小化しよう ~コミュニケーションにおけるアナログ/デジタル変換の課題に立ち向かう~
nktamago
0
230
Creative UIs with Compose: DroidKaigi 2024
chrishorner
1
580
PdMはどのように全てのスピードを上げられるか ~ 非連続進化のための具体的な取り組み ~
sansantech
PRO
4
1.3k
watsonx.ai Dojo 環境準備について
oniak3ibm
PRO
0
300
不動産tech Product Night#2_AIことはじめ_GA橋本
takehikohashimoto
0
190
The XZ Backdoor Story
fr0gger
0
3.6k
Mocking in Rust Applications
taiki45
2
410
PDF Viewer作成の今までとこれから
hunachi
0
470
「家族アルバム みてね」における運用管理・ オブザーバビリティの全貌 / Overview of Operation Management and Observability in FamilyAlbum
isaoshimizu
4
160
JEP 480: Structured Concurrency
aya_ebata
0
130
株式会社EventHub・エンジニア採用資料
eventhub
0
2.9k
サーバー管理しないサーバーサービスManaged DevOps Pool
kkamegawa
0
130
Featured
See All Featured
Raft: Consensus for Rubyists
vanstee
135
6.5k
Atom: Resistance is Futile
akmur
261
25k
For a Future-Friendly Web
brad_frost
174
9.3k
[RailsConf 2023] Rails as a piece of cake
palkan
48
4.6k
Debugging Ruby Performance
tmm1
72
12k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
29
2.6k
The Art of Programming - Codeland 2020
erikaheidi
48
13k
The Illustrated Children's Guide to Kubernetes
chrisshort
47
48k
Reflections from 52 weeks, 52 projects
jeffersonlam
346
20k
Pencils Down: Stop Designing & Start Developing
hursman
119
11k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
5
480
Side Projects
sachag
451
42k
Transcript
Let’s build a VueJS web app Vue Vixens. 23rd March,
2019
Hi, I’m Adora! Multidisciplinary software engineer GDG Ajah Co-organizer Women
Techmakers Ambassador Blogger, adorahack.com Twitter @theadoranwodo GitHub @adoranwodo 2
An open-source JavaScript framework for building user interfaces and single
page applications. 3
What we’d cover • Setting up your VueJS app •
CSS Grid • Styling in Vue • Code structure in preparation for moving forward 4
Tools you need • The WiFi (Connect if you haven’t)
• A modern browser (e.g. Chrome, Microsoft Edge) • A text editor (e.g. VSCode, Sublime Text) • NPM 5
Lets get started. 6
Install Vue and Dependencies • Install Vue CLI - npm
install -g @vue/cli -@vue/cli • Create a Vue Project - vue create pet-shop • Install Vuetify - npm i vuetify OR Clone the starter repo git clone https://github.com/AdoraNwodo/vue-vixens-starter.git 7
8 What we’d be building https://github.com/AdoraNwodo/vue-vixens-petshop
Shared Links • App.vue - bit.ly/vue-template • Styles - bit.ly/vue-style
• GitHub gist - gist.github.com/AdoraNwodo/ • Vue Documentation - https://vuejs.org/ 9
Lets start coding! 10