iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 303 瀏覽

技術前端工程學習日記第４天

#使用 margin（向外）、padding（向內）來推擠距離 css: .box{border:10px solid #000; padding-left:...

全職魔法師 ‧ 2020-11-05

1 Like 0 留言 132 瀏覽

鐵人賽影片教學 DAY 26

前端框架新選擇 - 30 天從 0 到 1 學 Svelte 系列第 26 篇

技術 Day26. 實作簡易 Svelte(1)：實作 HTML 解析器 | 30 天從 0 到 1 學 Svelte

影片內容昨天我們講解了 HTML 解析的原理，並探討了使用抽象語法樹的目的，有限狀態機等等，今天我們會透過昨天所學到的內容來實作一個 HTML 的解析器，...

愷開 ‧ 2020-10-05

1 Like 0 留言 67 瀏覽

鐵人賽影片教學 DAY 25

前端框架新選擇 - 30 天從 0 到 1 學 Svelte 系列第 25 篇

技術 Day25. 如何解析 HTML 語法 | 30 天從 0 到 1 學 Svelte

影片內容講解解析 HTML 的過程以及有限狀態機。 Svelte 為了使用客製化的語法，所以在編譯時期會先解析一次 svelte 元件，其中 HTML...

愷開 ‧ 2020-10-04

1 Like 0 留言 93 瀏覽

鐵人賽影片教學 DAY 24

前端框架新選擇 - 30 天從 0 到 1 學 Svelte 系列第 24 篇

技術 Day24. Svelte 如何編譯程式碼（2）| 30 天從 0 到 1 學 Svelte

影片內容昨天我們提到 Svelte 會先將程式轉換成抽象語法樹（AST），再開始做編譯，今天我們會來看看 Svelte 生成的程式碼是如何被執行的。 ◼︎...

愷開 ‧ 2020-10-03

1 Like 0 留言 175 瀏覽

鐵人賽影片教學 DAY 23

前端框架新選擇 - 30 天從 0 到 1 學 Svelte 系列第 23 篇

技術 Day23. Svelte 如何編譯程式碼 | 30 天從 0 到 1 學 Svelte

影片內容介紹 Svelte 當中如何編譯程式碼（簡介）簡報連結：https://speakerdeck.com/kjj6198/svelte-ru-he...

愷開 ‧ 2020-10-02

1 Like 0 留言 156 瀏覽

鐵人賽影片教學 DAY 21

前端框架新選擇 - 30 天從 0 到 1 學 Svelte 系列第 21 篇

技術 Day21. Svelte 搭配 d3 做資料視覺化：長條圖 | 30 天從 0 到 1 學 Svelte

影片內容透過 Svelte 搭配 d3.js 做資料視覺化很方便，可以很容易跟 DOM 節點互動之外，搭配 reactivity 的語法也很容易執行 d3...

愷開 ‧ 2020-09-30

1 Like 0 留言 196 瀏覽

鐵人賽 Modern Web DAY 30

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

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

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

ryanyen2 ‧ 2020-09-30

0 Like 0 留言 707 瀏覽

鐵人賽自我挑戰組 DAY 22

不前不後，不上不下，一個曾經交大資工書卷的軟體工程師成長之路系列第 22 篇

技術美好的幻覺：Frontend 前端

先分享下 Frontend 的發音 https://www.youtube.com/watch?v=ZdtpKFbhTtk 記得是 Frontend 不是 Fr...

Mike Fang ‧ 2020-09-30

1 Like 0 留言 145 瀏覽

鐵人賽影片教學 DAY 20

前端框架新選擇 - 30 天從 0 到 1 學 Svelte 系列第 20 篇

技術 Day20. UI 實戰篇：Tooltip | 30 天從 0 到 1 學 Svelte

影片內容用 Svelte 實作 Tooltip UI 相關連結程式碼範例：https://svelte.dev/repl/58058516ea844c...

愷開 ‧ 2020-09-29

0 Like 0 留言 191 瀏覽

鐵人賽 Modern Web DAY 29

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

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

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

ryanyen2 ‧ 2020-09-29

0 Like 0 留言 99 瀏覽

鐵人賽 Modern Web DAY 28

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

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

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

ryanyen2 ‧ 2020-09-28

1 Like 0 留言 149 瀏覽

鐵人賽影片教學 DAY 19

前端框架新選擇 - 30 天從 0 到 1 學 Svelte 系列第 19 篇

技術 Day19. UI 實戰篇：通知佇列 | 30 天從 0 到 1 學 Svelte

影片內容用 Svelte 實作通知佇列 UI 並且在跨元件之間溝通 ◼︎ 相關連結：・Svelte 官網 https://svelte.dev ・程式碼...

愷開 ‧ 2020-09-28

1 Like 0 留言 152 瀏覽

鐵人賽影片教學 DAY 18

前端框架新選擇 - 30 天從 0 到 1 學 Svelte 系列第 18 篇

技術 Day18. UI 實戰篇：圖片檢視器 | 30 天從 0 到 1 學 Svelte

影片內容本次程式碼連結：https://svelte.dev/repl/df5cb8d11d214af881d109b0c7c10b51?version...

愷開 ‧ 2020-09-27

0 Like 1 留言 91 瀏覽

技術 [鼠年全馬鐵人挑戰] Week29 - JavaScript 練習題- 邏輯運算子

美式餐廳的櫃檯收銀員，他的名字叫做小杰，雖然他不懂為什麼老闆不給他買一台收銀機，但還是繼續打開 Chrome console 幫店員們結帳。但別忘了老闆總是有...

a841722 ‧ 2020-09-27

