Vue.js and Firebase from zero to HERO
วันที่จัดงาน : 26 - 27 สิงหาคม 2560
เวลา : 09:00 - 17:00 น.
สถานที่อบรม : Poolsub Space, 56/5, Charoennakorn Rd ซอย เจริญนคร 8, แขวง คลองต้นไทร เขต คลองสาน กรุงเทพมหานคร 10600
วิทยากร
- Issaret Prachitmutita Committee, Thai Programmer Association
- Sarunyhot Suvananchoti Facebook Page, Node.js Tips
- Phonbopit Sahakitchatchawan Founder, devahoy.com
- Lattapon Yodsuwan Development team leader, THOTH ZOCIAL
รูปแบบการสอน : Workshop ประกอบการบรรยาย 1 คนสอน พร้อม 3 TA ประกบตลอดทั้งคลาส
เนื้อหา : สอนตั้งแต่พื้นฐาน Javascript ,Vue.js , Firebase เพื่อให้พร้อมสำหรับการทำ Project จริง!!
สิ่งที่จะได้รับ
- เข้าใจการทำงานของ Single Page Application ด้วย Vue.js
- สามารถใช้งาน Firebase Database ได้
สิ่งที่ต้องเตรียม
- Computer แบบพกพา
- ระบบปฏิบัติการ Windows, Mac and Linux
- โปรแกรมที่ใช้ในการเขียน (Text Editor) เช่น VS Code
- โปรแกรม Shell Command เช่น CMD, Power Shell, Terminal หรือ iTerm
- ความรู้พื้นฐานการเขียนเว็บไซต์เบื้องต้น เช่น HTML, CSS and JavaScrIpt
Course Outline
Day 1
Basic JavaScript
- Variables
- Data Type
- Condition Statement
- Array & Object
- Function
- Class
- ES6 Basic
Basic Node.js
- Block / Non-block IO
- NPM & Node module
- import/export
- Callback
Intro to Vue.js
- Single Page Application Example
- List Rendering with v-for
- Event Handling with v-on
- Form Input Bindings with v-model
- Conditional Rendering with v-if
- Computed Properties and Watchers
- Understanding Vue.js Lifecycle
- Passing Data with Props
- Using Components and Communicating between Components
- First Course Project
Day 2
Advanced Vue.js
- Using Vue CLI to Build Your App for Production
- Routing in a Vue.jS Application
- Better State Management with Vuex
- Connecting to Servers - Using vue-resource
Introduction to Firebase
- What’s Firebase?
- Firebase Database
- Firebase Authentication
- CRUD with Firebase
- Implement Firebase with Vue.js + Vuefire
Deployment
- vue-cli development/production
- Firebase hosting
- or Github Pages hosting
- Final Project
บรรยากาศการสอน