diff --git a/README.md b/README.md index 84de9e3..147774a 100644 --- a/README.md +++ b/README.md @@ -3,7 +3,7 @@ 1. [:05] Video: [Quick intro to SPAs and Push state](video_intro_to_spa.md) 1. [:10] Lecture/Demo: [What is a SPA?](what_is_a_spa.md) 1. [:10] Lecture/Demo: [What is Push State?](what_is_push_state.md) -1. [:15] Lesson: What is routing? +1. [:15] Lesson: [What is routing?](what_is_routing.md) 1. [:15] Lesson/Code-along: [Routing in Angular](routing.md) 1. [:15] Lesson/Code-along: URL Params 1. [:15] Lesson/Code-along: Nesting diff --git a/what_is_routing.md b/what_is_routing.md index 58a2407..0f3703d 100644 --- a/what_is_routing.md +++ b/what_is_routing.md @@ -1 +1,28 @@ -display certain components based the url +## What is Routing? + +## Lesson Objectives + +1. Describe Routing +1. Demo Routing + +## Describe Routing + +- Routing is the process an app uses mimic the feel of traditional navigation +- The process: + 1. Define a set of URLs for the app to listen for + 1. When a user visits those particular URLs, the app will load a component into a specific part of the page + +## Demo Routing + +Demo the site in [/router](/router). Show the following: + +1. Clicks on the various links + - Note the nested links for `/about` + - Note the url params for `/resume` +1. Demonstrate sharing/bookmarking a URL + 1. Copy a url like http://localhost:4200/links + 1. Close the browser + 1. Reopen the browser + 1. Paste the link into the URL bar + 1. Hit Enter + 1. Note that it takes you directly the "page" whose URL you copied