در این آموزش تصویری با ساخت HTML Helper Library برای ASP.NET MVC 5 آشنا می شوید.
این دوره آموزشی محصول موسسه Pluralsight است.

سرفصل های دوره:

  • نحوه ساخت برنامه MVC
  • نحوه سفارشی سازی HTML
  • کار با ماژول های برنامه
  • کار با کلاس StringBuilder
  • مقدمه ای بر کلاس TagBuilder
  • نحوه اضافه کردن کلاس های CSS
  • اضافه کردن ویژگی های HTML
  • کاربا HTML و CSS
  • کار با ویژگی های در HTML Helper
  • کار با Bootstrap
  • اضافه کردن نام  و شناسه
  • اضافه کردن ویژگی های HTML5
  • کار با دادهای شمارشی
  • نحوه توسعه MVC HTML Helper
  • نحوه استفاده از InputExtensions
  • کار با انواع داده ورودی در HTML5
  • اضافه کردن ویژگی های HTML5
  • اضافه کردن کلاس های CSS
  • نحوه اضافه کردن فرم کنترل
  • استفاده CSS با HTML
  • نحوه افزودن Check Boxes
  • کار با دستورات درون خطی
  • نحوه حذف Check Box
  • افزودن دکمه های رادیویی
  • نحوه ساخت دکمه
  • و…

عنوان دوره: Pluralsight Build an HTML Helper Library for ASP.NET MVC 5
سطح: متوسط
مدت زمان: 1 ساعت و 53 دقیقه
نویسنده: Paul Sheriff


Pluralsight Build an HTML Helper Library for ASP.NET MVC 5

Paul Sheriff
1h 53m

Creating your own HTML Helpers simplifies your MVC coding when working with Bootstrap and HTML 5. Moving this code into Helpers can reduce the runtime errors and CSS errors you might otherwise encounter.
Paul's Training Company has developed a web site to input their product data. Your boss wants you to add a login screen and more pages to the site. Unfortunately, he needs it done quickly, so that means you need to work smarter. He wants all the controls to use Bootstrap and take advantage of HTML 5. Working with the limited set of HTML Helpers in MVC means you have to add a lot of custom attributes. This takes more time to code and leads to potential runtime errors. If you had more flexible HTML Helpers that added HTML5 and Bootstrap CSS for you, this would speed up development and testing. In this course, you learn to build a set of MVC HTML Helpers to do just this.

Understanding the Benefits of HTML Helpers
5m 27s
Course Introduction
0m 45s
Course Audience and Pluralsight Courses to Help You
0m 51s
Why Build Your Own MVC Helper?
1m 53s
MVC Helpers Are Limited
0m 56s
Modules in This Course
1m 0s
Creating Custom HTML Helpers
24m 56s
Module Introduction & StringBuilder Class Overview
1m 32s
Demo of StringBuilder Class for MVC Helper
5m 55s
Introduction to the TagBuilder Class
1m 54s
Using the TagBuilder Class
2m 24s
Add CSS Classes
0m 54s
Adding CSS Classes to Your Helper
1m 32s
Adding 'name' and 'id' Attributes
1m 13s
Demo of Adding 'name' and 'id' Attributes
1m 53s
Add HTML Attributes Dictionary
1m 20s
Demo of Adding HTML Attributes
2m 1s
Introduction to Overloads for Your Helper
0m 51s
Create MVC Helper Overloads
2m 31s
Module Summary
0m 48s
Capturing HTML and CSS Features in HTML Helpers
32m 6s
Module Introduction
1m 15s
Introduction to a Bootstrap Button Helper
1m 3s
Creating the Bootstrap Button Helper
4m 15s
Add Bootstrap 'btn' Classes to Helper
0m 54s
Demo of Adding Bootstrap Button Classes
3m 42s
Add 'name' and 'id' Attributes Generically
0m 54s
Create Class to Add 'name' and 'id' Attributes
4m 37s
Add HTML5 Attributes
0m 41s
Demo of Adding HTML5 Attributes to Button Helper
3m 5s
Add Button Type
0m 37s
Add Enumeration for HTML Button Type
2m 29s
Add Custom data- Attribute
1m 36s
Demo of Adding data-pdsa-action Attribute
1m 49s
Introduction to Overloads for Button Helper
0m 53s
Overload the Button Helper
3m 14s
Module Summary
0m 54s
Extending Existing MVC HTML Helpers
29m 4s
Module Introduction
1m 32s
Use InputExtensions Class
1m 32s
Demo of InputExtensions Class
5m 49s
Handling HTML5 Input Types
1m 1s
Add Enumeration for HTML5 Input Types
4m 54s
HTML5 Attributes for Text Boxes
1m 14s
Add HTML5 Attributes to Text Box Helper
3m 42s
Add CSS Class
0m 49s
Add 'form-control' CSS Class for Text Boxes
1m 52s
Overloads for Text Box Helper
0m 51s
Create Overloads for Text Box Helper
3m 8s
Password Helper
0m 26s
Create Password Helper
1m 27s
Module Summary
0m 42s
Promoting HTML and CSS Reuse with HTML Helpers
21m 30s
Module Introduction
0m 46s
How to Build a Basic Check Box
1m 24s
Create a Basic Check Box
6m 50s
HTML5 Attributes for Check Boxes
0m 35s
Add HTML5 Attributes
2m 37s
Inline Check Boxes
1m 1s
Creating Inline Check Boxes
2m 2s
Overloads for the Check Box Helper
0m 30s
Create Overloads for Check Box
1m 28s
Radio Button Helper Overview
0m 35s
Build the Radio Button Helper
1m 24s
Module Summary
0m 37s
Course Summary
1m 33s