Ruta de Fundamentos del Desarrollo Frontend - Aprendizaje en Línea con Certificado

Fundamentos del Desarrollo Frontend

Beginner

4.6

1341 reviews

32k+ Learners

Explore los pilares fundamentales de las habilidades de todo desarrollador web. Comience con HTML, donde aprenderá a estructurar el contenido web, cre…

293

Chapters

Learning hours

387

Assignments

AI Assistant

Shareable Certificate

Resultados

Track content

Related courses and projects

Testimonios

Características

Precios

Resultados

Track content

Related courses and projects

Testimonios

Características

Precios

Lo que aprenderás

Structuring web content with HTML tags

Adding interactivity with JavaScript

Creating and validating HTML forms

Styling responsive layouts using CSS

Manipulating data with JavaScript structures

Mastering CSS Flexbox for layouts

Applying advanced CSS for animations

Building user-friendly web interfaces

Implementing JavaScript DOM manipulation

Learning track content

Explora el funcionamiento interno de la web. Descubre cómo los datos se transmiten a través de las redes, el papel de los protocolos y los conceptos de direcciones IP y nombres de dominio. Obtén una visión general de cómo los navegadores web y los servidores se comunican para entregar contenido web.

Bienvenida a HTML y al Desarrollo Web

¿Qué es Internet?

¿Cómo Funciona Internet?

Comprensión de Cómo Funcionan los Sitios Web

Explicación del Desarrollo Frontend y Backend

Descubra el poder de las etiquetas para estructurar el contenido, desde encabezados y párrafos hasta listas y tablas. Aprenda cómo mejorar los elementos con atributos.

Comprensión de las Etiquetas HTML

Trabajando con Atributos HTML

Comprensión de las Etiquetas Pares y Simples en HTML

Marcado de Texto

Organización de Listas

Desafío: Crea el Primer Párrafo de Tu Página Web

Desafío: Crea una Página Web de Presentación Personal

Desafío: Diseñar una Página Web de Exhibición de Películas

Uso de Enlaces

Agregar Botones

Desafío: Crear Enlaces a Sitios Web Populares

Validación de tu Código HTML Según las Mejores Prácticas

El núcleo de la estructura de un documento HTML. Aprenda los componentes de un documento HTML, incluyendo la declaración doctype, head y body. Comprenda el propósito de cada elemento y cómo contribuyen a la estructura general de una página web.

Los Secretos Detrás de Páginas Web Bien Estructuradas

Comprensión de la Estructura del Documento HTML

El Papel del Encabezado del Documento

Gestión del Flujo y la Disposición del Documento

Desafío: Estructura Correctamente un Documento HTML

Uso de Herramientas de Desarrollo para Inspección y Depuración de HTML

Mejorar la apariencia de una página web mediante el uso de medios como imágenes, audio y video. Manipulación de datos tabulares estructurados en forma de tablas.

Agregar Imágenes en HTML

Desafío: Trabajar con Imágenes

Trabajando con Imágenes Clicables, Leyendas y Optimización

Comprensión de Gráficos Vectoriales y Rasterizados

Incrustación de Audio para Medios Enriquecidos

Agregar Elemento de Video

Desafío: Incrustar Audio y Video en HTML

Creación y Estructuración de Tablas en HTML

Desafío: Diseñar una Tabla HTML Funcional

Explore la versatilidad de los formularios HTML. Aprenda a diseñar formularios intuitivos y fáciles de usar mediante el aprovechamiento de conceptos y técnicas clave. Descubra cómo los formularios permiten la interacción del usuario y el envío de datos en los sitios web.

Introducción a los Formularios HTML

Fundamentos de la Creación de Formularios en HTML

Uso de Etiquetas para Mejorar la Accesibilidad de Formularios

Mejora de Formularios con Atributos de Entrada

Exploración de los Diferentes Tipos de Entrada en HTML

Desafío: Crear un Formulario con Campos de Entrada y Etiquetas

Trabajando con el Elemento Textarea para Entrada de Varias Líneas

Uso del elemento select para menús desplegables

Uso del elemento datalist para sugerencias de entrada predefinidas

