User Interfaces

There is a better way to learn how to build a web site, than building one? I don’t think so! For this reason, I decided to start this project.

This project involved the creation of a blog-style website designed to teach web development to university students, specifically those attending Universidad Carlos III de Madrid. The primary objective was to provide a hands-on learning platform where students could apply the concepts discussed during the course directly to a live project, fostering a deeper understanding of the material.

The technology stack utilized for this project was both practical and educational, incorporating tools like org-publish for converting Org-mode files into HTML, alongside foundational web technologies such as HTML5, JavaScript, and CSS3. Additionally, GitHub was used for version control and the automatization of the publishing, allowing students to engage with real-world development workflows, including collaboration and version management.

One of the significant challenges encountered during this project was the learning curve associated with Emacs Lisp, necessary for the conversion of Org files into HTML. Mastering this language was crucial for automating the publishing process and integrating it seamlessly with the rest of the site. Furthermore, the content had to be tailored to a diverse audience, including students with no prior experience in web development. This required careful consideration of how to present technical information in an accessible and engaging way.

Although the primary audience for this project was university students, the platform was designed with broader aspirations in mind. The website aims to serve as a valuable resource for anyone interested in learning web development, regardless of their background.

You can check the result at interfaces-usuario , and the code at code of interfaces de usuario