This project is an initiative to explore the fundamentals of web development, covering basic concepts of HTML and CSS to advanced techniques in JavaScript, DOM, Regex, and testing. The goal is to provide a comprehensive introduction to the world of web development, along with practical exercises and tests to reinforce the acquired knowledge.
- Web application: You can see the application in action here.
The project involves creating a series of web pages that address different aspects of web development, following a previously established design in Figma. Each page focuses on a specific topic and includes practical exercises to reinforce the learned concepts.
The repository contains the following files and directories:
- index.html: Main page linking to other project pages.
- diagrams.html: Page dedicated to describing exercises related to creating VV (View-Model) diagrams.
- functions.html: Page addressing exercises related to function and class implementation.
- dom.html: Page describing exercises related to creating interactive elements using JavaScript and the Document Object Model (DOM).
- test.html: Page displaying the results of tests performed during project testing.
- The design provided in Figma was followed to create the web pages, using HTML and CSS for structure and styling, respectively.
- Practical exercises were implemented on each page, addressing different aspects of web development, from structuring to interactivity with JavaScript.
- Project testing was carried out using Jest and executed in functions.test.js, with the results displayed in test.html. Se utilizó un enfoque de desarrollo dirigido por pruebas (TDD) para garantizar la calidad y funcionalidad del código implementado.
Para ejecutar el proyecto localmente, simplemente abre los archivos HTML en un navegador web compatible. Para ver los resultados del testing, abre el archivo test.html en un navegador y revisa los resultados mostrados.