En esta lección, los alumnos realizarán una evaluación de diagnóstico para determinar su competencia en HTML/CSS y Javascript. Los resultados ayudarán a determinar por qué módulo deben empezar en el curso de Desarrollo Web.
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 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, se presenta a los alumnos un proyecto de recogida de datos que les obligará a crear un sitio web que recoja datos de los usuarios.
Students will be able to:
En esta lección, los alumnos aprenden sobre los usuarios y cómo los utilizan las empresas para hacer predicciones sobre las interacciones de los usuarios.
Students will be able to:
En esta lección, los alumnos redactarán y completarán sus sitios web de recogida de datos.
Students will be able to:
En esta lección, los alumnos recopilarán datos de los usuarios sobre los sitios web de sus proyectos, y darán su opinión a sus compañeros sobre la calidad de su proceso de recopilación de datos.
Students will be able to:
En esta lección, los alumnos aprenden sobre los distintos tipos de datos que pueden recopilar de los usuarios, y cómo pueden utilizarlos para tomar decisiones informadas sobre su sitio web.
Students will be able to:
En esta lección, los alumnos redactarán un informe sobre los resultados de su recogida de datos.
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 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, 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 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:
