Difference between revisions of "Johnllopez Week 7"

Revision as of 02:22, 17 October 2017

Correcting Previous Errors

The first step to completing this week's assignment was to appropriately respond to all of the comments made about the previous upload of my page. The comments addressed were the following:

• Your folder and HTML file names weren’t customized to your chosen gene, and the folder name wasn't all lowercase as specified
• The HTML filename ended with two .htmls (index.html.html)—keep an eye out for file extensions; this is why we recommend that they be made visible at all times
• A separate gene summary paragraph was not seen
• The Ensembl gene ID was the same as the SGD ID—it shouldn’t be
• The Ensembl link does not go where it should (in fact it appears to be an error page)
• For the DNA and protein sequences, note that they appear better with a so-called "fixed-width" font—these are the ones where every letter has the same width
• Your gene function, site differences, and reason for choosing your gene all work out; one small note: in gene function, where you reference baker’s yeast’s formal species name, the formatting convention should be italics (i.e., S. cerevisiae)
• The Week 4 assignment reference is missing from the References list on the gene page—note it’s still applicable to the page itself, not just your journal

These steps were addressed in the following order:

• I changed the .html docunment and folder names to meet the specification.
• My partner, Dina Bashoura provided the summary paragraph which I would incorporate later into the page.
• I provided a fixed-width font for the DNA and Protein Sequences.
• I corrected the Ensembl gen ID and he Ensembl link.
• I added italics over S. cerevisiae.
• I added the week 4 assignment reference.

Adding to the Page

Fortunately this part of the assignment did not need much work. Because the page already had the "table" and "card" features integrated, the only things that needed to be added were the "gridbox" and "flexbox" portions.

I learned how to do this by visiting the following pages:

https://getbootstrap.com/docs/4.0/utilities/flex/
https://getbootstrap.com/docs/4.0/layout/grid/

I decided to organize the page into two columns. The first column would be where the original accordion of cards would be. The second column would contain 3 flexbox cards. The first card would be the summary that I missed. The second and third cards would display the data pulled from the other pages.

Using Ajax