This class is designed to take students from step 0 to step 100 in one semester, which is completely overwhelming at times. I came into this class with absolutely no experience, and I am leaving this class confident in front-end web development and design. I also completed 326 Free Code Camp Lessons!

Our first project was a hand-crafted, small-batch, and locally-sourced bespoke website. This site was the first time I could write code while seeing the changes I was making to my website. I was excited and proud of what I created.

Within this project, I learned how to use Visual Studio Code as well as Cyberduck. At this point, I could add boarders to images, set fonts, change color schemes, add backgrounds, set links, etc.

This image has an empty alt attribute; its file name is projectone-1024x466.jpg

Project Two was a Bootstrap Triptych, where we took the same content and made it into three different websites or panels. In the first website, we could only use bootstrap elements to arrange our content. I was impressed by how easily I could create a nav bar and grids using bootstrap.

This image has an empty alt attribute; its file name is panel-one-screenshot.jpg

For the second panel of project two, we had to implement a theme. I was amazed by how professional my project looked by just adding a theme.

This image has an empty alt attribute; its file name is panel-two-screenshot.jpg

For the third panel of project two, we took our theme and changed the CSS to customize the appearance. I went through a rounded all of my corners and set up a monochromatic color scheme. Being able to change the elements of a theme is important when it comes time to personalize a site for a client.

This image has an empty alt attribute; its file name is panel-three-screenshot.jpg

Project three was my favorite because we were introduced to WordPress, which I see myself doing most of my future web-design work on. WordPress is a powerful tool with menus, plugins, widgets, blocks, etc. that allow you to create anything you can dream up. For project three, we created two sites: a commerce store and a news site.

For my news site, I created a neighborhood news channel called OakHill News. This site was super fun to make because I got to interact with neighbors to collect stories and pictures. I also used video and audio snippets which were new to me. On this site, I used my first plugin to create a newsletter sign-up.

This image has an empty alt attribute; its file name is oakhillnews-1024x453.jpg

For my commerce store, I created Decor Matters, which specializes in affordable and adjustable art. This site was created using woo commerce which makes it super easy to set up an online store! Futhermore, I found a plugin that lets you zoom in on products and view them from 360 degrees.

This image has an empty alt attribute; its file name is decormatters-1024x452.jpg

Finally, we ended the semester with our final project. For this project, I used WordPress to create a site for a client. I was super impressed with the outcome, and I became confident in experimenting with new themes, widgets, and plug-ins. Click here to watch my final project presentation.

css.php