jmlavoier

Raffa

Raffa, fiz um script pra trocar as peças do tabuleiro do Tornelo

Se quiser testar, cole no console do browser o codigo deste link. Depois crio a extensão que inverte o tabuleiro também. Até amanhã estará pronto.

jmlavoier

Essa comparação me retorna o que? 
`{} === {}`

O que é hoisting? Poderia me explicar o retornaria no console.log?
```js
function MyFunc() {
  console.log(x);
  
  let x = 'Front-End Test';

jmlavoier

page 12

Listing 1.4

in the book

is missed the function

var csv = (student) {
  return `${student.ssn}, ${student.firstname}, ${student.lastname}`;
};

jmlavoier

function solution(N) {
    // write your code in JavaScript (Node.js 8.9.4)
    //100100001001
    const binaryValue = N.toString(2);
    
    let start = false;
    let count = 0;
    let greater = 0;
    
    for (let i in binaryValue) {

jmlavoier

$superheroes: c3po, luke, r2d2, anakin;
@each $hero in $superheroes {
  .#{$hero} {
    background-image : url("#{$hero}.png");
  }
}

$breakpoints: (sm: 375px, md: 768px, lg: 1200px);
@each $size, $bp in $breakpoints {
  @media only screen and (min-width: $bp) {

jmlavoier

Flexbox

Container

display

This defines a flex container; inline or block depending on the given value. It enables a flex context for all its direct children.

.container {
 display: flex; /* or inline-flex */

jmlavoier

// formValidations.js

export const validateName = value => 
  (value && value[0] === '@') ? true : false;

export const validateSexo = value =>
  (value !== '') ? true : false;

export const validateAbout = value =>
  (value.length > 50) ? true : false;

jmlavoier

<div>
  <Field 
    component={InputField} <!-- component to render -->
    type="text" <!-- InputField particular prop -->
    name="name" <!-- commom prop for all -->
    validate={validateName} <!-- callback function with value -->
    value={this.state.name.value} <!-- state value -->
    isValid={this.state.name.isValid} <!--state bool isValid -->
    onChange={::this.handleChange('name')} <!-- handleChange the state -->
  />

jmlavoier

// Textarea.js

import React from 'react';

export const TextareaField = ({
  value,
  name,
  style,
  onChange,
}) => (

jmlavoier

// SelectField.js

import React from 'react';

export const SelectField = ({
  value, 
  name,
  type,
  options,
  style,