iT邦幫忙

1

如何學ASP.NET的前端網頁呢?

  • 分享至 

  • xImage

各位大大好!最近小弟,找到新工作,目前還沒有報到,想要報到前自學,當時去新公司面試時,面試官有提到好像要用某公司開發的框架,上網查後那家公司開發的框架跟ASP.NET Core和bootstrap有關,所以我最近看凱哥寫程式youtube的ASP.NET Core MVC系列,目前在學到ASP.NET Core MVC的連線資料庫。

目前我碰到問題:
1.目前凱哥寫程式youtube的ASP.NET Core MVC系列後,我目前知道是在Controllers/HomeController.cs建立函式後,到Views/Home新增xxx.cs檔,如果要在Navbar選單建立選單的話,要從Views/Share底下__Layout.cshtml檔看bootstrap的Navbar選單新增bootstrap的Nav,CSS檔和JS檔放在wwwroot/css和wwwroot/js,但是我還是不知道怎麼用ASP.NET Core MVC設計一個bootstrap網頁,我要怎麼學呢?
2.不好意思,各位大大有沒有推薦ASP.NET Core MVC相關前端和ASP.NET Core MVC bootstrap設計的it邦幫系列鐵人賽文章或youtube影片呢?因為小弟想要報到前自學ASP.NET Core MVC的前端和ASP>NET Core MVC bootstrap

/images/emoticon/emoticon04.gif

加油吧^^"
我也換新工作了是 Asp.net MVC + Kendo UI
對我來說也是全新的~
沒有完整的HTML,完全被Kendo UI切成一塊塊的HTML區域~
要自己慢慢找出來修改功能~(去比對實際產生的網頁原始碼 按F12)
畢竟是接別人寫的程式~
謝謝你
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
0
Samuel
iT邦好手 1 級 ‧ 2024-01-29 19:59:40

.net core 與.net mvc及web api_學習筆記分享_章節大綱
https://coolmandiary.blogspot.com/2021/08/net-core-net-mvc.html

謝謝大大!

0
rain_yu
iT邦研究生 5 級 ‧ 2024-01-30 08:27:24

ASP.NET Core MVC的前端,其實就是一般的前端 HTML+JS。
bootstrap只是你可套用的快速套件而已
如果你很會HTML+JS 那你在使用bootstrap會比較好。
所以如果你想學前端
可以直接上網找:
https://www.bilibili.com/video/BV1YW411T7GX/?p=1&vd_source=ce443db351dc4af58d5f7b519cc5657f
https://www.bilibili.com/video/BV1DL411H7SV/?spm_id_from=333.788.recommend_more_video.9&vd_source=ce443db351dc4af58d5f7b519cc5657f

0
Yaowen
iT邦研究生 3 級 ‧ 2024-01-30 11:01:20

你可以買去天瓏書局買
1.跟著實務學習 ASP.NET MVC 5.x -- 打下前進 ASP.NET Core 的基礎
2.ASP.NET Core 3.x MVC 跨平台範例實戰演練

然後可以參考我的鐵人賽自我挑戰

個人是覺得要先把 C# 的以下先搞懂
1.物件導向 ( OOP ) 封裝、繼承和多型
2.設計模式
單一職責原則 | Single Responsibility Principle
開閉原則 | Open/Closed Principle
里氏替換原則 | Liskov Substitution Principle
介面隔離原則 | Interface Segregation Principle
依賴反轉原則 | Dependency Inversion Principle
合成/聚合複用原則 | Composite/Aggregate Reuse Principle
迪米特法則 | Law of Demeter
3.LINQ 要會用
4.了解甚麼是 MVC M 代表甚麼意思...

前端我個人覺得等你進公司在說

謝謝大大

1
WUcheap
iT邦研究生 5 級 ‧ 2024-01-30 11:25:20

首先,要先確認一下你要學的是前後端分離的前端還是,ASP.NET本身的網頁的標記語法?
因為看到你有說cshtml檔案格式,所以分析你應該是要ASP.NET的網頁相關技術(Razor Pages)

再來推薦你上微軟的學習網頁,裡面有初淺且詳細的說明能對你有幫助
https://learn.microsoft.com/zh-tw/aspnet/core/mvc/views/layout?view=aspnetcore-8.0
可以先解決一開始容易困惑的程式配置問題
所以這邊可以先解決你第一個問題,後續加上Bootstrap達到你所說的Bootstrap網頁

再來你要了解Bootstrap是什麼? (不負責任簡單說,就是讓網頁變漂亮)
先假定你對HTML有基本認識,那首先只要先把Bootstrap引入
https://ithelp.ithome.com.tw/m/articles/10295312

有個基本認知,可以操作Bootstrap提供的元件即可(可以改變按鈕或輸入框的外型,知道網格用法)

再來我覺得重點可以先熟悉ASP.NET與資料庫的溝通(CRUD),前端可以進去新公司確認後再摸(因為差異可能很大,而後端技巧各家公司不會差太多)

謝謝你

我要發表回答

立即登入回答