Aprende JavaScript - Curso Completo

desde Cero
373,005 vistas
24 ago 2021
21,227
NO ME GUSTA
COMPARTIR
GUARDAR

freeCodeCamp Español
64,100 suscriptores
SUSCRIBIRSE

En este curso completo de JavaScript aprenderás todo lo que necesitas saber para comenzar a trabajar este lenguaje de
programación paso a paso con ejemplos. ✍️Creado por: Estefania Cassingena Navone (@EstefaniaCassN). 💡 Código en
GitHub: https://github.com/estefaniacn/freeco... 📌 Aprende a programar gratis con freeCodeCamp:
https://www.freecodecamp.org/espanol/ 💻 Partes: 00:00:00 Inicio 00:00:37 Ejecutar JavaScript 00:05:31 Comentarios 00:08:03
Variables 00:14:50 Operador de asignación 00:17:46 Asignar el valor de una variable a otra 00:20:07 Inicializar variables
00:22:08 Variables no inicializadas 00:23:19 Mayúsculas y minúsculas 00:26:36 Suma 00:28:03 Resta 00:29:46 Multiplicación
00:31:40 División 00:33:46 Números Decimales 00:34:56 Multiplicar números decimales 00:37:44 Dividir números decimales
00:39:57 Resto de una división 00:41:59 Incrementar el valor de una variable 00:45:24 Reducir el valor de una variable
00:47:53 Asignación de suma 00:51:17 Asignación de resta 00:54:17 Asignación de multiplicación 00:56:14 Asignación de
división 00:57:48 Variables con cadenas de caracteres 01:00:58 Escapar comillas 01:05:55 Secuencias de escape 01:10:14
Concatenar cadenas de caracteres 01:12:54 Construir cadenas con variables 01:15:07 Agregar variables a cadenas de
caracteres 01:17:57 Longitud de una cadena de caracteres 01:21:17 Notación de corchetes: primer carácter 01:23:42
Inmutabilidad de cadenas de caracteres 01:26:46 Notación de corchetes: enésimo carácter 01:30:24 Notación de corchetes:
último carácter 01:34:25 Notación de corchetes: de derecha a izquierda 01:38:03 Palabras en Blanco 01:45:24 Arreglos
01:48:38 Arreglos anidados 01:53:30 Acceder a los elementos de un arreglo 01:57:00 Modificar elementos de un arreglo
02:00:17 Acceder a arreglos multidimensionales 02:07:01 Método .push() 02:08:50 Método .pop() 02:10:59 Método .shift()
02:12:25 Método .unshift() 02:14:12 Lista de compras 02:18:41 Funciones 02:22:44 Parámetros y Argumentos 02:31:49 Ámbito
global y variables globales 02:33:44 Ámbito local y variables locales 02:35:34 Ámbito global vs. ámbito local 02:38:28 Retornar
un valor 02:41:14 undefined 02:43:46 Asignar un valor retornado a una variable 02:48:09 Permanece en fila 02:56:05 Valores
booleanos 02:59:34 Operador de igualdad 03:02:24 Operador de igualdad estricta 03:05:22 Practica cómo comparar valores
03:09:06 Operador de desigualdad 03:11:54 Operador de desigualdad estricta 03:13:50 Operador mayor que 03:18:37
Operador mayor o igual que 03:20:55 Operador menor que 03:23:39 Operador menor o igual que 03:25:24 Operador lógico and
03:30:15 Operador lógico or 03:33:25 Operador lógico not 03:36:48 Sentencias condicionales 03:42:32 Cláusula "else"
03:46:58 Cláusula "else if" 03:52:01 Condicionales: orden lógico 03:58:08 Encadenar sentencias if...else 04:04:14 Código de
Golf 04:14:33 Sentencias switch 04:24:32 Sentencias switch: opción predeterminada 04:29:00 Sentencias switch: múltiples
casos 04:32:55 Reemplazar "if...else" por "switch" 04:36:49 Retornar valores booleanos 04:39:55 Patrón de retorno anticipado
04:46:18 Conteo de cartas 04:57:33 Crear objetos 05:00:57 Acceder a propiedades: notación de punto 05:03:15 Acceder a
propiedades: notación de corchetes 05:06:51 Acceder a propiedades: variables 05:10:00 Actualizar propiedades 05:14:25
Agregar propiedades 05:16:54 Eliminar propiedades 05:19:26 Objetos para búsquedas 05:24:06 Verificar propiedades 05:29:17
Objetos complejos 05:36:42 Objetos anidados 05:45:43 Arreglos anidados 05:52:11 Colección de discos 06:05:07 Ciclo "while"
06:16:04 Ciclo "for" 06:21:28 Ciclos "for": números impares 06:24:15 Ciclos "for": contar hacia atrás 06:28:31 Iterar sobre un
arreglo con un ciclo "for" 06:39:30 Ciclos "for" anidados 06:47:12 Ciclos "do...while" 06:52:31 Búsqueda de Perfil 07:03:15
Números aleatorios 07:06:46 Números enteros aleatorios 07:12:50 Números enteros aleatorios en un rango 07:16:17 Función
parseInt() 07:20:39 Función parseInt() con una base 07:23:11 Operador condicional (ternario) 07:29:12 Múltiples operadores
condicionales 07:35:10 var vs. let 07:37:18 Ámbito de var vs. let 07:44:39 const en JavaScript 07:49:30 Mutar un arreglo
declarado con const 07:51:55 Crear un objeto immutable 07:56:19 Funciones flecha 07:59:05 Funciones flecha con parámetros
08:04:52 Valores por defecto para parámetros 08:06:48 Operador rest 08:12:32 Operador spread 08:14:50 Sintaxis de
desestructuración 08:18:49 Sintaxis de desestructuración: objetos anidados 08:28:56 Sintaxis de desestructuración: arreglos
08:33:40 Sintaxis de desestructuración con el operador rest 08:38:30 Sintaxis de desestructuración: pasar objeto como
argumento 08:46:21 Plantillas literales 08:54:14 Crear objetos de forma concisa 08:57:13 Métodos 09:02:04 Definir una clase
09:08:55 Getters y setters
MOSTRAR MÁS
https://www.youtube.com/watch?v=ivdTnPl1ND0

