iT邦幫忙

鐵人檔案

第 12 屆 iT 邦幫忙鐵人賽
回列表
Modern Web

到底要怎麼開始開發網站? --- 從入門到使用Vue, Firebase製作老闆交代的網站 系列

想要製作網站卻不知道從何開始? 選好了框架要開始卻不知道接下來的路?

我也在網頁開發摸索了將近一年~碰過三大框架、各式各樣的開發工具、接了大大小小的side project 最後統整了出屬於自己的從零開始最快開發方法~

本系列會教大家如何從打開你的Terminal 下載webpack 到製作一個網路預約系統與商城網站!
也會使用到 npm, Bootstrap, Vuetify, EmailJS, Firebase 等等開發技術

本系列的學習曲線會由淺到淺><,讓大家邊吃飯邊放鬆的學習

鐵人鍊成 | 共 30 篇文章 | 30 人訂閱 訂閱系列文 RSS系列文
DAY 21

【D21 - 用Vue實作網頁】Firebase 幫我存一下資料啦!

這篇文章會根據昨天講到的firebase作為延伸~ 希望你可以先讀一下昨天那篇*(除非你會firebase了XD)* https://ithelp.ithom...

2020-09-21 ‧ 由 ryanyen2 分享
DAY 22

【D22 - Dynamic & Async】ㄟ~組件你不要給我亂動!

今天又要講到一些概念了~ 因為昨天我們不小心遇到了兩個好傢伙XD (async, await),所以我們直接開始今天主題吧! 前言 我們會講到: Dyna...

2020-09-22 ‧ 由 ryanyen2 分享
DAY 23

【D23 - 用Vue實作網頁】Firebase說他還可以幫忙Authenticate?

不得不說firebase真的很厲害,或著說google大大很厲害XDXD。firebase除了可以做到realtime-databse, fire-store...

2020-09-23 ‧ 由 ryanyen2 分享
DAY 24

【D24 - 用Vue實作網頁】一天搞定登入+註冊+登出

昨天我們提到了Firebase 的Authentication~ 今天就會純coding,帶大家走過一遍完整的登入到登出流程! 前言 今天會比較多codin...

2020-09-24 ‧ 由 ryanyen2 分享
DAY 25

【D25 - Vuex】給你一個方便的儲藏室!!

Vuex是一個非常方便且非常好用的的開發vue工具,他有點類似於react的redux~ 今天簡短介紹一下Vuex,明天就可以來實踐今天講到的東西囉! 甚麼...

2020-09-25 ‧ 由 ryanyen2 分享
DAY 26

【D26 - 用Vue實作網頁】從firebase拿資料~ 深入了解database

原本昨天講到vuex, 今天應該帶各位實作一下vuex,但是我時在我們專案有甚麼地方可以用到vuex!XD 所以今天還是來講講firebase裡面的data結...

2020-09-26 ‧ 由 ryanyen2 分享
DAY 27

【D27 主委加碼】Git講完了那GitFlow又是甚麼啦?

之前我們在很一開始的地方加碼了一個git的實戰教學~ 後來有一位朋友問我能不能講講gitflow,其實gitflow很簡單,可以說是的一套完整開發流程規定,那...

2020-09-27 ‧ 由 ryanyen2 分享
DAY 28

【D28 - 用Vue實作網頁】postman是哪個男人?要怎麼用他(羞)!?

postman 不是人而是一個software,專門拿來測試API~ 我曾經在這裡【D19 - 用Vue實作網頁】請GET我然後POST我出去吧!講到API的...

2020-09-28 ‧ 由 ryanyen2 分享
DAY 29

【D29 - 用Vue實作網頁】佈署你的專案,分享給朋友你的第一個網站!!

今天是距離完賽倒數一天了,我們也準備要把我們之前三十天努力的心血deploy到網路上!! 前言 我們每當做了一個網站,如果你希望大家可以使用到你的網站的話,...

2020-09-29 ‧ 由 ryanyen2 分享
DAY 30

【D30 - 期待與各位再次見面】前端學到暈島隆重閉幕!

恭喜各位如果是從之前一步一步走來的人~ 那你已經擁有了基本的前端工程師必備技能!! 前言 我們在從一開始的那個地圖來看起,驗收一下我們這一路走來到底走過哪裡...

2020-09-30 ‧ 由 ryanyen2 分享