API tools faq
paste
Advertisement
javidocente

Aprende React Desde Cero - Curso de React Con Proyectos

javidocente
Jan 20th, 2023 (edited)
140
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.18 KB | Source Code | 0 0
raw download clone embed print report
  1. ENLACE: https://www.youtube.com/watch?v=6Jfk8ic3KVk&list=PLbaI3dQZLK5BtbhnPRflnjMZLmCFThOoI&index=13
  2.  
  3. ⭐️ Contenido ⭐️
  4.  
  5. 00:00:00 Introducción
  6. 00:00:36 Proyectos
  7. 00:02:20 Estructura del curso
  8. 00:04:05 Conocimiento previo necesario para el curso
  9. 00:04:45 ¿Qué es React? Ventajas de React
  10. 00:07:49 Conceptos Básicos para React
  11. 00:23:52 Descargar e Instalar Node.js
  12. 00:28:58 Documentación Oficial de React
  13.  
  14. 🔹 Introducción a JSX
  15. 00:29:35 ¿Qué es JSX?
  16. 00:34:18 Elemento en React
  17. 00:34:51 Diferencias entre elemento y componente
  18. 00:36:19 Introducción a react-dom y DOM
  19. 00:38:09 Elementos HTML que se pueden usar
  20. 00:39:05 Cómo reconocer elementos y componentes
  21. 00:40:09 Atributos
  22. 00:47:45 Estructura JSX con elementos anidados
  23. 00:49:01 Cómo renderizar componentes y elementos
  24. 00:52:47 Self-closing tags
  25. 00:53:59 Insertar JavaScript en JSX
  26.  
  27. 🔹 Estructura Inicial
  28. 00:56:59 Crear la Estructura Básica con create-react-app.
  29.  
  30. 🔹 Proyecto 1: Clon de Testimonios de freeCodeCamp
  31. 01:26:22 Inicio del Proyecto
  32. 01:26:55 Crear la Estructura Inicial
  33. 01:29:27 Identificar los Componentes
  34. 01:32:04 Crear un Componente
  35. 01:42:28 Preparar el Proyecto
  36. 01:50:17 Mostrar un Componente
  37. 01:53:14 Importar un Componente
  38. 01:54:40 Exportar un Componente
  39. 01:58:28 Herramientas de React
  40. 01:59:16 Exportación Nombrada
  41. 02:01:26 Asignar Estilos con CSS
  42. 02:21:01 Recibir props en un Componente
  43. 02:25:59 Pasar props a un Componente
  44. 02:29:32 Personalizar la Imagen
  45. 02:36:56 Texto en Negrita
  46. 02:42:07 Revisión Final y Herramientas de React
  47.  
  48. 🔹 Proyecto 2: Contador de Clics
  49. 02:49:19 Inicio del Proyecto
  50. 02:50:56 Crear la aplicación
  51. 02:53:32 Prepara el proyecto
  52. 02:55:58 Importar imágenes
  53. 03:00:06 Asignar Estilos con CSS
  54. 03:05:07 Crear el Botón
  55. 03:06:45 props del Botón
  56. 03:07:21 Sintaxis de Desestructuración
  57. 03:08:31 Clase Basada en Condición
  58. 03:11:46 Asignar Event Listener
  59. 03:14:50 Crear los Botones
  60. 03:17:39 Definir función en un componente
  61. 03:20:15 Pasar función como prop
  62. 03:24:36 Probar las funciones
  63. 03:25:28 Estilos para los botones
  64. 03:31:04 Componente contador
  65. 03:33:40 Agregar el contador
  66. 03:39:05 Herramientas de React
  67. 03:39:37 Actualizar el contador
  68. 03:49:29 Retos y Comentarios Finales
  69.  
  70. 🔹 Proyecto 3: Calculadora Interactiva
  71. 03:52:03 Inicio
  72. 03:53:32 Crear la aplicación
  73. 03:55:30 Adaptar el proyecto
  74. 03:58:25 Comenzar el proyecto
  75. 04:05:23 Contenedor principal
  76. 04:08:16 Estructura de la calculadora
  77. 04:09:43 Crear los componentes
  78. 04:11:27 props.children
  79. 04:15:20 Atributos de Botón
  80. 04:19:15 Definir una Función
  81. 04:21:06 Probar el Botón
  82. 04:24:11 Estilo para el Botón
  83. 04:29:03 Crear los Botones
  84. 04:33:37 Componente Pantalla
  85. 04:38:37 Estilo para la pantalla
  86. 04:43:06 Botón clear
  87. 04:46:56 Estilo para el botón clear
  88. 04:51:08 Mostrar input en la pantalla
  89. 04:55:31 Asignar event listener
  90. 05:02:44 Event Listener para el botón clear
  91. 05:06:38 Calcular el resultado
  92. 05:13:52 Manejar input vacío
  93. 05:17:48 Retos y comentarios finales
  94.  
  95. 🔹 Proyecto 4: Aplicación de Tareas
  96. 05:26:43 Inicio del Proyecto
  97. 05:28:22 Crear la aplicación
  98. 05:30:44 Adaptar el proyecto
  99. 05:33:22 Logo y color de fondo
  100. 05:37:02 Estilo inicial
  101. 05:41:38 Lista de tareas
  102. 05:45:09 Confirmar familia tipográfica
  103. 05:46:10 Componente tarea
  104. 05:50:00 Estilo para tarea
  105. 05:55:59 react-icons
  106. 06:03:18 props completada
  107. 06:05:23 Estilo para tarea completada
  108. 06:07:09 Componente formulario
  109. 06:10:30 Estilo para el formulario
  110. 06:14:12 Agregar un formulario
  111. 06:15:42 Componente lista de tareas
  112. 06:17:07 Fragmentos
  113. 06:19:11 Estilo para lista de tareas
  114. 06:21:51 Estado de lista de tareas
  115. 06:23:30 Mostrar la lista de tareas
  116. 06:26:28 Nuevos props para tarea
  117. 06:30:32 Agregar tarea
  118. 06:34:22 Manejar cambio
  119. 06:39:59 Manejar envío
  120. 06:43:29 Generar ids para las tareas
  121. 06:52:39 Key para cada tarea
  122. 06:54:47 Colores para las tareas
  123. 06:56:27 Actualización Automática
  124. 06:57:29 Eliminar tarea
  125. 07:00:37 Tarea Completada
  126. 07:04:56 Retos y comentarios finales
  127.  
  128. 🔹 Componentes de Clase
  129. 07:11:58 Introducción a los componentes de clase
  130. 07:29:25 Proyecto testimonios freeCodeCamp con componentes de clase
  131. 07:42:34 Proyecto contador de clics con componentes de clase
  132. 08:10:16 Final de curso
Tags: react
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!