1 Like 0 留言 187 瀏覽

鐵人賽 Modern Web DAY 25

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

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

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

ryanyen2 ‧ 2020-09-25

0 Like 0 留言 194 瀏覽

鐵人賽 Modern Web DAY 12

前端工程師一起來種一棵後端技能樹吧！系列第 12 篇

技術 [Day 12] 沒了解過 Cache，就別說網站性能沒救了！ - (1)

現今的網頁架構相較於過往偏向靜態的形式已經變得複雜許多，大部分資料都要靠動態抓取，而抓取資料的過程就會產生許多 Request 請求去取得 Response ，...

莫力全 Kyle Mo ‧ 2020-09-25 ‧團隊不要搶我隊友

1 Like 0 留言 206 瀏覽

鐵人賽 Modern Web DAY 24

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

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

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

ryanyen2 ‧ 2020-09-24

0 Like 0 留言 208 瀏覽

鐵人賽 Modern Web DAY 11

前端工程師一起來種一棵後端技能樹吧！系列第 11 篇

技術 [Day 11] 用 Node.js 建立一個簡單的 Http Proxy

在上一篇文章中我們了解了 proxy pattern 的概念，也明白現今軟體架構有非常多適合應用這個 pattern 的 use cases。今天則想聚焦在 h...

莫力全 Kyle Mo ‧ 2020-09-24 ‧團隊不要搶我隊友

0 Like 1 留言 138 瀏覽

鐵人賽自我挑戰組 DAY 8

每天來點 Vue.js 吧系列第 8 篇

技術 Vue computed 與 method 的差異比較

tags: Vuejs computed 與 method 的混淆在模板中要對資料計算或是轉換時，computed 與 method 往往能替我們做到同樣的事...

RURU Tseng ‧ 2020-09-23

0 Like 0 留言 157 瀏覽

鐵人賽影片教學 DAY 14

前端框架新選擇 - 30 天從 0 到 1 學 Svelte 系列第 14 篇

技術 Day14: UI 實戰篇 - Slider 與列表互動 | 30 天從 0 到 1 學 Svelte

影片內容透過 Svelte 來實作一個客製化的 Slider，並且盡可能地涵蓋多一點細節。 ◼︎ 簡報連結：https://speakerdeck.com...

愷開 ‧ 2020-09-23

1 Like 0 留言 190 瀏覽

鐵人賽 Modern Web DAY 23

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

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

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

ryanyen2 ‧ 2020-09-23

1 Like 1 留言 184 瀏覽

鐵人賽 Modern Web DAY 22

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

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

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

ryanyen2 ‧ 2020-09-22

2 Like 0 留言 194 瀏覽

鐵人賽 Modern Web DAY 21

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

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

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

ryanyen2 ‧ 2020-09-21

1 Like 0 留言 205 瀏覽

鐵人賽 Modern Web DAY 20

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

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

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

ryanyen2 ‧ 2020-09-20

1 Like 0 留言 157 瀏覽

鐵人賽影片教學 DAY 10

前端框架新選擇 - 30 天從 0 到 1 學 Svelte 系列第 10 篇

技術 Day10: <slot> 與 class: 使用方式

影片內容 Svelte 當中有 slot 語法（directive）可供使用，使用方法與 Vue 的 slot 類似，可以增加元件客製化的彈性。 class...

愷開 ‧ 2020-09-19

1 Like 0 留言 190 瀏覽

鐵人賽 Modern Web DAY 19

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

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

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

ryanyen2 ‧ 2020-09-19

1 Like 0 留言 222 瀏覽

鐵人賽 Modern Web DAY 18

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

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

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

ryanyen2 ‧ 2020-09-18

1 Like 0 留言 152 瀏覽

鐵人賽影片教學 DAY 8

前端框架新選擇 - 30 天從 0 到 1 學 Svelte 系列第 8 篇

技術 Day8 Svelte 當中的 Transition 機制 | 30 天從 0 到 1 學 Svelte

影片內容 Svelte 內建有相當豐富的 transition 機制，可以透過簡單的語法來達到不錯的 UI 互動！ ◼︎ 簡報連結：https://spea...

愷開 ‧ 2020-09-17

1 Like 0 留言 192 瀏覽

鐵人賽 Modern Web DAY 17

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

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

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

ryanyen2 ‧ 2020-09-17

0 Like 0 留言 180 瀏覽

鐵人賽 Modern Web DAY 1

讓0基礎的你也能製作簡單wordpress主題系列第 1 篇

技術【Day1 】前端？後端？讓你從餐廳輕鬆了解吧

在使用wordpress主題的時候，是不是總是有些地方感到不滿意，希望在後台進行修改，進行客製化設計，卻總是苦於對打程式碼毫無理解，不知從何入手？是不是了解了w...

ty_ctst ‧ 2020-09-16

技術 前端工程學習日記第４天

技術 Day26. 實作簡易 Svelte(1)：實作 HTML 解析器 | 30 天從 0 到 1 學 Svelte

技術 Day25. 如何解析 HTML 語法 | 30 天從 0 到 1 學 Svelte

技術 Day24. Svelte 如何編譯程式碼（2）| 30 天從 0 到 1 學 Svelte

技術 Day23. Svelte 如何編譯程式碼 | 30 天從 0 到 1 學 Svelte

技術 Day21. Svelte 搭配 d3 做資料視覺化：長條圖 | 30 天從 0 到 1 學 Svelte

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

技術 美好的幻覺：Frontend 前端

技術 Day20. UI 實戰篇：Tooltip | 30 天從 0 到 1 學 Svelte

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

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