01
Project Challenge
Objective
HTML is the standard markup language used for structuring a web application, while CSS is employed for styling.For a better understanding of the foundations of Front-End development. I thought it might be a good idea to create single webpages to improve my understanding. I was introduced to a familiar CSS framework called Bootstrap. That's what I used to provide a basic style for my check-out page. I also included input user validation to ensure the data entered was the correct format and type.
02
Design Approach
Objective
My next project was to create a brief introduction page about myself, which I was able to do. This is where I realised the importance of layout, Responsive Design and Cross-Browser compatibility. This meant my page performed across multiple browsers. My page was also able to fit and respond to various screen sizes. My next SPA was aimed at enhancing what I had already learned from my introduction. The page was created to represent a fictional tech company that specialized in selling mobile phones. I explored CSS further as you can see there was more effort put into the overall overview of the application. I was able to utilize the CSS Box model. By adjusting the padding, margin, and the border around the content.
03
Continued
Objective
The next SPA was centered around exploring the layout and implementing a mobile-styled navigation.