{"id":213,"date":"2024-12-13T21:41:57","date_gmt":"2024-12-13T20:41:57","guid":{"rendered":"https:\/\/www.arthurvalentim.fr\/?p=213"},"modified":"2026-03-19T20:13:29","modified_gmt":"2026-03-19T19:13:29","slug":"projet-dintegration","status":"publish","type":"post","link":"https:\/\/www.arthurvalentim.fr\/en\/projet-dintegration\/","title":{"rendered":"Integration project"},"content":{"rendered":"<p><strong>Project title:<\/strong> Showcase site presenting diverse and varied information.<\/p>\n\n\n\n<p><strong>Context:<\/strong> The aim of this project was to create a responsive web page, adapted to different types of media (computer, tablet and phone). It also allowed to apply good practices of web integration, by following pre-established models.<\/p>\n\n\n\n<p><strong>Tools used:<\/strong> Visual Studio Code was used as the primary editor for the development of the project.<\/p>\n\n\n\n<p><strong>Estimated workload:<\/strong> The project took approximately 48 hours of work.<\/p>\n\n\n\n<p><strong>Period of completion:<\/strong> Development took place between November 2, 2020 and March 13, 2021.<\/p>\n\n\n\n<p><strong>Objectives and functional needs:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Creation of a web page allowing the display of varied information adapted to the context of the site.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Implementation of responsive to guarantee an optimal user experience on all types of media (desktop, tablet, mobile).<\/li>\n<\/ul>\n\n\n\n<p><strong>Technologies used:<\/strong> HTML, CSS, and JavaScript were used to design the structure, design, and dynamic interactions of the site.<\/p>\n\n\n\n<p><strong>Documentation provided:<\/strong> The initial mockups served as a design basis, and support for good integration practices was established to guide development and ensure the quality of the deliverable.<\/p>\n\n\n\n<p><strong>Summary:<\/strong> This project allowed me to strengthen my skills in web integration and to carry out in-depth monitoring of the technologies used, particularly with regard to responsive design.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69dc98ccb02d4&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69dc98ccb02d4\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"461\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.arthurvalentim.fr\/wp-content\/uploads\/2024\/12\/projet_integration.webp\" alt=\"Projet d&#039;int\u00e9gration\" class=\"wp-image-214\" title=\"\" srcset=\"https:\/\/www.arthurvalentim.fr\/wp-content\/uploads\/2024\/12\/projet_integration.webp 900w, https:\/\/www.arthurvalentim.fr\/wp-content\/uploads\/2024\/12\/projet_integration-300x154.webp 300w, https:\/\/www.arthurvalentim.fr\/wp-content\/uploads\/2024\/12\/projet_integration-768x393.webp 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Showcase site presenting diverse and varied information.<\/p>","protected":false},"author":1,"featured_media":652,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"saved_in_kubio":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-213","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-non-classe"],"_links":{"self":[{"href":"https:\/\/www.arthurvalentim.fr\/en\/wp-json\/wp\/v2\/posts\/213","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.arthurvalentim.fr\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.arthurvalentim.fr\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.arthurvalentim.fr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.arthurvalentim.fr\/en\/wp-json\/wp\/v2\/comments?post=213"}],"version-history":[{"count":2,"href":"https:\/\/www.arthurvalentim.fr\/en\/wp-json\/wp\/v2\/posts\/213\/revisions"}],"predecessor-version":[{"id":529,"href":"https:\/\/www.arthurvalentim.fr\/en\/wp-json\/wp\/v2\/posts\/213\/revisions\/529"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.arthurvalentim.fr\/en\/wp-json\/wp\/v2\/media\/652"}],"wp:attachment":[{"href":"https:\/\/www.arthurvalentim.fr\/en\/wp-json\/wp\/v2\/media?parent=213"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.arthurvalentim.fr\/en\/wp-json\/wp\/v2\/categories?post=213"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.arthurvalentim.fr\/en\/wp-json\/wp\/v2\/tags?post=213"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}