top of page

Coding Independent Study

Over the course of 5 months (Jan - May 2018), I utilized Codecademy Pro to complete the following four courses: 

  • Learn HTML 

  • Learn CSS 

  • Make a Website 

  • Deploy a Website

 

Originally, my goal was to utilize Codecademy to create my online resume website from scratch. However, I was disappointed to realize that I could not use any of my own code that I had written to create a static site that could be shared with anyone else. I then went in search of an online platform to write HTML and CSS code that could be translated into the beginning shell of my resume site that could be shared with interested parties. After much research, I decided that utilizing W3Schools, a popular website for learning HTML and CSS would allow me to complete my task.

 

First, using a W3school course, I created HTML and CSS code that worked together on the left-hand side of the screen. Upon clicking “Run,” the code was translated to the right-hand side of the screen. The end result was the basic landing page of my portfolio shell website. The navigation bar shows links that change color when you hover over them as well. However, the links are not active. The link to the site is listed below:

​

PORTFOLIO SHELL WEBSITE

 

Upon clicking on the link, one will be directed to my work listed above. In order to view the right-hand side of the screen, the user must follow the directions listed: “User-made code has been loaded into the Tryit Editor. The code will not run until you click the "Run" button in the Tryit Editor. By clicking the "Run" button you agree to our terms and conditions.” As indicated by the directions, simply click “Run” and the site will become visible.

 

Realizing that my time would be better spent utilizing my new intermediate level knowledge of how to write HTML and CSS code to troubleshoot my resume site, I decided to utilize a web-based cloud development platform that would be better accessible to interested parties.

Screen Shot 2018-12-04 at 11.11.15 AM.pn
bottom of page