Agrupación de Elementos de Formulario para una Mejor Estructura

Aprenda qué es CSS, cómo conectarlo con HTML y cómo aplicar estilos a los elementos HTML utilizando selectores. Explore conceptos fundamentales como colores de texto, pseudo-clases de acción del usuario y variables en CSS.

¿Qué Es CSS y Por Qué Es Importante?

Vinculación de CSS a un Documento HTML

Dominio de los Selectores CSS para el Estilo de Elementos HTML

Desafío: Aplica Tus Primeros Estilos CSS

Desafío: Aplicar Estilos con Selectores de Clase

Mejora de Estilos con Pseudoclases de Acción del Usuario

Desafío: Aplicar Pseudoclases de Acción del Usuario

Cambiar Colores de Texto en CSS

Optimización del Flujo de Trabajo para una Codificación CSS Eficiente

Desafío: Utiliza Variables para una Mejor Gestión de CSS

Descubra cómo estilizar y formatear texto en sus páginas web. Aprenda a aplicar fuentes personalizadas y explore diversas propiedades de fuente para mejorar la apariencia del texto.

Dominio del Estilo de Texto en CSS

Técnicas de Formato de Texto para la Legibilidad

Desafío: Formatear Texto con CSS

Agregar Fuentes Personalizadas a una Página Web

Comprensión y Uso de las Propiedades de Fuente

Desafío: Explorar Propiedades de Fuente

Aprenda los fundamentos del modelo de caja, que define la disposición y el espaciado de los elementos en una página web. Explore conceptos como el dimensionamiento de cajas, la adición de espacio a los elementos, el trabajo con elementos de bloque e inline, y el uso de pseudoclases estructurales y funcionales para estilos avanzados.

¿Qué es el Modelo de Caja de CSS?

Comprensión del Dimensionamiento de Cajas en CSS

Añadiendo Espacio con Márgenes y Relleno

Desafío: Aplicar Box Sizing a los Elementos

Uso de Pseudoclases Estructurales y Funcionales

Desafío: Práctica de Pseudoclases Estructurales

Comprensión de los Elementos Block, Inline e Inline-Block

Trabajando con Elementos de Bloque

Trabajando con Elementos en Línea

Desafío: Predecir el Diseño de la Página con Diferentes Tipos de Elementos

Descubra Flexbox, un potente método de diseño en CSS para organizar elementos en filas y columnas. Aprenda a controlar la dirección, alineación y espaciado de los elementos tanto horizontal como verticalmente, así como a personalizar elementos flex individuales para lograr diseños precisos.

¿Qué es Flexbox y por qué utilizarlo?

Configuración de la Dirección de Flexión para Diseños

Justificación del Contenido Horizontalmente en Flexbox

Alineación Vertical de Elementos en Flexbox

Comprensión de las Propiedades de los Elementos Flex

Desafío: Aplicar Conceptos de Flexbox

Desafío: Crear un Diseño con Flexbox

Aprenda a mejorar el atractivo visual de sus páginas web con CSS. Explore técnicas para aplicar colores y fondos de imagen, estilizar imágenes, utilizar pseudo-elementos decorativos y agregar sombras para crear diseños impactantes.

Uso de Colores de Fondo para el Diseño

Aplicación de Imágenes de Fondo a Elementos

Trabajando con Imágenes en CSS

Creación de Efectos con Pseudo-elementos Decorativos

Añadiendo Sombras para Profundidad y Estilo

Desafío: Implementar Efectos Decorativos en CSS

Investigue qué pueden esperar los estudiantes de este curso avanzado de estilos en HTML y CSS. ¿Qué conocimientos previos se requieren antes de comenzar el curso? ¿Qué temas se abordarán en el mismo?

Visión General del Curso y Resultados de Aprendizaje

Temas Cubiertos en Este Curso

Consejos para Tener Éxito al Aprender CSS Avanzado

Posicionamiento y gestión de elementos en páginas web. Estudio de las diferentes propiedades de posicionamiento, uso del orden de apilamiento para controlar la visibilidad de elementos superpuestos y manejo del desbordamiento de contenido.

Comprensión del Posicionamiento en CSS

