This repository containing some of the challenges that I have completed using FreeCodeCamp. I have been lightly coding for years, but this is the first time I am taking a serious stab at getting fluent in coding languages. So PLEASE DON'T JUDGE because some of these files are pretty basic.

I will also be posting my progress through the #100DaysOfCode Challenge that I started on June 26, 2016

• Completed Challenges: "Say Hello to HTML Elements" through "Add Alt Text to an Image for Accessibility"
• Hours Completed: 2

• Completed Challenges: "Create a Bulleted Unordered List" through "Use Abbreviated Hex Code"
• Uploaded 'CatPhotoApp' to Github
• Uploaded 'Clockwise Notation' HTML note file to Github
• Hours Completed: 4

• Completed Challenges: "Use RGB values to Color Elements" through "Line up Form Elements Responsively with Bootstrap"
• Modified 'CatPhotoApp' through FreeCodeCamp.com to include:
  • Responsive design using Bootstrap
  • Add icons using Font Awesome
  • Code cleansing
• Hours Completed: 1.5

• Completed Challenges: "Build a Bootstrap Headline" through "Use jQuery to Modify the Entire Page"
• Challenges in Progress: "Build a Tribute Page"
• Updated README.md
• Hours Completed: 4.5

• Completed Challenge: "Build a Tribute Page"
• I had a lot of fun with this challenge. It was nice to build something from the ground up without following a play-by-play tutorial. So far I am very happy with FreeCodeCamp.com
• Uploaded: "A Tribute to David Attenborough" HTML and CSS files
• Hours Completed: 7

• Made updates to David Attenborough tribute page
• Began reading "You Don't Know JS: Up & Going" by Jenn Lukas
• Hours Completed: 2

• Continued updates to David Attenborough tribute page
• Started designing the wire frames for Version 2 of the "Interview Like a Boss" website
• Continued reading "You Don't Know JS: Up & Going"
• Hours Completed: 3

• Further updates to David Attenborough tribute page
• Continued working on the design of the wire frames for Version 2 of the "Interview Like a Boss" website
• Continued reading "You Don't Know JS: Up & Going"
• Hours Complated: 2.5

• Made updates to David Attenborough tribute page
• Continued working on the design of the wire frames for Version 2 of the "Interview Like a Boss" website
• Continued reading "You Don't Know JS: Up & Going"
• Hours Completed: 1.5

• Continued working on the design of the wire frames for Version 2 of the "Interview Like a Boss" website
• Continued reading "You Don't Know JS: Up & Going"
• Hours Completed: 3

• Frustration on frustration on frustration with the FCC Zipline project today.
• Having issues trying to get my background images to scale properly, be full width, and be responsive.
• Calling it quits because it's been a really long day and I have a major headache.
• Hours Completed: 2.5

• Started actually making progress with the FCC Zipline (Design a personal portfolio page) project.
• Became frustrated yesterday because I set out to make the site far too complicated for my skillset at this point.
• Decided to go with a simple material design style website
• Uploaded first version of HTML, CSS, and JS files to this repository
• Hours Completed: 5.5

• Conitnued working on the FCC Zipline (Personal Portfolio) project
• Struggling a bit with getting elements to responsively resize properly
• Got stuck with trying to create a collapsible navbar using HTML and JS
• I think I am going to recode this project to simplify it for now. I'll add in more complicated elements once the basic layout of the page is complete
• Hours Completed: 5

• Continued working on the FCC Zipline project
• Opted to entireley redesign the page instead of attempt to get all of the interactive functionality working that I had in the first version
• Decided to change the pade design from full width to fixed width
• Hours Completed: 10

• Completed the full design layout with the exception of the footer
• Added placeholder images and links
• Struggled with getting the navbar to format properly a little bit, but ended up getting it figured out
• Hours Completed: 12

• Built initial files for "Matthew Shelbourn's Portfolio: Version 2"
• Resumed FreeCodeCamp course map
• Completed Challenges: "Comment You JavaScript Code" through "Divide one Decimal by Another with JavaScript"
• Hours Completed: 2

