Curso de Frameworks y Librerías de JavaScript

Clases del Curso de Frameworks y Librerías de JavaScript

Instruido por:
Juan David Castro
Juan David Castro
Básico
4 horas de contenido
Ver la ruta de aprendizaje
Curso de Frameworks y Librerías de JavaScript

Curso de Frameworks y Librerías de JavaScript

Progreso del curso:0/28contenidos(0%)

Contenido del Curso
Tutoriales de estudiantes
Preguntas de estudiantes

Progreso del curso:0/28contenidos(0%)

Fundamentos del Desarrollo Web Profesional

Material Thumbnail

Cuándo necesitas un framework de JavaScript

08:14 min

Material Thumbnail

Qué son los componentes

08:34 min

Material Thumbnail

Cómo estructurar un componente

12:47 min

Material Thumbnail

Qué es reactividad

12:40 min

Material Thumbnail

Librerías vs. frameworks

Material Thumbnail

Ecosistema de frameworks y librerías JavaScript

15:32 min

Contexto y funcionamiento de los Frameworks JavaScript

Material Thumbnail

Qué es React y cómo se construyó

09:31 min

Material Thumbnail

Qué es un componente en React y cómo funciona

Material Thumbnail

Cómo usar React.js

13:29 min

Material Thumbnail

Manejo del estado en React

10:10 min

Material Thumbnail

Qué es Angular y cómo se construyó

11:53 min

Material Thumbnail

Cómo usar Angular

16:11 min

Material Thumbnail

Qué es Vue y cómo se construyó

05:43 min

Material Thumbnail

Cómo usar Vue.js

09:56 min

Material Thumbnail

Qué es Svelte y cómo se construyó

06:06 min

Material Thumbnail

Cómo usar Svelte

09:04 min

Estilos con CSS, preprocesadores y CSS-in-JS

Material Thumbnail

Qué es CSS-in-JS

06:48 min

Material Thumbnail

Componentes en Angular con CSS

11:27 min

Material Thumbnail

Trabajando con Vue Components

11:51 min

Material Thumbnail

Vue Components con Preprocesadores de CSS

14:31 min

Material Thumbnail

Trabajando en React con Styled Components

15:48 min

Material Thumbnail

Estilos dinámicos con Styled Components en React

09:13 min

Material Thumbnail

Trabajando en Svelte con Emotion

13:16 min

Cómo escalar sitios o aplicaciones web

Material Thumbnail

Tipos de aplicaciones según su router: SPAs vs. SSR

08:21 min

Material Thumbnail

Frameworks sobre frameworks: Next.js

15:53 min

Material Thumbnail

Organización de archivos en el frontend

08:32 min

Retos y análisis para elegir tu próximo stack de desarrollo frontend

01:25 min

Material Thumbnail

Cómo especializarte en Frameworks de JavaScript para Frontend

01:43 min

nuevosmás votadossin responder
santigo171
santigo171
Estudiante

Cuando abro la consola de CodeSandBox me aparece el siguiente error, no afecta en nada al funcionamiento de la aplicación, pero me gustaría saber por qué pasa:
Screenshot_48.jpg

Comparto mi código:

App.js

import MovieForm from"./MovieForm";

const movieList = [
  {
    name: "Avengers endgame",
    available: 5
  },
  {
    name: "Thor",
    available: 3
  }
];

exportdefaultfunctionApp() {
  return (
    <divclassName="App"><h1>Películas</h1>
      {movieList.map((movie) => (
        <MovieFormmovie={movie} />
      ))}
    </div>
  );
}

MovieForm.js

import React from"react";

exportdefaultfunctionMovieForm(props) {
  const [tickets, setTickets] = React.useState(0);
  const { movie } = props;

  return (
    <form><h3>{movie.name}</h3><div><buttononClick={() => setTickets(tickets - 1)}
          disabled={tickets === 0}
          type="button"
        >
          -
        </button><p>{tickets}</p><buttononClick={() => setTickets(tickets + 1)}
          disabled={movie.available === tickets}
          type="button" // Esta es la línea 22
        >
          +
        </button></div></form>
  );
}

1
Luis Alejandro Vera Hernandez
Luis Alejandro Vera Hernandez
Estudiante

No entendi esta linea, porque movieIndex va en corchetes?

this.movies[movieIndex].quantity += 1;
 

Es de esta funcion:

addMovieQuantity(movieName) {
    const movieIndex = this.movies.findIndex(
      (movie) => movie.name === movieName
    );

    this.movies[movieIndex].quantity += 1;
  }
1
gianccool
gianccool
Estudiante

Se podría realizar con Computed Properties, y como seria, agregando también la parte de available??

0
Rony Porraz Vargas
Rony Porraz Vargas
Estudiante

igual para el ssr aparte de nextjs y nuxtjs, se podria usar laravel junto con react o vue? o por ejemplo django con react o algo asi?

1
Hector Alexis Romero Morales
Hector Alexis Romero Morales
Estudiante

No me quedo tan claro cuál es la mejor forma de organizar los archivos
¿Cuál es la mejor estrategia para organizar los archivos y carpetas de tu aplicación?

2
Williams Tzoc Ixcoy
Williams Tzoc Ixcoy
Estudiante

¿Sacaran una ruta con Svelte 😃?

1
David Cruz Portilla
David Cruz Portilla
Estudiante

Hola a todos, estoy por realizar una webapp con JS Vanilla que incluye muchas peticiones a una API y varios features (como dicen gigante y robusta), pero no se como empezarlo. Alguien tiene algunos recursos que me comparta para tener mejor claridad?

1
lucascartisano
lucascartisano
Estudiante

En que momento platzi se transformó en una plataforma exclusiva para mujeres? Por que hay cursos como este que le hablan solo a las mujeres? A que se debe esa discriminación?

6
Juan David González Rodríguez
Juan David González Rodríguez
Estudiante

como se sabe si un componente esta en el virtual DOM 😄 ? o todos los componentes ya estan

1
JOSE DE JESUS USCANGA MOLINA
JOSE DE JESUS USCANGA MOLINA
Estudiante

y las ligas de los recursos ?

2