簡述 上一篇大概說明模擬數據的認知,這篇就快速帶過安裝跟執行json-server,以及相關的model建置。 實作 (一) json-server流程 指令...
什麼是測試? 「想像一下現在你的面前有兩台飛機,一台從零件、製程到組裝都經過完整的測試,而另外一台僅經過飛行的測試,你會想要搭哪一台飛機?」 很多人以為測試...
簡述 當設計圖與規格都出現後,前後端都會開始製作底層,前端雖著重畫面呈現,開發的大部分時間也確實花在畫面上居多,為了減低變動更改程式,大多數人會等待後端給API...
什麼是 Angular Anuglar 是一個 Javasciprt 框架 可以讓你建立一個 可互動的 單頁應用(SPA)。 那什麼是 SPA 呢? 什麼是 S...
環境安裝 Angular 開發團隊非常地貼心,為了讓大家能夠更方便地去開發與學習 Schematics ,還特地開發了 Schematics CLI 給大家使用...
寫在前面 寫了這一篇好像是在戰框架,還是我跑錯棚? 身為目前使用Angular 前端開發者,我認為Angular是新手入門最難上手的框架沒有之一。 回想起以前看...
簡述 SharedModule是共用模塊的集合地,此篇分兩篇來介紹常見的幾種共用模塊。 功能 後台製作的過程中,有許多功能是複用的。 DialogModule...
Angular 提供一套很完整的工具去建立各種angular會使用到的元件稱為Angular CLI,只要簡單的指令就可以將Angular的環境建立起來,馬上就...
要學打人,先學挨打。 這句話是指剛學武的人在學習怎麼要打人之前,要先學會挨打。知道被打是怎麼一回事之後,自然而然就知道要怎麼打人。當然,這句話其實還有其他方...
為什麼選擇Angular與Nestjs? 在前端的世界有很多的框架可以幫助開發者快速實現或完成某些功能,讓開發者可以不用自己造輪子,而是站在巨人的肩膀上面,跟著...
簡述 SharedModule是共用模塊的集合地,此篇分兩篇來介紹常見的幾種共用模塊。 功能 後台製作的過程中,有許多功能是複用的。 DialogModule...
Schematics 的起源 相信大家都知道,現代有非常非常多的事情都已經可以被自動化的機器或是工具取代。而這些事情之所以會被取代,基本上都是因為只要有個模組或...
前言 身為一個前端工程師,碰了不少的library 或是 框架。因為公司中以前的專案是使用 Anuglarjs,比較資深的工程師也推坑使用 Angular?,所...
你經常覺得時間不夠用嗎?你經常研讀或學習如何管理自己的時間嗎?你經常每天工作超過八個小時嗎? 在這個世界最公平的是,每個人每天都只有二十四個小時,也正因為如此,...
建立demo資料夾。 在demo資料夾中分別建立backend與frontend資料夾。 使用CMD在backend建立.NET Core新專案,命名Demo...
前言 各位好,我是一個從踏入寫程式就開始在製作後台的碼農,以前都是用 PHP 寫系統,所以早期畫面是 PHP 加義大利麵的方式寫出來的,後幾年前後端技術可以完全...
前言回顧 前兩天我們已經完成了專案基本佈局,大家對 NG-ZORRO 的一些元件使用方式、文件查閱等都有了一些簡單地瞭解,但是,最好的學習永遠是實踐。今天開始,...
前言回顧 本章內容這是我們在專案實戰前比較重要的一個部分,完成該部分選單佈局開發後,我們就具備了一個專案基礎的佈局框架:頁面佈局、選單導航、內容頁、基礎路由配置...
昨天我們介紹了 NG-ZORRO 的一些概念性知識,今天我們就正式建立一個 Angular 專案,引入該元件庫進行開發,看看 NG-ZORRO 到底有什麼值得我...
關於Angular Angular 是由Google推出的前端框架,許多文章也詳細介紹過Angular相關知識,在此就不再贅述。更多關於Angular的相關知識...
Angular推薦編輯器 VSCode 好用插件: Auto Import:自動引用 Autoprefixer:自動添加相關css CSS Formatt...
Angular CLI Angular CLI是一整套開發平台 輸入相關命令即可完成創建 需要先安裝 Node.js npm 於command輸入...
什麼是Angular Angular是一套Web前端開發框架(Framework) 它由Html+css+TypeScript組成 特點為模塊化(Module...
概述 在组件交互中,组件之间的镶嵌一般有两种方式: 在创建父组件时将子组件直接写在模版中。 子组件通过投影方式嵌入父级组件,通过 ng-content...
下載版型 確認網頁是否能順利執行,個人使用lite-server。 建立Angular專案。 進入專案的index.html,<head&...
相較於Part1只佈署dist資料夾,這次要說明如何佈署整個Angular專案。 執行npm i angular-cli-ghpages安裝angular-...
之前一篇說明如何在本機端預覽Angular build後的結果,接下來要說明如何在GitHub Pages佈署Angular應用程式。 目前的環境: 需具備知識...
我們可以使用Angular CLI的命令ng build --prod來建置Angular App。 完成之後,在專案內會多一個dist資料夾,放的就是建置之後...
Responsibilities: Quick prototyping web content including working with DESIGN T...
各位邦友大家好,我是 Leo 。 終於完賽了!!!!(舉雙手瘋狂吶喊中) 準備鐵人賽的這陣期間真是渡過一段非常艱辛的時期阿!!工作、家庭、鐵人賽,這蠟燭三頭燒的...