Permalink
Switch branches/tags
Nothing to show
Find file Copy path
0cfb8bf Dec 21, 2017
2 contributors

Users who have contributed to this file

@MightyJoeW @kallaway
1854 lines (1104 sloc) 138 KB

100 Days Of Code with Joe Warren

Image of laptop with code

Hello World! You are about to witness the beginning of an epic 100-day coding journey: A story that great sages will pass down from generation to generation. This quest will feature a potpourri of unfiltered joy, unrivaled pain, and unexpected epiphanies.

Some moments, I will feel like the smartest man alive. Others moments, I will feel like a stupid idiot. But each day, I will be a valiant warrior, fighting to improve my development skills on my mission to getScript('Or Die Tryin').

Without further ado, I present #100DaysofCode with Joe Warren.

Headshot of Joe Warren

Follow me on Twitter here.

Check out my repos here.



Day 1: Wednesday February 1, 2017

Today's Progress: I've been working on a minutes to hours converter, and I was able to figure out the JavaScript code to make the conversion happen when clicking the Convert button.

Thoughts I've been coding regularly since December 2016, but this was my first independent project. When a user inputs a number, the output would be that number of minutes in hours. I created an if/else statement for if userInput is 60 (the "hours" string would be singular in that case). I didn't look at any code for the statement so needless to say, I felt like a BOSS.

<script>
    function outputHours() {
        var minutes=document.getElementById("userInput").value;
        var hours=minutes/60;
        if (minutes == 60) {
                alert(minutes + " minutes = " + hours + " hour"); //If input is 60 minutes, outputs 'hour' since 1 hour is singular
            } 
            else {
                alert(minutes + " minutes = " + hours + " hours"); //outputs 'hours' for anything that is not 60 minutes
            }
        }
    </script>

Also, I figured out how to show the answer in the console and as a pop up, but I couldn't figure out how to write it to the screen while controlling the placement.

Link to tweet MightyJoeW Day 1

Day 2: Thursday February 2, 2017

Today's Progress: Got the web version of my minutes to hours converter looking decent. However, the mobile view was UGLY!

Exhibit A - Early Web View

Early Web Minutes Converter

Exhibit B - Hideous Mobile View

Ugly Minutes Converter

Specific steps:

  • Added footer with copyright
  • Changed background (removed clock img since it looked bad on narrow pages, made a gradient background in CSS). On second thought, just made background white. Not sure if backgrounds looks tacky here.
  • Bolded Minutes label

Thoughts: Today was a really fun day. I initially had a background on the minutes conveter, but I noticed that it clashed with the form on narrow pages. I removed the background which made the page look plain, but it was good enough for the time being. Then, I pasted my code to Codepen to check how it looks on phones. You can see the results in my tweet lol. The fixed Footer was in the middle of the page, and everything else looked sloppy. That gave me a good laugh as I looked forward to figuring this thing out.

Link to tweet: MightyJoeW Day 2

Day 3: Friday February 3, 2017

Today's Progress: Finished the Minutes to Hour Converter! Well, at least for now...

Mobile Minutes Converter Mobile Minutes Converter
  • Added lang="en-us" to HTML
  • Added <meta name=""viewport"" content=""width=device-width, initial-scale=1.0""> (trying to make mobile friendly)
  • Removed parenthesis from around. It looked BAD on mobile.
  • Added mobile friendly code from W3 Schools in .body. Can't figure out how to move everything to the center now... Found it!!! Change margin to auto!!
  • Fixed Footer on mobile by changing position from absolute to fixed 😄

Thoughts: It felt really good completing my first little project (especially without using jQuery or Bootstrap). I intentionally decided not to use those as I'm still early in learning JavaScript and want to have a better understanding of it first. Plus, it sounds like they are losing popularity anyway.

Link to tweet: MightyJoeW Day 3

Link to work: Minutes to Hour Converter (Codepen link)

Day 4: Saturday February 4, 2017

Today's Progress: Learned my way around GitHub.

Thoughts: At this past Free Code Camp meetup, we spent a lot of time in GitHub. I felt like it was moving too fast, so I really wanted to get a grasp on how to use GitHub using GitHub Guides. It looked like I was looking at gibberish before, but now it makes a lot more sense.

Link to tweet: MightyJoeW Day 4

My GitHub: MightyJoeW

Day 5: Sunday February 5, 2017

ReactJs

Today's Progress: Spent more time learning how to use GitHub. Then, worked with Node.js and React for the first time at Free Code Camp.

Thoughts: It's amazing how quickly you can go from feeling on top of the world to feeling like you know absolutely nothing. This happens often to me at our Free Code Camp meetups lol. I have a decent understanding of HTML and CSS, and I'm getting more comfortable with JavaScript, but I have never seen Node.js or React before.

ReactJs

I felt like my brain was put in a blender, but I was happy to get exposed to both of these early in my learning. I've wanted to learn both, and I got a little preview of what they both are like.

Link to tweet: MightyJoeW Day 5

Link to work: Free Code Camp

Day 6: Monday February 6, 2017

Today's Progress: Morning - Free Code Camp lessons. Evening - Got my first HTTP server up and running with node.js.

Thoughts: Node.js seems to be functioning properly. However, Express is still giving me issues. I don't think everything installed correctly (I saw some errors). Also, when trying to open package.json, I get the following:

 {
 "name": "myapp",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

Being new to all of this, it's too early for me to even know what to look for in regards to what's going wrong. I'm going to keep pushing the next few days because I want to get this all set up and be able to shift more of my attention back to coding. Not a fun day of coding, but an important one.

Link to tweet: MightyJoeW Day 6

Link to work: Nodejs Tutorial

Day 7: Tuesday February 7, 2017

Today's Progress: Reviewed HTML and CSS. Created a few basic HTML pages including a Pokemon chart and a login page.

Thoughts: I decided to try out Udemy's Web Developer Bootcamp by Colt Steele. It's currently $15 (regular price $200), and I had seen many different people comment about how great this content is. I've been getting stuck on FCC challenges and felt like a needed a solid training program to go along with it. So far, it's been great!

A couple of simple things I've picked up already are many helpful shortcuts in Sublime Text as well as how to hyperlink to a local file (relative path). I only knew how to hyperlink other web pages. The rest has been a good review of some HTML and CSS things I've forgotten.

Sidenote Jones: I never imagined growing up that I'd be seeing Pokemon in learning material (or dominating mainstream news and media like when Pokemon Go took off). I still have my original Pokemon Yellow and Silver (I gave my Red and Blue away along with my wrestling action figures in a garage sale when we moved back in the day).

Link to tweet: MightyJoeW Day 7

Link to work: First Gen Pokemon Chart

Day 8: Wednesday February 8, 2017

Today's Progress: Week 1 complete! More HTML and CSS review (working through Udemy's Web Developer Bootcamp by Colt Steele). Practiced CSS with an 'About Me' page and a 'To Do list' page.

Basic To Do List

<body>
<h1>To Do List</h1>

<ul>
	<li id="priority" class="completed">
		<input type="checkbox" name="" checked>
		Hour of Code
	</li>
	<li class="completed">
		<input type="checkbox" name="">
		Post to Twitter
	</li>
	<li><input type="checkbox" name="">
	Update GitHub log
	</li>
</ul>

</body>

Thoughts: Today has been another very productive day so far. Colt Steele's lessons are very good, and I definitely enjoy having video content to learn from now. It seems like concepts are sticking better by being able to hear, watch, and participate opposed to solely reading and practicing. This was another good review for me as I lead up to the JavaScript section (why I really bought this course).

Sidenote Jones: Whenever I get the hiccups, they last for days (sometimes weeks). I've had the hiccups since yesterday, and it's the most irritating thing when trying to learn and practice anything. And yes, I've tried all of the methods. None of the ever work, but I'll take suggestions... Hmm, since this problem has not been solved for me, I guess I need to create a solution and app to take care of this. To the laboratory!

Link to tweet: MightyJoeW Day 8

Day 9: Thursday February 9, 2017

Today's Progress: More Web Development Bootcamp CSS lessons plus additional work on Pokedex. Created pages for numerical list and alphabetical list.

Pokemon Table Code in Sublime Text

Thoughts: Very tough day with flu-like symptoms, but made it an hour 😰.

Link to tweet: MightyJoeW Day 9

Day 10: Friday February 10, 2017

Today's Progress: More work on the Pokedex. Hyperlinked the Number and Name titles to allow user to rearrange the Pokemon by number of name.

<tr>
	<th><a href="#">Number</a></th>
	<th>Image</th>
	<th><a href="#">Name</a></th>
	<th>Type</th>
	<th>Evolves Into</th>
</tr>

Filled in more Pokemon info. Removed background photo. Also, created a Pokemon Table Repository.

Thoughts: Still under the weather so today was mostly filling in information opposed to creating new things.

Link to tweet: MightyJoeW Day 10

Link to work: Pokedex repository

Day 11: Saturday February 11, 2017

Today's Progress: Continued filling in Pokedex. Good amount of reps creating hrefs by scratch.

<!-- Abra -->
<tr>
	<td>063</td>
	<td><img width=50 src="http://vignette2.wikia.nocookie.net/pokemon/images/6/62/063Abra.png/revision/latest/scale-to-width-down/200?cb=20140328202819"></td>
	<td><a href="http://pokemon.wikia.com/wiki/Abra" target="_blank">Abra</a></td>
	<td>Psychic</td>
	<td><a href="http://pokemon.wikia.com/wiki/Kadabra" target="_blank">Kadabra</a></td>
