Education

Vue.js and Firebase from Zero to Hero

Vue.js and Firebase from zero to HERO


วันที่จัดงาน : 26 - 27 สิงหาคม 2560

เวลา : 09:00 - 17:00 น.

สถานที่อบรม : Poolsub Space, 56/5, Charoennakorn Rd ซอย เจริญนคร 8, แขวง คลองต้นไทร เขต คลองสาน กรุงเทพมหานคร 10600   

วิทยากร

  1. Issaret Prachitmutita                Committee, Thai Programmer Association
  2. Sarunyhot Suvananchoti           Facebook Page, Node.js Tips
  3. Phonbopit Sahakitchatchawan   Founder, devahoy.com
  4. 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


บรรยากาศการสอน







5500271914df2a949c91148d102b5491aee34b29
Organized by
AiPEN Studio