Skip to content

Commit 4ed5dbd

Browse files
committed
Fixed self-closing anchor tags
1 parent 5806504 commit 4ed5dbd

File tree

17 files changed

+1334
-1334
lines changed

17 files changed

+1334
-1334
lines changed

HOL/AspNetApiSpa/README.md

+16-16
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
1-
<a name="HOLTop" />
1+
<a name="HOLTop"></a>
22
# ASP.NET MVC 6 and Single-Page Applications (SPAs) #
33

44
---
55

6-
<a name="Overview" />
6+
<a name="Overview"></a>
77
## Overview ##
88

99
In traditional web applications, the client (browser) initiates the communication with the server by requesting a page. The server then processes the request and sends the HTML of the page to the client. In subsequent interactions with the page (e.g. the user navigates to a link or submits a form with data) a new request is sent to the server, and the flow starts again: the server processes the request and sends a new page to the browser in response to the new action requested by the client.
@@ -15,7 +15,7 @@ The architecture of a SPA involves certain challenges that are not present in tr
1515
In this hand-on lab, you will take advantage of those technologies to implement Geek Quiz, a trivia website based on the SPA concept. You will first implement the service layer with ASP.NET Web API to expose the required endpoints to retrieve the quiz questions and store the answers. Then, you will build a rich and responsive UI using AngularJS 2 and CSS3 transformation effects.
1616

1717

18-
<a name="Objectives" />
18+
<a name="Objectives"></a>
1919
### Objectives ###
2020
In this hands-on lab, you will learn how to:
2121

@@ -34,7 +34,7 @@ The following is required to complete this hands-on lab:
3434

