En esta lección, los alumnos conocerán HTML: el lenguaje para construir páginas web. Los alumnos descubrirán por qué es importante el HTML y cómo funciona para empezar a construir sus propias páginas web.
Students will be able to:
En esta lección, los alumnos pasan de simples etiquetas a documentos HTML completos. Los alumnos aprenden algunas etiquetas nuevas que les permiten colocar información en distintos lugares de la página web, y aprenden sobre la estructura de árbol anidada de un documento HTML.
Students will be able to:
En esta lección, los alumnos aprenden sobre las etiquetas de formato que les permiten modificar la apariencia del texto y hacer que sus páginas web tengan un aspecto claro y estéticamente agradable.
Students will be able to:
En esta lección, los alumnos aprenden a añadir hiperenlaces a sus páginas web utilizando la etiqueta <a>.
Students will be able to:
En esta lección, los alumnos aprenden a añadir imágenes a sus propias páginas web utilizando la etiqueta <img>.
Students will be able to:
En esta lección, los alumnos aprenderán qué son las leyes de derechos de autor y cómo evitar infringirlas. Explorarán por qué son importantes las leyes de derechos de autor y cómo protegen a los creadores. Practicarán cómo encontrar y citar imágenes en Internet.
Students will be able to:
En esta lección, los alumnos aprenden a añadir listas a sus páginas web y practican la creación de distintos tipos de listas.
Students will be able to:
En esta lección, los alumnos aprenden a crear y añadir tablas a sus páginas web.
Students will be able to:
En esta lección, los alumnos utilizarán estilos HTML para que sus páginas sean visualmente atractivas y únicas.
Students will be able to:
En esta lección, los alumnos diseccionarán cómo se representan los colores en una página web. Aprenderán cómo se mezclan el rojo, el verde y el azul para crear colores, y cómo se especifican los niveles de rojo, verde y azul utilizando valores RGB y valores hexadecimales.
Students will be able to:
Esta lección es una evaluación sumativa de los objetivos de aprendizaje de la unidad.
En esta lección, los alumnos empezarán a utilizar CSS para añadir estilos a sus páginas HTML.
Students will be able to:
En esta lección, ¡los alumnos aprenderán los superpoderes de CSS! Los selectores de etiquetas CSS pueden utilizarse para seleccionar todos los elementos del mismo tipo (<tabla>, o <h1> por ejemplo) y darles a todos el mismo estilo.
Students will be able to:
En esta lección, los alumnos aprenderán a utilizar los selectores de clase CSS para aplicar estilos CSS a todos los elementos HTML que compartan una clase especificada. Esto permite aplicar estilos más específicos.
Students will be able to:
Utilizar CSS para seleccionar un elemento por ID ayuda a seleccionar un único elemento al que dar formato en una página web. Esto es útil cuando hay que ser muy específico al aplicar las reglas CSS para la página web.
Students will be able to:
En esta lección, los alumnos aprenderán cómo se aplican las reglas CSS cuando se aplica más de una regla a un elemento.
Students will be able to:
En esta lección, los alumnos realizan una evaluación sumativa de los objetivos de aprendizaje de la unidad.
Students will be able to:
En esta lección, los alumnos tendrán una vista previa de algunas de las funciones avanzadas de HTML/CSS que aprenderán a utilizar en este módulo.
Students will be able to:
En esta lección, los alumnos aprenderán por qué son importantes los sitios web con varios archivos y cómo pueden crearlos.
Students will be able to:
En esta lección, los alumnos aprenderán a incrustar contenidos de otros sitios web en sus propios sitios web utilizando IFrames.
Students will be able to:
En esta lección, los alumnos aprenderán a utilizar divs para agrupar y aplicar estilo a varios elementos.
Students will be able to:
En esta lección, los alumnos aprenderán a utilizar los espacios para agrupar y aplicar estilo a varios elementos de texto en línea.
Students will be able to:
<span> tag to style multiple elements of inline textEn esta lección, los alumnos aprenden sobre las etiquetas semánticas de HTML5 y crean páginas web que aprovechan estas etiquetas para mejorar la estructura de sus documentos HTML.
Students will be able to:
En esta lección, los alumnos aprenderán a combinar selectores CSS para poder aplicar estilos a varios selectores y combinaciones, o a selectores padre/hijo específicos.
Students will be able to:
En esta lección, los alumnos aprenderán el principio No te repitas (DRY).
Students will be able to:
En esta lección, los alumnos aprenderán sobre selectores especiales como :hover y :focus, y cómo se pueden utilizar estos selectores para dar estilo a los elementos a medida que el usuario interactúa con ellos en la página.
Students will be able to:
En esta lección, los alumnos aprenderán a utilizar la propiedad visibilidad para hacer visibles o invisibles los elementos de su página.
Students will be able to:
En esta lección, los alumnos aprenderán cómo pueden utilizar la documentación como recurso para aprender más sobre las funciones de HTML y CSS.
Students will be able to:
En esta lección, los alumnos aprenderán a utilizar la herramienta inspector para explorar y modificar código en línea.
Students will be able to:
En esta lección, los alumnos aprenderán qué es el modelo de caja y cómo pueden utilizarlo para añadir un borde alrededor de los elementos y para definir el espacio entre los elementos.
Students will be able to:
En esta lección, los alumnos aprenderán a incluir imágenes en sus programas y a manipular sus píxeles utilizando WebImage. Los alumnos aprenderán cómo los filtros de imagen manipulan los datos de píxeles almacenados.
Students will be able to:
En esta lección, los alumnos aprenderán a añadir animaciones sencillas a sus sitios web.
Students will be able to:
En esta lección, los alumnos combinarán selectores especiales como :hover con animaciones para crear sitios que respondan a las acciones del usuario.
Students will be able to:
En esta lección, los alumnos realizan una evaluación sumativa de los objetivos de aprendizaje de la unidad.
Students will be able to:
En esta lección, los alumnos conocerán varios modelos de ciclo de vida de desarrollo de software y qué herramientas pueden utilizarse en las distintas fases del proceso.
Students will be able to:
Este proyecto pretende ser un reto que toque múltiples conceptos del curso para producir un artefacto digital. En este PT Práctico, los alumnos desarrollarán su primer artefacto digital: ¡su propio sitio web! Este sitio web comenzará como su propia página de inicio personal, y a medida que los alumnos avancen en el curso, irán añadiendo enlaces a sus proyectos favoritos. Al final del curso, esta página web servirá como portafolio personal en el que mostrarán su trabajo.
Students will create their own website from scratch, hosted at their own custom domain.
En esta lección, los alumnos aprenden a incorporar JavaScript a sus páginas HTML utilizando la etiqueta script.
Students will be able to:
En esta lección, los alumnos aprenden a modificar las etiquetas HTML de una página web utilizando el DOM. El DOM, o Modelo de Objetos del Documento, convierte los archivos HTML en objetos accesibles que pueden manipularse o añadirse a una página web.
Students will be able to:
document.getElementByIddocument.getElemenyByTagNameEn esta lección, los alumnos aprenderán a crear elementos utilizando el Modelo de Objetos del Documento.
Students will be able to:
document.createElementEn esta lección, los alumnos aprenden a aplicar estilos a elementos en HTML utilizando JavaScript y el Modelo de Objetos del Documento.
Students will be able to:
setAttribute appropriately to style elements in JavaScriptEn esta lección, los alumnos aprenden a utilizar funciones para hacer más dinámicas sus páginas web.
Students will be able to:
En esta lección, los alumnos aprenden a utilizar la palabra clave this para pasar elementos como parámetros en sus eventos de clic.
Students will be able to:
thisthis is used with onclick and with eventListenersEn esta lección, los alumnos pondrán en práctica las habilidades que han aprendido en las lecciones anteriores para crear un teclado que funcione y en el que se pueda hacer clic.
Students will be able to:
En esta lección, los alumnos aprenden sobre otro oyente de eventos: las interacciones del teclado. Los alumnos aprenden a escuchar la pulsación de un teclado y a acceder a la información sobre cada pulsación.
Students will be able to:
keydown and keyup events to read keyboard informationkey.code and key.key, and when it’s appropriate to use eachEn esta lección, los alumnos aprenden a animar elementos de páginas web utilizando temporizadores.
Students will be able to:
En esta lección, los alumnos aprenden a utilizar el estilo position de CSS para mejorar las animaciones.
Students will be able to:
position attributesposition to animate elementsEn esta lección, los alumnos testan sus conocimientos de los conceptos de este módulo con un cuestionario de la unidad.
Students will be able to:
En esta lección, los alumnos aprenden cómo pueden utilizarse las bibliotecas para que JavaScript sea más fácil de leer y escribir, y cómo pueden incorporarlas a sus propios proyectos.
Students will be able to:
En esta lección, los alumnos aprenderán a iterar a través de elementos jQuery seleccionados utilizando la función .each.
Students will be able to:
each function to iterate through selected jQuery elements and appropriately use the each function parameters.each should and should not be used for any given jQuery selection.En esta lección, los alumnos aprenden a animar elementos utilizando jQuery.
Students will be able to:
En esta lección, los alumnos aprenden cómo se utilizan las funciones de llamada de retorno en programación para ejecutar segmentos de código después de que se haya completado una acción concreta. Los alumnos aprenden cómo los programas pueden ejecutarse de forma sincrónica y asincrónica, y cómo utilizar las funciones de llamada de retorno para controlar el flujo de ejecución del programa.
Students will be able to:
En esta lección, los alumnos aprenden a organizar mejor sus archivos HTML separando sus scripts en un archivo js independiente.
Students will be able to:
js files with the correct syntaxjs files in the correct order, and explain why the order of script loading impacts usability and performanceEn esta lección, los alumnos testan sus conocimientos de los conceptos de este módulo con un cuestionario de la unidad.
Students will be able to:
En esta lección, los alumnos aprenden a redactar un currículum vitae. Los alumnos utilizarán esta habilidad para elaborar un currículum interactivo en un sitio web.
Students will be able to:
En esta lección, los alumnos aprenden sobre el diseño de los sitios web y cómo construir un sitio web para que sea estéticamente agradable. Los alumnos utilizarán estos conceptos para evaluar la calidad de los currículos formateados.
Students will be able to:
En esta lección, los alumnos redactarán su currículum interactivo y harán cambios basándose en comentarios constructivos.
Students will be able to:
En esta lección, los alumnos aprenden los pros y los contras de la recogida de datos y las distintas formas en que se pueden almacenar.
Students will be able to:
En esta lección, los alumnos aprenden a almacenar datos utilizando localStorage.
Students will be able to:
localStorage and setItemlocalStorage and getItemEn esta lección, los alumnos aprenden a almacenar objetos y estructuras de datos en el almacenamiento local utilizando JSON.
Students will be able to:
JSON.stringifyJSON.parseEn esta lección, los alumnos aprenderán a almacenar datos utilizando objetos.
Students will be able to:
En esta lección, los alumnos aprenden a utilizar formularios para recoger datos de los usuarios.
Students will be able to:
form tagforminput tags to request data from usersEn esta lección, los alumnos pondrán en práctica las habilidades que han aprendido en las lecciones anteriores para crear una encuesta online.
Students will be able to:
En esta lección, los alumnos aprenden a almacenar y recuperar datos utilizando Firebase. Firebase es un sistema de almacenamiento de datos en la nube que permite a los programadores guardar y recuperar datos utilizando sólo JavaScript.
Students will be able to:
En esta lección, los alumnos aprenden a navegar por los nodos de datos en Firebase utilizando ref().
Students will be able to:
ref() to navigate data nodesEn esta lección, los alumnos pondrán en práctica las habilidades que han aprendido en las lecciones anteriores para crear un programa que realice un seguimiento del número de veces que se hace clic en los elementos.
Students will be able to:
Date object classEn esta lección, los alumnos aprenden a iterar a través de objetos utilizando el bucle for/in.
Students will be able to:
En esta lección, los alumnos aprenden a solicitar datos de la API desde una URL, y a acceder a esos datos utilizando getJSON.
Students will be able to:
getJSONEn esta lección, los alumnos aprenderán sobre las pilas de desarrollo web y crearán programas básicos del lado del servidor.
Students will be able to:
En esta lección, los alumnos testan sus conocimientos de los conceptos de este módulo con un cuestionario de la unidad.
Students will be able to:
En esta lección, los alumnos aprenderán a elegir un nombre de dominio significativo y apropiado para su sitio web.
Students will be able to:
En esta lección, los alumnos aprenderán los distintos pasos necesarios para alojar un sitio web, ya sea en línea o utilizando un ordenador doméstico.
Students will be able to:
En esta lección, los alumnos aprenderán sobre los proveedores de CMS web, las distintas ventajas que ofrece cada uno y cómo elegir el más adecuado para su sitio web.
Students will be able to:
En esta lección, los alumnos aprenderán qué son la optimización web y la tasa de conversión web, por qué son importantes y útiles.
Students will be able to:
En esta lección, los alumnos aprenderán a optimizar un sitio web, comprenderán cómo funciona un motor de búsqueda y utilizarán sus conocimientos sobre la lectura del patrón F, el SEO y la herramienta Yoast para optimizar aún más un sitio.
Students will be able to:
En esta lección, los alumnos estudiarán lo que significa hacer que un sitio web sea accesible para distintos usuarios con necesidades diferentes.
Students will be able to:
En esta lección, los alumnos aprenderán sobre seguridad web de conexión y de contenido. También practicarán técnicas básicas de seguridad web para evitar el cross-site scripting.
Students will be able to:
En esta lección, los alumnos aprenderán sobre La Tríada de la CIA. La Triada CIA es una medida de seguridad ampliamente aceptada que debe garantizarse en todo sistema seguro. Son las siglas de Confidencialidad, Integridad y Disponibilidad.
Students will be able to:
En esta lección, los alumnos testan sus conocimientos de los conceptos de este módulo con un cuestionario de la unidad.
Students will be able to:
En esta lección, se presenta a los alumnos el proyecto final, y trabajan en una lluvia de ideas para la innovación de su proyecto final.
Students will be able to:
En esta lección, los alumnos planificarán su sitio web utilizando un calendario del proyecto y un mapa del sitio.
Students will be able to:
En esta lección, los alumnos redactarán y completarán su proyecto final de innovación.
Students will be able to:
En esta lección, los alumnos darán su opinión a sus compañeros sobre la calidad de la innovación de su proyecto final.
Students will be able to:
En esta lección, los alumnos preparan una presentación para compartir su innovación y cómo ha cambiado con el tiempo.
Students will be able to:
En esta lección, los alumnos explorarán las carreras disponibles en informática y las organizaciones estudiantiles que les preparan para diversas carreras tecnológicas. También aprenderán cómo los prejuicios pueden afectar a los programas informáticos.
Students will be able to:
- Explore different computer science careers and opportunities
- Learn how bias can affect computer programs
