fixing relative links

This commit is contained in:
Ken
2019-03-04 19:01:59 -08:00
parent 1c65b231f2
commit f1545d02be
17 changed files with 17 additions and 17 deletions

View File

@@ -1,6 +1,6 @@
# Bonus: Testing TypeScript code with Jest (Demo) # Bonus: Testing TypeScript code with Jest (Demo)
[Lessons](../) | [Exercise](./exercise/) | [Demo](./demo/) [Lessons](../../) | [Exercise](../exercise/)
[Jest](https://jestjs.io/) is a test framework made by Facebook and is very popular in the React and wider JS ecosystems. [Jest](https://jestjs.io/) is a test framework made by Facebook and is very popular in the React and wider JS ecosystems.

View File

@@ -1,6 +1,6 @@
# Bonus: Testing TypeScript code with Jest (Exercise) # Bonus: Testing TypeScript code with Jest (Exercise)
[Lessons](../) | [Exercise](./exercise/) | [Demo](./demo/) [Lessons](../../) | [Demo](../demo/)
Start the test runner by running `npm test` in the root of the `frontend-bootcamp` folder. Start the test runner by running `npm test` in the root of the `frontend-bootcamp` folder.

View File

@@ -1,6 +1,6 @@
# Bonus: Service calls (Demo) # Bonus: Service calls (Demo)
[Lessons](../) [Lessons](../../)
> Note: this step doesn't work with the live site on github.io. Clone the repo to try this step out. > Note: this step doesn't work with the live site on github.io. Clone the repo to try this step out.

View File

@@ -24,7 +24,7 @@ async function run() {
if (div) { if (div) {
const response = await fetch(div.dataset['src'] || '../README.md'); const response = await fetch(div.dataset['src'] || '../README.md');
const markdownText = await response.text(); const markdownText = await response.text();
div.innerHTML = marked(markdownText, { baseUrl: '../' }); div.innerHTML = marked(markdownText);
restoreScroll(div); restoreScroll(div);
div.addEventListener('scroll', evt => { div.addEventListener('scroll', evt => {

View File

@@ -1,6 +1,6 @@
# Step 2.1: Introduction to TypeScript (Demo) # Step 2.1: Introduction to TypeScript (Demo)
[Lessons](../) | [Exercise](./exercise/) | [Demo](./demo/) [Lessons](../../) | [Exercise](../exercise/)
In this step, we'll cover enough TypeScript concepts to be productive with the React & Redux frameworks. In this step, we'll cover enough TypeScript concepts to be productive with the React & Redux frameworks.

View File

@@ -1,6 +1,6 @@
# Step 2.1: Introduction to TypeScript (Exercise) # Step 2.1: Introduction to TypeScript (Exercise)
[Lessons](../) | [Exercise](./exercise/) | [Demo](./demo/) [Lessons](../../) | [Demo](../demo/)
If you don't already have the app running, start it by running `npm start` from the root of the `frontend-bootcamp` folder. If you don't already have the app running, start it by running `npm start` from the root of the `frontend-bootcamp` folder.

View File

@@ -1,6 +1,6 @@
# Step 2.2: UI Fabric Component Library (Demo) # Step 2.2: UI Fabric Component Library (Demo)
[Lessons](../) | [Exercise](./exercise/) | [Demo](./demo/) [Lessons](../../) | [Exercise](../exercise/)
[UI Fabric](https://developer.microsoft.com/en-us/fabric) is a component library that reflects the latest Microsoft design language. It is used in many Microsoft web applications and is [developed in the open](https://github.com/OfficeDev/office-ui-fabric-react). [UI Fabric](https://developer.microsoft.com/en-us/fabric) is a component library that reflects the latest Microsoft design language. It is used in many Microsoft web applications and is [developed in the open](https://github.com/OfficeDev/office-ui-fabric-react).

View File

@@ -1,6 +1,6 @@
# Step 2.2: UI Fabric Component Library (Exercise) # Step 2.2: UI Fabric Component Library (Exercise)
[Lessons](../) | [Exercise](./exercise/) | [Demo](./demo/) [Lessons](../../) | [Demo](../demo/)
# Exercise 1: Getting familiar with the Fabric documentation site: # Exercise 1: Getting familiar with the Fabric documentation site:

View File

@@ -1,6 +1,6 @@
# Step 2.3: Theming and styling with UI Fabric (Demo) # Step 2.3: Theming and styling with UI Fabric (Demo)
[Lessons](../) | [Exercise](./exercise/) | [Demo](./demo/) [Lessons](../../) | [Exercise](../exercise/)
In this section, we will illustrate how to use some of the built-in theming and styling features of the UI Fabric component library. In this section, we will illustrate how to use some of the built-in theming and styling features of the UI Fabric component library.

View File

@@ -1,6 +1,6 @@
# Step 2.3: Theming and styling with UI Fabric (Exercise) # Step 2.3: Theming and styling with UI Fabric (Exercise)
[Lessons](../) | [Exercise](./exercise/) | [Demo](./demo/) [Lessons](../../) | [Demo](../demo/)
If you don't already have the app running, start it by running `npm start` from the root of the `frontend-bootcamp` folder. Click the "exercise" link under day 2 step 3 to see results. If you don't already have the app running, start it by running `npm start` from the root of the `frontend-bootcamp` folder. Click the "exercise" link under day 2 step 3 to see results.

View File

@@ -1,6 +1,6 @@
# Step 2.4 - React Context (Demo) # Step 2.4 - React Context (Demo)
[Lessons](../) | [Exercise](./exercise/) | [Demo](./demo/) [Lessons](../../) | [Exercise](../exercise/)
In this step, we describe some problems we encounter when creating a more complex application. In this step, we describe some problems we encounter when creating a more complex application.

View File

@@ -1,6 +1,6 @@
# Step 2.4 - React Context (Exercise) # Step 2.4 - React Context (Exercise)
[Lessons](../) | [Exercise](./exercise/) | [Demo](./demo/) [Lessons](../../) | [Demo](../demo/)
If you don't already have the app running, start it by running `npm start` from the root of the `frontend-bootcamp` folder. Click the "exercise" link under day 2 step 4 to see results. If you don't already have the app running, start it by running `npm start` from the root of the `frontend-bootcamp` folder. Click the "exercise" link under day 2 step 4 to see results.

View File

@@ -1,6 +1,6 @@
# Step 2.5 - Redux: The Store (Demo) # Step 2.5 - Redux: The Store (Demo)
[Lessons](../) | [Exercise](./exercise/) | [Demo](./demo/) [Lessons](../../) | [Exercise](../exercise/) | [Demo](../demo/)
In this step, we will look at solving the problems of complex applications (as mentioned in Step 4) with a library called [Redux](https://redux.js.org). In this step, we will look at solving the problems of complex applications (as mentioned in Step 4) with a library called [Redux](https://redux.js.org).

View File

@@ -1,6 +1,6 @@
# Step 2.5: Redux: Reducers (Exercise) # Step 2.5: Redux: Reducers (Exercise)
[Lessons](../) | [Exercise](./exercise/) | [Demo](./demo/) [Lessons](../../) | [Demo](../demo/)
If you don't already have the app running, start it by running `npm start` from the root of the `frontend-bootcamp` folder. Click the "exercise" link under day 2 step 5 to see results. If you don't already have the app running, start it by running `npm start` from the root of the `frontend-bootcamp` folder. Click the "exercise" link under day 2 step 5 to see results.

View File

@@ -1,6 +1,6 @@
# Step 2.6: Redux: React Binding (Demo) # Step 2.6: Redux: React Binding (Demo)
[Lessons](../) | [Exercise](./exercise/) | [Demo](./demo/) [Lessons](../../) | [Exercise](../exercise/)
Redux is currently the most popular Flux implementation, and the ecosystem of related libraries has grown as a result. This is one of the reasons why it is a very popular library within Microsoft products. Redux is currently the most popular Flux implementation, and the ecosystem of related libraries has grown as a result. This is one of the reasons why it is a very popular library within Microsoft products.

View File

@@ -1,6 +1,6 @@
# Step 2.6: Redux: React Binding (Exercise) # Step 2.6: Redux: React Binding (Exercise)
[Lessons](../) | [Exercise](./exercise/) | [Demo](./demo/) [Lessons](../../) | [Demo](../demo/)
If you haven't arStart the app by running `npm start` from the root of the `frontend-bootcamp` folder. Click the "exercise" link under day 2 step 6 to see results. If you haven't arStart the app by running `npm start` from the root of the `frontend-bootcamp` folder. Click the "exercise" link under day 2 step 6 to see results.

View File

@@ -111,7 +111,7 @@ module.exports = function(env, argv) {
extensions: ['.tsx', '.ts', '.js'] extensions: ['.tsx', '.ts', '.js']
}, },
output: { output: {
filename: '[name]/[name].js', filename: '[name]/bundle.js',
path: outPath path: outPath
}, },
devServer: { devServer: {