Skip to content
This repository was archived by the owner on Sep 1, 2022. It is now read-only.

Commit f12ba06

Browse files
authored
Merge pull request #57 from githubtraining/update-course-details
Update course details
2 parents c571217 + a3ab08d commit f12ba06

File tree

2 files changed

+34
-10
lines changed

2 files changed

+34
-10
lines changed

config.yml

-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
title: Introduction to React
2-
tagline: Take your first steps in modern frontend development
32
description: In this course, you will learn the basics of React.js through building a gradebook web application to manage assignments, students, and grades.
43
template:
54
name: intro-react

course-details.md

+34-9
Original file line numberDiff line numberDiff line change
@@ -12,17 +12,42 @@ If you understand the topics above, you can start learning modern frontend devel
1212

1313
So why do we learn React?
1414

15-
React has growing popularity in the tech industry because of its simplicity. With a simple knowledge of HTML and JavaScript, picking up React shouldn't be too bad.
15+
React has growing popularity in the tech industry because of its simplicity. With a simple knowledge of HTML and JavaScript, picking up React won't be too difficult.
1616

17-
### What we will be building
1817

19-
So what are we going to be building today? We are going to build a gradebook for teachers! Take a look at [our solution](https://githubtraining.github.io/react-solution/) to see how the finished app looks.
18+
## What you'll learn
2019

21-
You will be able to add assignments:
22-
![Finished Assignments](https://user-images.githubusercontent.com/25253905/61293228-11f26580-a788-11e9-90ac-9612c2bddf6b.png)
20+
We'll answer common questions like:
21+
- How do you setup a React project?
22+
- What is a component and how are they used?
23+
- How do you add components?
24+
- How is data passed to child components?
25+
- How are state variables created and used?
26+
- What is a callback function and how is it used to communicate data?
2327

24-
You will be able to add students:
25-
![Finished Students](https://user-images.githubusercontent.com/25253905/61293769-46b2ec80-a789-11e9-88b3-c660f436f5bf.png)
28+
And when you're done you'll be able to:
29+
- Setup a React project
30+
- Add and use components
31+
- Pass data to child components
32+
- Use state variables
33+
- Use callback functions to communicate data
2634

27-
You will be able to assign grades to those students for each assignment:
28-
![Finished Grades](https://user-images.githubusercontent.com/25253905/61295315-9810ab00-a78c-11e9-8bcb-f3e3bb87b2be.png)
35+
## What you'll build
36+
We'll be building a gradebook for teachers!
37+
![gradebook](https://user-images.githubusercontent.com/57373296/75573382-b92bc080-5a2a-11ea-87f8-afa4effedaa3.gif)
38+
39+
- Completed [source repository](https://github.com/githubtraining/react-course)
40+
- Completed [Gradebook](https://githubtraining.github.io/react-solution/).
41+
42+
## Prerequisites
43+
Before starting this course, we recommend:
44+
- Completing the [Introduction to GitHub Learning Lab](https://lab.github.com/githubtraining/introduction-to-github) with the option for working locally in the command line.
45+
- Completing the [Introduction to HTML Learning Lab](https://lab.github.com/githubtraining/introduction-to-html/)
46+
47+
48+
## Projects used
49+
- This course uses [node.js](https://nodejs.org/en/download/) We'll install this as part of the first step in the course.
50+
51+
## Audience
52+
53+
New developers, new GitHub users, users new to Git, students, teams

0 commit comments

Comments
 (0)