Explicación de la Posición Relativa

Desafío: Aplicar Posicionamiento Relativo

Posicionamiento Absoluto en CSS

Desafío: Implementar Posicionamiento Absoluto

Posicionamiento Fijo para Elementos UI Adhesivos

Desafío: Trabajar con Posicionamiento Fijo

Posicionamiento Sticky para Diseños Dinámicos

Desafío: Dominar la Posición Sticky

Gestión del Orden de Apilamiento de los Elementos

Desafío: Controlar Z-Index y Superposición de Elementos

Gestión del Desbordamiento de Contenido en CSS

Investigue el potencial de las transiciones y aprenda cómo mejorar la experiencia del usuario. Descubra cómo animar propiedades de manera suave y gradual, creando transiciones de estado sin interrupciones.

Introducción a las Transiciones en CSS

Elegir las Propiedades de Transición Adecuadas

Configuración de la Duración de la Transición para Efectos

Personalización de Transiciones con Funciones de Temporización

Añadir Retardo a las Transiciones CSS

Combinando Transiciones

Desafío: Agregar un Efecto de Transición Suave

Aprenda sobre la propiedad animation y cómo puede utilizarse para crear diseños dinámicos y atractivos. Descubra cómo crear animaciones complejas utilizando keyframes y cómo controlar la animación.

¿Qué Son las Animaciones CSS?

Definición de la Duración y Temporización de Animaciones

Control de la Iteración y Dirección de la Animación

Gestión de Estados de Animación en CSS

Composición de Múltiples Animaciones

Desafío: Implementar Animación CSS

Explora la propiedad de transformación, que permite modificar la apariencia y posición de los elementos en una página web. Aprende a escalar, rotar, sesgar y trasladar elementos en dos y tres dimensiones. Combina múltiples transformaciones para crear efectos más complejos.

Introducción a las Transformaciones CSS

Escalado de Elementos

Rotación de Elementos en 2D y 3D

Desafío: Aplicar Escalado y Rotación

Trasladar Elementos para Efectos Dinámicos

Inclinación de Elementos para Diseños Únicos

Uso de Perspectiva para Efectos de Profundidad

Desafío: Combinar Traslación e Inclinación

Los principios y técnicas utilizados en el diseño adaptativo/responsivo buscan que los sitios web y aplicaciones sean accesibles y visualmente atractivos en diferentes dispositivos, tamaños de pantalla y orientaciones.

¿Qué es el Diseño Web Responsivo?

Uso de @media queries para Estilos Adaptativos

Creación de Diseños Flexibles para Diferentes Tamaños de Pantalla

Inspección de Páginas Web

Desafío: Inspeccionar Diseño Adaptable

Aprende sobre los preprocesadores en CSS y cómo pueden ayudar a escribir un código más eficiente y mantenible. Comprende cómo utilizar preprocesadores para simplificar el flujo de trabajo y generar un código CSS más limpio.

Introducción a los Preprocesadores CSS

Comprensión de la Sintaxis de Sass para Mejorar CSS

Uso de Variables de Sass para Estilos Reutilizables

Realización de Cálculos con Operadores Numéricos de Sass

Anidación de Estilos para un Código Más Limpio

Extensión de Estilos con la Directiva @extend

Organización de Archivos Sass para Proyectos Escalables

Una introducción a JavaScript que abarca la sintaxis básica del lenguaje junto con términos y conceptos clave que forman la base para aprender características avanzadas. La sección incluye tareas prácticas diseñadas para ayudar a practicar estos conceptos y facilitar la memorización del contenido sin esfuerzo.

Primera Aplicación de Consola en JavaScript

Desafío: Mostrar Alguna Salida

Desafío: Salida de Múltiples Líneas

Trabajando con Números

Desafío: Trabajo con Números

Desafío: Cálculo de la Velocidad de un Automóvil

Desafío: Cálculo del Área de un Trapecio

Mostrar Múltiples Valores

Desafío: Mostrando Salida Significativa en la Consola

Cómo Usar Comentarios en JavaScript?

Desafío: Agregar un Comentario

Comentarios de Varias Líneas

