iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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: 我爸.... 前言 各位今天我廢話少一點直接上表格~ A...

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

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

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

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

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

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

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

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

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

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

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

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

2020-09-10 ‧ 由 ryanyen2 分享