Please enable JavaScript to use CodeHS

Desarrollo web

Este curso pretende enseñar a los alumnos los fundamentos del desarrollo web en un entorno de aprendizaje basado en proyectos. Se enseña a los alumnos los elementos básicos del desarrollo web, como el alojamiento web, la organización de archivos y la incorporación de Javascript en archivos HTML.

Overview & Highlights

Level
High School
Contact Hours
145
Timeframe
Year

Course Overview

To view the entire syllabus, click here or click to explore the full course.

Introducción a Javascript en HTML
Los alumnos aprenden sobre la etiqueta script, y cómo puede utilizarse para escribir código JavaScript en sus archivos HTML. Los alumnos también conocerán métodos útiles de JavaScript que pueden utilizarse para alterar el estado del CSS y el HTML de una página web, así como la forma en que el Modelo de Objetos del Documento admite la posibilidad de realizar dichos cambios.
Uso de bibliotecas JavaScript
Se presenta a los alumnos jQuery, una biblioteca de JavaScript que facilita la interacción con las páginas web. Los alumnos aprenderán la sintaxis básica de jQuery, cómo incorporarlo a sus páginas web y métodos útiles que ayudan a animar y cambiar la capacidad de respuesta de sus sitios web.
Proyecto: ¡Construye un currículum interactivo!
Los alumnos crean un currículum interactivo de una sola página. Los alumnos deben añadir varias animaciones utilizando jQuery para demostrar su capacidad de modificar HTML y CSS. Esta unidad también examina las teorías de diseño web que pueden ayudar a los estudiantes a mejorar la estética de sus currículos, y a evaluar la calidad de un sitio web basándose en su diseño.
Almacenamiento y recogida de datos
Los alumnos exploran el papel que desempeñan los datos en la creación de páginas web. Los alumnos conocerán las distintas formas en que se obtienen datos de las páginas web, así como las maneras de protegerse de la recopilación de datos no deseados. Los alumnos también aprenderán a incorporar la recogida de datos en sus propios sitios web, y a recopilar información sencilla de los usuarios.
Proyecto: Recogida de datos
Los alumnos crean una página web con varios archivos que realiza un seguimiento del número de clics que reciben los elementos de contenido del sitio, lo que permite al propietario de la web tomar decisiones sobre qué contenido debe conservarse y cuál debe cambiarse la próxima vez que actualicen su sitio. Los alumnos prueban las páginas web de los demás y escriben una respuesta por escrito destacando el contenido que cambiarán en la próxima iteración y por qué.
Cómo construir y mantener un sitio web
Los alumnos exploran cómo almacenar archivos web, asegurar un nombre de dominio y mantener una página web. La mayoría de las lecciones serán explicativas: no se espera que los alumnos alojen y mantengan una página web fuera de CodeHS, pero se les darán las herramientas necesarias para hacerlo si lo desean.
Proyecto final
Los estudiantes tienen la tarea de crear un sitio web de su elección. El sitio web tendrá que seguir unos criterios específicos: cierto número de páginas, capacidad de respuesta y uso de API. Los alumnos pasan por un proceso de retroalimentación, y aprenden a hacer sus sitios web más accesibles a una amplia gama de usuarios.

100
Lessons
76
Videos
204
Exercises
16
Challenges
80
Offline Handouts

Demo Programs

Explore programs that your students will build throughout this course!

Course Resources

Here are a few examples of teacher resources and materials to use in the Desarrollo web course

Industry-Relevant Certifications for High School Computer Science

The CodeHS Web Development Level 1 Certification offers high school students the opportunity to validate their mastery of Web Development, giving them a competitive advantage when entering college or the workforce.

Learn More

Standards

Desarrollo web is aligned with the following standards

Standards Framework View Alignment
Georgia Web Design View (93.8%)
CIW Site Development Associate Exam View (90%)
Natrona Computer Programming 1 View (76.2%)

Customizable Assignments

Create and organize Assignments in any CodeHS course that you're teaching. You can even add custom assignments to pre-existing CodeHS courses.

Learn More

Actions for Teachers

Didn’t find what you were looking for? Here are a few links that might be useful to you.