iT邦幫忙

鐵人檔案

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

深入現代前端開發 系列

隨著科技進步,瀏覽器能夠做的事情越來越多,前端的技術推陳出新,許多前端開發的概念也逐漸過時。
除了後端以外,前端也需要嚴謹的工程化以及架構,才能應付日漸複雜的需求。Webpack 與 babel 的出現造就前端蓬展。這 30 天希望可以各種新、舊的 Javascript 技術,並且分享在一般網頁開發時會遇到的問題以及瀏覽器、Javascript 的運作,再逐漸帶到近幾年逐漸流行的框架:web-component, react, vue。
這並不是一份從 0 到 1 的入門教材,而是記錄自己對於前端開發的理解,並分享一些自己的經驗,更適合已經有基礎的前端工程師。

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

Day1 現代網頁開發

前言 瀏覽器與互聯網的發展,讓前端的技術推陳出新,百花齊放。 過去許多的概念逐漸過時,瀏覽器能夠做的事情越來越多了。除了後端以外,前端也是需要嚴謹的工程化以及架...

2019-09-02 ‧ 由 愷開 分享
DAY 2

Day2 [JavaScript 基礎] 淺談 ECMAScript 與 JavaScript

淺談 ECMAScript 與 JavaScript 很多人都在說,「嘿!這是最新的 ES6 語法」,但 ES6 到底是什麼,跟 Javascript 又有什麼...

2019-09-03 ‧ 由 愷開 分享
DAY 3

Day3 [JavaScript 基礎] JavaScript 基本陣列操作

Javascript 常見操作簡介 由於篇幅的關係,這裡只介紹常見的陣列操作。 陣列的操作 map filter reduce every some 為什麼陣列...

2019-09-04 ‧ 由 愷開 分享
DAY 4

Day4 [JavaScript 基礎] 我知道 `==` 與 `===` 不同,但為什麼? 淺談相等性

在 Javascript 當中,== 與 === 的差別時常被拿出討論。而兩者的差別相信有寫過一點 JavaScript 的都知道,== 會在比較時隱含地做型...

2019-09-05 ‧ 由 愷開 分享
DAY 5

Day5 [JavaScript 基礎] Event Loop 機制

Event Loop 什麼是 event loop?JavaScript 跑在一個 thread 上,一次只能做一件事,不能像其他程式語言一樣,想開 threa...

2019-09-06 ‧ 由 愷開 分享
DAY 6

Day6 [JavaScript 基礎] 垃圾回收機制

[JavaScript 基礎] 垃圾回收機制 垃圾回收機制(Garbage Collection),又稱作 GC。 那麼,是要回收怎樣的垃圾呢?在程式語言中,如...

2019-09-07 ‧ 由 愷開 分享
DAY 7

Day7 jQuery 真的如此醜陋不堪嗎?重新思考 jQuery

這年頭使用 jQuery 的人越來越少,更甚者有可能連 jQuery 都沒有聽過。 不過在好幾年前,前端工程、SPA 的需求還沒有那麼高、瀏覽器的實作五花八門、...

2019-09-08 ‧ 由 愷開 分享
DAY 8

Day8 為什麼前端需要工程化? — webpack

發明 webpack 的人應該得圖靈獎 這大概是我對 webpack 的讚嘆程度。 在談論為什麼前端需要工程化之前,我們先來定義一下什麼是工程化,根據維基百...

2019-09-09 ‧ 由 愷開 分享
DAY 9

Day9 為什麼前端需要工程化? — Babel

ES2015 是 ECMAScript 2015 的簡稱。是一套規範怎麼實作 JavaScript 這個語言的細節,並且跟以往的版本比起來多了許多簡潔的語法跟...

2019-09-10 ‧ 由 愷開 分享
DAY 10

Day10 有了 jQuery 為什麼要有xxx?

或許你我都會好奇,為什麼 jQuery 用得好好的,會有像是 Angular, React, Vue 等框架的出現? 網頁的互動越來越複雜 從網頁出現開始,最原...

2019-09-11 ‧ 由 愷開 分享