Este curso provee a los estudiantes del conocimiento y de la experiencia práctica para diseñar e implementar aplicaciones web y móviles cumpliendo con los estándares actuales y las buenas prácticas de programación que faciliten su mantenibilidad, escalabilidad y adaptabilidad. En el curso se diseñan y modelan aplicaciones que realizan requerimientos web asincrónicos entre el cliente y el servidor para mejorar la experiencia de usuario. Además, se utiliza el patrón de diseño de arquitectura modelo-vista-controlador en la programación en el servidor y en el cliente para separar la lógica del negocio de la interfaz de usuario, permitiendo un fácil mantenimiento de la aplicaciones desarrolladas. Finalmente, en el curso se manejan conceptos independientes de la plataforma web utilizada, por lo que facilita el aprendizaje autónomo de nuevas tecnologías y entornos de trabajo.
| Año | PAO |
|---|---|
| 2023 | PAO I - PAO II |
| 2024 | PAO I - PAO II |
Existen algunos sitios especializados, como A List Apart, Mozilla Developer Network, CSS-Tricks, HTML5Doctor, HTML.com, W3Schools, Codepen y Google Developers dado que tienen publicaciones interesantes, relacionadas con el desarrollo de aplicaciones web.
Para el control de versiones de las prácticas y los proyectos deberás utilizar un repositorio remoto para control de versiones, algunos sistemas de administración de repositorios remotos que podrías considerar: GitHub, BitBucket y GitLab.
En relación a las herramientas de edición, podrías considerar: Sublime Text 3, Notepad++ y Atom, incluso un editor más potente como el Visual Studio Code. Sublime Text tiene una lista de plugins de soporte para el desarrollo web de páginas estáticas.
El proceso de diseño y maquetación conlleva la creación de mockups, entre las herramientas que podrías considerar para esto, tenemos: Balsamiq, OneNote, Mockplus, Wireframe, Moqups, Fluid, SmartMockups y otros que puedes encontrar en línea. Un par de sitios Piktochart y Canva les puede servir para hacer volantes o diseños rápidos de páginas web.
En una categoría especial están los IDE en línea que sirven para prototipado rápido: StackBlitz, Codepen, Plunker y Codeply.
En cuanto a librerías y frameworks del lado del cliente, podemos encontrar a W3.CSS, Flex boxGrid o Bootstrap, permiten abstraerse de las reglas de estilo para maquetar prototipos de alto nivel.
Mientras diseñas tu sitio web, puedes utilizar los inspectores de Mozilla o Chrome para verificar la estructura semántica de las páginas. Y algunos cheatsheets de HTML/CSS/GIT en la carpeta Recursos, Google Web Fonts y Bootstrap.
Cuando tengas listo tu sitio web estático o tu aplicación web dinámica será necesario utilizar un servidor web. Mediante la extensión Web Server for Chrome para Google Chrome es posible lanzar un servidor local para sitios web estáticos. Si requieres de un PAAS para poner en producción tu aplicación web, existen opciones como Firebase o Heroku.