iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

網站一條龍 - 從架站到前端 系列

大 Web 時代創造了許多工作機會,不僅許多新鮮人投身 Web 世界,也有許多人轉職進入 Web 產業。Web 包含許多領域,許多人並沒有在一開始就找到最適合自己的領域,本次參賽筆者將以自身的一條龍經驗,蜻蜓點水式的分享從寫 API(.NET 5)、架 VM(GCP)、建 DB(MySQL)到刻前端(Angular),一步一步建立一個網站,讓讀者明白每個 Web 的領域大致上是如何運作,從而可以從裡面找出最適合自己的領域去專精

鐵人鍊成 | 共 33 篇文章 | 28 人訂閱 訂閱系列文 RSS系列文
DAY 21

[Day21] 在 .NET 使用 Dapper 操作 MySQL

現在我們的資料庫已經就緒了,我們趕快來透過 .NET Web API 操作資料庫吧! 現在寫 .NET 操作資料庫通常都會用 ORM(Object Relati...

2021-09-21 ‧ 由 goattl 分享
DAY 22

[Day22] 在 GCP 的 VM 上安裝 MySQL

MySQL or MariaDB CentOS 的 rpm 套件管理器預設沒有 MySQL repository,而是預設使用 MySQL 的妹妹 MariaD...

2021-09-22 ‧ 由 goattl 分享
DAY 23

[Day23] Angular 簡介

呼~~終於寫完所有躲在瀏覽器後面的東西了,現在我們已經架好了主機、佈好了 API 程式、裝好了 MySQL,就只差前端頁面了。從今天開始,我們就要開始一步一步做...

2021-09-23 ‧ 由 goattl 分享
DAY 24

[Day24] 第一個 Angular App

好的,今天開始我們就要用牛刀來殺雞。首先第一件事當然就是先準備牛刀,不過這個牛刀整支都在 npm 上,所以拿牛刀之前我們還需要先裝 Node.js。請直接透過傳...

2021-09-24 ‧ 由 goattl 分享
DAY 25

[Day25] Angular 的 Module 與 Component

昨天我們建立了一個新的 Angular 專案,然後跑了一下內建的範例程式,今天我們要來動手加入一些自己的東西。 Angular 的模組化框架 在加入之前,我們先...

2021-09-25 ‧ 由 goattl 分享
DAY 26

[Day26] Angular 的四種 Binding

昨天我們的 Component 只有簡簡單單的一行 “ironman works!” 其他啥都沒有。今天,我們就來替他加點東西,讓它顯示資料。首先我們先在 ir...

2021-09-26 ‧ 由 goattl 分享
DAY 27

[Day27] 基礎的 Directive

在實際工作中,我們常常會需要某一塊的網頁內容重複出現,像是動態的抓資料然後塞到 table 的 row 裡面。筆者第一份工作剛接觸前端時,連 jQuery 都不...

2021-09-27 ‧ 由 goattl 分享
DAY 28

[Day28] 用 HttpClient 從 API 取得資料

一直到目前,我們的 component 仍然使用寫死的物件當作資料來源,今天,我們就要來串起我們的前後端,用 HttpClient 取得資料然後再用 compo...

2021-09-28 ‧ 由 goattl 分享
DAY 29

[Day29] Template Driven Form

昨天我們完成了 service 的部分,已經可以用程式碼打 API 來做 CRUD,但是我們還沒有準備表單的 component,今天,我們就要來幫我們的 An...

2021-09-29 ‧ 由 goattl 分享
DAY 30

[Day30] Angular 的 Routing

終於來到第三十天了~~~~!不過其實本系列不會在今天結束,我們的前端 app 醜得要命,也還沒佈署到 VM 上,目前都只在本機自 high,筆者一定不忘初衷,會...

2021-09-30 ‧ 由 goattl 分享