iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
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 篇文章 | 27 人訂閱 訂閱系列文 RSS系列文
DAY 11

第十一天:專案維護 - 整合情境練習 (第二部分總結)

在進入專案開發的部分之前今天用幾個實務上的情境問題,來統整第二部分的所有內容答案的部分在前面的系列文、官方文件和延伸閱讀都找的到 前言 小通今天進到一家新的公司...

2020-09-26 ‧ 由 通靈亡 分享
DAY 12

第十二天:專案維護 - 整合情境練習-參考答案 (第二部分總結)

一、建立專案 今天小通的團隊,是使用 Quasar 框架他的主管希望他先了解,如何使用Quasar CLI 建立一個新的Quasar專案 情境1.安裝Quasa...

2020-09-27 ‧ 由 通靈亡 分享
DAY 13

第十三天:專案的初始化 - CSS 樣式

第九天的內容裡面有談到在quasar 框架裡面的main.js,是在quasar build執行後由底層的程式產生大部分的初始化流程拉到了boot和css當中...

2020-09-28 ‧ 由 通靈亡 分享
DAY 14

第十四天:專案的初始化 - JS 程式 (feat. ESModule)

※ 今天的內容 昨天談完了Quasar 框架 CSS初始化的部分今天來談Quasar 框架 js初始化的部分 一、Quasar 初始化的流程二、Boot 在專案...

2020-09-29 ‧ 由 通靈亡 分享
DAY 15

第十五天:專案的初始化 - 拆分環境變數 (feat. process.env、CommonJS)

※ 今天的內容 一、為何需要環境變數?二、Quasar CLI 的環境變數三、實作將API位置拆散到不同的環境變數設定檔(.env)四、何謂CommonJS五、...

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

第十六天:專案的初始化 - 「前後台頁面存取權限」情境需求練習 (第三部分總結)

在結束第三部分前我以一個萬年老梗,卻很重要的需求:前後台頁面存取權限來統整我們第三部分的作法有非常多種,提供給正在學習Vue的人自行練習與思考 一、需求說明與功...

2020-10-01 ‧ 由 通靈亡 分享
DAY 17

第十七天:網站的基本結構 - 版型與頁面I (<q-layout>、<q-header>、<q-drawer>、<q-footer>)

※ 今天的內容 一、Quasar 的 Layout系統二、常見的網站類型三、網站內容架構的常見區分方式四、網站與版型的關係五、大多數網站的版型的組成要素 (HT...

2020-10-02 ‧ 由 通靈亡 分享
DAY 18

第十八天:網站的基本結構 - 版型與頁面II (<q-page-container>、<q-page>、<q-page-sticky>)

※ 今天的內容 一、Layout和Page的關係二、lab 程式碼三、&lt;q-page-container&gt;四、&lt;q-page&gt;、&lt;...

2020-10-03 ‧ 由 通靈亡 分享
DAY 19

第十九天:網站的基本結構 - 頁面路由

※ 今天的內容 頁面路由的相關功能需求 一、何謂頁面路由二、組成頁面路由的網址要素三、頁面路由的應用四、總結五、延伸閱讀 一、何謂頁面路由 瀏覽者進到什麼網址,...

2020-10-04 ‧ 由 通靈亡 分享
DAY 20

第二十天:網站的基本結構 - 選單的補充應用(q-toolbar、q-list、q-menu、第四部分總結)

※ 今天的內容 一、q-toolbar、q-list、q-menu的相關應用二、前台的導覽列練習三、後台的導覽列練習四、第四部分總結 一、q-toolbar、q...

2020-10-05 ‧ 由 通靈亡 分享