Document in a version control environment: After making the prototype on Figma I started to create my portfolio with HTML and CSS. But before that I uploaded my portfolio to Gitlab so that I can write commits to all changes and have a backup incase I lose my files. GitLab link and Hera link

Reflection

What did I learn: From previous projects and this portfolio I noticed the importance of documenting your code and having a backup in case something fails. It also lets the teachers know what changes I made to my portfolio. They can also review my code and give me feedback if I'm using the correct syntax semantics.

Conclusion: I learned that documenting your code is very important. I'm also getting more comfortable with GitLab and using it to document my code.

Front-end development languages: Alongside my portfolio I'm also doing an online course which makes me learn things about web development and languages like HTML, CSS and JavaScript. FreeCodeCamp

Reflection

What did I learn: During all this time in the course I learnt about basic HTML structure, how to use CSS like classes, flexbox and JS variables, functions and arrays. During my studies I plan to continue this online course and learn everything related to web development which I can document in my portfolio to prove learning outcomes.

Improvements: Throughout this course I could have been more consistent and more dedicated. I started it in 2023, but I made a lot of breaks during the process which made forget some stuff. In 2025 I will try to be more consistent with this course and hopefully have something more to show in the next portfolio review.

Conclusion: I need to be more consistent with this course and finish all the unfinished lessons.

Front-end development languages: In this course I there are exercises where I can practice my HTML and CSS skills. In one of these exercises I had to design a registration form using HTML and CSS.

Reflection

What did I learn: In this exercise I learned how to create a registration form using HTML and CSS. I needed to use different HTML elements like input and their types, label and POST method.

Improvements: I could have used more CSS to style the form and make it look better. Also I could have practiced more with different HTML elements and their attributes to understand forms better.

Conclusion: I need to practice more with HTML and CSS to understand forms better and be able to create more complex forms in the future. Also I need to do more lessons to catch up with the course and learn more about web development.

Front-end development languages: During the second Picoo project we needed to develop a website for the client. In this project I was responsible for creating the home page and preview page. Link to GitLab commits.

Reflection

What did I learn: During this project I further developed my HTML and CSS skills. I got a better understanding of flexbox and how to use it to create a responsive layout. Also learned :hover pseudo-class to create a hover effect on the buttons.

Improvements: I could have used more CSS to style the pages and make them look better. Also I could have tried to implement database to save users data and make the website more dynamic and functional.

Conclusion: I used a lot of things that I already knew, but I also learned new things like :hover pseudo class. I need to practice more to make my products more interactive and responsive. Also I need to learn more about databases and how to use them in web development.

Front-end development languages: During the Project X I wanted to get a better understanding Bootstrap and how to use it to create a responsive layout. I did some research to find youtube tutorials and articles about Bootstrap and how to use it. Bootstrap website. Tutorial for Bootstrap.

Reflection

What did I learn: During this research I learned how to use Bootstrap to create a responsive layout. I needed to include a bootstrap llink in my HTML file and then I could use different classes to create a grid layout. After reading about bootstrap I learned how to create navbar and customize it. Then I watched a tutorial on how to use Bootstrap to create a responsive layout. I learned some classes like container, row and col to create a grid layout.

Improvements: I'm still improving my Bootstrap skills and trying to understand how to use it better. I need to watch more tutorials and read more articles and apply it practically to get a better understanding of Bootstrap.

Conclusion: While i'm getting better with bootstrap I still need to practice more to understand how to use it better. Also getting feedback from teachers might help me to understand how to use it better.

Document in a version control environment: Before starting the Project X I created a GitLab repository to store my code and document all the changes I made. I also created a README file to explain what the project is about. Projext X GitLab repository.

Reflection

What did I learn: GitLab is a very useful tool to document your code and keep track of all the changes you made. I learned how to create a repository, commit changes and push them to the remote repository.

Improvements: As of now my GitLab skills are still basic. I need to learn more about branches, merging and resolving conflicts. I also need to get better at commit messages and writing clear and concise messages that explain what changes I made.

Conclusion: While I know the basics of GitLab, I still need to practice more to understand more about branches, merging and resolving conflicts.

Front-end development languages: For Project X, the first game I wanted to make was TicTacToe with HTML, CSS and JavaScript. I'm not proficient in JavaScript, so I needed to do some research on how to create a game with it. Tutorial I watched.

Reflection

What did I learn: After watching the tutorial I got a better understanding of JavaScript login behind the game. I learned that querySelectors select elements from the HTML document and you can use them to manipulate the DOM. I also learned the "!" operator to check if a variable is not equal to something. And besides I learned template literals "${}"" to insert variables into strings. During the tutorial I got confused with the code and I didn't understand some parts of it so I used co-pilot to help me understand the logic behind the code.

Improvements: Even though I learned a lot from the tutorial, I still need to practice using JavaScript loops, functions and arrays to understand the logic behind the code better.

Conclusion: I learned a lot from the tutorial and I got a better understanding of JavaScript logic behind the game, but still need to dig deeper into JavaScript to understand it better. I also need to practice more with JavaScript loops, functions and arrays.