</tr>
<!-- Kadabra -->
<tr>
	<td>064</td>
	<td><img width=50 src="http://vignette2.wikia.nocookie.net/pokemon/images/9/97/064Kadabra.png/revision/latest/scale-to-width-down/200?cb=20140328202820&format=webp"></td>
	<td><a href="http://pokemon.wikia.com/wiki/Kadabra" target="_blank">Kadabra</a></td>
	<td>Psychic</td>
	<td><a href="http://pokemon.wikia.com/wiki/Alakazam" target="_blank">Alakazam</a></td>
</tr>
<!-- Alakazam -->
<tr>
	<td>065</td>
	<td><img width=50 src="http://vignette4.wikia.nocookie.net/pokemon/images/c/cc/065Alakazam.png/revision/latest/scale-to-width-down/200?cb=20140328202820"></td>
	<td><a href="http://pokemon.wikia.com/wiki/Alakazam" target="_blank">Alakazam</a></td>
	<td>Psychic</td>
	<td></td>
</tr>

Abra, Kadabra, Alakazam

Thoughts: Feeling better than yesterday (gettng over this sickness). I should be back in my regular zone tomorrow.

Link to tweet: MightyJoeW Day 11

Day 12: Sunday February 12, 2017

Today's Progress: Created a JavaScript quiz during today's Free Code Camp meetup. Also, continued filling out Pokedex.

Test your Javascript knowledge with my 5 question quiz here.

Thoughts: As we created the JavaScript quiz, I felt like a pro setting up the basic HTML and CSS sections. Then, JavaScript stepped in and kicked my butt! I understood the concepts, but I have a long way to go before I can create this kind of content on my own. The good thing is that it gets me more pumped and hungrier to keep pushing forward. Baby steps.

Link to tweet: MightyJoeW Day 12

Link to work: Simple JavaSCript Quiz

Day 13: Monday February 13, 2017

Today's Progress: Found error in my JavaScript quiz. ONE missing parenthesis messed up the whole code! Also, finally finished HTML section of Gen 1 Pokemon Chart.

Bottom of Pokemon Chart

Thoughts: Why did I choose something with 151 different character for an early table project? This took forever!! But I was determined to finish. I'm sure there was an easier way to input this information especially with some coding, and I look forward to implementing some changes in the future. I'd want to change the view from numerical to alphabetical without creating a second page and re-entering all of the data again. I'll be on the lookout for how to do this.

Link to tweet: MightyJoeW Day 13

Link to repositories: Working JavaScript Quiz, Pokedex

Day 14: Tuesday February 14, 2017

Today's Progress: Used JavaScript and the DOM tutorials to create webpages with various functionality. Completed CSS Selectors exercise in Udemy's Web Development Bootcamp course.

Thoughts: Going off of DevTips' tutorials, I created a webpage that changes colors as you move the mouse around the page as well as a page that changes colors as the time changes. This was all pure JavaScript and still very confusing as the moment. This was recommended to prep for Sunday's Free Code Camp meetup, so I at least have been introduced to these concepts.

JavaScript and the DOM

After a few days away from Udemy, I got back to those lessons and completed the CSS Selectors exercise. I feel like I have a pretty good early understanding of CSS, and I continue to be impressed with each new thing that I learn it can do.

Link to tweet: MightyJoeW Day 14

Day 15: Wednesday February 15, 2017

Today's Progress: Udemy lessons then created a CSS Tic Tac Toe board and a CSS blog from scratch.

CSS Blog

Thoughts: I couldn't be happier with my progress as well as my continued passion for learning how to code. I've hit a lot of different roadblocks along the way, but today showed me how much I've learned over the last couple of months.

Since I had gotten stuck on multiple JavaScript challenges in Free Code Camp, I decided to find another resource to help me learn (enter Udemy's Web Development Bootcamp). Although I got the course for JavaScript, I thought it'd be a good idea to not jump ahead. I just completed the CSS section, and I felt extremely comfortable on all of the little projects. All of the reps and different classes definitely helped me grasp these concepts.

Now, I'm hoping that this course can help these JavaScript concepts sink in more. I've been around JavaScript in SoloLearn, Free Code Camp, and various tutorials online, but it still feels over my head. It will be a marathon, and I'm prepared to getScript('or Die Tryin'). Let's do this!

Link to tweet: MightyJoeW Day 15

Day 16: Thursday February 16, 2017

Today's Progress: FINALLY fixed navbar on portfolio to stay fixed at top (container needed to be ABOVE the navbar) . Also, fixed hamburger menu (needed to manually add bootstrap links from site opposed to using the quick links in codepen). Udemy course led me to finding this error.

Update 1: Never mind. Moving the container broke some other parts of the page (put whole page in a jumbotron and messed up the footer). Back to the drawing board!

Update 2: I found the error!!! A missing </nav>!!! I feel so relieved and frustrated at the same time lol. Great way to wrap up the night though :)

Joe Warren Portfolio

Thoughts: I'm thinking I may need to start from scratch with my portfolio. But I do feel like I can eventually figure out why the navbar will not work when fixed (and let's be honest, I don't want to start over from scratch lol).

It's been fun experimenting and getting different things to work, but unfortunately breaking things is a part of the process. I will figure this out. I will figure out how to have a fixed navbar and footer with everything in between displaying properly.

Link to tweet: MightyJoeW Day 16

Link to work: Portfolio

Day 17: Friday February 17, 2017

Today's Progress:

  • Finished HTML and CSS sections of Udemy's Web Development Bootcamp.
  • Adjusted columns on portfolio for different screen sizes (changed each to col-lg-3 col-med-3 col-sm-6). Also, started a new one from scratch since I'm still experiencing some issues.
  • Created new landing page for one of my websites

Thoughts:

  • Udemy - I am thoroughly enjoying Udemy's Web Development Bootcamp course. Video lessons have been a great addition to my learning process. It's very helpful being able to see what someone is doing as well as hear explanations opposed to strictly reading. I am now to the JavaScript section, and I look forward to learning. Again, I bought this course specifically for help with JavaScript so I'm excited for another opportunity to learn this content.

  • Portfolio - The navbar was working properly, but the jumbotron engulfed the entire page. After being unsuccessful in figuring out where the issue was, I went through line-by-line (again) comparing to a solution from Web Development Bootcamp (which led to another issue of the navbar icons not showing up, but I found an updated font awesome link on StackOverflow that worked).

  • Landing Page - When I first was introduced to Bootstrap, I didn't know what to think. It seemed too good to be true and almost like cheating. On Codepen, you simply click the Quickadd button, and you can then do all of these magical things. What has helped me understand Bootstrap a lot more was actually seeing the CSS file. I had no idea what the magic was before. Now, I can actually look through the CSS to see how everything works. It doesn't feel like cheating anymore because it's extremely intricate, you still need a deep understanding, and I can go in and edit things if needed.

Using Bootstrap, I started working on a new landing page for one of my sites, gamesandkeys.com (video game piano tutorials, sheet music, and midi files). My focus is not currently on music and I haven't made any video game piano tutorials for awhile, but the site is still active and still gets traffic. I think I may keep going with this new version and do a complete overhaul.

Current GamesAndKeys.com Homepage (Blogger)

GamesAndKeys Blogger page

GamesAndKeys Landing Page concept

GamesAndKeys Blogger page

Sidenote Jones: NBA Allstar Weekend!

Link to tweet: MightyJoeW Day 17

Day 18: Saturday February 18, 2017

Today's Progress:

  • Continued working on new portfolio page

Thoughts:

  • Not much done today as I was entertaining my nieces throughout the day 🏃, but I made some good progress on my portfolio. It's coming along nicely.

Link to tweet: MightyJoeW Day 18

Day 19: Sunday February 19, 2017

Today's Progress: Worked in the DOM and with JavaScript at today's Free Code Camp meetup

Thoughts: I really enjoyed today's meetup (as I do each week). Today, we spent a lot of time discussing the DOM and practicing some JavaScript. One of the things I love most about being around others when learning are the little things that you pick up. Things are mentioned in passing that feel life changing lol.

For example, I didn't know that text editors can rearrange your code to make it look better. In Sublime, highlight your code and go to Edit > Line > Reindent and voila, your code is cleaned up! I don't know the ins and outs of this or how reliable it is yet, but I will be utilizing this going forward.

Sublime Text Reindent

Link to tweet: MightyJoeW Day 19

Day 20: Monday February 20, 2017

Today's Progress:

  • Continued Udemy's Web Development Bootcamp lessons (working through JavaScript sections)
  • Cleaned up codes with Sublime's Reindent feature
  • Reorganized programming folders/files

Thoughts: Today was another good day of learning and practicing. I'm working through the JavaScript section of my current course. I've learned a few new things, and have remembered things I've forgotten from weeks ago. I'm currently on the section about loops and working my way to the section about Objects (Objects is where I got stuck on Free Code Camp).

Link to tweet: MightyJoeW Day 20

Day 21: Tuesday February 21, 2017

Today's Progress:

  • Finished Udemy's Web Development Bootcamp Section 9: Javascript Basics: Control Flow. Up next: Section: 10 Javascript Basics: Functions
  • Figured out what was wrong with my Portfolio thumbnail images (had to change the width and height in the links), centered text in jumbotron without adding effects of h1 and h3 (had to add div with text-center right before the text)

