{"id":50,"date":"2019-06-23T03:30:03","date_gmt":"2019-06-23T03:30:03","guid":{"rendered":"https:\/\/www.kethorne.com\/?p=50"},"modified":"2019-06-23T03:30:09","modified_gmt":"2019-06-23T03:30:09","slug":"ive-created-a-disaster","status":"publish","type":"post","link":"https:\/\/www.kethorne.com\/?p=50","title":{"rendered":"I&#8217;ve created a disaster!"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Here I was thinking that the layout I had come up with was a good one and I couldn&#8217;t have been more wrong. I was overthinking what I wanted to accomplish. I was making the app more difficult for the user to use than I had originally intended.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I had a layout that I thought was good. After talking with an instructor, he showed me that I was over complicating it. The way I had my project laid out, the user would have gotten frustrated with all buttons they would have had to push.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Back to the drawing board I went, to revamp my capstone project. I scrapped most of what I had and started my layout all over. It had taken a few days and a lot of reworking what I wanted and talking to one of my beta testers to get a layout that finally made me happy.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I had coded the first page of the app from the old layout. Now that I had a new layout, I needed to rewrite that code. That&#8217;s when disaster struck. I was having a difficult time getting the first page to look like the new layout. The same instructor that had helped me suggested that I try Bootstrap. He took some time and quickly showed me how I could get through laying out my capstone project with Bootstrap by coding a small piece of it with me.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I had tried to code with Bootstrap for a few days and had become frustrated. It was taking me longer to do one page with Bootstrap than it would have with HTML and CSS. I was ready to throw in the towel on the whole Bootstrap approach.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">During most of this process, we were starting to learn about databases in class. So now I was trying to code with this stupid Bootstrap nonsense and had to change gears and learn about the databases. I decided I need to step back and approach it a bit different. I needed to see how this would work step by step, in a way.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I got four pieces of white board and had my husband help me put one piece on the wall and left the other three pieces until I could decide where to put them. I took the white board and laid out my capstone step by step and the I took another piece and laid out my database.<\/p>\n\n\n\n<ul class=\"wp-block-gallery columns-2 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"4032\" height=\"1960\" src=\"https:\/\/i1.wp.com\/www.kethorne.com\/wp-content\/uploads\/2019\/06\/flow-chart.jpg?fit=650%2C316&amp;ssl=1\" alt=\"\" data-id=\"52\" data-link=\"https:\/\/www.kethorne.com\/?attachment_id=52\" class=\"wp-image-52\" srcset=\"https:\/\/i0.wp.com\/www.kethorne.com\/wp-content\/uploads\/2019\/06\/flow-chart.jpg?w=4032&amp;ssl=1 4032w, https:\/\/i0.wp.com\/www.kethorne.com\/wp-content\/uploads\/2019\/06\/flow-chart.jpg?resize=300%2C146&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.kethorne.com\/wp-content\/uploads\/2019\/06\/flow-chart.jpg?resize=768%2C373&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.kethorne.com\/wp-content\/uploads\/2019\/06\/flow-chart.jpg?resize=1024%2C498&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.kethorne.com\/wp-content\/uploads\/2019\/06\/flow-chart.jpg?resize=150%2C73&amp;ssl=1 150w, https:\/\/i0.wp.com\/www.kethorne.com\/wp-content\/uploads\/2019\/06\/flow-chart.jpg?w=2160&amp;ssl=1 2160w, https:\/\/i0.wp.com\/www.kethorne.com\/wp-content\/uploads\/2019\/06\/flow-chart.jpg?w=3240&amp;ssl=1 3240w\" sizes=\"(max-width: 1080px) 100vw, 1080px\" \/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"4032\" height=\"1960\" src=\"https:\/\/i1.wp.com\/www.kethorne.com\/wp-content\/uploads\/2019\/06\/data-model.jpg?fit=650%2C316&amp;ssl=1\" alt=\"\" data-id=\"53\" data-link=\"https:\/\/www.kethorne.com\/?attachment_id=53\" class=\"wp-image-53\" srcset=\"https:\/\/i0.wp.com\/www.kethorne.com\/wp-content\/uploads\/2019\/06\/data-model.jpg?w=4032&amp;ssl=1 4032w, https:\/\/i0.wp.com\/www.kethorne.com\/wp-content\/uploads\/2019\/06\/data-model.jpg?resize=300%2C146&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.kethorne.com\/wp-content\/uploads\/2019\/06\/data-model.jpg?resize=768%2C373&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.kethorne.com\/wp-content\/uploads\/2019\/06\/data-model.jpg?resize=1024%2C498&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.kethorne.com\/wp-content\/uploads\/2019\/06\/data-model.jpg?resize=150%2C73&amp;ssl=1 150w, https:\/\/i0.wp.com\/www.kethorne.com\/wp-content\/uploads\/2019\/06\/data-model.jpg?w=2160&amp;ssl=1 2160w, https:\/\/i0.wp.com\/www.kethorne.com\/wp-content\/uploads\/2019\/06\/data-model.jpg?w=3240&amp;ssl=1 3240w\" sizes=\"(max-width: 1080px) 100vw, 1080px\" \/><\/figure><\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">After I had laid these out it was easier for me to see how this would work and what functions I would be needing for my code. I went back to coding with Bootstrap and had become more frustrated because it took me almost a week to get one page coded. Again, I wanted to throw in the towel. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">One of the teaching assistants offered to help me and show me Bootstrap could be used to my advantage. She spent about an hour and a half going over some of my code with me. She showed me how to use Bootstrap better. After spending time with her, I worked in some more pages for my capstone. I was able to get almost half of the pages for my capstone coded with that stupid Bootstrap (as I call it because I had such a hard time at first) and put myself in a good spot.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I am beginning to see my project come together. I think now I will start getting into the harder parts though and that is using some Javascript to get it to function properly and to get my server and database up and running. I may have a little less hair when this is done from all the stress but I would like it better if it was weight. So, thank you for sticking with me up to this point. Until my next disaster my friends.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Here I was thinking that the layout I had come up with was a good one and I couldn&#8217;t have been more wrong. I was overthinking what I wanted to accomplish. I was making the app more difficult for the user to use than I had originally intended. I had a layout that I thought [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":51,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[2],"tags":[6,5,4,8,7],"class_list":["post-50","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-careers-in-code","tag-bootstrap","tag-careers-in-code","tag-coding","tag-css","tag-html"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paU3RN-O","jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.kethorne.com\/wp-content\/uploads\/2019\/06\/stressed.jpg?fit=900%2C1072&ssl=1","_links":{"self":[{"href":"https:\/\/www.kethorne.com\/index.php?rest_route=\/wp\/v2\/posts\/50","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kethorne.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.kethorne.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.kethorne.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kethorne.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=50"}],"version-history":[{"count":2,"href":"https:\/\/www.kethorne.com\/index.php?rest_route=\/wp\/v2\/posts\/50\/revisions"}],"predecessor-version":[{"id":79,"href":"https:\/\/www.kethorne.com\/index.php?rest_route=\/wp\/v2\/posts\/50\/revisions\/79"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.kethorne.com\/index.php?rest_route=\/wp\/v2\/media\/51"}],"wp:attachment":[{"href":"https:\/\/www.kethorne.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=50"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.kethorne.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=50"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.kethorne.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=50"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}