iT邦幫忙

typescript相關文章
共有 673 則文章
鐵人賽 自我挑戰組 DAY 10

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

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

鐵人賽 Modern Web DAY 7

技術 Day07:【TypeScript 學起來】原始資料型別 Primitive Types

Q: 軟體工程師最常說的謊言有哪些?A: //TODO連假結束 wednesday blue 啥都是 //todo string (字串) 使用 stri...

鐵人賽 自我挑戰組 DAY 7

技術 Day 7 Functions

今天要來對 function 來做深入一點的介紹。 如果想要把 function 存在變數裡,可以對該變數作更精確的 function 規範: function...

鐵人賽 自我挑戰組 DAY 9

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

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

鐵人賽 自我挑戰組 DAY 6

技術 Day 6 基本型別 - part 3

好的,接下來就來介紹剩下的型別~分別是 Union、Aliases、Literal。 Union 型別可以接受指定多種型別給參數,這邊延續 Day 4 的例子:...

鐵人賽 Modern Web DAY 6

技術 Day06:【TypeScript 學起來】資料型別那些事 : 總覽

Q: 為什麼工程師都喜歡用 dark mode?A: 因為太亮會吸引很多 bug。原來如此XDD 上一篇我們了解了指定型別的三種方法,那有哪些型別可以使用...

鐵人賽 自我挑戰組 DAY 8

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

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

鐵人賽 Modern Web DAY 5

技術 第 5 天 還我漂漂拳| property binding、interface

前情提要 將英雄們顯示在 Mat-Card 上後,我們進一步地要對英雄資料做點加工,並且製作英雄詳細介紹頁面。今天會完成下列事項: 使用 TypeScript...

鐵人賽 自我挑戰組 DAY 5

技術 Day 5 基本型別 - part 2

今天要介紹其他的型別,是原本的 JavaScript 沒有的,分別是 Tuple、Enum、Any、Uknown。 Tuple 型別一樣是陣列,不過是定義好陣列...

鐵人賽 Modern Web DAY 5

技術 Day05:【TypeScript 學起來】TS 指定型別的三種方法

Q: 為什麼一個男業務(30歲)會約我一個工程師(24歲)去園區的星巴克?A: 根據哥多年的經驗,他應該是有個超屌的idea只差工程師去實現了 原來工程師除了...

鐵人賽 自我挑戰組 DAY 7

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

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

鐵人賽 自我挑戰組 DAY 4

技術 Day 4 基本型別 - part 1

今天要介紹 TypeScript 的基本型別,TypeScript 跟 JavaScript 一樣擁有最基本的幾種型別 Number、String、Boolea...

鐵人賽 Modern Web DAY 4

技術 Day04:【TypeScript 學起來】tsconfig.json 有哪些可以設定

Q: 祈求程式不會有bug該拜什麼神?A: 拜雍正,專治八阿哥 // XDD 今天來講tsconfig.json,覺得新手這篇可以先 pass,大概知道有 t...

鐵人賽 Modern Web DAY 1

技術 [Day14] Vite 出小蜜蜂~ Game Logic - Sequential Movement!

Day14 在 Space Invaders 的遊戲設計中,Enemy 的移動邏輯扮演了非常重要的角色,他為遊戲提供了難度,並隨著玩家每次擊殺 Enemy 增加...

鐵人賽 自我挑戰組 DAY 3

技術 Day 3 設定 tsconfig.json 檔

上一篇提到下了 tsc --init 指令之後會創建出一個 tsconfig.json 的檔案,這個檔案設定了你要如何編譯 TypeScript 的檔案,今天就...

鐵人賽 自我挑戰組 DAY 6

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

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

鐵人賽 Modern Web DAY 3

技術 Day03:【TypeScript 學起來】自動編譯 tsc + nodemon 好方便

老婆:"下班後買十個包子回來,如果看到賣西瓜的就買一個。"老公:"好。" (下班後帶著一個包子回家)老婆:"...

鐵人賽 自我挑戰組 DAY 5

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

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

鐵人賽 自我挑戰組 DAY 2

技術 Day 2 set up

今天要來介紹一下如何 set up TypeScript!請先到 TypeScript 的官網然後點選下載 即可用以下指令下載 TypeScript 的 com...

鐵人賽 Modern Web DAY 2

技術 Day02: Hello TypeScript! 環境安裝起來 + 牛刀小試~

Q: 同事說自己的 C++ 能力是世界第一,怎麼樣可以讓他意識到自己沒那麼厲害?A: 實不相瞞,我也不是省油的燈:我的C++實力世界第0 XDD 好 今天的重...

鐵人賽 自我挑戰組 DAY 1

技術 Day 1 前言

剛轉職成功的前端菜雞第一次參賽,原本想簡單開心的每天寫一個小小的專案練習 JavaScript, CSS 跟 HTML 來當參賽文章,後來知道新的專案要使用沒學...

鐵人賽 Modern Web DAY 1

技術 [Day13] Vite 出小蜜蜂~Memory Leak & Optimization!

Day13 目前做到這邊的大家應該會發現一些問題,在上一個章節,雖然我們成功產生了很多敵人,但是程式卻發生了 Memory Leak。 這就是這個章節的主題,程...

鐵人賽 自我挑戰組 DAY 4

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

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

鐵人賽 Modern Web DAY 1

技術 Day01: 為什麼我想要學 TypeScript

前端工程師說,我去交友網站找女朋友去了。朋友問:找到了麼?工程師說:找到了他們頁面的一個 bug // ☝ 每天笑一笑,bug 遠離你 ☺// 跟文章完全沒關...

鐵人賽 Modern Web DAY 1

技術 [Day12] Vite 出小蜜蜂~ Spawn!

Day12 Level Design 接下來我們要開始設計關卡,小蜜蜂的關卡很單純,但是背後的心理卻很深奧。 不過卡比目前只需要完成基本的就行了,也就是將 En...

鐵人賽 自我挑戰組 DAY 3

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

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

鐵人賽 自我挑戰組 DAY 2

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

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

鐵人賽 Modern Web DAY 1

技術 [Day11] Vite 出小蜜蜂~ Enemy!

Day11 延續上一回,我們嘗試了 Function Composition 的技巧,這次來試試看將同樣的技巧用於 Enemy。 這樣做的目的是,接下來要導入...

鐵人賽 自我挑戰組 DAY 1

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

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

鐵人賽 Modern Web DAY 1

技術 [Day10] Vite 出小蜜蜂~Function Composition!

Day10 接下來,要幫 Squid 也裝上 Laser,敵人的 Laser 跟我們的外觀是不一樣的,但是卡比希望可以利用原本已經寫好的 Laser 函式,減少...