Thoughts: Another good day of learning and coding. I successfully wrote JavaScript code for various While Loops and For Loops. I remember first seeing JavaScript loops and thinking, "What in the world is with these i's and +'s." Modulus makes a lot more sense now too.

In regards to my portfolio, it's coming along. At the moment, I can't get my photo to appear on the right-side of my text (I had this working on my initial portfolio). I created a row and have my text as a col as well as my photo, so I just have to figure out what is missing or wrong.

I also added photos and titles for projects I plan on completing including a JavaScript Drum Kit, a Simon game, and a Whack a Mole game. I look forward to diving into these projects in the near future.

Update: I figured it out!! Again, another small issue. I had the closing div tag AFTER my photo. I needed to change it to be above the photo. Now, the photo (which is a col), is showing up properly next to the text 😄

Link to tweet: MightyJoeW Day 21

Link to work Joe Warren Portfolio

Day 22: Wednesday February 22, 2017

Today's Progress:

  • Practice with JavaScript functions
  • HTML and CSS practice
  • Continued work on Portfolio
  • Finished Section 10: Javascript Basics: Functions

Thoughts: I actually had fun with functions this time around. I've done some JavaScript lessons before, but these videos are really helping this content sink in (the little quizzes are a good challenge too). I spent most of my coding time today going through the lessons. I do get distracted often created silly things with new things I've learned.

I actually don't mind at this stage though because I'm seeing how much I'm retaining. I was supposed to make a basic html file and js file to do some js practice problems, but I found myself going into design mode trying to make the html and css look nice and pretty before starting the js problems lol. And, I still get a kick out of inspecting web pages and switching out the words to make it more amusing and ridiculous. Juvenile but for some reason hilarious to me.

Sorry Github. But this is great practice 😅

Github Dookie Homepage

Edit Thursday 6-1-2017: If you've never worked in the console on your browser to edit a page, right-click on the text that you want to change and click Inspect. It'll take you right to the html to make changes. The changes will only be visible on your browser, and will go away as soon as you leave or refresh the page, so have fun 👍

Link to tweet: MightyJoeW Day 22

Sidenote Jones I just realized this doesn't have a spell check. Hopefully everything has been half-decent... 😳

Day 23: Thursday February 23, 2017

Today's Progress:

  • JavaScript Arrays practice
  • JavaScript forEach() lessons and practice
  • Created array for Gen 1 Pokemon on my Pokedex (so each one can be indexed by number). Also, added bootstrap and began styling.
  • Added tweaks to portfolio

Thoughts: Today's JavaScript lessons (forEach) were a bit tricky. I'm feeling alright with 'while' and 'for' loops, but I'm a bit hazy on the forEach concept. I'll more than likely watch these videos again and get more practice tomorrow.

Also, I'm ready to start making some apps! I was excited about the JavaScript 30 challenge weeks ago, but I quickly saw that I needed more JavaScript training. I'm itching to get started on the JavaScript Drum Kit. I may take another look at it next week.

#Javascript30

Link to tweet: MightyJoeW Day 23

