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 2
En progreso
6.2.- Intro a Javascript(variables, tipos de datos, operaciones aritméticas
Angel Sánchez 25 abril, 2025
Lección Progreso
0% Completado
intro.js
/* ============== Variables ================= */
// var name = "Martin" -> ES5 (deprecated)
// ES6
let name = "Martín"
const state = "Hidalgo"
name = "Juan"
//state = "Puebla" -> Se genera un error porque no se puede cambiar el valor de una constante
// console.log("Nombre ", name)
// console.log("Estado", state)
/* ============== Data types (primitives) =================== */
// 1.- String (cadena de caracteres)
let greeting = 'Hola a todos, mis alumnos de Azul School'
// console.log(typeof greeting)
// 2.- Number (int & float/doubles)
let age = 22
let price = 45.17
// console.log(typeof age)
// console.log(typeof price)
// 3.- Boolean (true/false)
let isValid = true
let isCancellable = false
// console.log(typeof isValid)
// console.log(typeof isCancellable)
// 4.- NaN
// console.log(typeof 3*"hola")
// 5.- undefined
let empty
// console.log(typeof empty)
// 6.- null
let a = null
// console.log(typeof a)
/* =============== Arithmetic operations ================= */
console.log("Suma: ", 2+3)
console.log("Resta: ", 5-3)
console.log("Multiplicación", 7*6)
console.log("División", 6/7)
console.log("Elevar a potencia", Math.pow(5, 2))
console.log("Raíz cuadrada", Math.sqrt(81))
console.log("Calcular raíz n", Math.pow(27, 1/3))