My two-week cheat-sheet

Today is day 14 of my #100DaysOfCode. I feel like I have learned a lot and  progressing at a good pace. My wife and I added another child to the family so as can be expected, that had me doing only the 1hr minimum for a few days. I am back in full swing now and want to share what I’ve found helpful so far. At this point I feel good about HTML and CSS. Now, I’m no expert in either one yet, but feel very comfortable and can easily pull off simple tasks. I also know where to find the information I need when I run into something new. With JavaScript, I’ve only scratched the surface. I have messed around with it in the past and learned a little in a course I had last year (very little).

Below are the tutorials I have been using up to this point. I feel like these 4 have given me a good understanding of HTML and CSS:

For JavaScript I have used the below:

  • freeCodeCamp Basic JavaScript – Good intro to JS.
  • Gordon Zhu’s Practical JavaScript – Highly suggest this free course. Ties together a lot of loose ends from other tutorials.

With these tools I have been able to create some decent sites. These are my learning core to this point. I still have codecademy’s JavaScript modules to go through. Once completed my plan is to really start the grind on building some websites for my portfolio. I have signed up for #30Days30Sites and have been experimenting with GitHub so that I can post all of my sites there.

Sites for freeCodeCamp – My codepen profile

I have more sites I have worked on locally and will upload those to codepen in the next few days.

Diving into JavaScript (and treading water)

The past few days have been some of the best so far for me and my learning goals! When I found freeCodeCamp, I cranked out the HTML5 and CSS section along with the first round of development projects, the Tribute Page and the Portfolio Page. I really enjoyed going through these tutorials and will repeat this very soon. The Tribute page (with code, here) proved to be easy enough and I used a lot of the concepts and tags that I picked up in the material. I was feeling pretty confident. I started the Portfolio Page and added the main section, dropped a picture in and tested it on different size screens. I added the portfolio section and screenshots of my work (along with placeholders). For the contact section, I created some buttons to link to my media sites and created a contact form (based on what I found here). What I consider v1 of the page is completed. It looks clunky and is unpredictable on different browsers and screen sizes. I decided I needed some more practice. I came across a (tweet) by @CodeChickCode that mentioned Practical JavaScript by Gordon Zhu, from watchandcode.com. I have started working through these videos and I am truly grateful I stumbled onto them. The course gives a great overall picture of what you are doing when creating JavaScript applications. Mr. Zhu has a unique and thorough way of explaining JavaScript. I will continue working through Practical JavaScript, freeCodeCamp Basic JavaScript section, and experimenting on my own.

#100Daysofcode

I have to decided to take on the #100Daysofcode challenge. I will be tweeting and blogging about my experience. I am going to start with freeCodeCamp at (https://www.freecodecamp.com) I have completed the HTML and CSS tutorial portion and am now working on my projects. My projects are here. Please take a look an tell me what you think! They are pretty rudimentary as i am a #CodeNewbie for sure. Java is currently taking a back seat to HTML, CSS3, and javaScript. I know it seems I am all over the place, but I am learning as I go and sticking with what feels natural to me. My next post will discuss what I’ve done in freeCodeCamp and also the materials I’ve been using to learn on my own.