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 7,
Tema 7
En progreso
6.7.- Intro a Javascript (Programación Orientada a Objetos)
Angel Sánchez 26 abril, 2025
Lección Progreso
0% Completado
oop.js
class Phone {
constructor(number, color, networkProvider, company) {
console.log("Cada que se instancie un objeto, entra al constructor")
this.number = number
this.color = color,
this.networkProvider = networkProvider,
this.company = company
}
// Getters
getNumber() {
return this.number
}
getColor() {
return this.color
}
getNetworkProvider() {
return this.networkProvider
}
getCompany() {
return this.company
}
// Setters
setNumber(number) {
this.number = number
}
setColor(color) {
this.color = color
}
setNetworkProvider(networkProvider) {
this.networkProvider = networkProvider
}
setCompany(company) {
this.company = company
}
getInfo() {
console.log("Información de este celular")
console.log(`Número telefónico: ${this.getNumber()}`)
console.log(`Color: ${this.getColor()}`)
console.log(`Proveedor de red: ${this.getNetworkProvider()}`)
console.log(`Compañia: ${this.getCompany()}`)
}
makeCall() {
console.log(`Llamando al número ${this.getNumber()}`)
}
}
// Instance of the class
const phone = new Phone(5555443322, "Rojo", "Telcel", "Xiaomi")
console.log(phone.getInfo())
phone.setNumber(1234123412)
console.log(phone.getInfo())
// New instance of the class
console.log("============ Otro celulaar ============")
const phone2 = new Phone(9999999999, "Azul", "AT&T", "Huawei")
console.log(phone2.getInfo())
phone.setNetworkProvider('Liberado')
console.log(phone.getInfo())