Desafío: Comentar Código

¿Qué Es JavaScript Realmente?

Aprenda a almacenar datos y recuperarlos posteriormente utilizando variables. Además, explore los tipos de datos básicos y comprenda cómo interactúan entre sí.

Almacenamiento de Datos

Desafío: Declaración de una Variable

Desafío: Acceso a Datos Desde una Variable

Desafío: Corregir Nombres de Variables

Desafío: Reasignación de una Variable

Constantes

Desafío: Declaración y Uso de Constantes

Realización de Operaciones Aritméticas en Variables

Desafío: Creación de una Calculadora de Salario

Desafío: Ajuste de Salario con Bonificación

Explorando los Tipos de Datos Primitivos

Desafío: Declaración de un Valor Booleano

Cómo Interactúan los Diferentes Tipos de Datos

Desafío: Concatenación de Cadenas

Desafío: Creación de Perfil de Usuario y Detalles de Actividad

Aprenda a escribir expresiones que se evalúan como "verdadero" o "falso" según condiciones, como "¿X es igual a Y?". A continuación, se explorarán las sentencias condicionales que permiten la ejecución condicional de líneas específicas de código.

Operadores de Comparación

Desafío: Verificación de Elegibilidad por Edad

La Sentencia `if`

Desafío: Par o Impar

Sentencias Condicionales Anidadas

La Cláusula `else`

Desafío: Mejorando el Verificador de Par o Impar

Desafío: Asesor de Temperatura

La Cláusula `else if`

Desafío: Categorizador de Calificaciones

Operador Lógico `AND`

Desafío: Comprobar si un Número es Par y Positivo

Operador Lógico OR

Desafío: Acceso al Sistema de Control

Una característica poderosa de la programación llamada función permite la ejecución de un bloque de código varias veces con una mínima repetición. Esta sección introduce los conceptos fundamentales y la sintaxis para definir y utilizar funciones de manera efectiva.

¿Qué Son las Funciones?

Desafío: Función Simple

Desafío: Cálculo de la Velocidad de un Automóvil

Ámbitos

Pasar Datos a Funciones

Desafío: Corrigiendo la Función de Velocidad

Desafío: Mejorando el Categorizador de Calificaciones

Desafío: Definición de una Función Compuesta

Devolución de Datos desde Funciones

Valores Predeterminados

Desafío: Autorrespondedor de Correo Electrónico con Parámetros Predeterminados

El concepto de arreglos se presenta como una forma de organizar y gestionar colecciones de datos. El material abarca cómo los arreglos estructuran los datos y permiten operaciones eficientes sobre múltiples valores.

¿Qué Son los Arrays?

Desafío: Definición de un Arreglo

Desafío: Indexación

Agregar Valores a un Array

Desafío: Agregar Elementos a un Array

Eliminación de Elementos de un Arreglo

Desafío: Práctica de `pop` y `shift`

La Propiedad `length`

Desafío: Contar Elementos

El Método `includes`

Desafío: Búsqueda de Animales en el Zoológico

Los bucles son una característica fundamental en la programación utilizada para reducir la redundancia y gestionar tareas repetitivas de manera eficiente. El contenido abarca los tres tipos principales de bucles en JavaScript, su sintaxis, casos de uso y cómo pueden combinarse con arreglos para optimizar operaciones y mejorar el rendimiento.

El Bucle `for`

Tarea: Imprimir una Secuencia

El Bucle `while`

Desafío: Imprimir la Secuencia de Fibonacci

El Bucle `do-while`

Desafío: Múltiplo Aleatorio de 7

Uso de Bucles con Arreglos

Desafío: Encontrar el Precio Promedio de los Artículos

Resumen

Obtén una hoja de ruta clara de lo que está por venir, comprende los requisitos previos y aprende consejos valiosos para prepararte para el éxito al adentrarte en objetos, arreglos y conceptos esenciales de programación.

Introducción a las Estructuras de Datos en JavaScript

Prerrequisitos para Aprender Estructuras de Datos en JavaScript

Lo Que Aprenderás en Este Curso

Consejos para el Éxito

