spa-notes.md

• What does MVC stand for? What is MVC?

  • Model, View, Controller

  • Pattern - Design Pattern

  • A way to present information to a user

  • A way to seperate an application

    • Separates an application into 3 parts
    • Allow different information to be accessed by different

  • Controller manipulates Model

  • View - view and input - user interaction

  • Model

    • Data - a pure data representation of your application
      • POJO - plain old javascript object

  • View

    • What the user sees.
    • What the user interacts with.

  • Controller

    • The mediator
    • In between the model and the view
      • Takes updates from user interaction and updates the model
      • Takes updates to data and reflects that in the view

• What is a SPA?

  • Single Page Application
  • What does that mean?
    • Single HTML page
      • The layout - header, footer
    • Main/View Area
      • JS dynamically loads/unloads content into this area

• What is a frontend framework? Why is it useful?

  • Angular
  • React - in between a library and a framework
  • Vue.js
  • Ember

• What is application state?

  • State
    • all the variables, information associated with the app
  • Application state
    • the current "state" of things at any point in time

• What is a component?

  • A part of a whole
  • Examples
    • Logo
    • NavBar
    • LandingPage
    • Chart
    • InfoCircle

• What are props?

  • Props -> properties
  • Inputs
  • How do they relate to components?
    • Make them re-usable
    • Allows components to get data from a parent component

• What is unidirectional data flow?

  • Water
    • How data flows down, from parent to child, step by step
  • Data only goes in one direction

• What are some other frontend javascript SPA frameworks?

  • knockout.js
  • polymer
  • backbone.js
  • spine
  • taste.js
  • airelia

• CSS Frameworks

  • Bootstrap
  • Materialize