Descargar como docx, pdf o txt
Descargar como docx, pdf o txt
Está en la página 1de 4

PROPUESTA DE TRABAJO

Asignatura: Programación Web II


Sigla: INF-122
Área Curricular: Programación
Modalidad: Semestral
Nivel Semestral: Segundo semestre
Horas Teóricas: 4 por semana en dos sesiones
Horas Practicas: 2 por semana en una sesión
Pre-Requisitos Formales: Prefacultativo
Carreras Destinatarias: Informática

1. Conocimientos previos

Los estudiantes del área de programación deben tener bases fundamentales


del área de programación web, que les permita analizar y diseñar algoritmos
computacionales, en base a metodologías de programación.

2.Objetivo de la Materia

Comprender los conceptos básicos de desarrollo web, como HTML (Hypertext


Markup Language), CSS (Cascading Style Sheets) y JavaScript.
3. Objetivos generales
El objetivo general de esta materia es proporcionar a los estudiantes los
conocimientos y habilidades necesarios para desarrollar aplicaciones web
modernas y atractivas utilizando técnicas avanzadas de diseño, frameworks
populares y sistemas de gestión de contenido. Al finalizar el curso, los
estudiantes serán capaces de diseñar e implementar interfaces web
responsivas, dinámicas y eficientes, integrando herramientas como Flexbox,
Bootstrap, React.js y CMS, para crear experiencias de usuario de alta calidad
en entornos digitales.
4. Programa Sintético
Introducción a la Programación Web 2.0, Profundizando en Flexbox, Utilizando Bootstrap para
Diseño Responsivo, Diseño de Interfaces Atractivas, Introducción a los CMS (Gestores de
Contenido), Fundamentos de React.js, Construcción de Aplicaciones Web con React y CMS,
Proyecto Final

5. Contenidos analíticos

Módulo 1: Introducción a la Programación Web 2.0


● Breve historia y evolución de la web.

● Conceptos fundamentales de diseño responsivo.

● Introducción a Flexbox: propiedades principales y su aplicación en


diseño web adaptable.
Módulo 2: Profundizando en Flexbox
● Flexbox: contenedor flexible y elementos flexibles.

● Propiedades clave de Flexbox: `display`, `flex-direction`, `justify-content`,


`align-items`, `align-self`, `flex-wrap`.
● Prácticas de diseño utilizando Flexbox.

Módulo 3: Utilizando Bootstrap para Diseño Responsivo


● Introducción a Bootstrap como framework front-end.
● Grid System de Bootstrap: uso y configuración.
● Componentes de Bootstrap: botones, formularios, navegación, etc.
● Personalización de estilos y creación de temas.

Módulo 4: Diseño de Interfaces Atractivas


● Principios básicos de diseño de interfaces de usuario (UI).
● Herramientas y recursos para diseño de interfaces web atractivas.
● Prácticas de diseño centradas en el usuario (UX).
● Prototipado y wireframing de interfaces.

Módulo 5: Introducción a los CMS (Gestores de Contenido)


● Concepto y ventajas de los CMS.
● Comparativa entre CMS populares: WordPress, Joomla, Drupal, etc.
● Instalación y configuración básica de un CMS.
● Creación y gestión de contenido utilizando un CMS.

Módulo 6: Fundamentos de React.js


● Introducción a React.js como framework de desarrollo de interfaces.
● Componentes en React: creación, composición y reutilización.
● Estado y ciclo de vida en React.
● Gestión de eventos y comunicación entre componentes.

Módulo 7: Construcción de Aplicaciones Web con React y CMS


● Integración de React con un CMS (p. ej., WordPress como backend
headless).
● Desarrollo de interfaces dinámicas y reactivas con React.
● Implementación de funcionalidades avanzadas: autenticación de
usuarios, formularios dinámicos, etc.
● Despliegue de la aplicación en un servidor en la nube.

Módulo 8: Proyecto Final


● Desarrollo de un proyecto completo que integre los conceptos
aprendidos.
● Implementación de diseño responsivo, utilizando Flexbox, Bootstrap y
React.
● Conexión con un CMS para la gestión de contenido.
● Presentación y revisión de los proyectos finales.

La materia del área adoptará el siguiente cronograma de evaluación:

EXAMEN CONTENIDO PONDERACIÓN

Practica 1er Parcial Cap. 1, 2,3 5%

Practica 2do. Parcial Cap. 4, 5 5%

Practica 3er. Parcial Cap. 6,7 5%

TOTAL 15 %

7. Métodos y Medios
Los métodos de aplicación del proceso curricular de la materia están
contenidos en el proceso de enseñanza y aprendizaje centrada en el alumno
para lograr un aprendizaje significativo con razonamientos inductivos y
deductivos y un aprendizaje por descubrimiento programado, orientado, puro
libre y al azar que permita al estudiante desarrollar su potencialidad creativa, a
través de talleres, lluvia de ideas, investigación, exposición, y entre los medios
tenemos a docentes calificados con post grado en Educación Superior, una
biblioteca especializada con textos de todas las materias, servicio de internet,
recursos didácticos en la web, equipos educativos y una educación casi
personalizada.
8. Bibliografía
1. "CSS Mastery: Advanced Web Standards Solutions" by Andy Budd, Emil
Björklund, and Cameron Moll.
2. "Flexbox in CSS" by Estelle Weyl.
3. "Bootstrap 4: Exploring Tools for Web Design and Development" by Jake
Spurlock.
4. "Designing Interfaces: Patterns for Effective Interaction Design" by
Jenifer Tidwell.
5. "React Quickly: Painless web apps with React, JSX, Redux, and
GraphQL" by Azat Mardan.

También podría gustarte