Hhinsch Week 7

BRO1 HTML(My Favorite Gene) Zip File

BRO1 HTML File

Electronic Notebook Week 7

• Zachary Van Ysseldyk and I met together immediately after class to collaborate about the deliverables of this assignment.
• It at first seemed daunting to invoke the Ajax Starter code on our page, but Dr. Dionisio clarified this in class.
• Although I am unable to explain exactly how the Ajax Starter code worked in order to load the data from UniProt and SGD to our html page, I can tell you how I got there.
• First I downloaded Node to my computer in order to invoke the npm install command on my computer's terminal. In opposition with the process in class, I could do this from my computer's terminal rather than the Node terminal directly. After this I ran the npm start command which caused my computer to run as a web server so my browser could access the html file via Localhost(my computer).
• I then installed atom, because that was the code editor we used in class, making it easier for me to get the same results.
• In class, I noticed how Blair Hamilton had the image on her html page linked directly to a png file within her zip file. This was one of the notes that I found on my talk page so I used the same format to have the image source of our age draw from the BRO1.jpg that is in the zip file.
• I then ran the page in the browser and it worked!
• Next Zach and I implemented the "flexbox" which we were shown in class in order to make our page a little more aesthetically pleasing. We next used the "grid" code from Bootstrap(also shown in class) in order to center the data on our webpage. We liked the results we got but had some trouble with the code font of the DNA and Amino Acid sequences. In order to fix this I placed the < code > in different places surrounding the sequences in order to have it wrap around exactly what we wanted.
• We finally corrected the references to be in alignment with APA citation guidelines, and created in-text citations.
• We also created a gene summary from the information on SGD.
• I looked on Bootstrap to find out how to create a caption for our image, which we did create.
• Finally we deleted the package-lock.json and node_modules from our zip file and uploaded it to the wiki.
• Most of this information and "how-to" was explained in class, which was really helpful.

Assignments

Week 1
Week 2
Week 3
Week 4
Week 5
Week 6
Week 7
Week 8
Week 9
Week 10
Week 11
Week 12
Week 14
Week 15

Hayden's Individual Journal Entries

hhinsch Week 1
hhinsch Week 2
hhinsch Week 3
hhinsch Week 4
hhinsch Week 5
hhinsch Week 6
hhinsch Week 7
hhinsch Week 8
hhinsch Week 9
hhinsch Week 10
hhinsch Week 11
hhinsch Week 12
hhinsch Week 14
hhinsch Week 15
Page Desiigner Deliverables Page

Class Journal Entries

Class Journal Week 1
Class Journal Week 2
Class Journal Week 3
Class Journal Week 4
Class Journal Week 5
Class Journal Week 6
Class Journal Week 7
Class Journal Week 8
Class Journal Week 9
Class Journal Week 10
Page Desiigner

Electronic Notebook

Hhinsch Electronic Notebook

Hayden's User Page

Hayden Hinsch