iT邦幫忙

鐵人檔案

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

Quasar CLI Framework 邪教:整合分散的前端技術和工具、常見的開發需求 系列

從Quasar 身上,我可以學到什麼?

打開求職面試網,看到前端工程師的要求:
除了每間公司都要會HTML5 & CSS3、Javascript。
有的公司還要會Sass、JQuery、ES6、Webpack、TypeScript。

每間要求的CSS UI Framework都不一樣,像是Bootstrap、Tailwindcss。
每間要求的JS Framework也都不一樣,像是React、Vue、Angular。
形式上還分為SPA、SSR、PWA。

「我到底該不該學好基礎?還是直接學框架、工具?」
「這些分散的前端技術和工具,在專案上分別解決了哪些需求?」

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

第一天:Quasar哪裡像邪教-整合前端所需的樣式與非樣式的開發需求

一、撰寫此系列文的初衷 談談最大化的發揮第三方工具和框架的效益,並在必要時跳脫框架的必要性。 從認識Quasar的過程中,同時了解CSS Framework和...

2020-09-16 ‧ 由 通靈亡 分享
DAY 2

第二天:我能不能跳過 HTML & CSS 基礎,直接學CSS框架或改套版?

※ 今天的內容 一、前言:深信框架或套版的強大可以不用學會基礎的小通 二、當小通開始使用Quasar之後,遇到了一些問題 三、直到某天,小通學了基礎的HTML...

2020-09-17 ‧ 由 通靈亡 分享
DAY 3

第三天:用於求職或工作的CSS Framework 學習術(某天離開Quasar邪教轉學Bootstrap)

※ 今天的內容 一、為踏入前端開發學css框架的小通 二、怎麼開始使用Bootstrap:官方文件、別人的技術文章或影片 三、把文件當學習手冊,總是覺得學習效率...

2020-09-18 ‧ 由 通靈亡 分享
DAY 4

第四天:關於學習和工作的技術選擇角度 - 理解早期的JQuery,現代JS框架

※ 今天內容 一、前言:關於技術的選擇迷思 二、學習跟工作專案的工作選擇考慮的差別 三、為什麼現在還有人在用 JQuery ,或不使用套件管理來開發? 四、以實...

2020-09-19 ‧ 由 通靈亡 分享
DAY 5

第五天:專案的維護 - 建立專案 (feat. NPM 實務需求與常用指令)

※ 今天的內容 一、建立 Quasar 專案的方式 二、以 Quasar UMD/Standalone,在網頁使用Quasar 三、以Vue CLI Quasa...

2020-09-20 ‧ 由 通靈亡 分享
DAY 6

第六天:專案維護 - 熟悉Quasar框架目錄架構 (feat. SPA、SSR、SEO)

※ 今天的內容 一、大多數前後端框架的目錄架構 二、Public 與 src 資料夾 三、以功能和用途的角度,理解src底下的資料夾 四、為什麼編譯後只有一個i...

2020-09-21 ‧ 由 通靈亡 分享
DAY 7

第七天:專案維護 - 開發測試伺服器 (feat. Webpack Dev Server、HRM、Source Mapping)

※ 今天內容 一、quasar dev 的中間過程在做什麼? 二、示範變動全部內容與部分內容的機制:Live loading 與 Hot Reload 三、We...

2020-09-22 ‧ 由 通靈亡 分享
DAY 8

第八天:專案維護 - 開發測試伺服器II (feat. ES Lint 在開發上的使用與設定)

※ 今天內容 一、搭配Webpack Dev Server 的 JS偵錯工具:ES Lint、eslint-loader 二、ES Lint 在開發上的主要用途...

2020-09-23 ‧ 由 通靈亡 分享
DAY 9

第九天:專案維護 - Webpack 編譯與打包的過程 (feat. Entry、Output、Loader、Plugin)

※ 今天的內容 一、一、Webpack 在 Vue CLI 的專案扮演的角色 二、Webpack的四大核心:Entry、Output、Loader、Plugin...

2020-09-24 ‧ 由 通靈亡 分享