前端開發 | 學習記錄 | 知識分享

私密發佈閱讀時間約 2 分鐘

關於前端開發這一系列的文章,主要是用來記錄以往學習到的知識,在記錄的同時也把這些東西分享出來,也希望在閱讀這些內容的時候,大家可以不吝的指教。

在前端開發這一領域,相較於早期的網路世界已經相對成熟許多,也因此推陳出新的技術何其多,也許有些人還停留在前端技術通常廣但不深的思維,但是我必須得說,以我自身過往的學習經驗來說,現在的前端技術可以廣也可以深,這取決於你想專精在哪個領域,隨著網路速度的提升,隨著雲端存儲技術的更進,各種開發技術的更替,在過往許多統包式的解決方案,也逐漸細分成許多小區塊,值得喜愛研究技術的玩家們深入咀嚼品味。

雖然,這一系列的文章主要用來記錄我一些學習的心得,但我希望可以透過教學相長的方式來呈現這一系列的文章,即我希望這系列的文章可以同時是學習筆記也可以是教學文章,當然這其中的平衡我會盡可能的拿捏,避免過多的主觀情緒撰寫教學文章,減少過多的客觀知識造成的單調乏味。

下面來說說這系列文章的規劃:
一、從基礎的環境建立開始,並簡單的介紹如何使用這些工具
二、簡介前端開發的基礎技術,即 HTML、CSS、JS 三個主要語言的使用
三、從基礎技術的開發思維,轉而引入進階的框架開發思維
四、將設計模式引入前端開發之中

上述只是一個簡易的系列文規劃,如果有一些有趣或重要的內容,我也會一併在相關部分補上,因此文章的內容是可能隨時更新的,目前沒有想到比較好的作法來即時通知大家更新的部分,不過如果你願意再次瀏覽同篇文章的話,我會盡可能將新補上的內容加上時間標記,讓大家明白新舊內容的迥異。

當前的網路資訊流是相當海量的,並且一些陳舊的網站及其過時的資訊內容,並沒有良好的進行維護以及管理,這些內容如同網路垃圾般的儲存、堆積在網路上,時不時在網上搜尋相關資訊就可以發現,搜尋相關的關鍵字的同時會出現一些相關但不相符的陳舊資訊,瀏覽過濾這些海量的垃圾資訊是相當累人的,因此在撰寫文章的同時,如果已經有相當完整且編排友善的文章內容,我會盡可能的使用引用的方式帶入,這同時也是避免重新造出一個不友善的輪子,並且盡可能的減少在其他媒體上傳相同的內容。

舉例來說,目前打算在方格子上撰寫這系列文章的話,就會盡可能避免在 Medium 之類的部落格網站複製貼上這類文章,即時可能獲得更多曝光的機會,但為了滿足精神上的潔癖,我會盡可能的鞭策自身達到這樣的目標。

最後,關於前端開發系列的文章,在網路上可以找到海量相關的資訊,如果想要透過自學的方式成長自然可行,但如何歸納吸收也是一門學問,但,我要說的是,這系列的教學文章繁多,雖然我這系列的文章也是標榜的類似的旗號,但最終這只是個學習記錄的系列文。

Timestamp

  • 9/10 - 0514 - 更新文字排版,分離冗長語句段落