https://www.soyhenry.com/?
utm_source=Google&utm_medium=CPC&utm_campaign=Performance+Max-
Arg&utm_source=google&utm_medium=cpc&utm_campaign=GADS_PMAX_ARG_FS&gclid=EA
IaIQobChMI8pSzjeOb9gIVxK2VAh2LBAOQEAEYAiAAEgJ16PD_BwE
Home

Carreras

AdmisionesFAQsNosotros

Hire Henry's

Aplica

Invertimos en tu
educación
Comienza a estudiar programación
Conviértete en un Desarrollador Web Full Stack en 4 meses a remoto. Y lo mejor,
solo nos pagas cuando consigues un trabajo.

Aplica
 TRABAJA EN TECNOLOGÍA

Una oportunidad que

cambia tu vida

$0 costo inicial
Al revés de las academias de desarrollo web tradicionales en las cuales los
estudiantes invierten en ellas, nosotros invertimos en ti. Solo nos pagas cuando
consigues un trabajo.

Trabajo
Nuestro equipo de coaches expertos te acompaña en tu búsqueda y preparación
laboral para conseguir un trabajo. ¡Estamos juntos en esto, sólo ganamos si tú ganas!
TESTIMONIOS

Cómo los egresados

cambiaron su vida
Nos obsesionamos por el éxito de los estudiantes. Su testimonio es fuente de
inspiración para toda nuestra comunidad.

“Celebro Henry, las nuevas formas de enseñanza, todo lo que aprendí, el back up
que recibí del staff y de mis compañeros para llegar hasta este punto. Ya estoy
trabajando para un startup de Israel, estoy muy feliz!”

Sofía Praderio
Full Stack Developer
SOMOS DIFERENTES

¿Por qué Henry?

100% online

Toda la carrera de Desarrollo Web es a remoto. Solo necesitas una computadora y

acceso a internet.

Soporte 1:1

Contamos con una red de instructores, PM’s y coaches que van a estar a tu
disposición cuando tengas dificultades ayudándote a acelerar tu carrera.

Currícula

Con +800 horas de programación basado en prácticas y proyectos reales,

aprenderás las habilidades más demandadas del mercado.

Comunidad

Unirte a Henry significa crear conexiones para toda la vida, hacer nuevos amigos
y aprovechar oportunidades globales y diversas.

Aplica

ZERO TO HENRY

Full Stack Web Developer

 Bootcamp

Labs

Job Prep

Entrenamiento intensivo en el que vas a aprender de computación y desarrollo web

desde el principio hasta el final.

Construí en equipo proyectos del mundo real con metodologías y herramientas ágiles
(scrum), bajo un aprendizaje colaborativo.

Te preparamos para ingresar al mundo laboral brindándote las herramientas necesarias

para conseguir un trabajo.

Saber más
 ELIGE TU CARRERA

Modalidades de estudio

Full-Time

Diseñada para cualquier persona que quiera empezar una carrera en tecnología. El
costo inicial es $0 y solo comienzas a pagar cuando consigues un trabajo. Tiene una
duración de 4 meses, y las clases son 100% a remoto y en vivo.