Explora los conceptos fundamentales de los objetos en JavaScript. Esta sección abarca los principios básicos de la creación de objetos, la gestión de propiedades y la implementación de métodos.

Comprensión de los Objetos en JavaScript

Creación de Objetos en JavaScript

Trabajando con Propiedades de Objetos Anidados

Desafío: Crear y Estructurar un Objeto

Acceso a las Propiedades de Objetos en JavaScript

Desafío: Recuperar Valores de Propiedades de Objetos

Gestión de Propiedades de Objetos

Desafío: Modificar y Extender un Objeto

Definición de Métodos de Objetos

Uso de Propiedades Dentro de Métodos

Desafío: Trabajar con Métodos de Objetos

Resumen de los Fundamentos de los Objetos en JavaScript

Profundiza en técnicas avanzadas para trabajar con objetos en JavaScript. Esta sección explora diversas estrategias para manipular e interactuar eficientemente con objetos.

Iteración Sobre Propiedades de Objetos con el Bucle for...in

Desafío: Explorar Propiedades de Objetos con Iteración

Uso de hasOwnProperty() para Verificar Propiedades de Objetos

Desafío: Iteración de Propiedades de Objetos con hasOwnProperty()

Clonación y Fusión de Objetos con el Operador Spread

Desafío: Combinar Objetos con el Operador Spread

Desestructuración de Objetos para un Código Más Limpio

Desafío: Extraer Datos con Desestructuración de Objetos

Resumen de Manipulación Avanzada de Objetos

Emprende un recorrido por los arrays en JavaScript. Esta sección proporciona una base sólida para crear arrays, gestionar elementos y ejecutar operaciones básicas con arrays.

Comprensión de los Arrays en JavaScript

Desafío: Acceder a los Elementos de un Array

Modificación de Arreglos y Acceso a Elementos

Desafío: Modificar Elementos de un Array

Iteración Sobre Arreglos con el Bucle For

Desafío: Recorrer Arreglos con For

Uso del Bucle for...of para la Iteración de Arreglos

Desafío: Iteración Eficiente de Arreglos con for...of

Resumen de Dominio de Arreglos en JavaScript

Domina las habilidades avanzadas de manipulación de arreglos, abarcando diversas técnicas y métodos para gestionar arreglos de manera eficaz en múltiples escenarios.

Transformación de Arreglos con el Método map()

Desafío: Modificar Elementos de un Array Usando map()

Filtrado de Arreglos con el Método filter()

Desafío: Seleccionar Datos Específicos Usando filter()

Búsqueda de Elementos en un Arreglo con el Método find()

Desafío: Búsqueda de Elementos Usando find()

Ordenar Arreglos con el Método sort()

Desafío: Ordenar y Extraer Datos con sort()

Resumen de Métodos Avanzados de Arreglos y Transformaciones

Resumen del Curso

Aprenda los fundamentos de las clases en JavaScript, desde las declaraciones de clases hasta la definición de métodos que mejoran la funcionalidad. Descubra cómo utilizar objetos de parámetros de manera eficaz, gestionar propiedades privadas y controlar el acceso mediante getters y setters. Domine las propiedades y métodos estáticos y aproveche el poder de la herencia de clases utilizando "extends" y "super()" para construir código escalable y reutilizable.

Introducción

Comprensión de las Declaraciones de Clases en JavaScript

Desafío: Crear una Clase en JavaScript

Definición de Métodos en Clases de JavaScript

Desafío: Agregar Métodos a una Clase

Uso de Objetos Parámetro

Trabajando con Propiedades Privadas en Clases

Desafío: Implementar Propiedades Privadas en una Clase

Gestión de Propiedades con Getters y Setters

Desafío: Implementar Getters y Setters en una Clase

Exploración de Propiedades Estáticas en JavaScript

Uso de Métodos Estáticos en JavaScript

Desafío: Implementar Propiedades y Métodos Estáticos en una Clase

Comprensión de la Herencia con extends y super()

Desafío: Implementar Herencia de Clases con Extends y Super()

Domina la manipulación del DOM para crear aplicaciones web dinámicas e interactivas. Navega y modifica la estructura del DOM, actualiza el contenido de forma dinámica e implementa las mejores prácticas de seguridad y rendimiento. Diferencia entre propiedades y atributos para optimizar tu código.