3535
> **Note:** You can take advantage of the [Visual Studio Dev Essentials]( https://www.visualstudio.com/en-us/products/visual-studio-dev-essentials-vs.aspx) subscription in order to get everything you need to build and deploy your app on any platform.
3636
37-
<a name="Setup" />
37+
<a name="Setup"></a>
3838
### Setup ###
3939
In order to run the exercises in this hands-on lab, you will need to set up your environment first.
4040

@@ -44,7 +44,7 @@ In order to run the exercises in this hands-on lab, you will need to set up your
4444

4545
> **Note:** Make sure you have checked all the dependencies for this lab before running the setup.
4646
47-
<a name="CodeSnippets" />
47+
<a name="CodeSnippets"></a>
4848
### Using the Code Snippets ###
4949

5050
Throughout the lab document, you will be instructed to insert code blocks. For your convenience, most of this code is provided as Visual Studio Code Snippets, which you can access from within Visual Studio 2015 to avoid having to add it manually.
@@ -53,7 +53,7 @@ Throughout the lab document, you will be instructed to insert code blocks. For y
5353
5454
---
5555

56-
<a name="Exercises" />
56+
<a name="Exercises"></a>
5757
## Exercises ##
5858
This hands-on lab includes the following exercises:
5959

@@ -67,14 +67,14 @@ Estimated time to complete this lab: **60 minutes**
6767
>**Note:** ASP.NET Core 1.0 was previously called ASP.NET 5. The product rename occurred on January 19, 2016; additional details explaining why this was done are in [this blog post](http://www.hanselman.com/blog/ASPNET5IsDeadIntroducingASPNETCore10AndNETCore10.aspx) by Scott Hanselman with additional detail in [this post](https://blogs.msdn.microsoft.com/webdev/2016/02/01/an-update-on-asp-net-core-and-net-core/) on the Web Dev team blog.
6868
>This change will be reflected in the Visual Studio 2015 project templates in the RC2 release. Until then, you'll still see reference to "ASP.NET 5" in the Visual Studio dialogs, new project readme content, and home page content.
6969
70-
<a name="Exercise1" />
70+
<a name="Exercise1"></a>
7171
### Exercise 1: Creating an API ###
7272

7373
One of the key parts of a SPA is the service layer. It is responsible for processing the Ajax calls sent by the UI and returning data in response to that call. The data retrieved should be presented in a machine-readable format in order to be parsed and consumed by the client.
7474

7575
The Web API framework is part of the ASP.NET Stack and is designed to make it easy to implement HTTP services, generally sending and receiving JSON- or XML-formatted data through a RESTful API. In this exercise you will create the Web site to host the Geek Quiz application and then implement the back-end service to expose and persist the quiz data using ASP.NET Web API.
7676

77-
<a name="Ex1Task1" />
77+
<a name="Ex1Task1"></a>
7878
#### Task 1 - Creating the Initial Project for Geek Quiz ####
7979

8080
In this task you will start creating a new ASP.NET MVC project with support for ASP.NET Web API based on the **One ASP.NET** project type that comes with Visual Studio. **One ASP.NET** unifies all ASP.NET technologies and gives you the option to mix and match them as desired. You will then add the Entity Framework's model classes and the database initializator to insert the quiz questions.
@@ -214,7 +214,7 @@ In this task you will start creating a new ASP.NET MVC project with support for
214214
</div>
215215
````
216216

217-
<a name="Ex1Task2" />
217+
<a name="Ex1Task2"></a>
218218
#### Task 2 - Creating the TriviaController API ####
219219

220220
In the previous task, you created the initial structure of the Geek Quiz web application. You will now build a simple API service that interacts with the quiz data model and exposes the following actions:
@@ -431,7 +431,7 @@ You will use the ASP.NET Scaffolding tools provided by Visual Studio to create t
431431
// ...
432432
````
433433

434-
<a name="Ex1Task3" />
434+
<a name="Ex1Task3"></a>
435435
#### Task 3 - Running the Solution ####
436436

437437
In this task you will verify that the API service you built in the previous task is working as expected. You will use the Microsoft Edge **F12 Developer Tools** to capture the network traffic and inspect the full response from the API service.
@@ -496,12 +496,12 @@ In this task you will verify that the API service you built in the previous task
496496

497497
1. Go back to Visual Studio and press **SHIFT + F5** to stop debugging.
498498

499-
<a name="Exercise2" />
499+
<a name="Exercise2"></a>
500500
### Exercise 2: Creating the SPA Interface ###
501501

502502
In this exercise you will first build the web front-end portion of Geek Quiz, focusing on the Single-Page Application interaction using **AngularJS 2**. You will then enhance the user experience with CSS3 to perform rich animations and provide a visual effect of context switching when transitioning from one question to the next.
503503

504-
<a name="Ex2Task1" />
504+
<a name="Ex2Task1"></a>
505505
#### Task 1 - Creating the SPA Interface Using AngularJS 2 ####
506506

507507
In this task you will use **AngularJS 2** to implement the client side of the Geek Quiz application. **AngularJS 2** is an open-source JavaScript framework that augments browser-based applications with _Model-View-Controller_ (MVC) capability, facilitating both development and testing.
@@ -790,7 +790,7 @@ You will start by adding AngularJS 2 references. Then, you will create the contr
790790
}
791791
````
792792

793-
<a name="Ex2Task2" />
793+
<a name="Ex2Task2"></a>
794794
#### Task 2 - Running the Solution ####
795795

796796
In this task you will execute the solution using the new user interface you built with AngularJS 2 to answer some of the quiz questions.
@@ -821,7 +821,7 @@ In this task you will execute the solution using the new user interface you buil
821821

822822
1. Go back to Visual Studio and press **SHIFT + F5** to stop debugging.
823823

824-
<a name="Ex2Task3" />
824+
<a name="Ex2Task3"></a>
825825
#### Task 3 - Creating a Flip Animation Using CSS3 ####
826826

827827
In this task you will use CSS3 properties to perform rich animations by adding a flip effect when a question is answered and when the next question is retrieved.
@@ -935,7 +935,7 @@ In this task you will use CSS3 properties to perform rich animations by adding a
935935

936936
---
937937

938-
<a name="Summary" />
938+
<a name="Summary"></a>
939939
## Summary ##
940940

941941
By completing this hands-on lab you have learned how to:
@@ -950,4 +950,4 @@ By completing this hands-on lab you have learned how to:
950950

951951
- Use CSS3 transitions to perform animation effects
952952

953-
> **Note:** You can take advantage of the [Visual Studio Dev Essentials]( https://www.visualstudio.com/en-us/products/visual-studio-dev-essentials-vs.aspx) subscription in order to get everything you need to build and deploy your app on any platform.
953+
> **Note:** You can take advantage of the [Visual Studio Dev Essentials]( https://www.visualstudio.com/en-us/products/visual-studio-dev-essentials-vs.aspx) subscription in order to get everything you need to build and deploy your app on any platform.

0 commit comments

Comments
 (0)