留言0
查看全部
發表第一個留言支持創作者!
你可能也想看
Thumbnail
1.加權指數與櫃買指數 週五的加權指數在非農就業數據開出來後,雖稍微低於預期,但指數仍向上噴出,在美股開盤後於21500形成一個爆量假突破後急轉直下,就一路收至最低。 台股方面走勢需觀察週一在斷頭潮出現後,週二或週三開始有無買單進場支撐,在沒有明確的反轉訊號形成前,小夥伴盡量不要貿然抄底,或是追空
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
Thumbnail
什麼是 Frontend Infrastructure (Infra) ? 提到前端網頁開發,可能很多人聯想到的都是 UI 畫面切版、動畫特效,甚至認為前端開發者的工作內容「離不開畫面」。但其實前端開發是一個非常廣的領域,同樣身為前端工程師,每個人專注開發的領域可能都不一樣,所打造出的技能樹...
Thumbnail
在前端開發中,很常會有需要轉址的需求,且處理的手法滿因人而異的,所以今天就想要來整理一些常見的 JavaScript 頁面轉址方式,以及各自的差異。
Thumbnail
說到 HTML 元素的換行效果,在前端有滿多種實作方式的最常見的方式是使用 <br /> 這個 HTML 元素來進行換行 ⋯⋯
Thumbnail
自己在剛開始進入前端領域時,很剛好遇上需要使用 TypeScript 的案子,一開始都是跟著前輩怎麼寫就怎麼寫,不太有其他餘力來思考「為什麼」會需要寫這門程式語言,直到自己後來使用了 TypeScript 完整開發了電商的購物流程,才慢慢理解到使用 TypeScript 的好處與優勢。
本篇最主要是要了解網站前端工程師究竟是什麼?主要工作內容又有哪些?將從三個部份來說明:前端的工作內容、前端所需的軟實力以及前端所需的硬實力。
Thumbnail
前端工程師可能會隨著工作經驗的累積,而開始想要寫出更好的網頁架構,又或者是能有一套方法讓組織間的溝通、工作模式更加順暢。
Thumbnail
Firebase Realtime Database 是一個 NoSQL 即時雲端資料庫,支援多平台(JavaScript SDKs、Android、iOS),可以讓使用者即時取得資料庫的資料。
Thumbnail
Functional Programming 中文譯作函式程式設計,或是功能性程式設計,常簡稱為:FP,是一種透過使用純函式(Pure Funciton)進行軟體開發,且避免副作用的程式設計典範,比起宣告式的流程控制,在 FP 採用主要以表達式的方式撰寫程式碼。
Thumbnail
初學程式的時候,可能會有幾個問題讓你的開發速度低落,腦袋動得很快,但是手卻跟不上想法。 舉例來說: 瀏覽器的DevTool一直報錯,畫面的邏輯出錯,或是畫面根本出不來,但你卻不知道問題出在哪。
Thumbnail
如果有接觸過網頁開發的讀者,或者會聽過很多不同的專有名詞,其中不少得Front-end (前端) 和 Back-end (後端)這兩個字詞。有一些網站可能只需要設計師和前端開發者,有些則需要後端開發者和測試人員等等,那究竟前端和後端如何分辨?首先,讓我們搞清楚前端開發是什麼一回事。
Thumbnail
1.加權指數與櫃買指數 週五的加權指數在非農就業數據開出來後,雖稍微低於預期,但指數仍向上噴出,在美股開盤後於21500形成一個爆量假突破後急轉直下,就一路收至最低。 台股方面走勢需觀察週一在斷頭潮出現後,週二或週三開始有無買單進場支撐,在沒有明確的反轉訊號形成前,小夥伴盡量不要貿然抄底,或是追空
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
Thumbnail
什麼是 Frontend Infrastructure (Infra) ? 提到前端網頁開發,可能很多人聯想到的都是 UI 畫面切版、動畫特效,甚至認為前端開發者的工作內容「離不開畫面」。但其實前端開發是一個非常廣的領域,同樣身為前端工程師,每個人專注開發的領域可能都不一樣,所打造出的技能樹...
Thumbnail
在前端開發中,很常會有需要轉址的需求,且處理的手法滿因人而異的,所以今天就想要來整理一些常見的 JavaScript 頁面轉址方式,以及各自的差異。
Thumbnail
說到 HTML 元素的換行效果,在前端有滿多種實作方式的最常見的方式是使用 <br /> 這個 HTML 元素來進行換行 ⋯⋯
Thumbnail
自己在剛開始進入前端領域時,很剛好遇上需要使用 TypeScript 的案子,一開始都是跟著前輩怎麼寫就怎麼寫,不太有其他餘力來思考「為什麼」會需要寫這門程式語言,直到自己後來使用了 TypeScript 完整開發了電商的購物流程,才慢慢理解到使用 TypeScript 的好處與優勢。
本篇最主要是要了解網站前端工程師究竟是什麼?主要工作內容又有哪些?將從三個部份來說明:前端的工作內容、前端所需的軟實力以及前端所需的硬實力。
Thumbnail
前端工程師可能會隨著工作經驗的累積,而開始想要寫出更好的網頁架構,又或者是能有一套方法讓組織間的溝通、工作模式更加順暢。
Thumbnail
Firebase Realtime Database 是一個 NoSQL 即時雲端資料庫,支援多平台(JavaScript SDKs、Android、iOS),可以讓使用者即時取得資料庫的資料。
Thumbnail
Functional Programming 中文譯作函式程式設計,或是功能性程式設計,常簡稱為:FP,是一種透過使用純函式(Pure Funciton)進行軟體開發,且避免副作用的程式設計典範,比起宣告式的流程控制,在 FP 採用主要以表達式的方式撰寫程式碼。
Thumbnail
初學程式的時候,可能會有幾個問題讓你的開發速度低落,腦袋動得很快,但是手卻跟不上想法。 舉例來說: 瀏覽器的DevTool一直報錯,畫面的邏輯出錯,或是畫面根本出不來,但你卻不知道問題出在哪。
Thumbnail
如果有接觸過網頁開發的讀者,或者會聽過很多不同的專有名詞,其中不少得Front-end (前端) 和 Back-end (後端)這兩個字詞。有一些網站可能只需要設計師和前端開發者,有些則需要後端開發者和測試人員等等,那究竟前端和後端如何分辨?首先,讓我們搞清楚前端開發是什麼一回事。