¿Qué es el Modelo de Objetos del Documento (DOM)?

Consulta y Selección de Elementos en el DOM

Desafío: Consultar y Seleccionar Elementos del DOM

Comprensión de la Jerarquía y las Relaciones del DOM

Desafío: Navegar por la Jerarquía del DOM

Exploración de Propiedades del DOM en JavaScript

Trabajando con Atributos de Elementos en el DOM

Desafío: Gestionar Propiedades y Atributos de Elementos

Agregar Elementos al DOM de Forma Dinámica

Eliminación de Elementos del DOM

Desafío: Agregar y Eliminar Elementos del DOM

Modificación de Estilos de Elementos con JavaScript

Desafío: Aplicar Estilos Dinámicos a Elementos del DOM

Desbloquee la interactividad de sus aplicaciones web dominando los eventos en JavaScript. Comprenda la propagación de eventos, controle el comportamiento de los eventos e implemente una gestión eficiente de eventos para las interacciones de usuario. Optimice el rendimiento con técnicas avanzadas como la delegación de eventos.

Introducción a los Eventos y los Escuchadores de Eventos

Comprensión del Objeto de Evento en JavaScript

Desafío: Implementar Escuchadores de Eventos

Propagación y Delegación de Eventos Explicadas

Desafío: Gestionar la Propagación y Delegación de Eventos

Trabajando con Eventos de Teclado y Ratón

Gestión y Eliminación de Escuchadores de Eventos

Profundización en JavaScript asíncrono, incluyendo callbacks, Promesas y async/await. Estudio de la obtención de datos desde APIs, integración de bibliotecas de terceros y gestión eficiente de múltiples solicitudes, desarrollando habilidades para crear aplicaciones orientadas a datos.

Introducción a JavaScript Asíncrono

Comprensión de los Callbacks en JavaScript

Gestión de Operaciones Asíncronas con Promesas

Uso de Async/Await para un Código Asíncrono Más Limpio

Obtención y Manejo de APIs en JavaScript

Integración de APIs en Aplicaciones JavaScript

Desafío: Obtener y Utilizar Datos de API

Integración de Bibliotecas de Terceros en JavaScript

Desafío: Trabajar con Bibliotecas de Terceros

Gestión de Múltiples Solicitudes Asíncronas

¡Impulsa tus habilidades tecnológicas!

con hasta un 55% de descuento

Features:

*Tracks not included in Pro plan

500+ cursos mejor calificadosCopiloto de IA de vanguardia

Rutas de estudio personalizadas40+ proyectos prácticos del mundo real

Sin cancelación, antes de que finalice el plan seleccionado con descuento, acepto que Codefinity cobrará automáticamente $104 cada 3 meses hasta que cancele. Obtén más información sobre la política de cancelación y reembolso en Términos de Suscripción.

Recommended Courses and Projects

Fundamentos de HTML

Domina los conceptos esenciales de HTML para crear contenido web bien estructurado y accesible. Aprende a estructurar documentos utilizando etiquetas, elementos y atributos. Trabaja con confianza con texto, listas, imágenes, audio y video para enriquecer las páginas web. Crea tablas para organizar datos y formularios para la entrada e interacción del usuario. Descubre el HTML semántico para mejorar la accesibilidad y construye estructuras completas y funcionales de sitios web desde cero.

Ninja de JavaScript

¡Bienvenido al Curso de Ninja de JavaScript! Este curso interactivo y atractivo está diseñado para introducirte a los fundamentos de la programación en JavaScript a través de un juego divertido y educativo. Guiarás a un ninja a través de varios desafíos, utilizando JavaScript para controlar movimientos e interactuar con objetos como sushi. Comenzando con lo básico, aprenderás a navegar por el mapa, recoger y colocar sushi, y progresar gradualmente hacia conceptos de programación más complejos como funciones, bucles y declaraciones condicionales. Cada capítulo ofrece práctica práctica para reforzar tu aprendizaje, culminando en emocionantes desafíos que pondrán a prueba tus habilidades. Ya seas un principiante completo o busques afinar tus habilidades de codificación, este curso ofrece una experiencia de aprendizaje completa y agradable. ¡Únete a nosotros y conviértete en un ninja de la codificación!

