Conceptos básicos de HTML y CSS

Nivel: básico

Ejercicios muy sencillos para dar los primeros pasos en desarrollo web con HTML y CSS.

Inicio

Creamos una página HTML sencilla, vemos qué etiquetas la componen y qué función cumple cada una. También conectamos CSS y JavaScript a la página.

Inicio

Aprenderás a agregar texto a una página HTML sencilla: párrafos, encabezados, subencabezados, listas y otros elementos.

Inicio

Aprenderán a trabajar con fondos y a usar imágenes de fondo. También verán técnicas populares para crear efectos decorativos.

Inicio

Repasaremos las propiedades de CSS más comunes para dar formato al texto: negrita, cursiva, tamaño, color y mucho más.

Inicio

Conceptos básicos de JavaScript

Nivel: básico

Ejercicios sencillos para empezar con JavaScript. Verán cómo usar scripts para modificar páginas web, implementar un cambio de tema y familiarizarse con la consola.

Inicio

En este capítulo van a darle vida al formulario de suscripción y al contador de Me gusta. Aprenderán a buscar elementos, guardarlos en variables y cambiar su contenido. También practicarán con estructuras condicionales.

Inicio

Crearemos un sistema de comentarios sencillo. Aprenderás a crear elementos nuevos, definir su contenido y sus propiedades e insertarlos en la página.

Inicio

Vamos a hacer que las ayudas emergentes funcionen. Aprenderás a encontrar colecciones de elementos, trabajar con ellas y practicar el uso de bucles.

Inicio

Fundamentos de algoritmos y estructuras de datos

Nivel: básico

Empezarás a aprender los fundamentos de la programación con JavaScript. Aprenderás a escribir instrucciones sencillas, mostrar datos en la consola y usar comentarios. También conocerás los tipos de datos, los valores de retorno, los arreglos y los objetos.

Inicio

Seguirá aprendiendo los fundamentos de la programación con JavaScript. Verá cómo recibir datos, guardarlos en variables, procesarlos con operaciones y mostrar resultados más claros en la consola.

Inicio

Aprenderemos a utilizar condiciones sencillas, nos familiarizaremos con los operadores de comparación y aprenderemos a comparar distintos tipos de datos.

Inicio

Trabajaremos con condiciones complejas. Aprenderemos a utilizar condiciones anidadas. Nos familiarizaremos con los operadores lógicos y aprenderemos a combinarlos.

Inicio

Vamos a entender la estructura del ciclo for. Aprenderemos qué es una orden de inicialización, una condición de ruptura y la ley del cambio. Aprenderemos a ejecutar bucles en orden directo e inverso.

Inicio

Aprenderemos a utilizar condiciones dentro de ciclos. Aprenderemos a definir valores pares e impares de variables de contador. Conoceremos la técnica de "acumulación dentro de un ciclo" y los operadores matemáticos abreviados.

Inicio

Aprenderemos la estructura del ciclo while y los operadores break y continue. Aprenderemos a protegernos de los bucles infinitos y escribiremos un pequeño juego.

Inicio

Creación de una página HTML compleja

Nivel: avanzado

Aprenderemos a utilizar enlaces y a insertar imágenes en la página. Entenderemos las direcciones relativas y absolutas. Estudiaremos los formatos de imagen más populares. Aprenderemos qué son los gráficos vectoriales y rasterizados.

Inicio

Aprenderemos a marcar correctamente grandes bloques de páginas: cabecera, pie de página, contenido principal, navegación. Aprenderemos la diferencia entre <section> y <article>. Descubramos qué es la "marcado semántico"

Inicio

Vamos a sumergirnos en los entresijos del marcado de texto. Estudiaremos etiquetas para marcar distintos tipos de citas, código de programa, para marcar cambios, tiempo, índices inferior y superior. Entenderemos cómo utilizar la mnemotecnia. Aprenderemos a utilizar correctamente los contenedores universales — <div> y <span>.

Inicio

Practica la inserción de audio, vídeo, conéctate y utiliza fuentes no estándar. Aprende otras funciones avanzadas de HTML5.

Inicio

Sumergirse en CSS

Nivel: avanzado

Aprender los conceptos básicos de CSS: reglas, selectores, propiedades, valores. Familiarizarse con los tipos de propiedades y valores.

Inicio

Aprenderemos a utilizar selectores simples y avanzados, pseudoclases y a combinarlos.

Inicio

Entendamos qué son la herencia, la cascada y la especificidad y cómo utilizarlas.

Inicio

Considere selectores avanzados como :nth-of-type o :only-child. Aprenda a utilizar pseudoelementos como ::before y ::after.

Inicio

Sumergirse en JavaScript

Nivel: avanzado

Aprenderemos a manejar eventos de usuario. Aprende qué son la asincronía, los ámbitos y los cierres.

Inicio

Aprenderemos qué es la API DOM, trabajaremos con plantillas, aprenderemos nuevos eventos y métodos para la gestión del DOM, clonaremos elementos y programaremos una aplicación de lista de tareas.

Inicio

Aprenderemos qué eventos se producen cuando se envían formularios, se introduce texto en los campos y se cambian los valores de los campos. Practicaremos el manejo de estos eventos y controlaremos el comportamiento de formularios y campos. Familiaricémonos con la validación de datos.

Inicio

Vamos a familiarizarnos con las API que nos permiten obtener datos sobre el estado del navegador, así como gestionarlo. Aprenderemos a gestionar el desplazamiento y a revitalizar el componente "Botón arriba".

Inicio

Aprender a cambiar los estilos de los elementos utilizando la propiedad style y los datos de los campos de entrada. Programe un panel con ajustes de color y tamaño para el texto de la página.

Inicio

Algoritmos y estructuras de datos avanzados

Nivel: avanzado

Aprenderemos qué son los arrays y los índices, aprenderemos a crear arrays, a leer datos de un array y a escribirlos en un array. Aprenderemos a buscar en matrices de longitud arbitraria utilizando bucles.

Inicio

Aprenderemos qué son las funciones, los argumentos, los parámetros y los valores de retorno. Aprenderemos a crear funciones y a llamarlas. Practicaremos la descomposición de grandes fragmentos de código en funciones y la simplificación del código. Escribiremos varios programas utilizando funciones.

Inicio

Aprenderemos qué son los objetos, las propiedades y los valores. Practicaremos la creación de objetos, la escritura de datos en ellos y la lectura de estos datos. Vamos a entender qué es el paso de referencias.

Inicio

Vamos a familiarizarnos con los métodos del objeto. Aprenderemos a crear y llamar a estos métodos. Aprenderemos a acceder a las propiedades y otros métodos de un objeto desde dentro de los métodos utilizando la palabra clave this. Escribiremos nuestro primer programa en estilo orientado a objetos.

Inicio