{"id":263,"date":"2018-10-30T20:27:18","date_gmt":"2018-10-30T20:27:18","guid":{"rendered":"http:\/\/moatacademy.com\/blog\/?p=263"},"modified":"2018-11-02T08:09:54","modified_gmt":"2018-11-02T08:09:54","slug":"participants-projects-first-3-weeks-at-moat-academy-coding-boot-camp","status":"publish","type":"post","link":"https:\/\/moatacademy.com\/blog\/2018\/10\/30\/participants-projects-first-3-weeks-at-moat-academy-coding-boot-camp\/","title":{"rendered":"Our Participants\u2019 Projects in their First 3 weeks at Moat Academy Coding Boot Camp"},"content":{"rendered":"<p>At <a href=\"https:\/\/www.moatacademy.com\" target=\"_blank\" rel=\"noopener\">Moat Academy<\/a>, we raise competent software developers in the shortest possible time, and this we have always achieved with many of our <a href=\"https:\/\/moatacademy.com\/blog\/2018\/10\/08\/moat-academy-two-years-anniversary\/\" target=\"_blank\" rel=\"noopener\">Alumni working in various tech companies<\/a>.<\/p>\n<p>In just three weeks at the boot camp, our present cohort 9 participants are starting off their journey into the field on the right foot, it\u2019s amazing what they have been able to achieve within the short time here:<\/p>\n<p>During the first week, participants learned various HTML tags and how to lay out their webpage using the table tag.<\/p>\n<p>In Week 2, <a  href=\"https:\/\/moatacademy.com\/blog\/2018\/05\/31\/the-web-and-the-internet-any-difference\/\" title=\"participants learned\" alt=\"participants learned\">participants learned<\/a> how they can beautify their websites using CSS styles to overwrite the default browser behavior in displaying the HTML tags, we moved on to how to lay out web pages using CSS DIV, Float, positioning and to achieve some responsiveness with Flexbox and media queries.<\/p>\n<p>The focus of Week 3 was on building Responsive websites. Our <a  href=\"https:\/\/moatacademy.com\/blog\/2018\/05\/23\/coming-to-moat-academy-ranks-best-decision-afeh\/\" title=\"participants learned\" alt=\"participants learned\">participants learned<\/a> a lot about bootstrap 4 \"classes\" and were able to lay out their web pages to make websites that can adjust their sizes according to the screen size of any device, through their week-three take-home assignment( where they were told to imagine themselves as an already established software developers with all their desired skills and develop a suitable personal responsive website ). We are featuring the under-listed projects from each of the week:<\/p>\n<p><strong>Week One<\/strong> (Please click image to view project)<\/p>\n<p><figure id=\"attachment_264\" aria-describedby=\"caption-attachment-264\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/5.153.47.252\/~moatcons\/c9\/smile\/projectpage1.html\" target=\"_blank\" rel=\"noopener\"><img title=\" \"loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-264\" src=\"http:\/\/moatacademy.com\/blog\/wp-content\/uploads\/2018\/10\/smile-foundation-300x250.jpg\" alt=\" \" width=\"300\" height=\"250\" srcset=\"https:\/\/moatacademy.com\/blog\/wp-content\/uploads\/2018\/10\/smile-foundation-300x250.jpg 300w, https:\/\/moatacademy.com\/blog\/wp-content\/uploads\/2018\/10\/smile-foundation-768x641.jpg 768w, https:\/\/moatacademy.com\/blog\/wp-content\/uploads\/2018\/10\/smile-foundation.jpg 953w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-264\" class=\"wp-caption-text\">Week 1 - A sample website for NGO using HTML Table by Habib Bello<\/figcaption><\/figure><\/p>\n<p><strong>Week Two <\/strong>(Please click image to view project)<\/p>\n<p><figure id=\"attachment_265\" aria-describedby=\"caption-attachment-265\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/5.153.47.252\/~moatcons\/c9\/willow\/\" target=\"_blank\" rel=\"noopener\"><img title=\" \"loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-265\" src=\"http:\/\/moatacademy.com\/blog\/wp-content\/uploads\/2018\/10\/willow-300x204.jpg\" alt=\" \" width=\"300\" height=\"204\" srcset=\"https:\/\/moatacademy.com\/blog\/wp-content\/uploads\/2018\/10\/willow-300x204.jpg 300w, https:\/\/moatacademy.com\/blog\/wp-content\/uploads\/2018\/10\/willow-768x523.jpg 768w, https:\/\/moatacademy.com\/blog\/wp-content\/uploads\/2018\/10\/willow.jpg 960w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-265\" class=\"wp-caption-text\">Week 2- A sample website for a real estate company by Tolu Sanwoolu using CSS DIV<\/figcaption><\/figure><\/p>\n<p><strong>Week Three<\/strong> (Please click image to view respective project)<\/p>\n<p><figure id=\"attachment_271\" aria-describedby=\"caption-attachment-271\" style=\"width: 243px\" class=\"wp-caption alignleft\"><a href=\"http:\/\/5.153.47.252\/~moatcons\/c9\/timi\/\" target=\"_blank\" rel=\"noopener\"><img title=\" \"loading=\"lazy\" decoding=\"async\" class=\"wp-image-271\" src=\"http:\/\/moatacademy.com\/blog\/wp-content\/uploads\/2018\/10\/personal-website-by-timi-ojo-300x264.jpg\" alt=\" \" width=\"243\" height=\"214\" srcset=\"https:\/\/moatacademy.com\/blog\/wp-content\/uploads\/2018\/10\/personal-website-by-timi-ojo-300x264.jpg 300w, https:\/\/moatacademy.com\/blog\/wp-content\/uploads\/2018\/10\/personal-website-by-timi-ojo-768x675.jpg 768w, https:\/\/moatacademy.com\/blog\/wp-content\/uploads\/2018\/10\/personal-website-by-timi-ojo-1024x899.jpg 1024w, https:\/\/moatacademy.com\/blog\/wp-content\/uploads\/2018\/10\/personal-website-by-timi-ojo.jpg 1200w\" sizes=\"auto, (max-width: 243px) 100vw, 243px\" \/><\/a><figcaption id=\"caption-attachment-271\" class=\"wp-caption-text\">Personal Website designed by Timi Ojo using bootstrap 4 and custom CSS<\/figcaption><\/figure><\/p>\n<p><figure id=\"attachment_267\" aria-describedby=\"caption-attachment-267\" style=\"width: 188px\" class=\"wp-caption alignleft\"><a href=\"http:\/\/5.153.47.252\/~moatcons\/c9\/tolu\/\" target=\"_blank\" rel=\"noopener\"><img title=\" \"loading=\"lazy\" decoding=\"async\" class=\"wp-image-267\" src=\"http:\/\/moatacademy.com\/blog\/wp-content\/uploads\/2018\/10\/tolu-personal-website-261x300.jpg\" alt=\" \" width=\"188\" height=\"216\" srcset=\"https:\/\/moatacademy.com\/blog\/wp-content\/uploads\/2018\/10\/tolu-personal-website-261x300.jpg 261w, https:\/\/moatacademy.com\/blog\/wp-content\/uploads\/2018\/10\/tolu-personal-website-768x884.jpg 768w, https:\/\/moatacademy.com\/blog\/wp-content\/uploads\/2018\/10\/tolu-personal-website-890x1024.jpg 890w, https:\/\/moatacademy.com\/blog\/wp-content\/uploads\/2018\/10\/tolu-personal-website.jpg 1043w\" sizes=\"auto, (max-width: 188px) 100vw, 188px\" \/><\/a><figcaption id=\"caption-attachment-267\" class=\"wp-caption-text\"><a  href=\"https:\/\/moatacademy.com\/blog\/2017\/11\/13\/some-participants-share-their-first-3-weeks-experience-at-our-coding-bootcamp\/\" title=\"Personal website\" alt=\"Personal website\">Personal website<\/a> desined by Sanwoolu Tolu using bootstrap 4 and custom CSS<\/figcaption><\/figure><\/p>\n<p><figure id=\"attachment_269\" aria-describedby=\"caption-attachment-269\" style=\"width: 202px\" class=\"wp-caption alignleft\"><a href=\"http:\/\/5.153.47.252\/~moatcons\/c9\/habib\/\" target=\"_blank\" rel=\"noopener\"><img title=\" \"loading=\"lazy\" decoding=\"async\" class=\"wp-image-269\" src=\"http:\/\/moatacademy.com\/blog\/wp-content\/uploads\/2018\/10\/habib-personal-website-290x300.jpg\" alt=\" \" width=\"202\" height=\"209\" srcset=\"https:\/\/moatacademy.com\/blog\/wp-content\/uploads\/2018\/10\/habib-personal-website-290x300.jpg 290w, https:\/\/moatacademy.com\/blog\/wp-content\/uploads\/2018\/10\/habib-personal-website-768x794.jpg 768w, https:\/\/moatacademy.com\/blog\/wp-content\/uploads\/2018\/10\/habib-personal-website-991x1024.jpg 991w, https:\/\/moatacademy.com\/blog\/wp-content\/uploads\/2018\/10\/habib-personal-website.jpg 1161w\" sizes=\"auto, (max-width: 202px) 100vw, 202px\" \/><\/a><figcaption id=\"caption-attachment-269\" class=\"wp-caption-text\">Personal website designed by Habib Bello using bootstrap 4 and custom CSS<\/figcaption><\/figure><\/p>\n","protected":false},"excerpt":{"rendered":"<p>At Moat Academy, we raise competent software developers in the shortest possible time, and this we have always achieved with many of our Alumni working&hellip;<\/p>\n","protected":false},"author":1,"featured_media":278,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,7],"tags":[22],"class_list":["post-263","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-education","category-features","tag-software-developmet"],"_links":{"self":[{"href":"https:\/\/moatacademy.com\/blog\/wp-json\/wp\/v2\/posts\/263","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moatacademy.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/moatacademy.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/moatacademy.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moatacademy.com\/blog\/wp-json\/wp\/v2\/comments?post=263"}],"version-history":[{"count":14,"href":"https:\/\/moatacademy.com\/blog\/wp-json\/wp\/v2\/posts\/263\/revisions"}],"predecessor-version":[{"id":291,"href":"https:\/\/moatacademy.com\/blog\/wp-json\/wp\/v2\/posts\/263\/revisions\/291"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/moatacademy.com\/blog\/wp-json\/wp\/v2\/media\/278"}],"wp:attachment":[{"href":"https:\/\/moatacademy.com\/blog\/wp-json\/wp\/v2\/media?parent=263"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/moatacademy.com\/blog\/wp-json\/wp\/v2\/categories?post=263"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/moatacademy.com\/blog\/wp-json\/wp\/v2\/tags?post=263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}