Introduction to QA

In this course, the user will get an introduction on how to perform manual testing on primarily web applications. The skills aquired in this course can be used in automation testing as well.

Test Automation with Jest and Selenium

Build on top of your previously acquired Manual Testing knowledge and learn Automation Testing using Node.JS and Jest. This course will also introduce you to some additional libraries and tools like Selenium, Axios and Jenkins.

Functions in JavaScript

JavaScript functions from the fundamentals to modern syntax and best practices. Gain understanding of how functions shape every part of JavaScript, helping create clean, modular, and efficient code. Master both classic patterns and modern approaches to writing reusable, maintainable functions for any project.

DOM Manipulation with JavaScript

A practical introduction to JavaScript DOM manipulation for beginners. This course covers everything from understanding the DOM and selecting elements to modifying content, handling events, and writing efficient code. Build interactive, dynamic web pages with confidence through guided examples and hands-on practice.

JavaScript Array Methods

Master the most practical and commonly used JavaScript array methods, progressing from foundational techniques to advanced functional programming patterns. Each chapter introduces a new method, explains its purpose, demonstrates real-world usage, and tests your understanding.

Testing JavaScript Code

A practical, beginner-friendly course that teaches how to test JavaScript code. Learn why testing matters, how Jest works, and how to write reliable tests for synchronous and asynchronous logic. Move from foundational skills to advanced techniques like mocking, spying, and TDD, gaining the tools to create more stable and maintainable applications.

Asynchronous JavaScript Explained

Master the core concepts of asynchronous programming in JavaScript, from the event loop to modern async/await syntax. Learn how JavaScript handles non-blocking operations, why asynchronous code is essential, and how to write robust, readable, and maintainable asynchronous code using Promises and async/await.

Conditional Statements and Loops in JavaScript

A clear, interactive introduction to program logic in JavaScript. This course explains how decisions, conditions, and loops shape the way programs run, using relatable examples and hands-on practice. Build the foundation for writing flexible, efficient, and readable code that truly responds to logic.

Working with JSON and Local Storage in JavaScript

A clear and practical introduction to JSON and browser storage in JavaScript. Learn how to structure and manipulate JSON data, parse and stringify objects, and store information persistently using localStorage and sessionStorage.

JavaScript Web APIs Essentials

Explore the most useful web APIs. Learn to work with drag and drop, clipboard access, fullscreen mode, storage APIs, file uploads, and geolocation to create interactive and engaging web features. Reinforce your skills with hands-on mini projects that put each API into practice.

Discover more Learning Tracks

pista

Desarrollo Web con C#

Principiante

SQL de Cero a Héroe

Principiante

C++ para Principiantes

Principiante

Desarrollo de Juegos con Unity

Principiante

Conviértete en un Desarrollador de React

Intermedio

Desarrollo Web Full Stack

Principiante

Dominio del Aprendizaje Automático

Intermedio

Dominio de C++

Avanzado

Java Web

Avanzado

Conviértete en un Ingeniero de QA

Principiante

Producción de Video con Adobe

Principiante

Por qué la gente elige Codefinity

Web Developer

Kwizera Mugisha

The teaching methodology at Codefinity is excellent, and I particularly appreciate how it has prepared me to handle real-world coding problems. Currently, I am delving into Node.js and eagerly anticipate building full-stack projects that integrate all the knowledge I have gained.

Senior Business Analyst

Sherry Barnes-Fox

My first course was 4 hours, I did it in a few days, "nugget-style". The instructions are very clear and easy to understand. There is even a hint to help you get the answer. I love the learning style that is used, it engages me.

Accounts Payable Specialist

Bill Wagner

I have really liked the browser-based lessons that allow me to code within the lesson. The RUN button allows me to test the code I write before submitting for a grade.

IT Support Specialist

Daniel Chinea

