What can you make with this?

• CRUD Applications 

  • Create (POST)

  • Read (GET)

  • Update (PUT)

  • Delete (DELETE)

• 95% + of all applications we use today
• Backbone to any good application

COURSE Core Technologies

Google's Firebase

• Real time NoSQL Database
• Cloud Functions
• 'Serverless' Code
• Very Easy To Get Started - Difficult to Master

FaceBook's React.js

• Component Based Frontend JS Framework
• Huge online community
• Easy To Learn
• Best In Breed Approach

Why these technologies?

CORE COURSE PRINCIPLES

JSX

• Virtual DOM Technology

• HTML in JS 😲

• ES6 Syntax

HTTP Calls & Status Codes

• HTTP vs HTTPS calls in the context of a web application
• HTTP Status Codes

import React from 'react';

export default (props) => {
  return (
    <h1>{props.title}</h1>
    );
};

1xx Informational responses.
2xx Success.
3xx Redirection.
4xx Client errors.
5xx Server errors.

CORE COURSE PRINCIPLES

JSON Files (Read & Write)

• Array of objects
• Key Value Pairing
• Serialization
• Reading through JSON

{
    "glossary": {
        "title": "example glossary",
		"GlossDiv": {
            "title": "S",
			"GlossList": {
                "GlossEntry": {
                    "ID": "SGML",
					"SortAs": "SGML",
					"GlossTerm": "Standard Generalized Markup Language",
					"Acronym": "SGML",
					"Abbrev": "ISO 8879:1986",
					"GlossDef": {
                        "para": "A meta-markup language, used to create markup languages such as DocBook.",
						"GlossSeeAlso": ["GML", "XML"]
                    },
					"GlossSee": "markup"
                }
            }
        }
    }
}

COURSE BREAK DOWN

• Module 1 (Firebase Principles & The Backend Web)
  • Firebase Schema
  • Cloud Functions
  • HTTP Requests (GET, POST, PUT, DELETE)
• Module 2 (All Things React)
  • React/Redux
  • Reading JSON Files
• Module 3 (Connecting Front End to Back End)
  • API Calls
  • Mapping Functions
  • HTTPs Calls

FIRE BASE & REACT IN ACTION

Learing Objectives (Module 1)

Learing Objectives (Module 2)

Learing Objectives (Module 3)