App development

Webapps with React/JS

The Xbot App team primarily uses React and Javascript to make applications for the team like the Scouting app.

These are very popular tools for making apps and learning them can both enable you to build cool projects in the short-run and set you up for getting paid real money in a job if you want to later.

Learning path

In order to start making apps with React, there are a few pre-reqs you should learn about first. If you already know what's listed feel free to skip these steps.

HTML

• Learning goal: What is html, what is it used for? What is an element? What is an attribute?
• https://www.codecademy.com/learn/learn-html
  • Complete at least first section “Introduction to HTML”

CSS

• Learning goal: What is CSS? How do you use it to change how HTML looks?
• https://www.codecademy.com/learn/learn-css
  • Complete at least the first section “Setup and Syntax”

Basic Javascript

• Learning goal: Variables, functions, ifs, loops
• https://www.codecademy.com/learn/introduction-to-javascript
  • Complete section 1-4 (through to Functions)

Learning React itself

• Learning goal: What is a Component? How can we store state information in the app? How do we react to user events like clicking a button to do something?
• https://www.codecademy.com/learn/react-101
  • Complete section 1-4 (through to Hooks)

Scouting webapp

Once you have a handle on some of these fundamentals, talk to a mentor about how to start contributing to team apps with some good beginner tasks.