Please enable JavaScript to use CodeHS

Desarrollo web

View Syllabus Overview
Introducción a Javascript en HTML
Description

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.

Description

En esta lección, los estudiantes aprenden cómo incorporar JavaScript en sus páginas HTML usando la etiqueta script.

Objective

Students will be able to:

  • Incorporate JavaScript into their HTML pages
  • Use the console to debug scripts
Description

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.

Objective

Students will be able to:

  • Modify existing elements on a web page using document.getElementById
  • Modify existing elements on a web page using document.getElemenyByTagName
  • Explain the purpose of the DOM, and how it is used to manipulate HTML files
Description

En esta lección, los estudiantes aprenderán cómo crear elementos utilizando el modelo de objeto de documento.

Objective

Students will be able to:

  • Create elements using document.createElement
  • Add created elements to an existing webpage
Description

En esta lección, los estudiantes aprenden cómo diseñar elementos en HTML usando JavaScript y el modelo de objeto de documento.

Objective

Students will be able to:

  • Utilize setAttribute appropriately to style elements in JavaScript
  • Distinguish between .attribute and setAttribute notation and determine the advantages and disadvantages of both
Description

En esta lección, los estudiantes aprenden cómo usar funciones para hacer que sus páginas web sean más dinámicas.

Objective

Students will be able to:

  • Articulate the difference between dynamic and static websites
  • Create buttons with onclick events
  • Use functions to create working, dynamic buttons
Description

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.

Objective

Students will be able to:

  • Appropriately use the keyword this
  • Explain the difference between how this is used with onclick and with eventListeners
Description

En 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.

Objective

Students will be able to:

  • Create a working, clickable keyboard using only JavaScript
Description

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.

Objective

Students will be able to:

  • Use keydown and keyup events to read keyboard information
  • Distinguish between key.code and key.key, and when it’s appropriate to use each
Description

En esta lección, los estudiantes aprenden cómo animar elementos de la página web usando temporizadores.

Objective

Students will be able to:

  • Describe what animation is, and how it works
  • Use timers to successfully animate web page elements and terminate animations
Description

En esta lección, los estudiantes aprenden cómo usar el estilo de ‘posición’ en CSS para mejorar las animaciones.

Objective

Students will be able to:

  • Explain the difference between all the position attributes
  • Use position to animate elements
Description

En esta lección, los estudiantes evalúan su conocimiento de los conceptos de este módulo con un cuestionario de unidad.

Objective

Students will be able to:

  • Prove their knowledge of JavaScript in HTML through a multiple choice quiz