Very Excited about the course
In the first week, we created the design of the website in Figma. On this page, you will be able to see in detail all that the gym can offer, as well as a brief introduction and a little about our history
In the second week, we created the HTML for the page, making sure to use all the best practices, both in semantic tags and in content distribution. We used Git to save and manage the different updates, and then used GitHub to share the project
In the third week, using basic CSS, we styled our HTML to practice and solidify our knowledge in designing and laying out a web page. We learned how to use colors, backgrounds, and basic positioning, as well as how to link our HTML with a CSS file.
In this week, I used Flexbox to create a flexible and adaptable layout. This allowed me to easily organize the elements of the page in rows or columns, adjust their size and alignment effortlessly, and change their order if needed. With Flexbox, I achieved a responsive design that automatically adapts to different screen sizes and devices, without complications or complex layout structures. It was an effective tool for creating a modern and efficient design on my web page.
I completed a JavaScript practice in which I worked with a variety of concepts, including the use of variables, strings, arrays, if-else statements, for loops, and functions. I used variables to store values and perform operations with them, strings to manipulate text, and arrays to organize data into lists. I also employed if-else statements to make decisions based on specific conditions, and for loops to iterate over arrays or perform repetitive tasks. Additionally, I implemented functions to encapsulate reusable and modular code, which allowed me to learn how to optimize and organize my code efficiently. It was a valuable practice that familiarized me with these essential JavaScript concepts and enabled me to apply them in creating functional and dynamic programs.
During this week, we applied JavaScript to validate a login form and a registration form, using tools such as if, for, and creating small functions that perform individual tasks. Within these validations, we also applied the use of the DOM both to retrieve the values of the inputs and to inject HTML and CSS to display errors.
This week we applied data validation to an endpoint using fetch and asynchronous promises, sending the input information through the URL using query params. We also added the ability to save data in local memory with localStorage, thus allowing the client to save time when entering previously validated data.
Alejandro Maciá