iT邦幫忙

鐵人檔案

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

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

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

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

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

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

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

達標好文 【D1 - 歡迎來到前端學到暈島】我要怎麼學前端?

村長 : 請輸入您的島的名稱... : ...「前端學到暈島」 各位當你踏上這個島你就要注意到幾件事情~ 前端是一個肥大的東西,當你想要學一個工具~你就...

2020-09-01 ‧ 由 ryanyen2 分享
DAY 2

【D2 - 前端島生存守則】先拿好你的地圖

要能學好前端有非常多條路~ 我自學期間合作開發了很多專案包括到職場去進修,其實大家的開發流程根所需技術都是不一樣的 所以我在這邊統整出一個前端地圖~如果想要做...

2020-09-02 ‧ 由 ryanyen2 分享
DAY 3

【D3 - 主委加碼】版本控制 -- Git

Git: 哈囉大家好我是一個版本控制系統... : 等等..版本是甚麼? 控制是要控制甚麼? 預備 創立一個github帳號~ https://githu...

2020-09-03 ‧ 由 ryanyen2 分享
DAY 4

【D4 - npm 你到底是誰】大家都叫我npm install!! 但這甚麼意思

我: 沒想到這麼多人敲碗想要看到你ㄟ~ npm: 那是當然的吧,大家都會用到我啊 我: 可是好像沒人知道你到底是啥... 前言 npm 全名是 node p...

2020-09-04 ‧ 由 ryanyen2 分享
DAY 5

【D5 - 前端基本功】前端三大語言 -- HTML

HTML: 大家好~ 我是HTML,負責網站裡的內容! CSS: 我負責讓HTML這個醜八怪好看一點~ JS: 我得讓懶惰HTML動起來! HTML : .....

2020-09-05 ‧ 由 ryanyen2 分享
DAY 6

【D6 - 三國鼎立時代】三大前端時代 -- 為何我選擇了Vue?

Agular: 我爸 Google 啦~ React: 我爸 Facebook 啦~ Vue: 我爸.... 前言 各位今天我廢話少一點直接上表格~...

2020-09-06 ‧ 由 ryanyen2 分享
DAY 7

【D7 - 直接開啟專案】VueJs要怎麼樣開始學?

Vue: 終於輪到我出場了啦!! ...代表各位終於可以開始做出一個專屬自己的個人網站了!!! 概念先打好 VueJs 是一個前端框架,一個開源(open...

2020-09-07 ‧ 由 ryanyen2 分享
DAY 8

【D8 - Vue架構】 沒有架構怎麼鬥得過Vue!?

前言 昨天開了一個Vue的專案~ 不知道各位看過一下file 了沒有 這些檔案是啥啊!!?? 先來說說每一個file大概的意思~ node_modules...

2020-09-08 ‧ 由 ryanyen2 分享
DAY 9

【D9 - Vue的雙下巴】Vue模板語法 -- {{Mustache}}

首先我們要先了解甚麼是模板語法? 而甚麼是模板? 模板 模板其實跟render function 是一樣的運作模式的~ 我們會將模板編譯成為render fun...

2020-09-09 ‧ 由 ryanyen2 分享
DAY 10

【D10 - Directives】今晚,我想對DOM做點甚麼?

前言 昨天講到了{{}}這個Vue的雙下巴之外,也提到了一些資料綁定 (Data Binding)的部分~ 但Vue可以綁定得遠遠不只頁面上的內容,Vue也可以...

2020-09-10 ‧ 由 ryanyen2 分享