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.
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.
Aprenderás a agregar texto a una página HTML sencilla: párrafos, encabezados, subencabezados, listas y otros elementos.
Repasaremos las propiedades de CSS más comunes para dar formato al texto: negrita, cursiva, tamaño, color y mucho más.
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.
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.
Crearemos un sistema de comentarios sencillo. Aprenderás a crear elementos nuevos, definir su contenido y sus propiedades e insertarlos en la página.
Vamos a hacer que las ayudas emergentes funcionen. Aprenderás a encontrar colecciones de elementos, trabajar con ellas y practicar el uso de bucles.
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.
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.
Aprenderemos a utilizar condiciones sencillas, nos familiarizaremos con los operadores de comparación y aprenderemos a comparar distintos tipos de datos.
Trabajaremos con condiciones complejas. Aprenderemos a utilizar condiciones anidadas. Nos familiarizaremos con los operadores lógicos y aprenderemos a combinarlos.
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.
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.
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.
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"
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>.
Practica la inserción de audio, vídeo, conéctate y utiliza fuentes no estándar. Aprende otras funciones avanzadas de HTML5.
Sumergirse en CSS
Nivel: avanzado
Aprender los conceptos básicos de CSS: reglas, selectores, propiedades, valores. Familiarizarse con los tipos de propiedades y valores.
Aprenderemos a utilizar selectores simples y avanzados, pseudoclases y a combinarlos.
Entendamos qué son la herencia, la cascada y la especificidad y cómo utilizarlas.
Considere selectores avanzados como :nth-of-type o :only-child. Aprenda a utilizar pseudoelementos como ::before y ::after.
Sumergirse en JavaScript
Nivel: avanzado
Aprenderemos a manejar eventos de usuario. Aprende qué son la asincronía, los ámbitos y los cierres.
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.
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.
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".
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.
Algoritmos y estructuras de datos avanzados
Nivel: avanzado
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.
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.