Breaking down project 2

  After going through the course Javascript Basics from Udacity I decided to break project 2, the interactive resume, down. Here is how:
    1.  Header Section
    2.  Projects Section
    3.  Education Section
    4.  Work Section
    5.  Map Section
    6.  Footer Section
(Pretty much how they broke it down, except I reordered it to better suit my needs)

  Writing the six sections on different pieces, I put pen to paper, drawing each page, imagining the reader's experience, planning, developing.  For each section, I decided what I wanted to put in them, focusing my sights on what I need to learn in order to achieve my goals.

   The header, one of the most important parts, needs to grab the potential employers attention, keeping them on my page and away from others!  I will never get hired if they click away.  I'm still thinking of ways to improve my header, but I believe adding a small summary will help explain what I'm looking for and hopefully it will match up with what the employer wants.
 
   I want to keep projects and education simple and informative.  Since I have no experience as a web-developer in a professional role I will try to distract them from my work experience.  Instead of seeing someone with no experience I will showcase a skill they are after, like using AJAX.

  I've also changed the map section quite a bit.  I implemented two new things.  One I learned from the AJAX course and another I practiced off of google maps api.  Getting these two things to work made my day.  I became obsessed with getting this to work.  As for the footer I'm going to keep it relatively the same.

  After planning out my interactive resume, I feel more confident on making a good resume.  I want to spend more time and make this my own.

How to Break Down Skills

Today I learned the idea of breaking skills down into mini skills.  For instance, if I’m going to practice one of the sub skills in writing, such as learning how to craft suspenseful sentences, I will spend time practicing on this one skill for an entire week to greatly improve it.  The idea is that by practicing this sub skill you will increase its level.

The sub skill can be an attribute like strength (headlines), agility (suspenseful sentences), or intelligence (master sentences).  The character is writing itself and when you work on strength (sub skill) you gain experience and increase the characters strength.

After learning about this I decided to break down the mockup website into sub skills.  Image responsiveness, grid (rows, columns), modals, DOM tree, CSS:classes, HTML:head, HTML:body, Bootstrap, Javascript, and Jquery. 

I also plan on breaking skills down for project 2: resume, setting aside time to work on deliberate practice of the skills.  One deliberate practice I will do for a week is try and replicate the grid design of different websites, focusing only on rows and columns.  I believe this will sharpen my eye for detail and give me experience with different grid designs.