• Completed Challenges: "Finding a Remainder in JavaScript" through "Appending Variables to Strings"
• Hours Completed: 2

• Completed Challenges: "Find the Length of a String" through "Access MultiDimensional Arrays With Indexes"
• Hours Completed: 2.5

• Completed Challenges: "Manipulate Arrays With push()" through "Global Scope and Functions"
• Hours Completed: 2

• Worked on developing the base code for the "Interview Like a Boss" website
• Hours Completed: 3

• Worked on developing the base code for the "Interview Like a Boss" website
• Hours Completed: 2

• Worked on developing the base code for the "Interview Like a Boss" website
• Hours Completed: 2

• Completed Challenges: "Write Reusable JavaScript with Functions" through "Global vs Local Scope in Functions"
• Hours Completed: 1

• Completed Challenges: "Return a Value from a Function with Return" through "Golf Code"
• Hours Completed: 2.5

• Completed Challenges: "Selecting from many options with Switch Statements" through "Accessing Objects Properties with Variables"
• Hours Completed: 3

• Completed Challenges: "Updating Object Properties" through "Manipulating Complex Objects"
• Hours Completed: 2
• Note: I am going to take a break from FCC for awhile. I'm having some trouble following the JavaScript module. I am going to go back to reading 'You Don't Know JS' and also start working my way through Code School's programs.

• Started working on my Portfolio Version 2
• Finished the Nav Bar, Cover Section, and began building the Bio section
• Note: I'm finding it easier to work with Bootstrap and CSS this time around. I feel like I'm getting a better sense for how the languages work. Feels good! :)
• Hours Completed: 5.5

• Continued working on my Portfolio Version 2
• I wasn't happy with the way my cover page looked so I set out to adjust it. This opened up a can of worms because the more I tinkered with it the more I wanted to change
• Need to keep my OCD in check :)
• Added Javascript to change the scroll speed upon link click.
• Hours Completed: 8

• Continued working on my Portfolio Version 2
• Struggling to figure out a way to get my landing page the way I want it.
• My goal is to have it be a full-width and full-height cover page with a background image.
• I can get it to be like this when viewing on a laptop or desktop, however when I begin to scale it down (emulating a mobile device) the cover page begins to shrink and move up.
• It seems like it should be an easy fix, but I'm having trouble figuring it out.
• Getting a little frustrated. Oh well, that's the name of the game sometimes. :)
• Hours Completed: 4

• Continued working on my Portfolio Version 2
• Finally figured out a way to get my landing page to be a full-width and full-height responsive cover. It was such a simple fix that I can't believe it took me so long.
• Hours Completed: 1.5

• Continued working on my Portfolio Version 2
• Figured out a way to have a full width & full height cover page with a floating profile image and bottom-aligned sub-section.
• Other minor tweaks and fixes
• Hours Completed: 3

• Continued working on my Portfolio Version 2
• Tweaked the sizing of elements so they scale properly (eg vmax, vmin, vh, and vw)
• Fixed the scaling of the navbar dropdown when collapsed
• Finished the general screen panel layout for what I want each section of my portfolio page to look like (YAY!)
• Hours Completed: 2.5

• Continued working on my Portfolio Version 2
• Started to build out the 'Bio' section of the page
• I'm finding a lot easier to build the section since I worked out many of the kinks while building the cover page.
• Hours Completed: 2

• Continued working on my Portfolio Version 2
• Continued working on the 'Bio' section of the page.
• Hours Completed: 2

• Continued working on my Portfolio Version 2
• Applied a linear gradient to the background of the 'Bio' section
• Designed an SVG section divider to use between text blocks
• Hours Completed: 2

• Continued working on my Portfolio Version 2
• Begain sizing the elements in the 'Bio' section
• Hours Completed: 1