I have gained a lot of practical and logical thinking skills, along with patience for myself and confidence in myself that I can learn programming. Years ago, I would have never thought that I could learn programming in any way, shape or form, and I was able to obtain these certifications and skills with Codefinity.

Technology Project Manager

Steve Bruening

The learning was progressive and made it easy to follow along and make progress. I could feel my skills increasing and building on each other as the course went along.

Project Manager

Stephanie Chan

As I went through the first course of the Python track, I liked the way the course was lay out (in easy and digestible modules) with little exercises at the end of each concept.

Step-by-Step to Stellar Results

Entorno de codificación interactivo

Sumérgete en nuestro entorno interactivo: escribe y ejecuta tu código con retroalimentación en tiempo real y métricas de éxito—aprende haciendo en cada paso.

Soporte potenciado por IA

Aprovecha el asistente de IA integrado para explicar errores, sugerir soluciones o responder cualquier pregunta sobre tu código—para que te mantengas productivo y nunca te quedes atascado.

Check your progress

Concluye cada módulo con un cuestionario rápido que ofrece retroalimentación instantánea, rastrea tu progreso y asegura que hayas dominado los conceptos clave.

Promote your expertise

Obtén tu certificado reconocido por la industria al completar y compártelo en LinkedIn con un clic—deja que tu red vea lo que puedes hacer.

Confiado por empleados de empresas líderes
y estudiantes de universidades de élite

Acceso completo al catálogo

Una suscripción abre este curso y todo nuestro catálogo de proyectos y habilidades.

Features:

500+ cursos mejor calificadosCopiloto de IA de vanguardia

Rutas de estudio personalizadas40+ proyectos prácticos del mundo real

Prueba Codefinity con confianza – garantía de devolución de dinero de 30 días incluida

Para darte la bienvenida a Codefinity, estamos ofreciendo hasta 64% de descuento en nuestros cursos. Además, tenemos una garantía de devolución de dinero de 30 días, para que puedas probarnos sin riesgo.Esperamos sinceramente darte la bienvenida a nuestra plataforma y estamos comprometidos a hacer que tu experiencia de aprendizaje sea fácil, interactiva y divertida.

Ready to get started?

Pro

Best intro offer

Ultimate

A complete experience
to kickstart your career

500+ Top-Rated courses

Completion certificates

Early access to new courses

40+ hands-on Real-world projects

Personalized study tracks

Unlimited workspaces

Accede instantáneamente a 500+ cursos

Aprendizaje ilimitado, acceso instantáneoObtén acceso completo a todos los cursos y rutas, incluyendo contenido en video, cuestionarios y materiales detallados—comienza a aprender en cualquier momento.

Certificados reconocidos por la industriaObtén certificados que validen tu experiencia y potencien tu carrera en tecnología, IA, datos, marketing y más allá.

Aprendizaje asistido por IAObtén pistas personalizadas, retroalimentación en tiempo real y explicaciones potenciadas por IA para acelerar tu progreso.

En constante expansión: Nuevos cursos y rutas profesionalesMantente a la vanguardia con cursos constantemente actualizados, hojas de ruta profesionales, desafíos y pruebas prácticas.

Desarrolla habilidades que importanDomina habilidades demandadas con cursos en IA, ciencia de datos, programación, marketing, automatización, desarrollo web y más.

Aprendizaje interactivo y fluidoParticipa en proyectos prácticos, ejercicios del mundo real y una experiencia de aprendizaje intuitiva — no se necesitan herramientas adicionales.

Lo que aprenderás

Desarrollo Web con C#

SQL de Cero a Héroe

C++ para Principiantes

Desarrollo de Juegos con Unity

Conviértete en un Desarrollador de React

Desarrollo Web Full Stack

Dominio del Aprendizaje Automático

Dominio de C++

Java Web

Conviértete en un Ingeniero de QA

Producción de Video con Adobe

Por qué la gente elige Codefinity

Confiado por empleados de empresas líderes y estudiantes de universidades de élite

Acceso completo al catálogo

Prueba Codefinity con confianza – garantía de devolución de dinero de 30 días incluida

Accede instantáneamente a 500+ cursos

Confiado por empleados de empresas líderes
y estudiantes de universidades de élite