Más info

Part-Time

Diseñada exclusivamente para aquellos que quieren aprender programación

mientras trabajan. El costo inicial es $0 y solo comienzas a pagar cuando consigues
un nuevo trabajo. Tiene una duración 7 meses, y las clases son 100% a remoto y en
vivo.
 Más info

ADMISIONES

¿Cómo aplicar?
Demuéstranos que estás dispuesto y te comprometes a estudiar una carrera intensa
para convertirte en un desarrollador de software y transformar tu vida.

Empieza por clickear el botón

Aplica

No es necesario que tengas conocimientos previos.

Accede al Prep Course on-demand (opcional) que te ayudará para prepararte para el
Henry Challenge.

Rinde el Henry Challenge (un examen técnico de nivelación) y completa el formulario

de inscripción.

Saber más

INVERTIMOS EN TU EDUCACIÓN

¿Cuál es el costo
de la Carrera?

En Henry diseñamos un Acuerdo de Ingresos Compartidos, un modelo innovador

de financiamiento que nos permite invertir en tu educación. Accede a nuestra
carrera sin costo inicial.

$0
costo inicial
 15%
de tus ingresos

SOLO
pagas cuando consigues un trabajo

Solo cuando consigues trabajo pagas el 15% de tus ingresos en 24 cuotas mensuales o
hasta llegar a USD 4000 oficiales, lo que ocurra primero.

Mas Info

¿QUIÉN HABLA DE NOSOTROS?

Henry en los medios

Descubre la historia de Henry y cómo estamos democratizando la educación en
Latinoamérica.
 EN LAS REDES

El muro del amor de Henry

Magui Corbalan@Corbalanmagui_

Hoy termine el Bootcamp de programación! Más que feliz de poder haber vivido esta
experiencia súper desafiante! Agradezco a @soyhenry_ok por brindar está oportunidad

enorme a todas las personas que tienen ganas de aprender!

615:26 PM - Apr 16, 2021

Franco@franmatus6

Después de tantos lindos momentos, grandes aprendizajes, haber formado parte de un

hermoso proyecto, haber conocido gente muy buena y talentosa, haber brindado clases,
son muchas cosas que me llegan al corazón y recordaré por siempre. Gracias
@soyhenry_ok por todo!#SoyHenry
107:44 PM - Oct 13, 2020

Ver más

FAQS

Preguntas sobre
Programación
¿Cuál es la carrera de Programación?
¿Qué hay que estudiar para ser un programador?
¿Qué se estudia en la Carrera de Programación?
¿Dónde se puede estudiar programación online?
¿Cuál es la mejor carrera para ser programador?
¿Cuánto dura la Carrera de Programación?
¿Qué te enseñan en un curso de programación?

¿Listo para cambiar tu

vida?
Aplica

Invertimos en tu educación

Consultas a
admisiones@soyhenry.com
Suscríbete a nuestro newsletter
Estudia en HenryCarrera Full StackAdmisionesAICOpinionesPreguntas
Frecuentes

Sobre HenryNosotrosPrensaBlogEventosMuro del AmorTrabaja en

Henry

EmpresasContrata talentoExplora candidatos

Política de Privacidad
 |

Términos y Condiciones

Hecho con 💛 por alumnos de Henry.

Aprende HTML y CSS - Curso Desde

Cero
204,412 vistas
28 oct 2021
9,407
NO ME GUSTA
COMPARTIR
GUARDAR

freeCodeCamp Español
64,100 suscriptores
SUSCRIBIRSE

En este curso aprenderás los fundamentos de HTML y CSS paso a paso con ejemplos detallados. (Haz clic en "Show More"
para ver los temas del curso).
https://www.youtube.com/watch?v=XqFR2lqBYPs

Aprende HTML y CSS - Curso Desde

Cero
204,412 vistas

28 oct 2021

9,407

NO ME GUSTA

COMPARTIR

GUARDAR

freeCodeCamp Español

64,100 suscriptores

SUSCRIBIRSE

