sergiecode

Instalaciones necesarias para curso GIT & GITHUB

• GOOGLE CHROME (NAVEGADOR)
• VISUAL STUDIO CODE (Editor Código)
• GIT (manejador de versiones)

Instalaciones opcionales relacionadas

• Github Desktop
• Git Kraken Client

Klerith

Instalación y configuracion de Jest + React Testing Library

En proyectos de React + Vite

1. Instalaciones:

yarn add --dev jest babel-jest @babel/preset-env @babel/preset-react 
yarn add --dev @testing-library/react @types/jest jest-environment-jsdom

2. Opcional: Si usamos Fetch API en el proyecto:

Klerith

Instalaciones recomendadas - Curso de Git y GitHub

1. VSCode - Visual Studio Code

2. Google Chrome

3. Git

Extensiones de VSCode

codigoconjuan

<ul>
    <li>
        <p>Café Latte <span>Café Espresso con leche caliente evaporada</span> </p>
        <p class="precio">$25</p>
    </li>
    <li>
        <p>Café Mocha <span>Espresso con crema batida</span> </p>
        <p class="precio">$30</p>
    </li>
    <li>

codigoconjuan

(function (document) {
  var checkCount = 0,
    formatFound = false;

  function setHTMLClass(height, className) {
    checkCount++;
    if (height == 2) {
      formatFound = true;
      document.documentElement.className += " " + className;
    } else {

codigoconjuan

        INSERT INTO reservaciones (nombre, apellido, hora, fecha, servicios) VALUES
        ('Juan', 'De la torre', '10:30:00', '2021-06-28', 'Corte de Cabello Adulto, Corte de Barba' ),
        ('Antonio', 'Hernandez', '14:00:00', '2021-07-30', 'Corte de Cabello Niño'),
        ('Pedro', 'Juarez', '20:00:00', '2021-06-25', 'Corte de Cabello Adulto'),
        ('Mireya', 'Perez', '19:00:00', '2021-06-25', 'Peinado Mujer'),
        ('Jose', 'Castillo', '14:00:00', '2021-07-30', 'Peinado Hombre'),
        ('Maria', 'Diaz', '14:30:00', '2021-06-25', 'Tinte'),
        ('Clara', 'Duran', '10:00:00', '2021-07-01', 'Uñas, Tinte, Corte de Cabello Mujer'),
        ('Miriam', 'Ibañez', '09:00:00', '2021-07-01', 'Tinte'),

Klerith

Tarea

1. Crear un nuevo componente dentro de la carpeta SRC llamado CounterApp

2. El CounterApp debe de ser un Functional Component

3. El contenido del CounterApp debe de ser:

CounterApp

Klerith

const heroes = [
    {
        id: 1,
        name: 'Batman',
        owner: 'DC'
    },
    {
        id: 2,
        name: 'Spiderman',
        owner: 'Marvel'