Volver a Curso
Curso profesional de React
0% Completado
0/0 Steps
-
Antes de iniciar el curso.
0.- Antes de iniciar el curso -
Curso profesional de React1.- ¿Qué es React?4 Temas|1 Cuestionario
-
2.- ¿Cómo funcionan las apps web?5 Temas|1 Cuestionario
-
3.- Instalación y configuración de herramientas5 Temas|1 Cuestionario
-
4.- Fundamentos de desarrollo web - HTML8 Temas|1 Cuestionario
-
4.1.- ¿Qué es y para qué sirve HTML?
-
4.2.- Hola mundo en HTML
-
4.3.- Maquetando un sitio web Pt 1 (Header, Main, Footer)
-
4.4.- Maquetando un sitio web Pt 2 (Etiquetas para texto, imágenes)
-
4.5.- Maquetando un sitio web Pt 3 (Hipervínculos)
-
4.6.- Maquetando un sitio web Pt 4 (Contenedores)
-
4.7.- Maquetando un sitio web Pt 5 (Formularios)
-
4.8.- BONUS - Radio, CheckBox y Select
-
4.1.- ¿Qué es y para qué sirve HTML?
-
5.- Fundamentos de desarrollo web - CSS8 Temas|1 Cuestionario
-
5.1.- ¿Qué es y para qué sirve CSS?
-
5.2.- Formas de utilizar CSS
-
5.3.- Agregando estilos al sitio web Pt 1 (Texto, colores, imágenes)
-
5.4.- Agregando estilos al sitio web Pt 2 (Márgenes, posiciones)
-
5.5.- Agregando estilos al sitio web Pt 3 (Display y flex)
-
5.6.- Agregando estilos al sitio web Pt 4 (Media queries)
-
5.7.- Agregando estilos al sitio web Pt 5 (Animaciones y transiciones)
-
5.8.- BONUS - Frameworks y librerías CSS
-
5.1.- ¿Qué es y para qué sirve CSS?
-
6.- Fundamentos de desarrollo web - Javascript8 Temas|1 Cuestionario
-
6.1.- ¿Qué es y para qué sirve Javascript?
-
6.2.- Intro a Javascript(variables, tipos de datos, operaciones aritméticas
-
6.3.- Intro a Javascript (Condicionales)
-
6.4.- Intro a Javascript (Ciclos)
-
6.5.- Intro a Javascript (Arreglos)
-
6.6.- Intro a Javascript (Objetos)
-
6.7.- Intro a Javascript (Programación Orientada a Objetos)
-
6.8.- Utilizando Javascript para manipular el DOM
-
6.1.- ¿Qué es y para qué sirve Javascript?
-
7.- Creación y configuración de proyecto de React4 Temas|1 Cuestionario
-
8.- Componentes en React9 Temas|1 Cuestionario
-
9.- Creando una aplicación web con React - App de películas - Pt. 17 Temas
-
9.1.- Creación de proyecto, instalación de librerías, configuración de carpetas
-
9.2.- Configuración de Rutas (react-router-dom)
-
9.3.- Creación de Header y Footer
-
9.4.- Estilizando el header
-
9.5.- Estilizando el footer
-
9.6.- Creación de la homepage
-
9.7.- BONUS - Formas de agregar CSS a una app de React
-
9.1.- Creación de proyecto, instalación de librerías, configuración de carpetas
-
10.- Creando una aplicación web con React - App de películas - Pt. 28 Temas
-
10.1.- ¿Qué es una API? Pt. 1
-
10.2.- ¿Qué es una API? Pt. 2
-
10.3.- Promesas en JS y consumiento API (GET) Pt. 1
-
10.4.- Promesas en JS y consumiento API (GET) Pt. 2
-
10.5.- Creando lista de películas Pt.1
-
10.6.- Creando lista de películas Pt.2
-
10.7.- Creando detalle de película Pt.1
-
10.8.- Creando detalle de película Pt.2
-
10.1.- ¿Qué es una API? Pt. 1
-
11.- Creando una aplicación web con React - App de películas - Pt. 38 Temas
-
11.1.- Creación de componente de añadir película (Pt. 1)
-
11.2.- Creación de componente de añadir película (Pt. 2)
-
11.3.- Creación de componente de añadir película (Pt. 3)
-
11.4.- Creación de componente de añadir película (Pt. 4)
-
11.5.- Creación de componente de añadir película (Pt. 5)
-
11.6.- Editar películando utilizando mismo componente de Formulario (Pt.1)
-
11.7.- Editar películando utilizando mismo componente de Formulario (Pt.2)
-
11.8.- Eliminar película
-
11.1.- Creación de componente de añadir película (Pt. 1)
-
12.- Publicación de una app de React2 Temas
-
13.- Encuesta
-
14.- Despedida
Participantes 229
Lección Progreso
0% Completado
objects.js
/* =================== OBJECTS ========================= */
let person = {
name: "Martín",
lastName: "Melo Godínez",
age: 22,
email: "martin.melo.dev.97@gmail.com",
gender: "Male",
password: "contraseña1234$"
}
console.log(person)
// console.log("Nombre de la persona: " + person.name + " " + person.lastName)
// ES6 -> template string
console.log(`Nombre de la persona: ${person.name} ${person.lastName}`)
const attribute = "gender"
console.log(`Correo electrónico: ${person[attribute]}`)
// Nested objects
const perfil = {
dateBirth: '1997-03-21',
address: 'Pachuca, Hidalgo',
user: {
name: "Martín",
lastName: "Melo Godínez",
age: 22,
email: "martin.melo.dev.97@gmail.com",
gender: "Male",
password: "contraseña1234$"
},
payments: [
2000.15,
3000.10,
500.10
]
}
// Imprimir la edad de la persona
console.log("Edad:", perfil.user.age)
// Acceder al segundo pago de el arreglo payments de la persona
console.log("Segundo pago", perfil.payments[1])
// Convert object to array
// Mostrar los atributos que hay en mi objeto
console.log("ObjectsKeys", Object.keys(person))
console.log("ObjectValues", Object.values(person))
console.log("ObjectEntries", Object.entries(person))
console.log("Contraseña", Object.entries(person)[5][1])