Skip to content

Learning Resources

Josue Rios edited this page Oct 26, 2020 · 2 revisions

Learning Resources

This page captures resources to look at to familiarize yourself with the various tools/languages/libraries used in this project.

Git/GitHub

https://www.atlassian.com/git/

https://guides.github.com/

Suggestions

  1. For complete beginners, explore around the Beginner tutorials to get a basic understanding of what Git is and why we use it.
  2. Explore the Getting Started tutorials to learn how to make and undo changes.
  3. Explore the Collaborating tutorials to understand how collaboration works.
    • Note: The tutorial assumes you're using BitBucket but we're actually using GitHub. It's ok to skip those parts.
  4. Explore the GitHub Guides to understand how to use GitHub

HTML/CSS/JavaScript

https://developer.mozilla.org/en-US/

Suggestions

  1. For beginners check out the Learn page. Use the Where to start section to identify where to go next.
  2. Once you're comfortable with the basics of JavaScript, check out the JavaScript Guide to get an overview of the language.
    • Play around with JavaScript in your browser's console to solidify your understanding.
    • It's ok if some of the concepts don't make sense immediately. Maybe take quick note of the page and come back to it later when it becomes relevant.
  3. Feel free to explore other guides, such as Client-side JavaScript frameworks. MDN also has some guides on topics relevant to our project such as React and Git.

Additionally refer to the Reference docs as you work with HTML/CSS/JavaScript.

React

https://reactjs.org/

The Getting Started page is good place to start.

Prerequisites

Familiarity with HTML/CSS/JavaScript

Suggestions

  1. Read through the Main Concepts to get a high level understanding of React concepts
    • Each page builds upon concepts introduced in previous pages.
    • Throughout these docs you'll find Try it on CodePen links to examples. Play with these to better understand how they work.
    • Too hard or too much information? Try one of the following:
      • Reading this overview and walkthrough of React for complete beginners covering the essentials and then coming back
      • Walking through the Tutorial (next step) and coming back once you're ready to learn more concepts
  2. Walk through the Tutorial to build an interactive React app
  3. Feel free to explore other guides or take note of the ones that might become relevant.

Additionally refer to the API Reference docs as you work with React.

React Router

https://reactrouter.com/web

Prerequisites

Familiarity with React

Suggestions

  1. Read through the Guides to get a high level understanding of React Router
  2. Play with the Examples to solidify your understanding

Additionally refer to the API Reference docs as you work with React Router.

Material Design

https://material.io/

Material UI

https://material-ui.com/

TypeScript

https://www.typescriptlang.org/

Testing Libary

https://testing-library.com/

Firestore

https://firebase.google.com/docs/firestore

Firebase Auth

https://firebase.google.com/docs/auth

Firebase Hosting

https://firebase.google.com/docs/hosting

Clone this wiki locally