Welcome to my course project landing page

The following projects have been created as a way to explore front-end Web Design and development.

Main course projects

• My First Page

  Creating the project, My First Page was our first introduction to coding.

  Through this, we learned how to properly set up a file management system, apply HTML content to a document with the proper naming convention, add an image, and learned how each line of code represents itself on the webpage. We learned how to emphasize text and how to strongly emphasize text to bring attention to certain words or content on a webpage.

  In addition, through the adding of comments, lines of code were further explained as to where they would show up visibly on the webpage, as well as additional comments that would act as reminders for us to completely close our tags when we had finished with a line of code.

  After completing the HTML content, we began to implement CSS to the document. Through this process, we learned how to add color, change font size, select a differnt font family, change the width of an image, add margins, and padding. This was our first experience in how CSS brings a document to life stylistically.

• Squint Studio Build-Along

  Throughout the couse of the Squint Studio Build-Along project, we have been implementing the knowledge that we have gained both through the My First Page project as well as through lectures to further enhance our knoweledge and progress within our skillsets of coding.

  Each week, we have learned the basis of creating three differnt documents, index.html, portfolio.html, and about.html. With these documents, we have learned what portions of the content remains the same and what changes, we've learned about attributes, prarent and sibling relationships, how to apply links, etcetera. After completing the basis of the HTML content, we then devled into applying CSS.

  We firstly learned how to create styles.css. From there, we applied rules throughout each document as we understood how to alter aspects such as margins, padding, font-family, font-size, color, adding a border, adjusting the layout, as well as changing the colors of links in various states.

• For the Love of New York

  For our final project, we utilized all of the skills that we learned throughout the semester to design a website. Beginning from the ground up, we firstly had to think about who our intended audience would be and how to best approach and create a design that would speak to them. From there, we created a wireframe and HTML outline that would be the basis of our site. After that was completed, the building process began.

  With the goal of creating a dynamic site employing propper HTML and CSS, we were tasked with creating section/aside/article, optimizing images with alt tags, using Flexboxes, selecting nonsystem fonts, choosing a color scheme, applying titles, and much more.

  In order to keep ourselves on track, we used a workflow document, just as we had with the Squint Studio Build-Along so we could manage our progress with each session, visually document the work, and ask questions when needed. In the end, we were able to utilize every skill, and maybe even more to showcase everything we leared throughout the semester.