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

Update course details #57

Merged
merged 5 commits into from
Feb 28, 2020
Merged
Show file tree
Hide file tree
Changes from 2 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
1 change: 0 additions & 1 deletion config.yml
Original file line number Diff line number Diff line change
@@ -1,5 +1,4 @@
title: Introduction to React
tagline: Take your first steps in modern frontend development
description: In this course, you will learn the basics of React.js through building a gradebook web application to manage assignments, students, and grades.
template:
name: intro-react
Expand Down
38 changes: 35 additions & 3 deletions course-details.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,11 +12,28 @@ If you understand the topics above, you can start learning modern frontend devel

So why do we learn React?

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.
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.

### What we will be building

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.
## What you'll learn

We'll answer common questions like:
- How do you setup a React project?
- What is a component and how are they used?
- How do you add components?
- How is data passed to child components?
- How are state variables created and used?
- What is a callback function and how is it used to communicate data?

And when you're done you'll be able to:
- Setup a React project
- Add and use components
- Pass data to child components
- Use state variables
- Use callback functions to communicate data

## What you'll build
We'll be building a gradebook for teachers!

You will be able to add assignments:
![Finished Assignments](https://user-images.githubusercontent.com/25253905/61293228-11f26580-a788-11e9-90ac-9612c2bddf6b.png)
Expand All @@ -26,3 +43,18 @@ You will be able to add students:

You will be able to assign grades to those students for each assignment:
![Finished Grades](https://user-images.githubusercontent.com/25253905/61295315-9810ab00-a78c-11e9-8bcb-f3e3bb87b2be.png)


- Completed [source repository](https://github.com/githubtraining/react-course)
- Completed [Gradebook](https://githubtraining.github.io/react-solution/).

## Prerequisites
Before starting this course, we recommend completing the [Introduction to GitHub Learning Lab](https://lab.github.com/githubtraining/introduction-to-github) first with the option for working locally in the command line.


## Projects used
- This course uses [node.js](https://nodejs.org/en/download/) We'll install this as part of the first step in the course.

## Audience

New developers, new GitHub users, users new to Git, students, teams