100 Days of Code


Learning How to Program and Write Practical Applications

Day 7: Responsive Web Design Project 1

And on the seventh day, I rested. Actually, I took it easy but still coded and started the first of five projects required for the Responsive Web Design Certification.

Structure First

creating the structure for my bessie coleman tribute page
Structuring the Tribute Page per User Story Requirements

I mentioned a few days ago while working through the Accessibility module that creating the structure of a page first would let me iterate faster. Having guidelines to create structure helps immensely.

User Stories are Guidelines

FreeCodeCamp's Projects have User Stories; these are specifications for the Project. For example, the second User Story for the first project, a Tribute Webpage, states:

"User Story #2: I should see an element with a corresponding id="title" which contains a string (text) that describes the subject of the tribute page."

This statement makes clear what I'm expected to do as the Web Designer / Developer. It reminds me of a grading rubric where the Instructor says, "Hey, here are the specific standards you need to meet." The tests my Tribute webpage must pass are based on these standards or, User Stories. So it helps me to start with these first and build the structure based on the User Stories.

Tomorrow I will add in Accessibility elements. I need the practice so that remembering the tags becomes second nature.

Day 7 Progress

  • Started Project 1 of FreeCodeCamp's Responsive Web Design Curriculum
  • Began FreeCodeCamps Javascript Curriculum
  • Journaled and posted my progress

DAY 7 can be put to rest. ...Until tomorrow: DAY 8 of my 100 Days of Code.

#100daysofcode #journaling365

© 2019 Domain Names USA - Valerie Lynn - On Twitter: @vallynn_