iT邦幫忙

鐵人檔案

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

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

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

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

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

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

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

【D11 - 用Vue實作網頁】這世界都是Components組成的!?

今天會開始一個專案~ 但在開啟之前希望各位都有讀過之前的文章,至少了解一下這個專案的架構還有環境的建置! 前言 這邊先列舉幾個比較重要的東西要先下載~ n...

2020-09-11 ‧ 由 ryanyen2 分享
DAY 12

【D12 - 用Vue實作網頁】父子同心齊力斷金!

今天要講到的東西我部會用在這個project上,(也可能會啦不確定)XD,但不論如何,他是一個非常重要的東西~ 前言 在我們昨天講到組件components...

2020-09-12 ‧ 由 ryanyen2 分享
DAY 13

【D13 - 用Vue實作網頁】Routing 帶你到世界翱翔

今天要講的東西非常的實用,曾經我還是開發小盟新時去找了一個實習,結果他問我~ 你知道router是甚麼嗎.... 我竟然跟他說: 「知道! 是路由器~」 雖然...

2020-09-13 ‧ 由 ryanyen2 分享
DAY 14

【D14 - Vue也有生命!?】Vue 的 life-cycle

前言 今天要在跟各位插播一個概念,因為之後會用到,這也是在Vue的世界裡面相當重要的概念: 就是 life-cycle hook! Hook 本身有鉤子的意思~...

2020-09-14 ‧ 由 ryanyen2 分享
DAY 15

【D15 - 用Vue實作網頁】牽著for的手,帶你走forever

我朝思暮想想了又想~ 覺得這個project可以先暫訂拿來做一個小部落格的樣子,而再開發一個部落格時候,我們可以有小到大去開發! 甚麼意思? 就是說部落格應該...

2020-09-15 ‧ 由 ryanyen2 分享
DAY 16

【D16 - 用Vue實作網頁】等等!!我還對JacaScript不熟www

昨天寫到了一串code,如果對於JS沒有基礎的人可能會頭很大XD .then(function(data) { this.blogs = data....

2020-09-16 ‧ 由 ryanyen2 分享
DAY 17

【D17 - Vue說他願意共用!?】Vue 的 Mixins

我這次標題直接給她猛烈的亂下,但其實Mixins就真的是代表一個 讓元件共用的方法,Mixin 就是指這個共用的元件,而這個元件可以包含任何的componen...

2020-09-17 ‧ 由 ryanyen2 分享
DAY 18

【D18 - 用Vue實作網頁】做出一個美美的部落格

今天會用到之前所有的所學~ 如果還沒跟上進度的話建議你要先看之前的 (標題有用vue實作網頁),或是到我的 github 上面去看code! 前言 我們前三...

2020-09-18 ‧ 由 ryanyen2 分享
DAY 19

【D19 - 用Vue實作網頁】請GET我然後POST我出去吧!

HTTP Request 一直以來都是一個很大的課題,他也牽扯到了API的概念,所以這篇基本上我們就要好好聊聊API是甚麼? Vue 要怎麼用到HTTP re...

2020-09-19 ‧ 由 ryanyen2 分享
DAY 20

【D20 - 用Vue實作網頁】Vue+Firebase 火力無法擋

相信很多人都知道火力基地到底有多火了XD,火力基地就是我們熟悉的Firebase~ 今天要帶各位看一下firebase基本功能還有要如何應用到我們的proje...

2020-09-20 ‧ 由 ryanyen2 分享