• Continued working on my Portfolio Version 2
• Fixed sizing of section divider image in 'Bio' section (converted from SVG to PNG)
• I need more practice working with SVG's before I intergrate them into my code. I was able to position it okay, but I had trouble with scaling.
• Successfully added JS code to auto collapse nav menu when scaled down to mobile size.
• Hours Completed: 3

• Continued working on my Portfolio Version 2
• Tweaked various code (HTML & CSS) to be more streamlined and reader friendly
• Trying to improve load times because they seem a bit slow currently
• Hours Completed: 1.5

• Continued working on my Portfolio Version 2
• Worked on streamlining code to improve load time.
• Hours Completed: 1

• Continued working on my Portfolio Version 2
• Started designing the layout for the 'Projects' or 'My Work' section of the page
• Note: Got invited to test the beta of Adobe XD (Experience Design) today and want to start playing around with it to see if it is a good way to do the UX/UI side of web design.
• Hours Completed: 2

• Continued working on my Portfolio Version 2
• Started designing the layout for the 'Projects' or 'My Work' section of the page
• Currently I am just designing a simple artboard in Photoshop to layout how I want this section to look visually.
• Hours Completed: 2

• Continued working on my Portfolio Version 2
• Continued designing the layout for the 'Projects' or 'My Work' section of the page
• Currently I am just designing a simple artboard in Photoshop to layout how I want this section to look visually.
• Hours Completed: 1

• Continued working on my Portfolio Version 2
• Continued designing the layout for the 'Projects' or 'My Work' section of the page
• Close to completely the visual layout in Photoshop.
• Note: I have determined that I like designing websites better this way (pre-designing the in Photoshop before I actually start to code anything)
• Hours Completed: 2

• Continued working on my Portfolio Version 2
• Continued designing the layout for the 'Projects' or 'My Work' section of the page
• Close to completely the visual layout in Photoshop.
• Hours Completed: 2

• Continued working on my Portfolio Version 2
• Completed the visual (UX/UI) layout in Photoshop
• Began brainstorming how I want this section to function once live.
• I know that I want this section to be somewhat interactive because it is the meat of my portfolio page.
• The Google search research commences :)
• Hours Completed: 1

• Continued working on my Portfolio Version 2
• Continued to research examples to get inspiration for the functionality of this section.
• I have determined that I would like to add a hover effect to the project thumbnails in this section. Whether I do this with JavaScript or CSS I have yet to figure out.
• Hours Completed: 2

• Continued working on my Portfolio Version 2
• Continued to brainstorm how I would like this section to function.
• Here are a couple of my ideas:
  • Have thumbnail images or graphics for the main categories of my work
    • Photography
    • Graphic Design
    • Web Design
    • Programming
  • Use "FancyBox" to make these graphics enlarge and focus into a lightbox gallery where the user could scroll through examples of my work in each category. Each image in the gallery would have a caption overlay to describe what it is and when it was completed
  • Have the thumbnails be greyscale and then transform to full color when hovered over or clicked (using CSS or JavaScript)
• Hours Completed: 2.5

• Continued working on my Portfolio Version 2
• Continued to research examples to get inspiration for the functionality of this section.
• Continued to search for examples of how to code the functions I would like.
• Hours Completed: 2

• Continued working on my Portfolio Version 2
• Today I started to play around with Adobe XD to get a feel for it.
• It's kind of a cool tool for designing the graphical side of a website. I could see myself using it in the future, but since it is a "Preview" (beta) build there isn't a ton of functionality yet.
• Hours Completed: 2

• Continued working on my Portfolio Version 2
• Alright, today I finally started to actually code this section.
• Using a Bootstrap layout and then I'll add the animation and JavaScript effects later (hover effects and lightbox galleries)
• Hours Completed: 2.5

