oguching

- [Bento](https://bento.io)  
- [Dash by GA](https://dash.generalassemb.ly)

oguching

• https://tylermcginnis.com/react-elements-vs-react-components/
• Build React App Tutorial
• https://roadtoreact.com/my-courses
• https://fullstackreact.com/30-days-of-react/
• Pro tips from react developers
• 5 things about React Components
• https://egghead.io/courses/the-beginner-s-guide-to-react
• React Internals
• How to write better React code
• 6 Pro tips for getting better at React video

oguching

body {
   font-family: Verdana;
  }
  h1, h2, h3 {
   color: darkblue;
  }
  .rating-circle {
   height: 2em;
   width: 2em;
   border: .1em solid black;

oguching

Responsive Web Design begins with 1. Fluid Grids 2. Flexible Imagery and 3. Media Queries.

As the viewport gets narrower, the height increases to accomodate the content. It is important to allow the content flow naturally. This starts by having scalable units like ems and rems.

• Ems are the relative units of measure which can be used to change the size of typography in relation to the element in which it's contained.
• Rems on the other hand are similar, but they conform to size of the Root element, as in the top level of HTML, instead of the element containing the typeface.

oguching

const students = [
  {
  	name: "Anna",
  	sex: "f",
  	grades: [4.5, 3.5, 4]
  },
  {
  	name: "Dennis",
  	sex: "m",

oguching

var app = new Vue({
  el: '#quotesApp',
  data: {
    quotesList: [
      {id:0, 
       quote: 'it takes two to tango', 
       by: 'Louis Armstrong'},
      {id:1, quote: "let's call the whole thing off",
      by: 'James Dean'}
    ]

oguching

THis is a thought experiment. What makes up a blog engine? What parts do you need?

Requirements

• Said blog engine (BE) should have posts written in md or txt.
• Design with CSS, SCSS, HTML
• Barebones, light, simple, boring
• Export HTML, CSS, JS. Static assets that can be hosted anywhere
• generate RSS.

oguching

<div id="container">
  <div class="logo">
    <div id="form-container">
      <form action="#">
        <div class="mb20">
          <label for="nameInput"><strong>Name</strong></label>
        <input type="text" placeholder="name" name="nameInput">
        </div>
        
        <div class="mb20">

oguching

It's 2017 and I'm learning Backbone. Call it JavaScript fatigue or whatever. So Backbone is really simple, very small codebase and API. There'not much to know beyond Models, Collections, Views and Routers. No transpiling, Babel, Webpack nightmare, just simple HTML, CSS and JavaScript files like the good old days.

I like to see things on a screen. So While Backbone allows views to react to change in the model and render that change, I, as a learner just want to see something on screen. This has turned out to be an exercise. It took me longer than I care to admit to understand how to get Backbone to just show Hellow Nurseon the screen.

oguching

<?php
            require dirname(__FILE__) . 'SecurityHelper.php';

            $nonce = SecurityHelper::generateRandomString();
            $client_id = "mywebsite.com";
            $shared_secret_key = "KEY_PROVIDED_BY_ISW";
            $api_base = "https://paywith.quickteller.com/api/v1";
            $endpoint = "/Transaction.json/";
            $url = $api_base . $endpoint;
            $params = array("transactionRef" => $tx_ref);