Let's build a Vuejs web app

Codelab for Vue vixens meetup. Introductory slides to show what would be covered in the codelab.

Transcript

1. Let’s build a VueJS web app Vue Vixens. 23rd March, 2019
2. Hi, I’m Adora! Multidisciplinary software engineer GDG Ajah Co-organizer Women Techmakers Ambassador Blogger, adorahack.com Twitter @theadoranwodo GitHub @adoranwodo 2
3. An open-source JavaScript framework for building user interfaces and single page applications. 3
4. What we’d cover • Setting up your VueJS app • CSS Grid • Styling in Vue • Code structure in preparation for moving forward 4
5. 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
6. Lets get started. 6
7. 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. 8 What we’d be building https://github.com/AdoraNwodo/vue-vixens-petshop
9. 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
10. Lets start coding! 10