mirror of
https://github.com/microsoft/frontend-bootcamp.git
synced 2026-01-26 14:56:42 +08:00
better install insttrucitons
This commit is contained in:
38
README.md
38
README.md
@@ -11,23 +11,44 @@ The first day provides an introduction to the fundamentals of the web: HTML, CSS
|
|||||||
## Getting set up
|
## Getting set up
|
||||||
|
|
||||||
### Required software
|
### Required software
|
||||||
|
|
||||||
Before starting, make sure your computer has the following installed:
|
Before starting, make sure your computer has the following installed:
|
||||||
|
|
||||||
- [Node/NPM](https://nodejs.org/en/) (choose the **LTS** option)
|
- [Node/NPM](https://nodejs.org/en/) (choose the **LTS** option)
|
||||||
- [Git](https://git-scm.com/downloads)
|
- [Git](https://git-scm.com/downloads)
|
||||||
- [Visual Studio Code](https://code.visualstudio.com)
|
- [Visual Studio Code](https://code.visualstudio.com)
|
||||||
- React Developer Tools for [Chrome](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en) or [Firefox](https://addons.mozilla.org/en-US/firefox/addon/react-devtools/)
|
- React Developer Tools for [Chrome](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en) or [Firefox](https://addons.mozilla.org/en-US/firefox/addon/react-devtools/)
|
||||||
|
|
||||||
### Installing and running the project
|
### Installing and running the project
|
||||||
|
|
||||||
|
#### 1. find a good terminal program, we're going to use it a LOT!
|
||||||
|
|
||||||
|
- On a PC, you can do this with `cmd.exe` (or some terminal programs such as [cmder](https://cmder.net/))
|
||||||
|
|
||||||
|
- On a Mac, bring up a Terminal (inside Applications folder).
|
||||||
|
|
||||||
|
- For those who really want something fancy looking: [hyper](https://hyper.is/)
|
||||||
|
|
||||||
|
#### 2. Type the following
|
||||||
|
|
||||||
|
```
|
||||||
|
git clone https://github.com/Microsoft/frontend-bootcamp.git
|
||||||
|
cd frontend-bootcamp
|
||||||
|
npm install
|
||||||
```
|
```
|
||||||
$ git clone https://github.com/Microsoft/frontend-bootcamp.git
|
|
||||||
$ cd frontend-bootcamp
|
|
||||||
$ npm install
|
|
||||||
|
|
||||||
# For day 1, steps 1-3
|
#### 3. Run the "inner loop" build
|
||||||
$ npm run static
|
|
||||||
|
|
||||||
# For the rest of the workshop
|
For steps 1-3 on Day 1:
|
||||||
$ npm start
|
|
||||||
|
```
|
||||||
|
npm run static
|
||||||
|
```
|
||||||
|
|
||||||
|
For everything else:
|
||||||
|
|
||||||
|
```
|
||||||
|
npm start
|
||||||
```
|
```
|
||||||
|
|
||||||
## Course material
|
## Course material
|
||||||
@@ -71,6 +92,7 @@ The demos and exercises for today are combined.
|
|||||||
9. [Redux: Thunk Middleware](step2-09)
|
9. [Redux: Thunk Middleware](step2-09)
|
||||||
|
|
||||||
### Additional resources
|
### Additional resources
|
||||||
|
|
||||||
- [MDN Web Docs](https://developer.mozilla.org/en-US/)
|
- [MDN Web Docs](https://developer.mozilla.org/en-US/)
|
||||||
- [React Docs](https://reactjs.org/docs/getting-started.html)
|
- [React Docs](https://reactjs.org/docs/getting-started.html)
|
||||||
- [Thinking in React](https://reactjs.org/docs/thinking-in-react.html)
|
- [Thinking in React](https://reactjs.org/docs/thinking-in-react.html)
|
||||||
@@ -78,10 +100,12 @@ The demos and exercises for today are combined.
|
|||||||
### Follow the authors!
|
### Follow the authors!
|
||||||
|
|
||||||
If you are interested in JavaScript, TypeScript, React, Redux, or Design Systems, follow us on Twitter:
|
If you are interested in JavaScript, TypeScript, React, Redux, or Design Systems, follow us on Twitter:
|
||||||
|
|
||||||
- [@kenneth_chau](https://twitter.com/kenneth_chau)
|
- [@kenneth_chau](https://twitter.com/kenneth_chau)
|
||||||
- [@micahgodbolt](https://twitter.com/micahgodbolt)
|
- [@micahgodbolt](https://twitter.com/micahgodbolt)
|
||||||
|
|
||||||
### Other projects from the UI Fabric team at Microsoft
|
### Other projects from the UI Fabric team at Microsoft
|
||||||
|
|
||||||
- [UI Fabric](https://developer.microsoft.com/en-us/fabric) - [github repo](https://github.com/officedev/office-ui-fabric-react)
|
- [UI Fabric](https://developer.microsoft.com/en-us/fabric) - [github repo](https://github.com/officedev/office-ui-fabric-react)
|
||||||
- [Just](https://microsoft.github.io/just): The task library that just works - [github repo](https://github.com/Microsoft/just)
|
- [Just](https://microsoft.github.io/just): The task library that just works - [github repo](https://github.com/Microsoft/just)
|
||||||
- [Rush](https://rushjs.io): A scalable monorepo manager for the web - [github repo](https://github.com/Microsoft/web-build-tools/)
|
- [Rush](https://rushjs.io): A scalable monorepo manager for the web - [github repo](https://github.com/Microsoft/web-build-tools/)
|
||||||
|
|||||||
Reference in New Issue
Block a user