Sidenote Jones I finally took advantage of this warm winter weather and went on a nice long bike ride earlier. It felt great but these legs are sore! (I've gotten sick a couple of times these past couple of months and my workout routine is all out of whack.)

Day 24: Friday February 24, 2017

Today's Progress:

  • More Array Iteration practice using forEach()
  • HTML and CSS tinkering

Thoughts: Array Iteration has not been my friend thus far. I'm currently trying to figure out an Array Problem Set.

Link to tweet: MightyJoeW Day 24

Sidenote Jones The ‘coffee and code’ way of life is starting to make more sense. I’ve never been a consumer of coffee, but it’s been a few days in a row that I’ve gotten sleepy while trying to progress through this content. I may need to get a little taste of the coffee life 😴 #SleepyJones

Day 25: Saturday February 25, 2017

Today's Progress:

  • Finished adding temporary thumbnails for each app/website on portfolio
  • Started working on a new website for practice

Thoughts: I didn't do anything too deep today. I'm dog sitting for a buddy, and this pup is loaded with energy (Border Collie/Pit mix 🐶)! I managed to mess around with some HTML and bootstrap. I began to recreate a page I made years ago with Blogspot.

Tomorrow, things will pick back up with the Free Code Camp meetup. They consistently keep us on our toes.

Link to tweet: MightyJoeW Day 25

Day 26: Sunday February 26, 2017

Today's Progress:

  • Free Code Camp meetup (Discussed Wordpress & Git, Fetch API, and JavaScript Promises)
  • Worked on JavaScript Array Problem Set
  • Checked out some top ranked Portfolio's on Codepen

Thoughts: Today had a mix of many things. The content of today's Free Code Camp meetup was over my head, but it was still time well spent. Plus, someone that I was helping said "You know everything!" I literally said "Me?" and started laughing. Although I still feel so new to coding, I've come a long way and was very happy to be able to help and guide someone else.

I spent some time at the end looking at one of the JS Array Problems, but I'll revisit this tomorrow with time and no distractions.

Lastly, I still am wanting to make a cooler portfolio. I found some really good ones on Codepen and looked at some of their code. One of my favorites used SCSS which I want to learn in the near future.

Link to tweet: MightyJoeW Day 26

Day 27: Monday February 27, 2017

Today's Progress:

  • Installed Sass
  • Worked on third edition of my portfolio

Thoughts: I messed around and got excited looking at portfolios on Codepen and started on yet another. The one I'm basing mine off of used all kinds of tools that I haven't seen before. Needless to say, I don't understand all of it, but it's fascinating!

Joe Warren Portfolio Deluxe

Link to tweet: MightyJoeW Day 27

Link to work Joe Warren Portfolio Deluxe This portfolio is based off of MOHAMMED ERRAYSY's so I give him all of the credit. I'm learning from his code. Also, I haven't looked at the JavaScript yet, so I don't know if the Contact form is active (don't try it).

Day 28: Tuesday February 28, 2017

Today's Progress:

Thoughts: The coding part of my day continued with my deluxe portfolio. I was going through the SCSS trying to see how much of it I could understand (same with the JS). The amount that was loaded into both is incredible. I get bits and pieces, but I look forward to having a better grasp of what exactly is going on. Today’s learning came from The Odin Project. I had heard about it awhile ago on a podcast, and it was mentioned to me on Sunday. I thought it was only a Ruby program (it’s not), so I thought I’d take a look. Nearly 3 hours later, here I am in the trenches of another course! I learned some things I didn’t know about the Internet as well as some commands and shortcuts in the Command Line.

Command Line screenshot

I am still committed to completing Free Code Camp, and I’m definitely going to keep going with The Web Development Bootcamp because that has explained everything so well, but I’m kind of feeling this Odin Project too. The good news is that I’m not on any timelines, and it doesn’t hurt learning from different sources. I’ve just got to make sure I’m focused overall and moving forward each day.

Link to tweet: MightyJoeW Day 28

Link to work Joe Warren Portfolio Deluxe Again, this portfolio is based off of MOHAMMED ERRAYSY's.

Day 29: Wednesday March 1, 2017

Today's Progress:

  • Odin project Command Line lessons
  • Completed entire Railsbridge Installfest
  • Matrix Digital Rain in p5.js code along with Emily Xie

Thoughts: This will be short because I'm Sleepy Jones, but today was a really good day of unexpected progress. I continued going through the Odin project, and the Command Line now makes more sense to me than it ever has. I’ll try to use it regularly to get more comfortable with it.

Then, I had a late night session coding along with Emily Xie’s Matrix Digital Rain in p5.js tutorial. Even though much of it was over my head, it was still fun and fascinating to code along with.

Blue Matrix

Sleeeeepy. Mighty Out.

Link to tweet: MightyJoeW Day 29

Link to work: Blue Matrix

Day 30: Thursday March 2, 2017

Today's Progress:

  • Odin project Git and front-end dev sections

Git

Thoughts: I don't know if git takes awhile to get used to or The Odin Project is information overload, but git was wearing me out earlier! I do feel I have a much better understanding of it now though. Bottom line, it's going to take a lot of reps to get comfortable using git and the command line.

What is the Command Line?

Link to tweet: MightyJoeW Day 30

Sidenote Jones I never knew about Google's Revision history. This can come in handy big time.

Day 31: Friday March 3, 2017

Today's Progress:

  • More Odin Project HTML and CSS work

Thoughts: Another day with mostly review, but I have been picking up new little things with both HTML and CSS.

Link to tweet: MightyJoeW Day 31

Sidenote Jones I'm both Hungry Jones and Sleepy Jones right now. I need food and a bed. Goodnight!

Day 32: Saturday March 4, 2017

Today's Progress:

  • More Odin Project HTML and CSS work (focused more on CSS)

Thoughts: After a long day of driving (ROAD TRIP!!) and seeing family, I am definitely ready to dive into bed. However, I do NOT want to break my streak. Day 32, and I'm just getting warmed up! I just spent an hour continuing the Odin Project (I'm currently in the HTML & CSS Codecademy section).

Codecademy HTML and CSS

This is mostly review, but I had forgotten all about the pseudo-classes in CSS. This was a good opportunity for me to get some more reps with this. A couple that I used were X:first-child{} and X:nth-child(n){}. In the Udemy course that I'm also working through (Web Development Bootcamp), he shared this helpful link with 30 important CSS Selectors.

CSS Selector

Link to tweet: MightyJoeW Day 32

Sidenote Jones I really need to start writing these updates earlier in the day. I usually write this right before going to bed, and I'm about a half second away from dozing off and crashing my head right through my computer screen. I'm really not in the mood to go to the hospital or buy a new laptop (well, I am currently working on an old 2009 Macbook so that wouldn't be the worst idea...). Yeah, time for bed... Goodnight!

Day 33: Sunday March 5, 2017

Today's Progress:

  • Continued CSS section of Codecademy for Odin Project

Thoughts: Today's work was a quick hour working with CSS. It was a great refresher since I had been focusing on Javascript for the past month or so. Specifically, it was good to get in some more reps with simple things such as block, inline-block, inline, none, floats, and clear. I was also able to get some more reps in with positioning.

Link to tweet: MightyJoeW Day 33

Sidenote Jones I spent most of yesterday with family I hadn't seen in awhile, and we had a great time. At the end of the night, we decided to put on a movie. We were met with the usual Netflix dilemma of “What should we watch?” I was very vocal about not wanting to pick since I watch movies the least, but somehow I ended up picking.

I had been wanting to see I.T. because the concept of some hacker taking over a smarthome intrigued me. I mentioned it but didn’t want to be responsible for provided everyone with two hours that they couldn’t get back if it was terrible or too technical. They were interested and fired it up.

I.T. Movie Poster

The concept was good, but unfortunately the movie felt flat. Also, it was another source of entertainment that portrayed programmers (or hackers) as sick and sadistic people that hide in the shadows ruining people’s lives which kinda sucks as I was just telling everyone how I've gotten into coding... Darn you Hollywood!

Day 34: Monday March 6, 2017

Today's Progress:

  • Finished CSS section of Odin Project
  • Played CodeCombat with JavaScript as my language of choice

Thoughts: I'm near the end of the CSS section of the Odin Project. I ended the night following along with The Code Player to create an animated Android Logo with CSS.

I'm looking forward to the JavaScript section. I’m planning to work through the Free Code Camp, Web Development Bootcamp, and Odin Project JavaScript sections together to help reinforce various concepts.

Smooth segway to CodeCombat. I wanted to get a feel of CodeCombat to see if this was a good resource for kids to learn how to code, and I am very impressed. You can pick from a few different programming languages to use as commands to control your character. For example, one of the levels is a maze in which your character needs to go right, then up, then right, then down multiple times. With JavaScript as your language of choice, you can use a while loop like this:

while(true) {
    hero.moveRight();
    hero.moveUp();
    hero.moveRight();
    hero.moveDown();
}

The syntax is authentic, and the process feels true to coding although it doesn’t feel like coding (it really feels like playing a video game). Looks like I better replace some Pokemon Moon time with CodeCombat.

Code Combat

Link to Work: Android Logo

Link to tweet: MightyJoeW Day 34

Day 35: Tuesday March 7, 2017

Today's Progress:

  • Odin Project - Developer Tools
  • CodeCombat

Thoughts: I’ve been using Chrome’s DevTools for the last few months and have felt pretty comfortable with it, but I’ve learn a lot of new things that it can do today. Odin’s Project led to various articles and videos walking through what all you can do with HTML, CSS, and JavaScript with the DevTools. I only knew the basics, so I’ll list a few things that I picked up.

  • HTML - In Elements, you can right-click on a line and choose Edit as HTML. Also, you can drag a line to move it somewhere else.

Edit HTML in Console

  • CSS - You can click the plus button at top right to add a new style rule. Clicking :hov allows you to choose a hover state to edit
  • Sources - allow you to edit the site's files (but it saves it to our browser storage, not the original file)
  • Network - throttling allows you to change connection speed to test a site’s performance

Next up is Project: HTML/CSS. Then, I'll be in the JavaScript section of the Odin Project.

Link to tweet: MightyJoeW Day 35

Sidenote Jones The DevTools things that I picked up today were immediately helpful, and I found myself spending a lot of time going through different sites and trying these out. After I had enough practice with these new things, I got back to one of my favorite pass times: simply editing words on serious sites to make it as sophomoric and juvenile as possible! I don't know why it's so funny, but I crack myself up :D

Day 36: Wednesday March 8, 2017

Today's Progress:

  • Project: HTML/CSS (recreate Google Homepage)

Thoughts: I was challenged to recreate Google’s homepage within the first few weeks of my coding journey (December 2016), so this will be a good opportunity to finish my original attempt. There were multiple things off with the header and the footer, so we’ll see if I can fix them.

Link to tweet: MightyJoeW Day 36

Day 37: Thursday March 9, 2017

Today's Progress:

  • Project: HTML/CSS (recreate Google Homepage)

Thoughts: The Google page is coming along well. There are a few little things I can’t figure out positioning-wise (specifically lining up everything in the header), and I still need to fix and finish the footer.

Link to tweet: MightyJoeW Day 37

Link to work Google Homepage

Sidenote Jones So, I finally watched a couple of episodes of Silicon Valley and I'm pretty sure I'm hooked already.

Silicon Valley poster

Day 38: Friday March 10, 2017

Today's Progress:

  • Finished Project: HTML/CSS (recreate Google Homepage)
  • Started Javascript section of the Odin Project

Thoughts: Wow, so I'm updating this post a day later and I copy & pasted my link below to look at my Google replica and thought, "Shoot, I must have copied the wrong link because just Google popped up..." It quickly dawned on me that my project was a Google replica, so I am proud of myself that I fooled myself lol.

Google Replica

The replica is not identical (i.e. the header is not aligned the same way, the buttons look a bit different), but I’m very happy with it for now. I may revisit this in the future for a third attempt to see if I can get everything exactly the same.

After finishing, I hopped into the Javascript section (which starts off with a Codecademy course). It always feels good to fly through early sections of a course. Hopefully, the copious resources that the Odin Project provides will get me to that next level with Javascript.

Link to tweet: MightyJoeW Day 38

Link to work Google Homepage

Sidenote Jones I'm truly considering applying to speak at this summer's AlterConf. They tweeted "AlterConf is looking for marginalized ppl in tech/gaming for paid speaking opportunities. No experience necessary!"

It's in August, so I have plenty of time to come up with material.

Day 39: Saturday March 11, 2017

Today's Progress:

  • Built Rock Paper Scissors game with JavaScript

Thoughts: After completing a quick Rock, Paper Scissors Javascript game, @HBoutrup suggested that nothing beats The Rock (which gave me an idea...) :D

ROCK paper scissors tweet

Link to tweet: MightyJoeW Day 39

Day 40: Sunday March 12, 2017

Today's Progress:

  • Free Code Camp meetup
  • Worked on HEEL Rock, Paper, Scissors

Thoughts: Today was a fun day of coding. At Free Code Camp, we used Kahoot to do a 20 question JavaScript quiz. I started off whoopin’ butt, but then the 20 second timer whooped me during the functions questions. It was good and fun opportunity to think quickly & work under pressure. I finished 8th out of 20-something, but I want that number 1 spot.

Kahoot Javascript challenge

I spent the rest of the time working on my HEEL Rock Paper Scissors game. Shoutout to @HBoutrup for the idea. He made a joke about The Rock being unbeatable, so I thought it’d be funny to base my game off of that concept instead of the usual rules.

HEEL Rock Paper Scissors logo

On a technical level, I’m having trouble getting everything connected. I feel like I’m missing some little bitty piece and just can’t yet figure out what it is. When using a prompt to get the user’s choice, everything is working fine. However, when trying to use a button onclick, the results are opened on a new page. I will figure this out.

Link to tweet: MightyJoeW Day 40

Link to work HEEL Rock Paper Scissors

Day 41: Monday March 13, 2017

Today's Progress:

  • Added changes to HEEL Rock, Paper, Scissors

HEEL RPS early

Thoughts: I didn't spend as much time coding today as usual, but I made some good progress on HEEL Rock, Paper, Scissors today. By tomorrow, I think I'll have a newly designed and playable game :)

Link to tweet: MightyJoeW Day 41

Day 42: Tuesday March 14, 2017

Today's Progress:

  • Finished HEEL Rock Paper Scissors 2.0

Thoughts: Wow, it is finished and I am happy! HUGE shoutout to steveszc. My original Rock Paper Scissors was not functional (and not pretty). I was able to use his version to learn how to get everything functioning and laid out much better.

HEEL Rock Paper Scissors

I was able to experience what others mean when they said to just code and to learn from other people's code. I've been doing a lot of lessons, but it was very helpful having to experiment & Google, and also being able to see how the code looks of what I was actually striving for. There are a lot of little things you pick up that may not be covered in whatever lesson you are completing.

Link to tweet: MightyJoeW Day 42

Day 43: Wednesday March 15, 2017

Today's Progress:

  • Continued Odin project (Codecademy's Javascript Sections 1-5 and the Codecademy Choose-Your-Own-Adventure Project)

Thoughts: I experienced my first browser crash creating while loops. It took me a minute to realize what was happening. Once the lightbulb came on, I was like "OOOOH, this is what Codecademy warned me about with infinite loops!" Then, I was able to find what I had done wrong.

I wrapped up today's work with a Choose Your Own Adventure game which puts you in a gym. Then all of the sudden, an angry Brock Lesnar is standing over you. You have 3 choices (made with Javascript switch cases). Spoiler alert: None of the choices end well for you. After making a game based on The Rock then Brock Lesnar, I guess I'm ready for Wrestlemania :D

var user = prompt("You are working out at the gym when all of the sudden BROCK LESNAR is angrily standing over you. Are you going to TALK, FIGHT, or RUN?").toUpperCase();

switch(user) {
    case 'TALK':
        var persuasion = prompt("Are you a persuasive talker? (YES or NO)").toUpperCase();
        var breath = prompt("Do you have bad breath? (YES or NO)").toUpperCase();
        if (persuasion === 'NO' || breath === 'YES') {
            console.log("I don't like your chances since you're not persuasive and have bad breath...");
        } else {
            console.log("No amount of persuasion or fresh breath will save you from this beating.");
        }
        break;
    case 'FIGHT':
        var skills = prompt("Can you fight? (YES or NO)").toUpperCase();
        var info = prompt("Do you know how to counter the F5? (YES or NO)").toUpperCase();
        if (skills === 'YES' && info === 'YES') {
            console.log("You have a chance to survive. Slim to none, but a chance none-the-less.");
        } else {
            console.log("Just go ahead and say your prayers NOW.");
        } break;
    case 'RUN':
        var speed = prompt("Are you fast? (YES or NO)").toUpperCase();
        var map = prompt("Do you know where the nearest exit is? (YES or NO)").toUpperCase();
        if (skills === 'YES' && info === 'YES') {
            console.log("RUN FOOL!");
        } else {
            console.log("You need speed AND a sense of direction to escape on foot. When Brock catches you, just take the beating like a champ.");
       } break;
    default:
        console.log("Say what? Hit Run and try again, this time picking TALK, FIGHT, or RUN!");
}

Link to tweet: MightyJoeW Day 43

Link to Work: Brock Lesnar Escape

Day 44: Thursday March 16, 2017

Today's Progress:

  • Warmed up with some HTML, CSS, and JavaScript (using JS Fiddle for the first time)
  • Project Euler

Thoughts: Nothing too much today. Some minor html and css followed by working on the Project Euler project 1. I was able to get 2 of out 3 components of the problem set up correctly on my own (couldn't figure out how to print the sum of a list).

Project Euler 1

var multiples = function(num){
	var sum = 0;
	for (var i=0; i<num; i++) {
		if (i%3===0 || i%5===0) {
			sum+=i;
		}
	}
	return sum;
};

document.write(multiples(1000));

I ended the night with some CodeCombat (which is unfortunately starting to get on my nerves with the bad lag). I read on multiple sites that it works best on IE11 (ugh).

Link to tweet: MightyJoeW Day 44

Day 45: Friday March 17, 2017

Today's Progress:

Thoughts: Today was one of those days... Poor focus and stuck on array practice problems. Also, I'm about to the point in the Odin project where I got stuck in Free Code Camp and the Web Development Bootcamp. I think I'm going to just slow down and stay here as long as I need to (arrays, objects, etc.) I kept hearing to keep pushing early in my coding journey, but I've got to get a better understanding of this stuff.

Odin Project Javascript section

The good news is that I understand what's being asked in the problems, I know what needs to be done, I'm writing parts of the code correctly, and I understand the logic in the solutions. I've worked out, played sports, and played instruments long enough to know that learning something new TAKES TIME so I just need to be patient and persistent.

Link to tweet: MightyJoeW Day 45

Day 46: Saturday March 18, 2017

Today's Progress:

  • Continued Odin project (completed Code School's Discover DevTools)

Thoughts: I had no idea how in depth Chrome's Dev Tools goes. It is absolutely loaded with features. This will be something I come back to later and often.

Link to tweet: MightyJoeW Day 46

Sidenote Jones I just learned about the ColorZilla Chrome store app. It seems very useful and convenient already.

Day 47: Sunday March 19, 2017

Today's Progress:

  • Working on Additional resources section of JavaScript Odin (creating Contacts List app with objects)

Thoughts: No Free Code Camp meetup today :( Steadily moving through Odin Camp (just about finished with the Codecademy JS section of creating a Contact List).

var friends = {};

   friends.bill = {
    firstName: "Bill",
    lastName: "Grapes",
    number: 8005882300,
    address: ['Works Way', 'Redman','WA','98052']
   };
   
   friends.steve = {
    firstName: "Steve",
    lastName: "Jobber",
    number: 7732025862,
    address: ['Mac Daddy Lane', 'Silicon Valley', 'CA', '12453']
   };
   
   friends.mark = {
    firstName: "Mark",
    lastName: "Nuttyberg",
    number: 8664752948,
    address: ['I See You Road', 'Fort Worth', 'Tx', '75409']
};
   
  var list = function(obj){
      for(var firstName in friends){
          console.log(firstName);
      }
  };
  
  var search = function(name){
      for(var gimmick in friends){
          if (friends[gimmick].firstName === name){
              console.log(friends[gimmick]);
              return(friends[gimmick]);
          } else {
              
          }
      }
  }

Link to tweet: MightyJoeW Day 47

Day 48: Monday March 20, 2017

Today's Progress:

  • Finished JS Contact List exercise.
  • Working on Objects in Codecademy

Thoughts: I'm understanding how to use Objects more and more each day. In a day or two, I'll revisit the Free Code Camp objects section. I stopped on Manipulating Complex Objects last month before turning to Web Development Bootcamp and Odin project for more help and training.

Link to tweet: MightyJoeW Day 48

Sidenote Jones I worked on music for the first time in about 9 months and actually enjoyed it. I’ve had many jobs related to music over the span of 14 years, and I had finally hit a point where all of the enjoyment was gone.

The Last of Us main theme piano (click image for video)

The Last of Us main theme piano (video contest winner)

Being passionate about music for so long and growing to resent it was a very strange and confusing feeling, so it felt really good to have fun creating again without the stress of lack of preparation time, having to regularly learn songs of a genre that I didn’t like at all, and being in environments I was uncomfortable in.

Tetris Blitz remix winner - Mighty Remix! (click image for video)

Tetris Blitz remix winner - Mighty Remix!

It’s something I’m sure I’ll have in the back of my mind as I continue my coding journey, but I’m NOT going to let that stop me from pursuing this dream. If down the line I end up not enjoying coding for similar reasons, I’ll deal with it then but I never will look at experience and new knowledge and connections as a waste. Plus, I didn't know if I would ever find anything else that I'd be passionate about, so I'm going to keep pushing forward and enjoy every minute of it :D

Day 49: Tuesday March 21, 2017

Today's Progress:

  • Continued Odin Project (JS Objects in Codecademy)
  • Went back and completed Free Code Camp lesson I got stuck on last month

Thoughts: I can't believe the problem was that I didn't write ONE FREAKIN COMMA!!! I switched my code around so many times on the Manipulating Complex Objects problem. I ended up going through Web Development Bootcamp AND Odin Project because I thought I didn't understand objects correctly.

JSON Missing Comma

I felt like my understanding was there by now, and finally Googled the answer and found that I was missing a comma... My goodness. Well, I am happy to learn that I did understand the concepts but just had a syntax error.

Link to tweet: MightyJoeW Day 49

Day 50: Wednesday March 22, 2017

Today's Progress:

  • Continued Objects work with Free Code Camp and Odin Project.

Thoughts: Brain and body fried from work, studying, yard work, and working out all week... I am progressing through Objects and left off on Profile Lookup on Free Code Camp. Not sure what to do at the moment.

Profile Lookup

I'm currently Sleepy Jones, so we'll see what the good ol brain can cook up tomorrow.

Link to tweet: MightyJoeW Day 50

Day 51: Thursday March 23, 2017

Today's Progress:

  • Finished Free Code Camp Basic Javascript section.

Thoughts: I kick off the second half of my #100DaysOfCode challenge and quest to getScript('Or Die Tryin') with more Objects work (mostly constructors). Honestly, I'm getting tired of these Objects and lessons. It's about time to start making stuff again, dangit!

I really want to buckle down and spend more time each day coding. People are out here beasting for 8 to 12 hours, so I know I can be doing more. Upward and onward.

Link to tweet: MightyJoeW Day 51

Day 52: Friday March 24, 2017

Today's Progress:

  • started on an About page for one of my sites
  • complete Intro to Objects 1 (Odin Project, Codecademy)
  • started on Building an Address Book

Games and Keys About Page

Thoughts: I've seen more Objects than I ever planned on seeing this week, but the repetition is definitely helping. I also got away from lessons for a bit today to work on some html and css again with a bootstrap About page.

Link to tweet: MightyJoeW Day 52

Day 53: Saturday March 25, 2017

Today's Progress:

  • finshed Building an Address Book (Odin Project, Codecademy)
  • continued working on Free Code Camp and Odin

Thoughts: I can tell that Objects will take awhile to fully grasp, but I'm feeling more comfortable with them each day. The this.concept is starting to make more sense.

On another note, I think I'm going to take another crack at Javascript 30. I really want to make my own unique the Javascript drumkit (or full music experience). I should have a much better understanding of what's going on than when I attempted it a couple of months ago.

Javascript 30

Link to tweet: MightyJoeW Day 53

Day 54: Sunday March 26, 2017

Today's Progress:

  • Free Code Camp Meetup
  • Finished Object Oriented Functional Programming section in Free Code Camp

Thoughts: Today’s Free Code Camp meetup began covering Angular 4. I’m not there yet, so I went with the group focusing on HTML, CSS, and Javascript. Time flew, so we didn’t get to any JS today, but we’ll continue next week.

At home, I continued going through both Odin Project and Free Code Camp. The .reverse section helped me solve a problem from The Web Development Bootcamp. Although it’s taking me longer, I love having multiple resources. They are all helping me with each other.

Link to tweet: MightyJoeW Day 54

Day 55: Monday March 27, 2017

Today's Progress:

  • Finished Javascript Basics section of Odin Project (Codecademy)

Thoughts: That Codecademy JavaScript track was loaded with new information to me (definitely not basic to this man)! I learned a lot, I will forget a lot, and I look forward to keeping this train moving 🚄

Link to tweet: MightyJoeW Day 55

Day 56: Tuesday March 28, 2017

Today's Progress:

  • Completed Codecademy's jQuery Track sections 1-3
  • Halfway through Code School's Try jQuery

Thoughts: I hadn’t used jQuery since near the beginning of Free Code Camp, and I forgot how enjoyable it is to use. I plan to be finished with the Odin Project jQuery section by tomorrow.

I have so many things I want to do, I don’t know what I’ll do after. I want to get back to Web Development Bootcamp because I felt that I was learning the best with it, but I want to continue working through FCC and Odin. But then the creative side in me (which is the majority of me) wants to focus on some other things.

I want to revisit Javascript 30 to at least create the drum kit. I also want to get back to spending time with Arduino. The good news is that there is no shortage of lessons and projects, and I’m not in a rush. I do want to learn everything and get working on real projects as soon as possible, but fortunately I’m in a situation where I don’t have to rush the process.

Link to tweet: MightyJoeW Day 56

Sidenote Jones jQuery sounds like a rapper that's about the drop the hottest mixtape of the summer. He would rap of coarse about $('.straightCashHomey')

Day 57: Wednesday March 29, 2017

Today's Progress:

  • More jQuery lessons and practice

Thoughts: I’m enjoying learning about jQuery again. Everything has been pretty logical so far, and I see how this can save time and work. I am getting into some more difficult processes, so I need to keep focused and work hard.

On another note, I can’t get the thought of jQuery being a rapper out of my head lol. Anytime I see the name jQuery, I’m expecting to see a release date for a mixtape.

MightyJoeW jQuery tweet

Link to tweet: MightyJoeW Day 57

Day 58: Thursday March 30, 2017

Today's Progress:

  • Continued Code School's Try jQuery course

Thoughts: jQuery started to become Confusing Jones during the Traversing and Filtering section of Code School. Things are starting to sink in more though as I was able to apply some new concepts to some of my old code.

Link to tweet: MightyJoeW Day 58

Sidenote Jones Russell Westbrook MUST win mvp! I love Harden, but Westbrook is averaging a TRIPLE DOUBLE! And not regular triple doubles. Monstrous 50-point triple doubles WITH wins! I never thought I’d see a player average a triple double.

Here's a quick mvp switch statment I put together in repl.it.

Javascript Real MVP switch statement

Day 59: Friday March 31, 2017

Today's Progress:

Google’s Technical Development Guide

Thoughts: After doing so many different courses and lessons which mostly focus on front end web development, I wanted to go back through my original goals and plans to make sure I was still on track. I originally started following Google’s Technical Development Guide. There are many things I want to learn how to do beyond web dev, but I’ve been deep in this world with Free Code Camp, Odin Project, etc.

I still have the freedom to experiment and the benefit of time, but I do want to make sure I’m focused going forward. I’ll plan to finish the Intro to CS course (which focuses on Python) while progressing through Free Code Camp. I think I can move on from Odin at least for now (great material, but I’m wondering if a lot of this is becoming dated i.e. jQuery, Ruby, etc).

Link to tweet: MightyJoeW Day 59

Day 60: Saturday April 1, 2017

Today's Progress:

Thoughts: It’s interesting to see how much of programming is similar across languages. I’ve been spending a lot of time in Javascript these last couple of months, but many of the concepts so far are similar. When procedures were introduced, I thought they looked similar to functions (turns out, they are very similar).

Udacity Intro to CS

However, Unit 1 had many things I hadn’t done before such as web crawling and extracting links. This stuff is tough at the moment, but having html, css, and js experience helped with that as well.

Link to tweet: MightyJoeW Day 60

Day 61: Sunday April 2, 2017

Today's Progress:

  • Solo Learn Python lessons to supplement Intro to CS.
  • Started on Weather App at Free Code Camp meetup.

Thoughts: I can see why building this weather app has caused so much heartache throughout the community. Luckily, we are working on this together at our meetups. I'm not to this section yet, so a lot of this is over my head at the moment.

There is a lot in our code, including this Kelvin converter

function kelvinToF(degreesKelvin){
 return (9/5) * degreesKelvin - 459.67;
}

function kelvinToC(degreesKelvin){
 return degreesKelvin - 273.15;
}

Link to tweet: MightyJoeW Day 61

Day 62: Monday April 3, 2017

Today's Progress:

  • Continued Solo Learn Python lessons to supplement Intro to CS.
  • Worked on a Python calculator

Link to tweet: MightyJoeW Day 62

Day 63: Tuesday April 4, 2017

Today's Progress:

  • Completed Solo Learn's Python 'Functions & Modules' and 'Exceptions and Files' sections

SoloLearn Python progress

Link to tweet: MightyJoeW Day 63

Day 64: Wednesday April 5, 2017

Today's Progress:

  • Completed Solo Learn's Python 'More Types' section

More Types

Link to tweet: MightyJoeW Day 64

Day 65: Thursday April 6, 2017

Today's Progress:

  • Continued progressing through Udacity’s Intro to CS course (unit 2)

Thoughts Someone has been slacking on the ‘thoughts’ section… Seeing as how I usually code up until falling asleep, I’ve been getting that tweet out and then crashing without updating my thoughts. I’m stopping a little bit earlier today, so allow me to update you, friend.

I’m still working through Udacity's Intro to CS and Free Code Camp. It’s interesting how your perception of something can depend on what you learn first. I can look at Python and Javascript and objectively say that Python looks and feels so much cleaner, but I’m still used to the convoluted syntax of Javascript. I’m used to seeing curly braces, parentheses, and semicolons all over the place.

Hide and Seek Champion

I’m glad to see that I continue to figure out things that I wouldn’t have had a clue about not too long ago, but I feel that I need to step it up. I’m already on day 65. These days are flying by, and I need to set a goal for day 100. I haven’t been creating content lately (it’s been all lessons the last few weeks), so I do want to set a goal of having something created by day 100.

I also need to devote more time daily to coding. I’ve heard of people that spent 8-12 hours coding when they began and there have been too many days where I barely got above 1 hour. No excuses. Make the time and focus!

Link to tweet: MightyJoeW Day 65

Day 66: Friday April 7, 2017

Today's Progress:

  • Continued progressing through Udacity’s Intro to CS course (unit 2)
  • Practiced with button onclick in HTML, CSS, and Javascript

Link to tweet: MightyJoeW Day 66

Day 67: Saturday April 8, 2017

Today's Progress

  • Completed Udacity's Intro to CS Unit 2
  • Completed a Free Code Camp Basic Algorithm Scripting challenge (Factorialize a Number Complete)

Link to tweet: MightyJoeW Day 67

Thoughts Alright, now I'm not sure if learning two languages at once is more helpful or harmful (in regards to spreading confusion). I really wanted to complete Intro to CS (Python) first based on Google's Technical Development Guide, but I got into Free Code Camp not long after beginning my coding journey which focuses heavily on Javascript. Also, I am wanting to get back into Arduino to start working on physical projects (Arduino uses C++).

Arduino

I want to stick to my plans, but I don't want to spread myself too thin to where I'm not retaining enough of anything. At the moment, I think I'm leaning towards focusing back primarily on Javascript and doing Arduino in my free time.

Link to tweet: MightyJoeW Day 67

Day 68: Sunday April 9, 2017

Today's Progress

  • Worked on Weather App in groups at Free Code Camp meetup

Thoughts Today’s FCC meetup was a follow up to last week. We continued working on the Weather App together (which I am very grateful for not having to attack it alone). Everything is coming along nicely, and I spent time at home working on the CSS side of it.

Link to tweet: MightyJoeW Day 68

Day 69: Monday April 10, 2017

Today's Progress

  • Arduino lessons including Analog Read Signal and Multiple Blinking LED exercises.

Thoughts All of these Arduino lessons and projects go by so much quicker having programming experience opposed to going in cold turkey last year. I've got my lights blinking and nothing's on fire yet so I'm off to a good start!

Link to tweet: MightyJoeW Day 69

Day 70: Tuesday April 11, 2017

Today's Progress

  • Completed Programming Electronics Arduino Crash Course Module 3 - Basics and Module 4 - Control - Unit 1
  • Modified code and connected a Joystick to my Arduino to display data for x-axis, y-axis, and switch button

Arduino joystick

Link to tweet: MightyJoeW Day 70

Day 71: Wednesday April 12, 2017

**Today's Progress** - Arduino practice with push buttons - Free Code Camp Basic Algorithm Scripting continued.

Thoughts I finished the free section of Programming Electronics Arduino Crash Course, so I’ll be in search of what’s next.

With Javascript, I’m still on the Free Code Camp Basic Algorithm Scripting section. I just “completed” the Find the Longest Word in a String problem.

Find the Longest Word in a String

These exercises have been like a punch in the gut. I feel like I’m at a point where the explanations make sense and I know what’s going on, but I’m not getting to the solutions all on my own. It’s frustrated, but I’m optimistic that I’ll eventually be able to put these solutions together myself.

Link to tweet: MightyJoeW Day 71

Day 72: Thursday April 13, 2017

Today's Progress

  • Experimented with Arduino 1602 LCD examples
  • Attempted to follow along with a ReactJS tutorial

Thoughts I wasn’t able to get my 1602 LED display to display any words, so I will be revisiting this until I get it figured out. I’m not sure if the code is wrong or if something is hooked up incorrectly (I’m pretty sure the wiring is correct).

Arduino LED Display

On the Javascript side, I ended up on a ReactJS video. About ten minutes in, I made the executive decision to close the video, close my computer, and go cry in a corner… Haha no, but I did do one of those three things…

Back to Javascript.

Link to tweet: MightyJoeW Day 72

Day 73: Friday April 14, 2017

Today's Progress

  • More Arduino lessons and experimentation

Arduino Code

Link to tweet: MightyJoeW Day 73

Day 74: Saturday April 15, 2017

Today's Progress

  • Arduino lessons and practice with sensors (out of town)

Arduino Sensors

Link to tweet: MightyJoeW Day 74

Day 75: Tuesday April 18, 2017

Today's Progress

  • Completed Free Code Camp's Title Case a Sentence and Return Largest Numbers in Arrays challenges

Thoughts I thoroughly enjoyed my Easter weekend. I got a chance to see a lot of family, and we had a blast. Unfortunately for my 100 days of code journey, I missed a day for the first time in 74 days (I actually missed two days). It's alright though as I'm back home and into my regular routine.

Arduino Macbook

I picked back up with Free Code Camp's challenges (which have been very challenging to me). Baby steps I suppose. Also, I've spent a lot of time with Arduino which has been a lot of fun.

As usual, I am Sleepy Jones. Until next time!

Link to tweet: MightyJoeW Day 75

Days 76 and 77: Wednesday April 19, 2017, Thursday April 20, 2017

Today's Progress

  • worked on CSS for weather app, reviewed Javascript on SoloLearn, continued Intro to CS on Udacity

Weather App CSS

Link to tweet: MightyJoeW Days 76 and 77

Days 78: Friday April 21, 2017

Today's Progress

  • Got introduced to Java then reviewed interview prep materials

SoloLearn Javascript course

Link to tweet: MightyJoeW Day 78

Day 79: Saturday April 22, 2017

Today's Progress

  • Worked on Python problems
  • Practice white board coding

White Board Python code

Link to tweet: MightyJoeW Day 79

Day 80: Sunday April 23, 2017

Today's Progress

  • Added fahrenheit/celsius toggle button on weather app
  • started Free Code Camp beta
  • Created a local FCC Facebook group

Free Code Camp Little Elm

Link to tweet: MightyJoeW Day 80

Day 81: Monday April 24, 2017

Today's Progress

  • Added updates to FCC local group then continued progressing through the FCC beta.

Free Code Camp Beta Landing Page

Link to tweet: MightyJoeW Day 81

Day 82: Tuesday April 25, 2017

Today's Progress

  • Continued progressing through the FCC beta and revisited some CSS in old code

CSS Fading Ball

Link to tweet: MightyJoeW Day 82

Link to work: CSS Ball Fade

Day 83: Wednesday April 26, 2017

Today's Progress

  • Finished Applied Visual Design section of Free Code Camp beta
  • Created some CSS animations in Codepen

CSS Bouncing Ball

Link to tweet: MightyJoeW Day 83

Link to work: CSS Bouncing Ball

Day 84: Sunday April 30, 2017

Today's Progress

  • Started on the Build a Wikipedia Viewer project at today's freeCodeCamp meetup.

Early Wiki viewer

Link to tweet: MightyJoeW Day 84

Day 85: Wednesday May 03, 2017

Today's Progress

  • Started HTML5 Games Workshop (set up background image)

HTML game background

  • finished fCC beta's Applied Accessibility and Responsive Web Design Principles sections

Link to tweet MightyJoeW Day 85

Day 86: Sunday May 07, 2017

Today's Progress

  • Continued on fCC Wikipedia Viewer in today's fCC meetup.

Link to tweet MightyJoeW Day 86

Day 87: Monday May 08, 2017

Today's Progress

  • Continued working through CSS Flexbox section of fCC beta.

Thoughts Woo! It’s been awhile since I written a thoughts section. Unacceptable sir! It’s been a rough past couple of weeks trying to code. I’ve missed multiple days as my focus has been divided, so it feels great sitting down and just straight coding.

I decided to start building a new page while going through these fCC beta lessons to actually apply concepts I haven’t been using regularly. This not only made the concepts easier to grasp, but it also allowed me to get lost in time while coding which is a good thing.

Mighty Flying

It’s a similar feeling to creating music. I could sit for hours adding and tweaking sounds, panning instruments, changing chords, etc. Coding gives a similar feeling of progression and creation.

As I continue through the fCC beta, I plan to continue building my own pages while learning opposed to just knocking out lesson after lesson.

Link to tweet MightyJoeW Day 87

Day 88: Tuesday May 09, 2017

Today's Progress

  • Wrapping up the CSS Flexbox section of fCC beta.

fCC Beta CSS Flexbox

Link to tweet MightyJoeW Day 88

Day 89: Wednesday May 10, 2017

Today's Progress

  • Finished CSS Flexbox section of fCC beta
  • Worked on new tribute page (this time without Bootstrap)

I initially was confused when beginning a project in the Free Code Camp Beta, but then I opened their Codepen & saw the new Test Suite. I'm digging this so far :bowtie:

fCC Beta Tribute Page

Link to tweet MightyJoeW Day 89

Day 90: Monday May 22, 2017

Today's Progress

  • Worked on landing page (based on a Kajabi page)
  • worked on fCC Survey Page assignment

Link to tweet MightyJoeW Day 90

Thoughts Good Lawd! It's been A LOT of days since I've sat down to do 100 days of code. Do I even remember how to code anything??? What’s an h1?

Confused Jackie Chan

In all seriousness, it has been awhile since I’ve coded regularly. My time has gone to other things, some being understandable (my current job, revamping my backing up/storage procedures, fitness) and some not-so-much (NBA playoffs, naps, etc...)

I have still been connected, listening to coding podcasts and attending Free Code Camp each week, so all is not lost. I just ran through a 10-day free bootcamp from Skillcrush as a quick refresher before picking up where I left off with building a survey on the Free Code Camp beta.

Also, I unexpectedly have been able to use my newly acquired coding skills at my current job. We’ve recently started using Kajabi to help clients build their marketing funnels/sell content online, and my coding knowledge has been a tremendous help. Kajabi provides an easy point-and-click process of building beautiful web pages and pipelines. Being familiar with code helps me understand what all is going on behind the scenes.

I was asked about removing a certain section of a page (which was not possible with their editing tools available to users). I was able to do so using the Chrome dev tools on my end, so I just had to find a way to make this happen live. While chatting with support, they asked if I knew CSS. Of course I said yes ;) He sent me steps for a possible workaround which I would have had NO IDEA what I was supposed to do had I not been learning to code. I was able to successfully make the changes using a CSS workaround, and needless to say, my boss was highly impressed and appreciative.

Here is the code I used.

hr {
display: none;
}

.checkout-login-section p {
display: none;
}

#sign-in-link {
display: none;
}

Going forward, I anticipate using more code at my current job while getting back into coding more in my spare time. I was able to successfully wean myself off of watching wrestling (don’t judge me), and that time will go to coding. Not sure I can cut off the NBA Playoffs this close to a finals rematch that I can’t wait to see, so I’ll be trying to wake up earlier to be more productive.

I’m well out of bounds of the official 100 days of code rules, but I am going to finish these last 11 days for me!

Day 91: Tuesday May 23, 2017

Today's Progress

  • Completed 16/16 tests for fCC beta Survey Form challenge
  • Working on CSS for survey

Thoughts We're going streaking!!! After some time off, a little 2-day streak of coding feels great. After I finish adding CSS to my Survey, I’ll be moving on to the Build a Product Landing Page and Build a Technical Documentation Page challenges. I’ve already done a portfolio, so that will complete my Web Design Certificate!

Music Learning Assessment (Codepen)

Then, I’ll be in the Javascript Algorithms And Data Structures section of the freeCodeCamp beta. Javascript seems to always lead me somewhere else at some point (usually from being stuck), but I am going to stick with it no matter what. No, I will not come play with you Java! Sorry Arduino, you’re going to have to wait. Javascript is where I’m focused right now, and I’m going to have some breakthroughs.

Link to tweet MightyJoeW Day 91

Link to work Music Learning Style assessment repository

Day 92: Wednesday May 24, 2017

Today's Progress

  • Submitted Music Learning Style assessment for fCC Beta Survey Form project
  • Started on Landing Page project

Music Learning Assessment

Thoughts Momentum, baby. We’re going to keep this ball rolling. After finishing my survey form, I got started on a landing page. I’m actually picking up on one that I started some time ago, but I feel l’ll be making a lot of changes. It has bootstrap which I’m not sure I want to use here.

Something else I’ve been working on this week is doing everything in the command line. I want to get as comfortable with it as possible, and the shortcuts have been sticking so far. Man, something about making things happen in the terminal makes me feel like a Certified Coding G.

Link to tweet MightyJoeW Day 92

Link to work Music Learning Style assessment submission

Day 93: Thursday May 25, 2017

Today's Progress

  • Working on Landing Page
  • Started Javascript Basic section of fCC Beta

Thoughts I'm about at that point with this landing page of wondering should I be using bootstrap jQuery. This happens about everytime I try to build a page from scratch lol. Trying to keep it simple for now!

I wrapped up the day with some Javascript review as I get closer to resuming my JS work in fCC.

Link to tweet MightyJoeW Day 93

Day 94: Friday May 26, 2017

Today's Progress

  • Working on Landing Page
  • Continued working through Javascript Basic section of fCC Beta

Thoughts There are too many things that I am wanting to do with my Landing Page that aren't working with pure HTML and CSS, so I've made the executive decision to add SCSS and jQuery (dun dun DUN). I think I'll be working on this Landing Page for awhile.

Yesterday, I worked on html and css in the morning and found myself later thinking that I need to be working on Javascript too. When going through a curriculum, I feel that once I get through all of the html & css and focus on Javascript for awhile, I start to forget too many concepts from html & css and vice versa. I'm going to try to do html & css in mornings and Javascript at night to stay sharp on all 3 going forward.

(Later that day) I ended up working through some Javascript exercises and had a small, personal win! When I got to the Stand in Line challenge in the fCC Beta, I immediately had flash backs to when I first was learning to code with the original Free Code Camp. I remember being stuck on this for days. At the time, I knew what it was asking, but I didn't know how to get to the answer. I didn't want to look up the answer, but finally gave in.

Stand in Line challenge

This time, it was much clearer what I needed to do, but I still wasn't completely sure. Some of these concepts are still hazy since I had been away from Javascript for some time. Although it took me nearly ten minutes (on what should have been an easy challenge), I was able to figure it out! You don't understand how great that small moment felt :D But like all champions, you can't celebrate too long. It's on to the next challenge.

Link to tweet MightyJoeW Day 94

Day 95: Saturday May 27, 2017

Today's Progress

  • Working on Landing Page

Thoughts I changed my mind yet again. I'm NOT going to use SCSS and jQuery for now. I'm finding work arounds for the Landing Page. Plus, I need to spend more time with the basics. This has been a fun process though :)

I have run into some issues passing some of the fCC Beta tests such as getting the image in the header to display correctly. I'd rather build the page without an image in the header, but I'll keep working to figure out how to pull this off (hopefully without having to look at the sample project's code).

Games and Keys Landing Page for fCC Beta

Gym break then will hopefully be able to dive into more Javascript later.

Link to tweet MightyJoeW Day 95

Day 96: Sunday May 28, 2017

Today's Progress

  • Worked on Basic JavaScript: Counting Cards
  • Free Code Camp meetup

One day after deciding to build without any frameworks or libraries, we started building a landing page using bootstrap and jQuery. After quickly seeing the power in both and remembering how much better they make sites, I've changed my mind again lol. I'm going to roll with bootstrap and jQuery for the Games and Keys Landing Page.

Games and Keys New Landing Page template

Link to tweet MightyJoeW Day 96

Day 97: Monday May 29, 2017

Today's Progress

  • Continued through fCC Beta Javascript section

Thoughts Another late coding session = Sleepy Jones 😴 so this will be a quick yet impactful post about a man who has been fooled twice by the same concept.

I can't believe I got stuck on the SAME mistake from the original Free Code Camp challenge Manipulating Complex Objects. Even worse, I made the SAME mistake of forgetting a comma between objects in an array.

JSON Missing Comma

I better not EVER forget that again. I'm going to have nightmares of arrays with no commas 😬. I vow to become THE COMMA KING. ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, #TheCommaKing

Link to tweet MightyJoeW Day 97

Day 98: Tuesday May 30, 2017

Today's Progress

  • Continued working through fCC Beta Javascript section
  • Continued working on Landing Page

Thoughts Oh, I didn’t see you there. console.log("Why hello there, World.");

So the question of the day is how does one spend day 98 of #100DaysOfCode? Two days away from a triumphant celebration of persistence and excellence? And how does one feel with all of this new knowledge?

I have a feeling in which I believe I’ll have the rest of my programming life. I feel like I’ve learned so much yet know so little. I’ve heard many guests on podcasts speak of this feeling including the dreaded Imposter’s Syndrome, so I’ll continue to move smoothly knowing that this is par for the course.

Par for the Course

I kicked off my first coding session of the day working through JSON problems in the free Code Camp beta, and I spent my evening coding session working on a landing page. Seeing as how I started Free Code Camp back in January, I should be WAY past these sections. However, I’ve taken my time with the process while also exploring different programs and languages. I’ve enjoyed diving headfirst into the wacky world of coding, and I’ve taste-tested just about everything that has come my way.

Free Code Camp Beta - Basic JavaScript: Record Collection

But at some point in time, I believe one must focus in on a set of specific goals. When I’d get stuck, I would use that as an opportunity to dabble in a new language or play with some Arduino code. But I’m on a new path to stay focused on front-end development for now. Free Code Camp has it all laid out for me (along with the Web Development Bootcamp course on Udemy), I have all of the resources I need (including a live weekly fCC meetup), and I will NOT use difficult problems as an excuse to switch gears to learn something new.

So as I work through the fCC Beta and catch up to where I left off on the original Free Code Camp curriculum, I plan to work my way through both, gaining more reps and experience along the way (plus, I’m not sure if the beta progress will be saved long term).

So to everyone out there learning, struggling, and succeeding, keep fighting through it. We WILL make it, and it will be dang worth it!

Link to tweet MightyJoeW Day 98

Day 99: Wednesday May 31, 2017

Funny Code Meme


Today's Progress: Spent time learning and implementing advanced Github Markdown & HTML

A glitch may not be my problem at the moment, but markdown sure is was. A combination of things led me to wanting to give my Github a makeover, starting with this very log.

We used Github a lot in our past Free Code Camp meetup, and I have some exciting tech events coming up. You never know, so it’s best to have my online presence in tip-top shape heading into these events.

But let’s get down to the real reason why I decided to give my Github some TLC. Richard. Goofy, irritating Richard from HBO’s Silicon Valley. Well, it wasn’t directly from him, but I’m still laughing at what he did in the Tabs vs Space episode (I won’t spoil anything major. I promise.).

Image of Scene from HBO's Silicon Valley

Anyway, the part that had me thinking about Github wasn’t even a major part. Some of the crew was looking at the code of a Facebook worker’s Github page. Without being around developers in a job scenario, I don’t know what exactly people’s process looks like of using Github to view or clone someone else’s code. Realistic or not, this scene was enough to make me want to give mine an overhaul. Enter Markdown.

I can’t believe I’ve been logging all of this time without using markdown or HTML, so I’ve been going through cleaning and spicing things up. Plus, I found a ton of errors including most of my Twitter links not properly displaying as hyperlinks. I almost contemplated leaving my log as is and keeping it pure and raw... naahh. Mighty Joe needs his content to be presentable. Plus, you can just look at the history if you really want to experience the raw 😉.

If you are wanting to learn or refresh your markup skills for Github, the following links were very helpful to me:

  1. Mastering Markdown
  2. Markdown Cheatsheet
  3. Emoji Cheat Sheet

Link to tweet MightyJoeW Day 99

Day 100: Thursday June 01, 2017

Finish Line Ahead


Today's Progress: Reviewing code and continued upgrading this log into a unique visual experience

#100DaysOfCode has been an absolutely wonderful experience, and I sincerely thank Alex Kallaway for creating this challenge (and CodeNewbie for interviewing him).

These 100+ days have been a roller coaster complete with ups, downs, twists, and turns. Although it has been an unpredictable journey, one thing that was consistent was well... consistency. I made it to somewhere in the 80s without missing a day as this challenge created a routine for me. No matter how I felt or how late it was, I was going to get in an hour of code. It takes dedication and consistency to see a difference, and I owe a lot of my progress to this challenge.

There came a stretch where I had to tend to other things then couldn’t get quite back in my groove, but the challenge brought me back. I had to finish. Coming back to finish also got me working on some other projects that were more enjoyable which brought that spark back (Javascript algorithms beat me down lol).

These 100 Days of coding led me to live meetups, online courses, new friends, and so much more. I’ve been exposed to many different programming languages and practices, and I gained a clearer idea of what I am wanting to focus on.

fCC Study Group of the Day - Dallas

As I wrap up this journey, I look forward to embarking on the next one as this is only the beginning. I plan to write an article and submit it to Medium. I have some tech conferences next week that I am really exciting about (including one early tomorrow morning). I am hoping to give a talk this summer at a tech conference in Austin. I have tons of projects that I’d like to finish and post on Github. Our Free Code Camp group is starting on some open source projects. And I still want to make an Arduino Magic Mirror dangit!

Thank you for your time. I hope you enjoyed experiencing this with me, and I wish you the very best on your journey.

Sincerely, Joe

Link to tweet: MightyJoeW Day 100

Link to work: Scroll up 😉