選手列表
以 React 為中心的學習筆記,內容主要包含: ★ React 基礎概念、常見功能、活用知識點 ★ React Hook 學習筆記 ★ Redux 學習筆記
對我來說,Javascript 是易學難精的程式語言,要寫出基本的功能並不難,但在程式規模愈來愈龐大之後,才會感受到許多困難:「程式改 A 壞 B」、「網頁跑好慢」、「同事看不懂我在寫什麼QQ」,大多發生在學習 Javascript 之後 2~3 年,基於 Javascript 是一個獨特古怪的語言,從寫「對」到寫「好」,是一趟漫長的旅程。 由於重點放在「寫好 Javascript」,因此不會有基礎語法教學,但會講到「clean code」、「非同步的核心與脈絡」甚至「code review」等主題,讓自己成為更好的 developer 吧!
對於工程師來說選擇用什麼樣的技術,背後都是取決於商業策略需要什麼,以常見的 SSR、pre-rendering 來說,不外乎是希望網站整體的 SEO 能夠變好,或是提升使用者體驗。而現在 SPA 盛行的時代,許多網站在沒有框架或後端支援的情況下,僅僅使用像是 React 或 Vue 等前端框架,要做到 SSR 或 pre-rendering 還需要做許多設定,做這些技術研究都得花費時間成本與心思,最後才能導入到專案中。Next.js 幫助工程師事半功倍,不必再花費很多時間處理 pre-rendering 或 SSR 等等的問題,而是利用框架的優勢,讓工程師更專注在開發核心功能上面。
內容提及D3Js和資料相關內容的知識,主題訂定為資料駕馭網頁,其實一部分原因來自D3Js原始英文來自於Data-Driven Documents,其中documents也是網頁中的物件,因此我將它命名成資料駕馭網頁也更好理解,預計不定時會補充官方API文件和網頁相關知識,文中能以step by step方式,期望讓Javascript和處理資料的初學者能夠理解。
對於自己這兩三年以來使用 Vue.js 的常見的實踐方式整理,並且結合前端框架與常見的程式設計觀念,解釋這些做法與觀念之間的關係、如何提昇開發經驗....等內容,分享一部份常見的專案實作方式,也有助於在好想工作室給學員有一個較好從框架語法熟悉之後,可以銜接到管理較多複雜頁面的大型系統時的摸索期。
本系列文採Vaadin Flow Framework,主要使用開發語言為Kotlin,盡可能不使用 Node.js、Javascript及 HTML,以純Kotlin開發完整平台
不只是把資料串到前端畫面而已,前端工程師比你想得更複雜!
從零開始學 SASS! 隨著現代專案越來越大型,協作的風氣盛行,我們最獨樹一格的前端三兄弟,還只有 CSS 駐足不前嗎?錯!在這幾年內,CSS 也成了獨當一面的大人了,發展了預處理器,讓設計 property 的方法更有彈性。 下次你在前端刻板的時候,不妨來試試看 SASS 吧!
整體規劃是要探討canvas 的2D渲染環境在實務上的各種運用, 例如如何使用canvas 創建web端2D粒子系統等多種特效模擬的探究。
我們都知道進入一個新的未知領域,大多數的學生都會選擇從理論開始學習。 本系列文章將從實務層面著手,讀者不僅能從中學習理論,也能理解如何將理論應用於實作中。