100 Days of Code Challenge Day 21


Homework, pages and pages of readings.Videos to watch, Learning Bootstrap… The past 48 hours have been A LOT!

I finally sat down tonight to attempt the Free Code Camp Tribute Page project. I just sat and stared at the pen. I forgot how to use bootstrap! What!!! My brain just.STOPPED.

Java • HTML • CSS • JavaScript • Bootstrap • jQuery

As a new dev, I just felt the cacophony of a bunch of technologies that haven’t taken hold in my brain sat me down for a moment. I had to breathe, concentrate on the task and RTFM. After re-watching the FCC assignment video, reading up on the Bootstrap web site, watching a YouTube Video, it came together, bit by bit.  I did the site first in HTML then copied it to CodePen. I’m not done, but I got a lot of the elements down and I think I could finish it tomorrow.

I also read more in Java, took my 1st chapter quiz in the college CMS (20 out of 20).  What a day! I learned so much and it’s only the tip of the iceberg.




100 Days of Code Challenge Day 14

Today I took my troubleshooting to CodePen. I found the change event on the Mozilla Developer Network. I added the onchange on each option, but the variable for the bill isn’t being assigned. It’s the getElementById wasn’t working. I added an alert to see where the function was failing. I left the quotes off the Id.  That’s fix and the alert finally fired and the bill is now making it down to the alert. Next up. figure out why the value from the onclick isn’t making it to the alert.

Time for bed.

TA’ing my first Girl Develop It course

Image of Skin on Macbook

I’ve been a member of the Philadelphia chapter of Girl Develop It for over a year and I’ve taken quite a few great classes over that time. Intro to Python, Intro to jQuery, Responsive Web Design 101, JavaScript for Beginners and Intro to Git & Github. With all this learning paired with the Web Design Professional program I’m currently in, I thought it was time for me to test out what I really know about HTML and CSS.

I contacted one of the chapter co-leaders and asked if I could volunteer as a teaching assistant (TA) at the Build Your Own Website: Intro to HTML & CSS course. She was more than happy have me help and welcomed me aboard. The days leading up to the course, I’d reviewed the slide deck and worked through the code examples to build my web page. I didn’t want to be caught off guard with a question about something that was in the slide deck that I was unfamiliar with. This was my opportunity to brush up on floats and positioning!

The course was over the weekend and it covered a lot of the basics of HTML & CSS; from the history of HTML to the tools used to create a website; from tags and attributes to CSS rules and positioning; by the end of the class, attendees were able to code out their own web page.

As a TA, my job was to float around, check on progress and answer questions that anyone had about the content or the assignments. As hands raised or inquisitive looks appeared on faces, I addressed each one as best I could. Listening was one of the skills that got the most work. Understanding the questions that were presented to me and then being able to communicate effectively on how to resolve the issue was very rewarding. Even on those questions I didn’t quite have an answer for (vendor prefixes and text-decoration-color), I researched the answers and was able to show (using Codepen) how and why something worked the way it did.

Grid of student images

GDI students hard at work

I got a chance to speak to most of the attendees throughout the course and share a little bit about how I’ve learned what I’ve learned thus far. The ‘wow’ moments when a student was able to ‘get it’ or when a student saw Codepen for the first time to telling another student where I got a particular sticker from that was on my MacBook, I got to share a little bit of me with each interaction.

I can’t wait for the next time I can TA a course. I really enjoyed it and I hope I was able to help make someone’s learning a little bit easier. It was just as helpful for me as well.

My last web design class was a blast

Last night I finished up my Web 3 class at the University of the Arts Continuing Studies program. I can’t begin to tell you how much I’ve learned. My instructor was a really cool dude and showed us how to make web sites responsive. After 10 weeks, I can honestly say, I LEARNED SOMETHING! I mean really learned something. Web 2 was not a growth experience for me and for the part I played in that, I own it. This class and the way in which the content was delivered was a bit better to grasp. We didn’t use tools that we should have been using like CodePen or JsFiddle or even a good code editor like Sublime Text or Brackets, but it worked. The student hosting site never worked for any instructor that tried to use it,  but we made it through. My assignments went from a 2 column layout with media queries and a background no one liked to a site with responsive navigation and images, grid system, flexbox, php headers and footers and things looking like I knew what I was doing.

I’d gotten to class early last night and the instructor was rearing to go. He reviewed my site and we went over how it had progressed and how I’d managed to get every assignment topic into the site. As I sat back and basked in the glow of achievement, I knew this was only the beginning. In order to be ready for the next course, introduction to programming, I’ll need to teach myself JavaScript and jQuery in order to be at the technical level I should be by the beginning of the semester.


I purchased a few books that I heard (either in a podcast or on a blog) were great text to have around if you’re trying to program in JavaScript; Eloquent JavaScript & JavaScript: The Good Parts.


I also have subscriptions to Pluralsight, Lynda.com and Safari Books Online (job perks), so I know I’ll have the resources to dive in over the summer and consume as much as I can. So as  my life returns to normal after a whirlwind 10 weeks, I’m looking forward to what Web Design can show me next.

Here is my project site for the class.