ASP.NET MVC Views Training videos for Beginner - PowerPoint PPT Presentation

Loading...

PPT – ASP.NET MVC Views Training videos for Beginner PowerPoint presentation | free to download - id: 85372e-MGQ5Y



Loading


The Adobe Flash plugin is needed to view this content

Get the plugin now

View by Category
About This Presentation
Title:

ASP.NET MVC Views Training videos for Beginner

Description:

Learn ASP.NET MVC views through courseing online tutorials which covers Working with Views using Razor syntax, Working with layouts, Employing HTML helpers, Bundling and minification, Creating responsive designs with Bootstrap briefly. – PowerPoint PPT presentation

Number of Views:12

less

Write a Comment
User Comments (0)
Transcript and Presenter's Notes

Title: ASP.NET MVC Views Training videos for Beginner


1
ASP .NET MVC Views Training Videos for
Beginner by
2
Highlights
  • Working with Views using Razor syntax
  • Working with layouts
  • Employing HTML helpers
  • Bundling and minification
  • Creating responsive designs with Bootstrap

3
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.

4
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

5
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)

6
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.

7
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.

8
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 .

9
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.

10
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!
11
Thank you
Thank You for Watching ASP .NET MVC Views
Training Videos for Beginner by
http//www.courseing.com
About PowerShow.com