• Continued working on my Portfolio Version 2
• Continued coding the 'Projects' or 'My Work' section (still haven't concluded on a name for this section).
• Nearly done with the basic programming framework for this section.
• Hours Completed: 2.5

• Continued working on my Portfolio Version 2
• Continued coding the 'Projects' or 'My Work' section (still haven't concluded on a name for this section).
• Nearly done with the basic programming framework for this section. I should complete this by tomorrow.
• Note; DAY 50!!! YAY!!! Halfway done with the #100DaysofCode Challenge. I'm enjoying it thoroughly and have learned a lot already.
• Hours Completed: 2.5

• Continued working on my Portfolio Version 2
• Continued coding the 'Projects' or 'My Work' section (still haven't concluded on a name for this section).
• Now that I have the basic framework for this section programmed, I have started implementing the CSS and JavaScript features that I would like. I can already tell that I am going to run into issues with this, namely the JavaScript aspects since I haven't had too much JS experience yet.
• Hours Completed: 3

• Continued working on my Portfolio Version 2
• Continued coding the 'Projects' or 'My Work' section (still haven't concluded on a name for this section).
• Hours Completed: 1

• Continued working on my Portfolio Version 2
• Continued coding the 'Projects' or 'My Work' section (still haven't concluded on a name for this section).
• Hours Completed: 1

• Continued working on my Portfolio Version 2
• Continued coding the 'Projects' or 'My Work' section (still haven't concluded on a name for this section).
• Hours Completed: 1

• Continued working on my Portfolio Version 2
• Continued coding the 'Projects' or 'My Work' section (still haven't concluded on a name for this section).
• Hours Completed: 1

• Continued working on my Portfolio Version 2
• Continued coding the 'Projects' or 'My Work' section (still haven't concluded on a name for this section).
• Hours Completed: 1

• Continued working on my Portfolio Version 2
• Continued coding the 'Projects' or 'My Work' section (still haven't concluded on a name for this section).
• Hours Completed: 1

• Continued working on my Portfolio Version 2
• Continued coding the 'Projects' or 'My Work' section (still haven't concluded on a name for this section).
• Hours Completed: 1

• Continued working on my Portfolio Version 2
• Continued coding the 'Projects' or 'My Work' section (still haven't concluded on a name for this section).
• Hours Completed: 1

• Continued working on my Portfolio Version 2
• Continued coding the 'Projects' or 'My Work' section (still haven't concluded on a name for this section).
• Hours Completed: 1

• Continued working on my Portfolio Version 2
• Continued coding the 'Projects' or 'My Work' section (still haven't concluded on a name for this section).
• Hours Completed: 1

• Continued working on my Portfolio Version 2
• Continued coding the 'Projects' or 'My Work' section (still haven't concluded on a name for this section).
• Hours Completed: 1

• Continued working on my Portfolio Version 2
• Continued coding the 'Projects' or 'My Work' section (still haven't concluded on a name for this section).
• Hours Completed: 1

• Continued working on my Portfolio Version 2
• Continued coding the 'Projects' or 'My Work' section (still haven't concluded on a name for this section).
• Hours Completed: 1

• Continued working on my Portfolio Version 2
• Continued coding the 'Projects' or 'My Work' section (still haven't concluded on a name for this section).
• Hours Completed: 1

• Continued working on my Portfolio Version 2
• Continued coding the 'Projects' or 'My Work' section (still haven't concluded on a name for this section).
• Hours Completed: 1

• Continued working on my Portfolio Version 2
• Continued coding the 'Projects' or 'My Work' section (still haven't concluded on a name for this section).
• Hours Completed: 1

• Continued working on my Portfolio Version 2
• Continued coding the 'Projects' or 'My Work' section (still haven't concluded on a name for this section).
• Hours Completed: 1

• Continued working on my Portfolio Version 2
• Continued coding the 'Projects' or 'My Work' section (still haven't concluded on a name for this section).
• Hours Completed: 1

• Continued working on my Portfolio Version 2
• Continued coding the 'Projects' or 'My Work' section (still haven't concluded on a name for this section).
• Hours Completed: 1

• Continued working on my Portfolio Version 2
• Continued coding the 'Projects' or 'My Work' section (still haven't concluded on a name for this section).
• Hours Completed: 1