DiegoPinho

const VideoGame = {
  modelo: 'PlayStation',
  fabricante: 'Sony',
  midia: 'Blu-Ray',
  armazenamento: '1TB',
  controles: 2,
  preco: 'R$ 2000.00'
}

const {modelo, fabricante} = VideoGame;

DiegoPinho

// JS
https://code.jquery.com/jquery-1.11.0.min.js
https://code.jquery.com/jquery-migrate-1.2.1.min.js
https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.7.1/slick.js

// CSS
https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.7.1/slick.css
https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.7.1/slick-theme.css

DiegoPinho

<div class="carousel">
  <div><img src="https://s26.postimg.org/labezuy7d/image.jpg" alt="js" /></div>
  <div><img src="https://s26.postimg.org/qzrnk64dl/image.jpg" alt="java" /></div>
  <div><img src="https://s26.postimg.org/uxex9kr6x/image.jpg" alt="python"/></div>
  <div><img src="https://s26.postimg.org/oas9ge9ih/image.jpg" alt="kotlin" /></div>
  <div><img src="https://s26.postimg.org/z7tl55wa1/image.jpg" alt="scala" /></div>
  <div><img src="https://s26.postimg.org/t85u1ibhl/image.jpg" alt="C#" /></div>
  <div><img src="https://s26.postimg.org/lhz1wd961/image.jpg" alt="PHP" /></div>
  <div><img src="https://s26.postimg.org/ip5ucc8tl/image.jpg" alt="dotnet" /></div>
</div>

DiegoPinho

$('.carousel').slick({
  dots: true,
  infinite: true,
  speed: 500,
  slidesToShow: 4,
  slidesToScroll: 4,
});

DiegoPinho

USE MASTER; --Para retirar o LOG que por acaso tenha sido feito em DBADMESCOLA

DROP DATABASE DBADMESCOLA; --Se essa linha der erro, é sinal que este Banco de Dados não existe na sua máquina. Execute a próxima linha

CREATE DATABASE DBADMESCOLA; --Com essa linha criamos o banco de dados
USE DBADMESCOLA; --Com esta, todos os próximos scripts serão criados em DBADMESCOLA

--As próximas linhas podem ser executadas todas ao mesmo tempo
CREATE TABLE TB_PESSOA
(CO_SEQ_PESSOA NUMERIC(6,0) IDENTITY NOT NULL,

DiegoPinho

USE DBADMESCOLA; --Com esta, todos os próximos scripts serão criados em DBADMESCOLA

--As próximas linhas podem ser executadas todas ao mesmo tempo
--TB_PESSOA
INSERT INTO TB_PESSOA (NU_MATRICULA, NO_PESSOA) VALUES ('010001', 'MAYANA');
INSERT INTO TB_PESSOA (NU_MATRICULA, NO_PESSOA) VALUES ('010002', 'KATIUSCIA');
INSERT INTO TB_PESSOA (NU_MATRICULA, NO_PESSOA) VALUES ('010003', 'GRACIANA');
INSERT INTO TB_PESSOA (NU_MATRICULA, NO_PESSOA) VALUES ('010004', 'MARCELO');
INSERT INTO TB_PESSOA (NU_MATRICULA, NO_PESSOA) VALUES ('010005', 'ARLETE');
INSERT INTO TB_PESSOA (NU_MATRICULA, NO_PESSOA) VALUES ('010006', 'WILLIAM');

DiegoPinho

{
    "type": "class",
    "path": "./src/components",
    "jsExtension": "js",
    "cssExtension": "scss",
    "includeTests": false,
    "includeStories": false,
    "indexFile": false,
    "connected": false,
    "componentMethods": [

DiegoPinho

const modal = document.getElementById('modal');

class Modal extends React.Component {
  constructor(props) {
    super(props);
    this.el = document.createElement('div');
  }

  componentDidMount() {
    modal.appendChild(this.el);

DiegoPinho

class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {showModal: false};
    this.mostraModal = this.mostraModal.bind(this);
    this.escondeModal = this.escondeModal.bind(this);
  }

  mostraModal() {
    this.setState({showModal: true});

DiegoPinho

import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
import Espelho from './Espelho';

class App extends Component {
  
  constructor(props) {
    super(props);
    this.state = {