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)
- Have thumbnail images or graphics for the main categories of my work
- 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