En esta lección, los estudiantes serán presentados a HTML: el idioma para construir páginas web. Los estudiantes descubrirán por qué HTML es importante y cómo funciona para comenzar a construir sus propias páginas web.
Students will be able to:
En esta lección actualizamos de etiquetas simples a documentos completos de HTML. Aprendemos algunas etiquetas nuevas que nos permiten poner información en diferentes lugares en la página web, y aprendemos sobre la estructura de árboles anidadas de un documento HTML.
Students will be able to:
En esta lección, los estudiantes aprenden sobre el formato de etiquetas que les permiten modificar la apariencia del texto y hacen que sus páginas web se vean claras y estéticamente agradables.
Students will be able to:
En esta lección, los estudiantes aprenden cómo agregar hipervínculos a sus páginas web utilizando la etiqueta <a>.
Students will be able to:
En esta lección, los estudiantes aprenden cómo agregar imágenes a sus propias páginas web utilizando la etiqueta <IMG>!
Students will be able to:
En esta lección, los estudiantes aprenderán qué son las leyes de derechos de autor y cómo evitar la infracción de los derechos de autor. Explorarán por qué las leyes de derechos de autor son importantes y cómo protegen a los creadores. Practicarán encontrar y citar imágenes en línea.
Students will be able to:
En esta lección, los estudiantes aprenden cómo agregar listas a sus páginas web y practicar haciendo diferentes tipos de listas.
Students will be able to:
¡En esta lección, los estudiantes aprenden cómo crear y agregar tablas a sus páginas web!
Students will be able to:
En esta lección, los estudiantes usarán el estilo HTML para que sus páginas sean visualmente atractivas y únicas.
Students will be able to:
En esta lección, los estudiantes diseccionarán cómo se representan los colores en una página web. Aprenderán sobre 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 estudiantes comenzarán a usar CSS para agregar estilo a sus páginas HTML.
Students will be able to:
¡En esta lección, los estudiantes aprenderán superpoderes CSS! Los selectores de etiquetas CSS se pueden usar para seleccionar todos los elementos del mismo tipo (<table> o <h1> por ejemplo) y darles todo el mismo estilo.
Students will be able to:
En esta lección, los estudiantes aprenderán cómo usar selectores de clase CSS para aplicar el estilo CSS a todos los elementos HTML que comparten una clase específica. Esto permite un estilo más específico.
Students will be able to:
El uso de CSS para seleccionar un elemento por ID ayuda a seleccionar un solo elemento para formatear en una página web. Esto es útil cuando es necesario ser muy específico para aplicar las reglas CSS para la página web.
Students will be able to:
En esta lección, los estudiantes 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 estudiantes aprenderán por qué los sitios web múltiples son importantes y cómo pueden crearlos.
Students will be able to:
En esta lección, los estudiantes completan una evaluación sumativa de los objetivos de aprendizaje de la unidad.
Students will be able to:
En esta lección, los estudiantes observarán algunas de las características avanzadas de HTML/CSS que aprenderán a usar en este módulo.
Students will be able to:
En esta lección, los estudiantes aprenderán cómo integrar contenido de otros sitios web en sus propios sitios web utilizando iframes.
Students will be able to:
En esta lección, los estudiantes aprenderán cómo usar divs para agrupar y diseñar múltiples elementos.
Students will be able to:
En esta lección, los estudiantes aprenderán cómo usar los tramos para agrupar y diseñar múltiples elementos de texto en línea.
Students will be able to:
<span> tag to style multiple elements of inline textEn esta lección, los estudiantes aprenderán cómo combinar selectores CSS para que puedan diseñar múltiples selectores y combinaciones, o selectores de padres/niños específicos.
Students will be able to:
En esta lección, los estudiantes aprenderán el principio de no repetir usted mismo (seco).
Students will be able to:
En esta lección, los estudiantes aprenderán sobre selectores especiales como : Hover y: Focus, y cómo estos selectores pueden usarse para diseñar elementos a medida que el usuario interactúa con ellos en la página.
Students will be able to:
En esta lección, los estudiantes aprenderán cómo usar la propiedad de visibilidad para hacer que los elementos sean visibles o invisibles en su página.
Students will be able to:
En esta lección, los estudiantes aprenderán cómo pueden usar la documentación como un recurso para aprender más sobre las funciones HTML y CSS.
Students will be able to:
En esta lección, los estudiantes aprenderán cómo usar la herramienta Inspector para explorar y modificar el código en línea.
Students will be able to:
En esta lección, los estudiantes aprenderán cuál es el modelo de caja y cómo pueden usarlo para agregar un borde alrededor de elementos y definir espacio entre elementos.
Students will be able to:
En esta lección, los estudiantes aprenderán cómo incluir imágenes en sus programas y manipular sus píxeles usando Webimage. Los estudiantes 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 estudiantes aprenderán cómo agregar animaciones simples a sus sitios web.
Students will be able to:
En esta lección, los estudiantes 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 estudiantes aprenderán más sobre CSS y cómo los marcos CSS pueden acelerar el desarrollo de proyectos web mientras aplican un estilo de diseño profesional.
Students will be able to:
En esta lección, los estudiantes completan una evaluación sumativa de los objetivos de aprendizaje de la unidad.
Students will be able to:
En esta lección, los estudiantes aprenderán sobre varios modelos de ciclo de vida de desarrollo de software y qué herramientas se pueden usar en diferentes etapas del proceso.
Students will be able to:
Este proyecto está destinado a ser un desafío que toca múltiples conceptos del curso para producir un artefacto digital. En esta práctica PT, los estudiantes 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 estudiantes progresen en el curso, seguirán agregando enlaces a sus proyectos favoritos. ¡Al final del curso, esta página de inicio servirá como su propio sitio web de cartera personal que muestra su trabajo!
Students will create their own website from scratch, hosted at their own custom domain.
En esta lección, los estudiantes se presentan a un proyecto de sitio web y se les da la oportunidad de hacer una lluvia de ideas.
Students will be able to:
Una vez que los estudiantes tengan ideas, usarán esta lección para ayudar a planificar su sitio, incluido un mapa del sitio y plazos del proyecto.
Students will be able to:
En esta lección, los estudiantes aprenden cómo incorporar JavaScript en sus páginas HTML usando la etiqueta script.
Students will be able to:
En esta lección, los estudiantes aprenden cómo modificar las etiquetas HTML en una página web utilizando el DOM. El DOM, o modelo de objeto de documento, traduce los archivos HTML en objetos accesibles que pueden manipularse o agregar a una página web.
Students will be able to:
document.getElementByIddocument.getElemenyByTagNameEn esta lección, los estudiantes aprenderán cómo crear elementos utilizando el modelo de objeto de documento.
Students will be able to:
document.createElementEn esta lección, los estudiantes aprenden cómo diseñar elementos en HTML usando JavaScript y el modelo de objeto de documento.
Students will be able to:
setAttribute appropriately to style elements in JavaScriptEn esta lección, los estudiantes aprenden cómo usar funciones para hacer que sus páginas web sean más dinámicas.
Students will be able to:
En esta lección, los estudiantes aprenden cómo usar 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 estudiantes implementarán las habilidades que han aprendido de las lecciones anteriores para crear un teclado que funcione y haga clic.
Students will be able to:
En esta lección, los estudiantes aprenden sobre otro oyente de eventos: interacciones de teclado. Los estudiantes aprenden a escuchar una presión de teclado y cómo acceder a la información sobre cada golpe de teclado.
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 estudiantes aprenden cómo animar elementos de la página web usando temporizadores.
Students will be able to:
En esta lección, los estudiantes aprenden cómo usar el estilo de ‘posición’ en CSS para mejorar las animaciones.
Students will be able to:
position attributesposition to animate elementsEn esta lección, los estudiantes evalúan su conocimiento de los conceptos de este módulo con un cuestionario de unidad.
Students will be able to:
En esta lección, los estudiantes aprenden cómo las bibliotecas pueden usarse para hacer que JavaScript sea más fácil de leer y escribir, y cómo pueden incorporarlas en sus propios proyectos.
Students will be able to:
En esta lección, los estudiantes aprenden cómo 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 estudiantes aprenden a animar elementos usando jQuery.
Students will be able to:
En esta lección, los estudiantes aprenden cómo las funciones de devolución de llamada se usan en la programación para ejecutar segmentos de código después de que se haya completado una acción en particular. Los estudiantes aprenden cómo los programas pueden ejecutarse sincrónicamente y asincrónicamente, y cómo usar funciones de devolución de llamada para controlar el flujo de ejecución del programa.
Students will be able to:
En esta lección, los estudiantes aprenden cómo organizar mejor sus archivos HTML separando sus scripts en un archivo ‘JS’ separado.
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 estudiantes evalúan su conocimiento de los conceptos de este módulo con un cuestionario de unidad.
Students will be able to:
En esta lección, los estudiantes aprenden a escribir un currículum. Los estudiantes usarán esta habilidad para desarrollar un currículum interactivo en un sitio web.
Students will be able to:
En esta lección, los estudiantes aprenden sobre los diseños del sitio web y cómo construir un sitio web para que sea estéticamente agradable. Los estudiantes utilizarán estos conceptos para evaluar la calidad de los currículums formateados.
Students will be able to:
En esta lección, los estudiantes redactarán su currículum interactivo y realizarán cambios basados en comentarios constructivos.
Students will be able to:
En esta lección, los estudiantes aprenden sobre los pros y los contras de la recopilación de datos y las diferentes formas en que se pueden almacenar los datos.
Students will be able to:
En esta lección, los estudiantes aprenden cómo almacenar datos utilizando ‘LocalStorage’.
Students will be able to:
localStorage and setItemlocalStorage and getItemEn esta lección, los estudiantes aprenden cómo almacenar objetos y estructuras de datos en el almacenamiento local utilizando JSON.
Students will be able to:
JSON.stringifyJSON.parseEn esta lección, los estudiantes aprenderán cómo almacenar datos utilizando objetos.
Students will be able to:
En esta lección, los estudiantes aprenden cómo usar formularios para recopilar datos de los usuarios.
Students will be able to:
form tagforminput tags to request data from usersEn esta lección, los estudiantes implementarán las habilidades que han aprendido de las lecciones anteriores para crear una encuesta en línea.
Students will be able to:
En esta lección, los estudiantes aprenden cómo 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 solo JavaScript.
Students will be able to:
En esta lección, los estudiantes aprenden cómo navegar a través de nodos de datos en Firebase usando ref ().
Students will be able to:
ref() to navigate data nodesEn esta lección, los estudiantes implementarán las habilidades que han aprendido de las lecciones anteriores para crear un programa que rastrea la cantidad de veces que se hacen clic en los elementos.
Students will be able to:
Date object classEn esta lección, los estudiantes aprenden cómo iterar a través de objetos usando el bucle for/in.
Students will be able to:
En esta lección, los estudiantes aprenden cómo solicitar datos de API de una URL y cómo acceder a esos datos usando ‘getJson’.
Students will be able to:
getJSONEn esta lección, los estudiantes 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 estudiantes evalúan su conocimiento de los conceptos de este módulo con un cuestionario de unidad.
Students will be able to:
En esta lección, los estudiantes aprenderán cómo elegir un nombre de dominio significativo y apropiado para su sitio web.
Students will be able to:
En esta lección, los estudiantes aprenderán los diferentes pasos necesarios para alojar un sitio web, ya sea en línea o usar una computadora doméstica.
Students will be able to:
En esta lección, los estudiantes aprenderán sobre los proveedores de CMS web, los diferentes beneficios en cada oferta y cómo elegir el mejor ajuste para su sitio web.
Students will be able to:
En esta lección, los estudiantes aprenderán qué optimización web y tasa de conversión web son por qué son importantes y útiles.
Students will be able to:
En esta lección, los estudiantes aprenderán cómo optimizar un sitio web, comprender cómo funciona un motor de búsqueda y usar su comprensión de la lectura del patrón F, SEO y la herramienta Yoast para optimizar aún más un sitio.
Students will be able to:
En esta lección, los estudiantes analizarán lo que significa hacer que un sitio web sea accesible para diferentes usuarios con diferentes necesidades.
Students will be able to:
En esta lección, los estudiantes aprenderán sobre la seguridad y la seguridad web de contenido. También practicarán técnicas básicas de seguridad web para evitar secuencias de comandos entre sitios.
Students will be able to:
En esta lección, los estudiantes aprenderán sobre la tríada de la CIA. La tríada de la CIA es una medida de seguridad ampliamente aceptada que debe garantizarse en cada sistema seguro. Significa confidencialidad, integridad y disponibilidad.
Students will be able to:
En esta lección, los estudiantes evalúan su conocimiento de los conceptos de este módulo con un cuestionario de unidad.
Students will be able to:
En esta lección, los estudiantes proporcionarán comentarios a los compañeros de clase sobre la calidad de la innovación final de su proyecto.
Students will be able to:
En esta lección, los estudiantes 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 estudiantes explorarán carreras disponibles en informática y organizaciones estudiantiles para prepararlas para diversas carreras tecnológicas. También aprenderán cómo el sesgo puede afectar los programas de computadora.
Students will be able to:
- Explore different computer science careers and opportunities
- Learn how bias can affect computer programs
