ASP.NET MVC Views Tutorial videos for Beginner.

1
CATCH EXPERTS
https//www.catchexperts.com
http//www.courseing.com
2
ASP .NET MVC Views Tutorial Videos for
Beginner by
3
Highlights

• Working with Views using Razor syntax
• Working with layouts
• Employing HTML helpers
• Bundling and minification
• Creating responsive designs with Bootstrap

4
Working with Views using Razor syntax

• Razor syntax works based on ASP.NET and .NET
  framework.
• Razor syntax gives power of ASP.NET with
  simplified syntax for creating web applications.
• Razor View Engine useful to write dynamic content
  on MVC views.
• Reduces loop generation code of view list.
• Razor View Engine supports Test Driven
  Development(TDD).
• Useful in creation of single, multi block and
  conditional statements, loops.

5
Working with layouts

• Layout view contain all common UI parts such as
  logo, header, left navigation bar, right bar or
  footer section.
• No need to write same code in every page.
• In layout only center content will be changes
  i.e. header, footer, left and right bars remains
  same.
• Define a common site template.
• Eliminates duplicate coding and enhances
  development speed

6
Employing HTML helpers

• HTML helper methods will improve the readability
  of views.
• It is an extension method of Html Helper class.
• Simple factor of HTML markup.
• It can accessible within ASP.NET MVC through view
  page class HTML property.
• Internal structure is follows as
• public static MvcHtmlString TextBox(this
  HtmlHelper htmlHelper, string name)

7
Employing HTML helpers

• HTML helper methods are useful to create controls
  on web pages.
• HTML helper methods are three types, they are
  Create inputs, Create links, Create forms
  methods.
• Createinputs method is useful to create inputs
  for text boxes and buttons.
• Createlinks method is useful to create links
  based on information from the routing tables.
• Createforms method is useful to create form tags
  for different controllers.

8
Bundling and minification

• Useful to improve request load time.
• Reduces number of requests to the server and the.
  size of requested assets.
• Enabled or disabled by setting the debug
  attribute value in the compilation Element.
• Syntax ltsystem.webgt ltcompilation debug"true" /gt
  lt/system.webgt
• Disabled by setting debug value true.
• Enabled by setting debug value false which is
  default.

9
Creating responsive designs with Bootstrap

• Bootstrap is popular web framework for developing
  responsive web applications.
• Offers many features and benefits to improve
  users experience.
• choose the default starter template for ASP.NET
  Core in visual studio to create new web apps.
• Layout.cshtml  is the most basic Bootstrap
  template.
• Default template uses a set of ltdivgt elements to
  render navigation .

10
Creating responsive designs with Bootstrap

• Bootstrap provides essential typography, colors,
  and link formatting.
• Bootstrap grid layout system popular feature to
  avoid lttablegt tags.
• Grid layout system works based on twelve columns.
• Use Bootstrap jumbotron to create large
  background  display images.
• Bootstrap provides various buttons with different
  colors.
• Utilize badges and alerts.
• place nav bars horizontally.

11
Feedback
Like It ? Hate It?
We would love to hear from you whatever you think
about the course.
Click HERE to share what you think!
12
Thank you
Thank You for Watching ASP .NET MVC Views
Tutorial Videos for Beginner by
http//www.courseing.com