Skip to content
This repository has been archived by the owner on Feb 5, 2024. It is now read-only.

chore: fix links mk2 #1888

Merged
merged 1 commit into from
Aug 16, 2019
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 5 additions & 5 deletions src/content/tutorial/react/overview.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -57,13 +57,13 @@ This tutorial uses [Yarn](https://yarnpkg.com) for dependency management so we c

Each step in this tutorial illustrates a different aspect of developing web applications with Carbon. We recommend starting with step 1, but you can pick up any step and take it from there.

1. [**Installing Carbon**]/tutorial/react/step-1
1. [**Installing Carbon**](/tutorial/react/step-1)
- Create a web app with the UI shell component.
1. [**Building pages**]/tutorial/react/step-2
1. [**Building pages**](/tutorial/react/step-2)
- Build out pages with the grid and various components.
1. [**Using APIs**]/tutorial/react/step-3
1. [**Using APIs**](/tutorial/react/step-3)
- Populate the data table with an external data source.
1. [**Creating components**]/tutorial/react/step-4
1. [**Creating components**](/tutorial/react/step-4)
- Extend Carbon by creating your own components.
1. [**Deploying to IBM Cloud**]/tutorial/react/step-5
1. [**Deploying to IBM Cloud**](/tutorial/react/step-5)
- Build and host your app in a production environment.
11 changes: 6 additions & 5 deletions src/content/tutorial/react/step-2.mdx
Original file line number Diff line number Diff line change
@@ -1,7 +1,8 @@
---
title: 2. Building pages
internal: false
tabs: ['Overview', 'Step 1', 'Step 2', 'Step 3', 'Step 4', 'Step 5', 'Wrapping up']
tabs:
['Overview', 'Step 1', 'Step 2', 'Step 3', 'Step 4', 'Step 5', 'Wrapping up']
---

### Now that we have a React app using the UI Shell, it's time to build a few static pages. In this step, we'll become comfortable with the Carbon grid and various Carbon components.
Expand Down Expand Up @@ -40,7 +41,7 @@ A [preview](https://react-step-3--carbon-tutorial.netlify.com) of what you'll bu

## Fork, clone and branch

This tutorial has an accompanying GitHub repository called [carbon-tutorial](https://github.com/carbon-design-system/carbon-tutorial) that we'll use as a starting point for each step. If you haven't forked and cloned that repository yet, and haven't added the upstream remote, go ahead and do so by following the [step 1 instructions](/tutorial/step-1/react#fork-clone--branch).
This tutorial has an accompanying GitHub repository called [carbon-tutorial](https://github.com/carbon-design-system/carbon-tutorial) that we'll use as a starting point for each step. If you haven't forked and cloned that repository yet, and haven't added the upstream remote, go ahead and do so by following the [step 1 instructions](/tutorial/react/step-1#fork-clone-and-branch).

### Branch

Expand All @@ -67,7 +68,7 @@ Then, start the app:
$ yarn start
```

You should see something similar to where the [previous step]/tutorial/react/step-1 left off.
You should see something similar to where the [previous step](/tutorial/react/step-1) left off.

### IE11 polyfills

Expand Down Expand Up @@ -760,7 +761,7 @@ Run the CI check to make sure we're all set to submit a pull request.
$ yarn ci-check
```

_Note: Having issues running the CI check? [Step 1](</tutorial/step-1/react#continuous-integration-(ci)-check>) has troubleshooting notes that may help._
_Note: Having issues running the CI check? [Step 1](</tutorial/react/step-1#continuous-integration-(ci)-check>) has troubleshooting notes that may help._

### Git commit and push

Expand All @@ -776,7 +777,7 @@ Then, push to your repository:
$ git push origin react-step-2
```

_Note: Having issues pushing your changes? [Step 1](/tutorial/step-1/react#git-commit-and-push) has troubleshooting notes that may help._
_Note: Having issues pushing your changes? [Step 1](/tutorial/react/step-1#git-commit-and-push) has troubleshooting notes that may help._

### Pull request (PR)

Expand Down
8 changes: 4 additions & 4 deletions src/content/tutorial/react/step-3.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,7 @@ A [preview](https://react-step-4--carbon-tutorial.netlify.com) of what you will

## Fork, clone and branch

This tutorial has an accompanying GitHub repository called [carbon-tutorial](https://github.com/carbon-design-system/carbon-tutorial) that we'll use as a starting point for each step. If you haven't forked and cloned that repository yet, and haven't added the upstream remote, go ahead and do so by following the [step 1 instructions](/tutorial/step-1/react#fork-clone--branch).
This tutorial has an accompanying GitHub repository called [carbon-tutorial](https://github.com/carbon-design-system/carbon-tutorial) that we'll use as a starting point for each step. If you haven't forked and cloned that repository yet, and haven't added the upstream remote, go ahead and do so by following the [step 1 instructions](/tutorial/react/step-1#fork-clone-and-branch).

### Branch

Expand All @@ -69,7 +69,7 @@ Then, start the app:
$ yarn start
```

You should see something similar to where the [previous step]/tutorial/react/step-2 left off. Stop your app with `CTRL-C` and let's get everything installed.
You should see something similar to where the [previous step](/tutorial/react/step-2) left off. Stop your app with `CTRL-C` and let's get everything installed.

## Install dependencies

Expand Down Expand Up @@ -488,7 +488,7 @@ Run the CI check to make sure we're all set to submit a pull request.
$ yarn ci-check
```

_Note: Having issues running the CI check? [Step 1](</tutorial/step-1/react#continuous-integration-(ci)-check>) has troubleshooting notes that may help._
_Note: Having issues running the CI check? [Step 1](</tutorial/react/step-1#continuous-integration-(ci)-check>) has troubleshooting notes that may help._

### Git commit and push

Expand All @@ -504,7 +504,7 @@ Then, push to your repository:
$ git push origin react-step-3
```

_Note: Having issues pushing your changes? [Step 1](/tutorial/step-1/react#git-commit-and-push) has troubleshooting notes that may help._
_Note: Having issues pushing your changes? [Step 1](/tutorial/react/step-1#git-commit-and-push) has troubleshooting notes that may help._

### Pull request (PR)

Expand Down
8 changes: 4 additions & 4 deletions src/content/tutorial/react/step-4.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -42,7 +42,7 @@ A [preview](https://react-step-5--carbon-tutorial.netlify.com) of what you'll bu

## Fork, clone and branch

This tutorial has an accompanying GitHub repository called [carbon-tutorial](https://github.com/carbon-design-system/carbon-tutorial) that we'll use as a starting point for each step. If you haven't forked and cloned that repository yet, and haven't added the upstream remote, go ahead and do so by following the [step 1 instructions](/tutorial/step-1/react#fork-clone--branch).
This tutorial has an accompanying GitHub repository called [carbon-tutorial](https://github.com/carbon-design-system/carbon-tutorial) that we'll use as a starting point for each step. If you haven't forked and cloned that repository yet, and haven't added the upstream remote, go ahead and do so by following the [step 1 instructions](/tutorial/react/step-1#fork-clone-and-branch).

### Branch

Expand All @@ -69,7 +69,7 @@ Then, start the app:
$ yarn start
```

You should see something similar to where the [previous step]/tutorial/react/step-3 left off.
You should see something similar to where the [previous step](/tutorial/react/step-3) left off.

## Review design

Expand Down Expand Up @@ -408,7 +408,7 @@ Run the CI check to make sure we're all set to submit a pull request.
$ yarn ci-check
```

_Note: Having issues running the CI check? [Step 1](</tutorial/step-1/react#continuous-integration-(ci)-check>) has troubleshooting notes that may help._
_Note: Having issues running the CI check? [Step 1](</tutorial/react/step-1#continuous-integration-(ci)-check>) has troubleshooting notes that may help._

### Git commit and push

Expand All @@ -424,7 +424,7 @@ Then, push to your repository:
$ git push origin react-step-4
```

_Note: Having issues pushing your changes? [Step 1](/tutorial/step-1/react#git-commit-and-push) has troubleshooting notes that may help._
_Note: Having issues pushing your changes? [Step 1](/tutorial/react/step-1#git-commit-and-push) has troubleshooting notes that may help._

### Pull request (PR)

Expand Down
10 changes: 5 additions & 5 deletions src/content/tutorial/react/step-5.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,7 @@ A [preview](https://react-step-6--carbon-tutorial.netlify.com) of what you'll bu

## Fork, clone and branch

This tutorial has an accompanying GitHub repository called [carbon-tutorial](https://github.com/carbon-design-system/carbon-tutorial) that we'll use as a starting point for each step. If you haven't forked and cloned that repository yet, and haven't added the upstream remote, go ahead and do so by following the [step 1 instructions](/tutorial/step-1/react#fork-clone--branch).
This tutorial has an accompanying GitHub repository called [carbon-tutorial](https://github.com/carbon-design-system/carbon-tutorial) that we'll use as a starting point for each step. If you haven't forked and cloned that repository yet, and haven't added the upstream remote, go ahead and do so by following the [step 1 instructions](/tutorial/react/step-1#fork-clone-and-branch).

### Branch

Expand All @@ -66,7 +66,7 @@ Then, start the app:
$ yarn start
```

You should see something similar to where the [previous step]/tutorial/react/step-4 left off.
You should see something similar to where the [previous step](/tutorial/react/step-4) left off.

## Create IBM Cloud account

Expand Down Expand Up @@ -144,7 +144,7 @@ applications:
buildpack: https://github.com/cloudfoundry/staticfile-buildpack.git
```

_Note: With this set-up we're still using a GitHub personal access token saved in _`.env.local`_. If you haven't created a GitHub access token yet, see [step 3](/tutorial/step-3/react#create-access-token). You can put the environment variable in the manifest file, or manually add it in the IBM Cloud dashboard, but since we're building off previous tutorial steps nothing more is needed._
_Note: With this set-up we're still using a GitHub personal access token saved in _`.env.local`_. If you haven't created a GitHub access token yet, see [step 3](/tutorial/react/step-3#create-access-token). You can put the environment variable in the manifest file, or manually add it in the IBM Cloud dashboard, but since we're building off previous tutorial steps nothing more is needed._

## Create static file

Expand Down Expand Up @@ -204,7 +204,7 @@ Run the CI check to make sure we're all set to submit a pull request.
$ yarn ci-check
```

_Note: Having issues running the CI check? [Step 1](</tutorial/step-1/react#continuous-integration-(ci)-check>) has troubleshooting notes that may help._
_Note: Having issues running the CI check? [Step 1](</tutorial/react/step-1#continuous-integration-(ci)-check>) has troubleshooting notes that may help._

### Git commit and push

Expand All @@ -220,7 +220,7 @@ Then, push to your repository:
$ git push origin react-step-5
```

_Note: Having issues pushing your changes? [Step 1](/tutorial/step-1/react#git-commit-and-push) has troubleshooting notes that may help._
_Note: Having issues pushing your changes? [Step 1](/tutorial/react/step-1#git-commit-and-push) has troubleshooting notes that may help._

### Pull request (PR)

Expand Down
14 changes: 7 additions & 7 deletions src/content/tutorial/react/wrapping-up.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ Once you complete all five steps of the tutorial, you can apply for the IBM Digi

<ImageComponent cols="8" caption="IBM Digital Badge">

![](../shared/wrapping-up/images/carbon-badge.png)
![](/images/carbon-badge.png)

</ImageComponent>

Expand All @@ -28,14 +28,14 @@ Once you complete all five steps of the tutorial, you can apply for the IBM Digi
This badge demonstrates knowledge about Carbon's React components. To earn the badge:

1. Complete steps 1 through 5 of the React Carbon tutorial
- Step 1. [Installing Carbon]/tutorial/react/step-1
- Step 2. [Building pages]/tutorial/react/step-2
- Step 3. [Using APIs]/tutorial/react/step-3
- Step 4. [Creating components]/tutorial/react/step-4
- Step 5. [Deploying to IBM Cloud]/tutorial/react/step-5
- Step 1. [Installing Carbon](/tutorial/react/step-1)
- Step 2. [Building pages](/tutorial/react/step-2)
- Step 3. [Using APIs](/tutorial/react/step-3)
- Step 4. [Creating components](/tutorial/react/step-4)
- Step 5. [Deploying to IBM Cloud](/tutorial/react/step-5)
2. Submit links to approved pull requests for steps 1 through 5 of the React Carbon tutorial in the [carbon-tutorial repository](https://github.com/carbon-design-system/carbon-tutorial).
- To quickly find your submitted PRs, you can [filter by author](https://github.com/carbon-design-system/carbon-tutorial/pulls?utf8=%E2%9C%93&q=author%3Ausername) (e.g. `author:${username}`)
3. Complete the [badge application](http://www.carbondesignsystem.com/tutorial/wrapping-up/react#application)
3. Complete the [badge application](http://www.carbondesignsystem.com/tutorial/react/wrapping-up#application)

### FAQ and help

Expand Down
10 changes: 5 additions & 5 deletions src/content/tutorial/vue/overview.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -56,13 +56,13 @@ This tutorial uses [Yarn](https://yarnpkg.com) for dependency management so we c

Each step in this tutorial illustrates a different aspect of developing web applications with Carbon. We recommend starting with step 1, but you can pick up any step and take it from there.

1. [**Installing Carbon**]/tutorial/vue/step-1
1. [**Installing Carbon**](/tutorial/vue/step-1)
- Create a web app with the UI shell component.
1. [**Building pages**]/tutorial/vue/step-2
1. [**Building pages**](/tutorial/vue/step-2)
- Build out pages with the grid and various components.
1. [**Using APIs**]/tutorial/vue/step-3
1. [**Using APIs**](/tutorial/vue/step-3)
- Populate the data table with an external data source.
1. [**Creating components**]/tutorial/vue/step-4
1. [**Creating components**](/tutorial/vue/step-4)
- Extend Carbon by creating your own components.
1. [**Deploying to IBM Cloud**]/tutorial/vue/step-5
1. [**Deploying to IBM Cloud**](/tutorial/vue/step-5)
- Build and host your app in a production environment.
8 changes: 4 additions & 4 deletions src/content/tutorial/vue/step-2.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -41,7 +41,7 @@ A [preview](https://vue-step-3--carbon-tutorial-vue.netlify.com) of what you'll

## Fork, clone and branch

This tutorial has an accompanying GitHub repository called [carbon-tutorial-vue](https://github.com/carbon-design-system/carbon-tutorial-vue) that we'll use as a starting point for each step. If you haven't forked and cloned that repository yet, and haven't added the upstream remote, go ahead and do so by following the [step 1 instructions](/tutorial/step-1/vue#fork-clone--branch).
This tutorial has an accompanying GitHub repository called [carbon-tutorial-vue](https://github.com/carbon-design-system/carbon-tutorial-vue) that we'll use as a starting point for each step. If you haven't forked and cloned that repository yet, and haven't added the upstream remote, go ahead and do so by following the [step 1 instructions](/tutorial/vue/step-1#fork-clone-and-branch).

### Branch

Expand All @@ -68,7 +68,7 @@ Then, start the app:
$ yarn serve
```

You should see something similar to where the [previous step]/tutorial/vue/step-1 left off.
You should see something similar to where the [previous step](/tutorial/vue/step-1) left off.

## Install grid

Expand Down Expand Up @@ -784,7 +784,7 @@ Run the CI check to make sure we're all set to submit a pull request.
$ yarn ci-check
```

_Note: Having issues running the CI check? [Step 1](</tutorial/step-1/vue#continuous-integration-(ci)-check>) has troubleshooting notes that may help._
_Note: Having issues running the CI check? [Step 1](</tutorial/vue/step-1#continuous-integration-(ci)-check>) has troubleshooting notes that may help._

### Git commit and push

Expand All @@ -800,7 +800,7 @@ Then, push to your repository:
$ git push origin vue-step-2
```

_Note: Having issues pushing your changes? [Step 1](/tutorial/step-1/vue#git-commit-and-push) has troubleshooting notes that may help._
_Note: Having issues pushing your changes? [Step 1](/tutorial/vue/step-1#git-commit-and-push) has troubleshooting notes that may help._

### Pull request (PR)

Expand Down
8 changes: 4 additions & 4 deletions src/content/tutorial/vue/step-3.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,7 @@ A [preview](https://vue-step-4--carbon-tutorial-vue.netlify.com) of what you wil

## Fork, clone and branch

This tutorial has an accompanying GitHub repository called [carbon-tutorial-vue](https://github.com/carbon-design-system/carbon-tutorial-vue) that we'll use as a starting point for each step. If you haven't forked and cloned that repository yet, and haven't added the upstream remote, go ahead and do so by following the [step 2 instructions](/tutorial/step-2/vue#fork-clone--branch).
This tutorial has an accompanying GitHub repository called [carbon-tutorial-vue](https://github.com/carbon-design-system/carbon-tutorial-vue) that we'll use as a starting point for each step. If you haven't forked and cloned that repository yet, and haven't added the upstream remote, go ahead and do so by following the [step 2 instructions](/tutorial/vue/step-2#fork-clone-and-branch).

### Branch

Expand All @@ -69,7 +69,7 @@ Then, start the app:
$ yarn serve
```

You should see something similar to where the [previous step]/tutorial/vue/step-2 left off. Stop your app with `CTRL-C` and let's get everything installed.
You should see something similar to where the [previous step](/tutorial/vue/step-2) left off. Stop your app with `CTRL-C` and let's get everything installed.

## Install dependencies

Expand Down Expand Up @@ -586,7 +586,7 @@ Run the CI check to make sure we're all set to submit a pull request.
$ yarn ci-check
```
_Note: Having issues running the CI check? [Step 1](</tutorial/step-1/vue#continuous-integration-(ci)-check>) has troubleshooting notes that may help._
_Note: Having issues running the CI check? [Step 1](</tutorial/vue/step-1#continuous-integration-(ci)-check>) has troubleshooting notes that may help._
### Git commit and push
Expand All @@ -602,7 +602,7 @@ Then, push to your repository:
$ git push origin vue-step-3
```
_Note: Having issues pushing your changes? [Step 1](/tutorial/step-1/vue#git-commit-and-push) has troubleshooting notes that may help._
_Note: Having issues pushing your changes? [Step 1](/tutorial/vue/step-1#git-commit-and-push) has troubleshooting notes that may help._
### Pull request (PR)
Expand Down
8 changes: 4 additions & 4 deletions src/content/tutorial/vue/step-4.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -42,7 +42,7 @@ A [preview](https://vue-step-5--carbon-tutorial-vue.netlify.com) of what you'll

## Fork, clone and branch

This tutorial has an accompanying GitHub repository called [carbon-tutorial](https://github.com/carbon-design-system/carbon-tutorial-vue) that we'll use as a starting point for each step. If you haven't forked and cloned that repository yet, and haven't added the upstream remote, go ahead and do so by following the [step 1 instructions](/tutorial/step-1/vue#fork-clone--branch).
This tutorial has an accompanying GitHub repository called [carbon-tutorial](https://github.com/carbon-design-system/carbon-tutorial-vue) that we'll use as a starting point for each step. If you haven't forked and cloned that repository yet, and haven't added the upstream remote, go ahead and do so by following the [step 1 instructions](/tutorial/vue/step-1#fork-clone-and-branch).

### Branch

Expand All @@ -69,7 +69,7 @@ Then, start the app:
$ yarn serve
```

You should see something similar to where the [previous step]/tutorial/vue/step-3 left off.
You should see something similar to where the [previous step](/tutorial/vue/step-3) left off.

## Review design

Expand Down Expand Up @@ -480,7 +480,7 @@ Run the CI check to make sure we're all set to submit a pull request.
$ yarn ci-check
```

_Note: Having issues running the CI check? [Step 1](</tutorial/step-1/vue#continuous-integration-(ci)-check>) has troubleshooting notes that may help._
_Note: Having issues running the CI check? [Step 1](</tutorial/vue/step-1#continuous-integration-(ci)-check>) has troubleshooting notes that may help._

### Git commit and push

Expand All @@ -496,7 +496,7 @@ Then, push to your repository:
$ git push origin vue-step-4
```

_Note: Having issues pushing your changes? [Step 1](/tutorial/step-1/vue#git-commit-and-push) has troubleshooting notes that may help._
_Note: Having issues pushing your changes? [Step 1](/tutorial/vue/step-1#git-commit-and-push) has troubleshooting notes that may help._

### Pull request (PR)

Expand Down
Loading