iT邦幫忙

跨領域轉職相關文章
共有 140 則文章
鐵人賽 自我挑戰組 DAY 19

技術 Day 19:怎麼在 Angular 專案中使用 nvm 切換 Node.js 版本

前一篇談到了 Angular 版本如何更新的議題,今天依然討論跟版本相關的議題:如何在 Angular 專案中切換 Node.js 版本。 之所以想提出討論,是...

鐵人賽 自我挑戰組 DAY 18

技術 Day 18:將你的 Angular 更新到最新版!

今天要來談談如何查看 Angular 應用程式的版本及更新。 首先,我們要先知道目前本機端的 Angular 版本為何,可以先在終端機面板輸入 ng versi...

鐵人賽 自我挑戰組 DAY 17

技術 Day 17:今天來部署你的 Angular 應用程式吧!

昨天我們已經將製作好的版型,套用到 Angular 的根元件 AppComponent,今天,我們就要來進行發行與部署 Angular 應用程式的流程。 首先,...

鐵人賽 自我挑戰組 DAY 16

技術 Day 16:把做好的 HTML 加入 Angular 吧!

三天前,我們已成功把靜態檔案加入 Angular 的專案了,如果感到有點陌生,可以再到以下連結,重新回憶一下: Day 13:來把靜態檔案加入 Angular...

鐵人賽 自我挑戰組 DAY 15

技術 Day 15:如何解決 PowerShell 無法使用 Angular 指令的問題?

學習 Angular 的過程中,遇到了一些教學資源不見得會遇到的問題,還真是家常便飯,而且你個人電腦沒遇到,但公司派發給你的筆電偏偏就遇到了,所以就來記錄一下吧...

鐵人賽 自我挑戰組 DAY 14

技術 Day 14:怎麼在 Angular 使用 Bootstrap?

由於在未來的專案有機會使用到 Bootstrap,所以就藉這個機會來介紹一下如何在 Angular 環境裡使用 Bootstrap。 安裝 Bootstrap...

鐵人賽 自我挑戰組 DAY 13

技術 Day 13:來把靜態檔案加入 Angular CLI 建立的專案吧!

把靜態檔案加到 Angular 專案中 前一篇,我們已經學會用 Angular CLI 建立元件及範本,今天我們要試著把靜態檔案加到 Angular CLI 所...

鐵人賽 自我挑戰組 DAY 12

技術 Day 12:想要快速產出元件及範本,就用 Angular CLI 吧!(二)

讓 Angular 元件顯示在畫面上 上一篇,我們建立了一個元件 page1。 接下來,我們就要把 page1 這個元件,顯示在如下圖的 Angular 應...

鐵人賽 自我挑戰組 DAY 11

技術 Day 11:想要快速產出元件及範本,就用 Angular CLI 吧!(一)

快速產生 Angular 元件 要在 Angular 專案中快速產生元件,首先要先打開 VS Code 的終端機面板,並輸入以下指令: ng generate...

鐵人賽 自我挑戰組 DAY 10

技術 Day 10:一起了解 Angular 應用程式的啟動流程(二)

前一篇我們提到了一部分的啟動流程,今天我們會探討剩下的啟動流程資訊。 首先,我們要先知道 JavaScript 是從哪一個程式開始跑,而 Angular 應用程...

鐵人賽 自我挑戰組 DAY 9

技術 Day 09:一起了解 Angular 應用程式的啟動流程(一)

啟動 Angular 開發伺服器 我們先打開 VS Code 的終端機面版,輸入 npm start,而 npm start 就會執行 ng serve 這個指...

鐵人賽 自我挑戰組 DAY 8

技術 Day 08:初步了解 Angular 應用程式及元件

Angular 應用程式的組成 一個完整的 Angular 應用程式會至少包含一個模組(module),正如我們創建一個 Angular 專案時,裡頭會包含的...

鐵人賽 自我挑戰組 DAY 7

技術 Day 07:開發 Angular 一定要會的 TypeScript

Angular 官方建議使用兩種語言來開發,一是 Dart(也是一種由 Google 開發的語言),不過 Dart 相對比較少人用,而另一個語言就是我們今天要介...

鐵人賽 自我挑戰組 DAY 6

技術 Day 06:Angular 的主要特色與優點簡介

上一篇看完了 AngularJS 與 Angular 的差異後,我們今天要集中火力來看看 Angular 的主要特色。 可以跨平台開發: Progressi...

鐵人賽 自我挑戰組 DAY 5

技術 Day 05:AngularJS?Angular?傻傻分不清楚?

Angular 是由 Google 主導,開源的 JavaScript 應用程式框架,目前穩定版本已經來到 Angular 11 了。 在學習程式的路上,不止一...

鐵人賽 自我挑戰組 DAY 4

技術 Day 04:看看 Angular CLI 對我們做了什麼?認識專案架構

今天,我們要來看看在使用 Angular CLI 後,專案的架構會長什麼樣? angular.json:是 Angular CLI 的設定檔,包含許多參數,...

鐵人賽 自我挑戰組 DAY 1
當空姐遇上工程師 系列 第 1

技術 你的一生,還剩幾個十年?

從出生的那一刻起,我們就一直不斷向前,只能前進,直到終點。 2013.1.03 成為空服員的第一天 2020.8.17 成為軟體工程師的第一天 很多人...

鐵人賽 自我挑戰組 DAY 3

技術 Day 03:不用三分鐘,建立第一個 Angular 專案範本

接下來,我們就要來建立第一個專案範本。 首先,我們可以在桌面上先建一個資料夾,命名叫 Angular,記住不要使用中文字命名,以免發生錯誤。 接著打開...

鐵人賽 自我挑戰組 DAY 2

技術 Day 02:準備好你的家私,為開發 Angular 做好準備

準備要建立一個 Angular 的開發環境了,那我到底需要哪些家私呢?以下就來介紹一下: 1. 一台電腦(被揍飛 建議安裝的工具 以下是建議安裝的工具,當然如果...

鐵人賽 自我挑戰組 DAY 1

技術 Day 01:入坑 Angular 的前因後果

前因 本身是個有十年以上平面設計經驗的轉職者,因為接觸 Side Project,而開始從切版接案接觸到前端領域,然後開始從六角學院自學前端相關的知識及技能,所...