Watch ASP.NET MVC for Designers

1969
1 Season

Web designers don't work in a vacuum. Many designers work closely together with a team of developers and often have to work within a development framework. In this course, you will explore the basics of working with HTML and CSS within the ASP.NET MVC framework.

Filter by Source

No sources available

Seasons

18. Pulling in Data for the Product Detail Page

Before getting to the Product Detail view itself, we need to construct the logic for the associated Action. In this lesson, you will use the code you refactored in the last lesson to pull in the data you will need for your View.

17. Setting Up the Product Detail Page

As you prepare to create a page to display the details of individual products, in this lesson you will refactor the Shopping Controller in order to make your dummy data available in all of your Actions.

16. MVC ViewModels

discuss ViewModels. A ViewModel is a Model specifically designed to work with a View, and in this lesson, you will learn how to use a ViewModel when a plain old Model isn't enough to get the job done.

15. Displaying the Data

Our products are set up, and now it's time to display our items. In this lesson, you will loop through the dummy data and display it in your view in order to simulate what your developers might be coding once they take over the project.

14. Creating Dummy Data

Now that we have our product model, in this lesson, you will insert some fake data into your Shopping controller, which you will later use in your Index view.

13. Preparing for Dynamic Data

Since this is a course for designers, we won't be doing any database programming. But in this lesson, we'll learn how to create our first model, which we will eventually use to keep track of product information.

12. Using Layouts

Layouts allow you to store persistent elements, such as headers and footers, in a separate HTML document. In this lesson, you will learn how to use layouts on ASP NET MVC.

11. Linking Views

When you want to link to another view in MVC, it's not always as simple as including the relative path in the href attribute of your anchor tags. In this lesson, you will write your first Razor statement as you learn to create a link.

10. Using Bootstrap

For the purposes of this course, we'll be using Bootstrap to ramp up our front-end development efforts. In this lesson, you will learn how to quickly incorporate the Bootstrap framework into your MVC website.

9. Viewing Your Work

In order to view your work in a browser, you will first need to compile your MVC project. In this lesson, you will learn how to build and test your work from within Visual Studio.

8. Basic Pages

In this lesson, you will create your first MVC view from scratch. It's an easy enough task, but you will need to understand how to create them and where to find them in a typical MVC project.

7. Creating an MVC Project

Building an MVC project is more complicated than just creating a plain text file and saving it as an HTML file. In this lesson, you will learn how to create your first MVC project in Visual Studio.

6. The Visual Studio Environment

In this lesson, you will open up Visual Studio for the first time as you take a quick tour of the interface.

5. Views

As a designer or front-end developer, you should feel right at home within a "view". A view in an ASP NET MVC application is written mostly in HTML and usually represents a web page.

4. Controllers

The controller acts as a link between the View and the Model. In this lesson, you will see how the controller interacts with both of the other pieces of the MVC framework

3. Models

A model represents the data within an application. In this lesson, you will learn how to find your way around a model in the ASP NET MVC framework.

2. Introduction to ASP NET MVC

Without going into too much overwhelming detail, in this lesson you will learn the basics of the ASP NET framework and the MVC pattern.

1. .Introduction

Welcome to The complete course for Designers. In this course, you will learn how to use your HTML and CSS knowledge to build the front-end of a website.

Description