mirror of
https://github.com/microsoft/frontend-bootcamp.git
synced 2026-01-26 14:56:42 +08:00
fixing relative links
This commit is contained in:
@@ -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.
|
||||||
|
|
||||||
|
|||||||
@@ -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.
|
||||||
|
|
||||||
|
|||||||
@@ -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.
|
||||||
|
|
||||||
|
|||||||
@@ -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 => {
|
||||||
|
|||||||
@@ -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.
|
||||||
|
|
||||||
|
|||||||
@@ -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.
|
||||||
|
|
||||||
|
|||||||
@@ -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).
|
||||||
|
|
||||||
|
|||||||
@@ -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:
|
||||||
|
|
||||||
|
|||||||
@@ -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.
|
||||||
|
|
||||||
|
|||||||
@@ -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.
|
||||||
|
|
||||||
|
|||||||
@@ -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.
|
||||||
|
|
||||||
|
|||||||
@@ -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.
|
||||||
|
|
||||||
|
|||||||
@@ -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).
|
||||||
|
|
||||||
|
|||||||
@@ -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.
|
||||||
|
|
||||||
|
|||||||
@@ -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.
|
||||||
|
|
||||||
|
|||||||
@@ -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.
|
||||||
|
|
||||||
|
|||||||
@@ -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: {
|
||||||
|
|||||||
Reference in New Issue
Block a user