En este curso aprenderás los fundamentos de HTML y CSS paso a paso con ejemplos detallados. (Haz clic en "Show More"
para ver los temas del curso). ✏️Curso creado por Estefania Cassingena Navone. Síguela en Twitter
https://twitter.com/EstefaniaCassN 💻 Código en GitHub: https://github.com/estefaniacn/freeco... ⭐️Contenido del Curso ⭐️
HTML ⌨️(00:00:00) Inicio del Curso ⌨️(00:00:37) Introducción a HTML y CSS ⌨️(00:04:09) Herramientas de Desarrollo de
Chrome ⌨️(00:06:33) Editores de Código ⌨️(00:10:52) Crear un Archivo HTML ⌨️(00:15:22) Elementos y Etiquetas ⌨️
(00:26:14) Especificar Idioma ⌨️(00:28:18) Crear Encabezados ⌨️(00:32:45) Párrafos ⌨️(00:36:47) Buscar en la
Documentación ⌨️(00:40:23) Comentarios en HTML ⌨️(00:44:24) Elemento main ⌨️(00:47:39) Indentación ⌨️(00:51:12)
Imágenes y Atributos ⌨️(00:59:12) Crear Enlaces Externos ⌨️(01:04:10) Enlaces a secciones internas ⌨️(01:12:08) Enlaces
con imágenes ⌨️(01:15:40) Crear enlaces con # ⌨️(01:18:56) Listas no ordenadas ⌨️(01:23:12) Listas ordenadas ⌨️
(01:27:08) Etiqueta strong ⌨️(01:28:19) Text en cursiva ⌨️(01:29:26) Texto Tachado ⌨️(01:30:49) Línea Horizontal ⌨️
(01:32:28) Crear formularios ⌨️(01:35:38) Texto Marcador de Posición ⌨️(01:37:22) Crear un campo obligatorio ⌨️
(01:39:19) Botones de Radio ⌨️(01:45:24) Grupo de Botones de Radio ⌨️(01:47:00) Salto de Línea ⌨️(01:49:48) Casillas de
Verificación ⌨️(01:55:28) El atributo 'checked' ⌨️(01:57:06) El atributo 'value' ⌨️(02:00:41) Elementos div ⌨️(02:03:16) Pie
de Página ⌨️(02:05:44) Etiqueta small ⌨️(02:06:42) Head CSS ⌨️(02:09:22) Introducción a CSS ⌨️(02:10:50) Tres
Opciones para CSS ⌨️(02:14:55) Estilos en Línea ⌨️(02:18:10) Elemento style ⌨️(02:23:11) Archivo CSS ⌨️(02:29:25)
Selectores CSS ⌨️(02:33:13) Selectores de Clase ⌨️(02:41:20) Tamaño de Fuente ⌨️(02:48:14) Familias Tipográficas ⌨️
(02:55:09) Google Fonts ⌨️(03:00:38) Especifica cómo deben degradarse las fuentes ⌨️(03:03:52) Cambiar el tamaño de las
imágenes ⌨️(03:07:23) Añade bordes alrededor de un elemento ⌨️(03:12:36) Esquinas redondeadas ⌨️(03:14:06)
Imágenes redondeadas ⌨️(03:15:46) Color de fondo de un div ⌨️(03:18:58) Atributo id en CSS ⌨️(03:25:46) Padding ⌨️
(03:30:37) Padding a cada lado ⌨️(03:32:12) Padding en una línea ⌨️(03:33:52) Margen ⌨️(03:37:37) Ajustar el margen ⌨️
(03:39:26) Margen en una línea ⌨️(03:41:49) Padding vs. Margin ⌨️(03:46:15) Selectores de Atributo ⌨️(03:56:59)
Unidades absolutas y relativas ⌨️(04:09:56) Aplicar estilos a body ⌨️(04:12:50) Prioriza un estilo sobre otro ⌨️(04:21:02)
Prioridad de class vs. id ⌨️(04:25:36) Prioridad de los estilos en línea ⌨️(04:29:14) Códigos hexadecimales para colores ⌨️
(04:35:03) Abreviar códigos hexadecimales ⌨️(04:39:33) Valores RGB para colores ⌨️(04:45:23) Variables en CSS ⌨️
(04:52:44) Crear variables en CSS ⌨️(04:56:47) Valores de respaldo ⌨️(05:02:09) Compatibilidad con distintos navegadores
⌨️(05:09:42) Heredar variables CSS ⌨️(05:12:44) Cambiar variables para un área específica ⌨️(05:15:09) Fin del curso 💻
Con freeCodeCamp puedes aprender a programar gratis y alcanzar tu meta de obtener un empleo como desarrollador:
https://www.freecodecamp.org/espanol/ ✍️Lee cientos de artículos de programación de forma gratuita:
https://www.freecodecamp.org/espanol/... 🎥 Suscríbete a nuestro canal para encontrar más videos y cursos de programación:
https://www.youtube.com/freecodecampe...

Capítulos

Inicio del Curso

0:00

Introducción a HTML y CSS

0:37

Herramientas de Desarrollo de Chrome

4:09

Editores de Código
6:33

Crear un Archivo HTML

10:52
Elementos y Etiquetas
15:22

https://www.youtube.com/watch?v=XqFR2lqBYPs