{"id":224,"date":"2026-04-24T16:15:51","date_gmt":"2026-04-24T14:15:51","guid":{"rendered":"http:\/\/localhost:8080\/?p=224"},"modified":"2026-07-03T09:43:09","modified_gmt":"2026-07-03T07:43:09","slug":"fil-rouge-premiere-annee","status":"publish","type":"post","link":"https:\/\/noemieschaendel.fr\/?p=224","title":{"rendered":"Nos amis les arbres"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"224\" class=\"elementor elementor-224\">\n\t\t\t\t<div class=\"elementor-element elementor-element-910ef25 e-flex e-con-boxed e-con e-parent\" data-id=\"910ef25\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f06ccaf elementor-widget elementor-widget-heading\" data-id=\"f06ccaf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Nos amis les arbres !<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-10bc701 elementor-widget elementor-widget-image\" data-id=\"10bc701\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/noemieschaendel.fr\/wp-content\/uploads\/elementor\/thumbs\/Capture-decran-du-2025-12-15-12-49-01-rmhcr31pss3ssb78s5gwvofgrdu6qxoskvfqlyhyps.png\" title=\"Capture d\u2019\u00e9cran du 2025-12-15 12-49-01\" alt=\"Capture d\u2019\u00e9cran du 2025-12-15 12-49-01\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ffc502c e-flex e-con-boxed e-con e-parent\" data-id=\"ffc502c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b84c07b elementor-widget elementor-widget-text-editor\" data-id=\"b84c07b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: justify;\"><span style=\"font-size: 14pt;\">\u00a0<\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: 14pt;\">Il s&rsquo;agit du premier projet personnel r\u00e9alis\u00e9 sous forme de fil rouge. Le but a \u00e9t\u00e9 de r\u00e9aliser un site web \u00e0 l&rsquo;aide de deux API \u00e0 th\u00e8me. Dans mon cas, j&rsquo;ai d\u00e9cid\u00e9 de choisir celui des arbres, ayant un lien particulier avec la nature qui nous entoure. Ce site web est sous forme de biblioth\u00e8que, qui va permettre de se renseigner sur les diff\u00e9rents types et esp\u00e8ces d\u2019arbres. Il est \u00e9galement possible de parrainer un arbre en allant sur la page d\u00e9di\u00e9e et d\u2019y remplir le formulaire en question.\u00a0<\/span><\/p><p>\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ac45ec3 e-flex e-con-boxed e-con e-parent\" data-id=\"ac45ec3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-126577a elementor-widget elementor-widget-image\" data-id=\"126577a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/noemieschaendel.fr\/wp-content\/uploads\/elementor\/thumbs\/Capture-decran-du-2025-12-15-12-50-35-rmhgp6bex6m7u8t12kkmstlxi9hobrs245o49rti4g.png\" title=\"Capture d\u2019\u00e9cran du 2025-12-15 12-50-35\" alt=\"Capture d\u2019\u00e9cran du 2025-12-15 12-50-35\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5c8db7c e-flex e-con-boxed e-con e-parent\" data-id=\"5c8db7c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6bbb92 elementor-widget elementor-widget-text-editor\" data-id=\"c6bbb92\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u00a0<\/p><p><span style=\"font-size: 14pt;\">Voici les \u00e9tapes principales effectu\u00e9es dans le cadre de ce projet :<\/span><\/p><p>\u00a0<\/p><p><span style=\"font-size: 14pt;\"><strong><em>1. D\u00e9couverte des APIs via des cours en ligne et les donn\u00e9es<\/em><\/strong><\/span><span style=\"font-size: 14pt;\"><strong><em> fournies par l\u2019UHA (OpenClassrooms)<\/em><\/strong><\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: 14pt;\">Premi\u00e8re \u00e9tape de ce projet personnel, j&rsquo;ai d\u00e9couvert les API \u00e0 th\u00e9matiques. Il y en avait deux par th\u00e8me. Dans mon cas, j&rsquo;ai choisi celles sur les arbres. Une API avait pour donn\u00e9es les type d&rsquo;arbres, alors que la seconde se concentrait sur les esp\u00e8ces. Les cours en ligne m&rsquo;ont \u00e9galement permis de comprendre cette notion d&rsquo;API.<\/span><\/p><p>\u00a0<\/p><p><span style=\"font-size: 14pt;\"><em><strong>2. D\u00e9but du codage avec HTML\/CSS<\/strong><\/em><\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: 14pt;\">Lors de cette semaine, la maquette statique de la page du site a \u00e9t\u00e9 mise en place. Pour cela, j&rsquo;ai utilis\u00e9 de l&rsquo;HTML pour le squelette de la page, le CSS ayant servi \u00e0 mettre la style en forme.<\/span><\/p><p>\u00a0<\/p><p><span style=\"font-size: 14pt;\"><span style=\"text-decoration: underline;\">Comp\u00e9tences<\/span>\u00a0<\/span><\/p><p><span style=\"font-size: 14pt;\">-&gt; Cr\u00e9er des pages web structur\u00e9es avec HTML en respectant la s\u00e9mantique.<\/span><\/p><p><span style=\"font-size: 14pt;\">-&gt; Styliser les \u00e9l\u00e9ments avec CSS en g\u00e9rant la mise en page, les couleurs et l\u2019adaptabilit\u00e9.<\/span><\/p><p data-renderer-start-pos=\"3998\" data-local-id=\"91d97829-6002-40bb-bcce-cc7d4cfbcf02\"><span style=\"font-size: 14pt;\">Cr\u00e9ation et int\u00e9gration dans un site web de maquettes graphiques permettant la mise \u00e0 disposition d&rsquo;informations :<\/span><\/p><p data-renderer-start-pos=\"4114\" data-local-id=\"fe507f08-1093-4ea9-803a-f6f4a8beccff\"><span style=\"font-size: 14pt;\">-&gt; Concevoir des maquettes repr\u00e9sentant l\u2019interface d\u2019un site web.<\/span><\/p><p data-renderer-start-pos=\"4181\" data-local-id=\"9c03f127-53dd-45d9-a0e2-5608f20dbeaf\"><span style=\"font-size: 14pt;\">-&gt; Int\u00e9grer ces maquettes en HTML\/CSS.<\/span><\/p><p data-renderer-start-pos=\"4220\" data-local-id=\"e31da2d9-cc64-4ce0-be0b-3cf2bb439ab8\"><span style=\"font-size: 14pt;\">-&gt; S\u2019assurer que l\u2019information est pr\u00e9sent\u00e9e de fa\u00e7on claire, hi\u00e9rarchis\u00e9e et ergonomique.<\/span><\/p><p data-renderer-start-pos=\"4317\" data-local-id=\"50bc0850-ca5d-4c0b-a29a-f977410b29a2\"><span style=\"font-size: 14pt;\">-&gt; Acqu\u00e9rir les bases d\u2019un langage imp\u00e9ratif tel que C en mode proc\u00e9dural.<\/span><\/p><p data-renderer-start-pos=\"4392\" data-local-id=\"c887ad15-c6b7-4d43-8a91-aa7c9c619ede\"><span style=\"font-size: 14pt;\">-&gt; Comprendre les notions de variables, types, port\u00e9e.<\/span><\/p><p data-renderer-start-pos=\"4447\" data-local-id=\"5780a04e-a405-4169-b486-2d82a087aa55\"><span style=\"font-size: 14pt;\">-&gt; Manipuler des structures conditionnelles et des boucles.<\/span><\/p><p data-renderer-start-pos=\"4507\" data-local-id=\"5432a6d3-6b92-4a26-9a04-19cc0dfaac74\"><span style=\"font-size: 14pt;\">-&gt; \u00c9crire des fonctions simples et savoir les mobiliser.<\/span><\/p><p data-renderer-start-pos=\"4564\" data-local-id=\"a1c62252-e2b5-4200-9ade-773963da5445\"><span style=\"font-size: 14pt;\">-&gt; Structurer un programme en d\u00e9composant un besoin.<\/span><\/p><p data-renderer-start-pos=\"4564\" data-local-id=\"a1c62252-e2b5-4200-9ade-773963da5445\">\u00a0<\/p><p><span style=\"font-size: 14pt;\"><strong><em>3. PHP et Git<\/em><\/strong><\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: 14pt;\">Dans cette partie-ci, les pages \u00e9crites en HTML ont \u00e9t\u00e9 converties en PHP afin de pouvoir rendre dynamique les pages dans le navigateur c\u00f4t\u00e9 serveur. Les pages en HTML sont identiques pour tous les utilisateurs. PHP permet de personnaliser la vue en fonction du type d&rsquo;utilisateur par exemple.\u00a0 <\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: 14pt;\">Pour git, le but a \u00e9t\u00e9 de prendre en main cet outil de sauvegarde. Ceci afin de pouvoir avoir acc\u00e8s depuis n&rsquo;importe quel ordinateur au projet, et non plus avoir le contenu sauvegard\u00e9 uniquement en local.<\/span><\/p><p>\u00a0<\/p><p><span style=\"text-decoration: underline; font-size: 14pt;\">Comp\u00e9tences<\/span><\/p><p data-renderer-start-pos=\"4317\" data-local-id=\"50bc0850-ca5d-4c0b-a29a-f977410b29a2\"><span style=\"font-size: 14pt;\">-&gt; Acqu\u00e9rir les bases d\u2019un langage imp\u00e9ratif tel que C en mode proc\u00e9dural.<\/span><\/p><p data-renderer-start-pos=\"4392\" data-local-id=\"c887ad15-c6b7-4d43-8a91-aa7c9c619ede\"><span style=\"font-size: 14pt;\">-&gt; Comprendre les notions de variables, types, port\u00e9e.<\/span><\/p><p data-renderer-start-pos=\"4447\" data-local-id=\"5780a04e-a405-4169-b486-2d82a087aa55\"><span style=\"font-size: 14pt;\">-&gt; Manipuler des structures conditionnelles et des boucles.<\/span><\/p><p data-renderer-start-pos=\"4507\" data-local-id=\"5432a6d3-6b92-4a26-9a04-19cc0dfaac74\"><span style=\"font-size: 14pt;\">-&gt; \u00c9crire des fonctions simples et savoir les mobiliser.<\/span><\/p><p data-renderer-start-pos=\"4564\" data-local-id=\"a1c62252-e2b5-4200-9ade-773963da5445\"><span style=\"font-size: 14pt;\">-&gt; Structurer un programme en d\u00e9composant un besoin.<\/span><\/p><p data-renderer-start-pos=\"4564\" data-local-id=\"a1c62252-e2b5-4200-9ade-773963da5445\">\u00a0<\/p><p><span style=\"font-size: 14pt;\"><em><strong>4. Cr\u00e9ation et utilisation d\u2019un bash<\/strong><\/em><\/span><\/p><p><span style=\"font-size: 14pt;\">L&rsquo;objectif du bash a \u00e9t\u00e9 de permettre le d\u00e9ploiement sur un serveur local. Pour cela, j&rsquo;ai \u00e9crit un script afin de pouvoir charger le projet depuis un autre ordinateur.\u00a0<\/span><\/p><p>\u00a0<\/p><p><span style=\"text-decoration: underline; font-size: 14pt;\">Comp\u00e9tences<\/span><\/p><p data-renderer-start-pos=\"4619\" data-local-id=\"49a46770-7514-47a7-a3f8-8ef31384d819\"><span style=\"font-size: 14pt;\">Connaitre les commandes linux de base :<\/span><\/p><p data-renderer-start-pos=\"4660\" data-local-id=\"ba331ed7-5e8d-4b1f-b1ad-5f91745e429a\"><span style=\"font-size: 14pt;\">-&gt; Naviguer dans l\u2019arborescence de fichier.<\/span><\/p><p data-renderer-start-pos=\"4704\" data-local-id=\"a032fb07-ea69-45f0-b657-c1c6584fc2c0\"><span style=\"font-size: 14pt;\">-&gt; G\u00e9rer des fichiers (cr\u00e9ation, d\u00e9placement, suppression).<\/span><\/p><p data-renderer-start-pos=\"4764\" data-local-id=\"c7380fa5-bb73-4ba4-b1e5-145b8565529c\"><span style=\"font-size: 14pt;\">-&gt; Installer et lancer des programmes ou services en ligne de commande.<\/span><\/p><p data-renderer-start-pos=\"4836\" data-local-id=\"4ce7219c-8c36-48d5-b2b0-cbec64059ca3\"><span style=\"font-size: 14pt;\">-&gt; Scripter de simples automatisations avec bash.<\/span><\/p><p data-renderer-start-pos=\"4890\" data-local-id=\"5880967a-1479-461e-b941-677fe4f73b3c\"><span style=\"font-size: 14pt;\">-&gt; Ajouter des interactions dynamiques avec JavaScript en manipulant le DOM.<\/span><\/p><p data-renderer-start-pos=\"4967\" data-local-id=\"3cd549e4-a5e8-461a-922f-e6fb105fc74a\"><span style=\"font-size: 14pt;\">-&gt; Utiliser les \u00e9v\u00e8nements et les fonctions pour enrichir l\u2019exp\u00e9rience utilisateur.<\/span><\/p><p data-renderer-start-pos=\"4967\" data-local-id=\"3cd549e4-a5e8-461a-922f-e6fb105fc74a\">\u00a0<\/p><p><span style=\"font-size: 14pt;\"><strong><em>5. JavaScript et PHP<\/em><\/strong><\/span><\/p><p><span style=\"font-size: 14pt;\">A ce stade du projet, la communication avec la seconde API n&rsquo;\u00e9tait pas encore r\u00e9alis\u00e9e. Pour se faire, j&rsquo;ai d\u00fb mettre en place un fichier Javascript afin de pouvoir afficher les esp\u00e8ces d&rsquo;arbres dans une modale d\u00e9di\u00e9e. Cette modale s&rsquo;ouvrait lorsque l&rsquo;on cliquait sur le bouton \u00ab\u00a0Esp\u00e8ces\u00a0\u00bb.\u00a0<\/span><\/p><p><span style=\"font-size: 14pt;\">J&rsquo;ai d\u00fb \u00e9galement r\u00e9aliser une troisi\u00e8me API qui devait afficher les donn\u00e9es pr\u00e9sentes en base de donn\u00e9es. En effet, l&rsquo;affichage des donn\u00e9es ne devaient plus passer par les API fournies au d\u00e9but du projet, mais via la base de donn\u00e9es. La partie PHP ici a permis de faire le lien entre le back-end et front-end. Une pagination a \u00e9galement \u00e9t\u00e9 mise en place.<\/span><\/p><p>\u00a0<\/p><p><span style=\"text-decoration: underline; font-size: 14pt;\">Comp\u00e9tences<\/span><\/p><p data-renderer-start-pos=\"5053\" data-local-id=\"da7ec167-16b9-4c00-a151-aa73663b87f2\"><span style=\"font-size: 14pt;\">Dynamiser un site web en mobilisant une API :<\/span><\/p><p data-renderer-start-pos=\"5100\" data-local-id=\"73a3f69d-ae15-4229-b4bc-3868976f0f99\"><span style=\"font-size: 14pt;\">-&gt; Int\u00e9grer des donn\u00e9es dynamiques dans un site web via des appels \u00e0 une API.<\/span><\/p><p data-renderer-start-pos=\"5178\" data-local-id=\"00db2912-44eb-4b49-b9a7-a9e10d7f588f\"><span style=\"font-size: 14pt;\">-&gt; Savoir transcrire des donn\u00e9es dans le format d\u2019\u00e9change JSON<\/span><\/p><p data-renderer-start-pos=\"5241\" data-local-id=\"a6d8f618-39f5-4620-8a55-28e7140922b5\"><span style=\"font-size: 14pt;\">-&gt; G\u00e9rer les appels HTTP (GET, POST, etc.) et les r\u00e9ponses asynchrones.<\/span><\/p><p data-renderer-start-pos=\"5313\" data-local-id=\"79c60c8b-c42f-4192-824d-10c5124aa373\"><span style=\"font-size: 14pt;\">-&gt; Afficher dynamiquement le contenu r\u00e9cup\u00e9r\u00e9 en fonction des interactions utilisateur.<\/span><\/p><p data-renderer-start-pos=\"5313\" data-local-id=\"79c60c8b-c42f-4192-824d-10c5124aa373\">\u00a0<\/p><p><span style=\"font-size: 14pt;\"><strong><em>6. SQL<\/em><\/strong><\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: 14pt;\">Il s&rsquo;agissait de r\u00e9aliser une base de donn\u00e9es afin de pouvoir enregistrer les donn\u00e9es concernant les diff\u00e9rentes API mais aussi pour la partie utilisateur. Notamment avec la cr\u00e9ation d&rsquo;un compte lors du parrainage d&rsquo;un arbre. J&rsquo;ai d\u00fb mettre en place un fichier SQL, qui a \u00e9t\u00e9 r\u00e9cup\u00e9r\u00e9 \u00e0 partir de l&rsquo;interface graphique PhpMyAdmin. Des tables ont \u00e9t\u00e9 cr\u00e9\u00e9es afin de r\u00e9cup\u00e9rer les diff\u00e9rentes informations.\u00a0\u00a0<\/span><\/p><p>\u00a0<\/p><p><span style=\"text-decoration: underline; font-size: 14pt;\">Comp\u00e9tences<\/span><\/p><p data-renderer-start-pos=\"5403\" data-local-id=\"a2e5a487-7fef-4c1f-aa8a-938235cd7e34\"><span style=\"font-size: 14pt;\">Construire des bases de donn\u00e9es relationnelles :<\/span><\/p><p data-renderer-start-pos=\"5453\" data-local-id=\"36414574-38d7-413f-9775-0588a8aa1e2d\"><span style=\"font-size: 14pt;\">-&gt; Concevoir un sch\u00e9ma relationnel adapt\u00e9 aux besoins d\u2019une application.<\/span><\/p><p data-renderer-start-pos=\"5526\" data-local-id=\"6294e732-cef9-47f3-a848-55151366c811\"><span style=\"font-size: 14pt;\">-&gt; D\u00e9finir les tables, les types de donn\u00e9es, les relations et les contraintes d\u2019int\u00e9grit\u00e9.<\/span><\/p><p data-renderer-start-pos=\"5617\" data-local-id=\"e09f0312-bba5-41c3-8e5f-020fea06a87b\"><span style=\"font-size: 14pt;\">-&gt; Utiliser le langage SQL pour cr\u00e9er une base de donn\u00e9es.<\/span><\/p><p data-renderer-start-pos=\"5676\" data-local-id=\"092e8a86-a5d1-466b-881b-bf8d092358f2\"><span style=\"font-size: 14pt;\">-&gt; Normaliser la base pour \u00e9viter les redondances et optimiser les performances.<\/span><\/p><p data-renderer-start-pos=\"5757\" data-local-id=\"705e5f81-4094-4f91-8f41-c46224613f7e\"><span style=\"font-size: 14pt;\">-&gt; Utiliser le langage SQL pour ins\u00e9rer et mettre \u00e0 jour les donn\u00e9es de la base.<\/span><\/p><p data-renderer-start-pos=\"5838\" data-local-id=\"0e61726c-a949-4d5d-9a11-9e0b04d7894a\"><span style=\"font-size: 14pt;\">-&gt; Utiliser le langage SQL pour interroger la base et formaliser les r\u00e9sultats en fonction du besoin<\/span><\/p><p data-renderer-start-pos=\"5838\" data-local-id=\"0e61726c-a949-4d5d-9a11-9e0b04d7894a\">\u00a0<\/p><p><span style=\"font-size: 14pt;\"><em><strong>7. Pr\u00e9sentation des donn\u00e9es cod\u00e9es \u00e0 chaque pr\u00e9sentation de fil rouge<\/strong><\/em><\/span><\/p><p style=\"text-align: justify;\"><span style=\"font-size: 14pt;\">Lors de ce premier fil rouge, j&rsquo;ai d\u00fb \u00e9galement pr\u00e9senter les donn\u00e9es chaque semaine. Il a fallu effectuer une code review et expliquer le code impl\u00e9ment\u00e9 \u00e0 chaque \u00e9tape du processus.\u00a0<\/span><\/p><p>\u00a0<\/p><p><span style=\"text-decoration: underline; font-size: 14pt;\">Comp\u00e9tences<\/span><\/p><p data-renderer-start-pos=\"5941\" data-local-id=\"35c940d6-6386-4bf2-990c-f3d07cb74aa6\"><span style=\"font-size: 14pt;\">Corriger et adapter son code en fonction des remarques de ses pairs et du chef de projet (code review) :<\/span><\/p><p data-renderer-start-pos=\"6047\" data-local-id=\"73585f77-9d74-452a-84a1-bd1ab77cc4da\"><span style=\"font-size: 14pt;\">-&gt; Lire et comprendre les retours fournis lors d\u2019une relecture de code.<\/span><\/p><p data-renderer-start-pos=\"6119\" data-local-id=\"39d0192e-22cd-4bd8-9d23-9ea3c2445260\"><span style=\"font-size: 14pt;\">-&gt; Identifier les \u00e9l\u00e9ments \u00e0 modifier pour am\u00e9liorer la lisibilit\u00e9 ou la performance.<\/span><\/p><p data-renderer-start-pos=\"6205\" data-local-id=\"00240180-73f4-44d0-b04f-649ec0cc1adf\"><span style=\"font-size: 14pt;\">-&gt; Corriger son code tout en respectant les choix collectifs.<\/span><\/p><p data-renderer-start-pos=\"6267\" data-local-id=\"ea695265-8155-418c-9a6f-1c4555c6f86d\"><span style=\"font-size: 14pt;\">-&gt; Argumenter ses choix techniques en cas de d\u00e9saccord ou d\u2019alternative.<\/span><\/p><p data-renderer-start-pos=\"6267\" data-local-id=\"ea695265-8155-418c-9a6f-1c4555c6f86d\">\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8f1a602 e-flex e-con-boxed e-con e-parent\" data-id=\"8f1a602\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-efb2152 elementor-widget elementor-widget-image\" data-id=\"efb2152\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"640\" height=\"373\" src=\"https:\/\/noemieschaendel.fr\/wp-content\/uploads\/2026\/04\/Capture-decran-du-2025-12-15-12-50-48-1024x596.png\" class=\"attachment-large size-large wp-image-211\" alt=\"\" srcset=\"https:\/\/noemieschaendel.fr\/wp-content\/uploads\/2026\/04\/Capture-decran-du-2025-12-15-12-50-48-1024x596.png 1024w, https:\/\/noemieschaendel.fr\/wp-content\/uploads\/2026\/04\/Capture-decran-du-2025-12-15-12-50-48-300x174.png 300w, https:\/\/noemieschaendel.fr\/wp-content\/uploads\/2026\/04\/Capture-decran-du-2025-12-15-12-50-48-768x447.png 768w, https:\/\/noemieschaendel.fr\/wp-content\/uploads\/2026\/04\/Capture-decran-du-2025-12-15-12-50-48-1536x893.png 1536w, https:\/\/noemieschaendel.fr\/wp-content\/uploads\/2026\/04\/Capture-decran-du-2025-12-15-12-50-48.png 1917w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-de883b9 e-flex e-con-boxed e-con e-parent\" data-id=\"de883b9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e10b51d elementor-widget elementor-widget-text-editor\" data-id=\"e10b51d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: justify;\">\u00a0<\/p><p style=\"text-align: justify;\"><span style=\"font-size: 14pt;\"><strong>Ce que j&rsquo;en ai tir\u00e9 : <\/strong>j&rsquo;ai vraiment \u00e9t\u00e9 heureuse de pouvoir r\u00e9ussir \u00e0 mener \u00e0 terme ce premier fil rouge, et d&rsquo;obtenir un vrai site web fonctionnel avec des donn\u00e9es persistantes en base de donn\u00e9es. J&rsquo;ai d\u00e9couvert beaucoup de technologies, sachant qu&rsquo;avant d&rsquo;entrer dans cette licence je n&rsquo;avais que vu le HTML\/CSS. J&rsquo;ai \u00e9galement pris connaissance de cette notion de back-end et ce que \u00e7a repr\u00e9sente vraiment. \u00a0<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Nos amis les arbres ! \u00a0 Il s&rsquo;agit du premier projet personnel r\u00e9alis\u00e9 sous forme de fil rouge. Le but a \u00e9t\u00e9 de r\u00e9aliser un site web \u00e0 l&rsquo;aide de deux API \u00e0 th\u00e8me. Dans mon cas, j&rsquo;ai d\u00e9cid\u00e9 de choisir celui des arbres, ayant un lien particulier avec la nature qui nous entoure. Ce [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_regular_price":[],"currency_symbol":[],"footnotes":""},"categories":[1],"tags":[],"class_list":["post-224","post","type-post","status-publish","format-standard","hentry","category-non-classe"],"post_slider_layout_featured_media_urls":{"thumbnail":"","post_slider_layout_landscape_large":"","post_slider_layout_portrait_large":"","post_slider_layout_square_large":"","post_slider_layout_landscape":"","post_slider_layout_portrait":"","post_slider_layout_square":"","full":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Nos amis les arbres - D\u00e9veloppeuse web full-stack<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/noemieschaendel.fr\/?p=224\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Nos amis les arbres - D\u00e9veloppeuse web full-stack\" \/>\n<meta property=\"og:description\" content=\"Nos amis les arbres ! \u00a0 Il s&rsquo;agit du premier projet personnel r\u00e9alis\u00e9 sous forme de fil rouge. Le but a \u00e9t\u00e9 de r\u00e9aliser un site web \u00e0 l&rsquo;aide de deux API \u00e0 th\u00e8me. Dans mon cas, j&rsquo;ai d\u00e9cid\u00e9 de choisir celui des arbres, ayant un lien particulier avec la nature qui nous entoure. Ce [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/noemieschaendel.fr\/?p=224\" \/>\n<meta property=\"og:site_name\" content=\"D\u00e9veloppeuse web full-stack\" \/>\n<meta property=\"article:published_time\" content=\"2026-04-24T14:15:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-03T07:43:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/noemieschaendel.fr\/wp-content\/uploads\/elementor\/thumbs\/Capture-decran-du-2025-12-15-12-49-01-rmhcr31pss3ssb78s5gwvofgrdu6qxoskvfqlyhyps.png\" \/>\n<meta name=\"author\" content=\"noemie.schaendel\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"noemie.schaendel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/noemieschaendel.fr\\\/?p=224#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/noemieschaendel.fr\\\/?p=224\"},\"author\":{\"name\":\"noemie.schaendel\",\"@id\":\"https:\\\/\\\/noemieschaendel.fr\\\/#\\\/schema\\\/person\\\/63b7d672ab9d0f15474f73bc1e5dd2eb\"},\"headline\":\"Nos amis les arbres\",\"datePublished\":\"2026-04-24T14:15:51+00:00\",\"dateModified\":\"2026-07-03T07:43:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/noemieschaendel.fr\\\/?p=224\"},\"wordCount\":1262,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/noemieschaendel.fr\\\/?p=224#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/noemieschaendel.fr\\\/wp-content\\\/uploads\\\/elementor\\\/thumbs\\\/Capture-decran-du-2025-12-15-12-49-01-rmhcr31pss3ssb78s5gwvofgrdu6qxoskvfqlyhyps.png\",\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/noemieschaendel.fr\\\/?p=224\",\"url\":\"https:\\\/\\\/noemieschaendel.fr\\\/?p=224\",\"name\":\"Nos amis les arbres - D\u00e9veloppeuse web full-stack\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/noemieschaendel.fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/noemieschaendel.fr\\\/?p=224#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/noemieschaendel.fr\\\/?p=224#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/noemieschaendel.fr\\\/wp-content\\\/uploads\\\/elementor\\\/thumbs\\\/Capture-decran-du-2025-12-15-12-49-01-rmhcr31pss3ssb78s5gwvofgrdu6qxoskvfqlyhyps.png\",\"datePublished\":\"2026-04-24T14:15:51+00:00\",\"dateModified\":\"2026-07-03T07:43:09+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/noemieschaendel.fr\\\/#\\\/schema\\\/person\\\/63b7d672ab9d0f15474f73bc1e5dd2eb\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/noemieschaendel.fr\\\/?p=224#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/noemieschaendel.fr\\\/?p=224\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/noemieschaendel.fr\\\/?p=224#primaryimage\",\"url\":\"https:\\\/\\\/noemieschaendel.fr\\\/wp-content\\\/uploads\\\/elementor\\\/thumbs\\\/Capture-decran-du-2025-12-15-12-49-01-rmhcr31pss3ssb78s5gwvofgrdu6qxoskvfqlyhyps.png\",\"contentUrl\":\"https:\\\/\\\/noemieschaendel.fr\\\/wp-content\\\/uploads\\\/elementor\\\/thumbs\\\/Capture-decran-du-2025-12-15-12-49-01-rmhcr31pss3ssb78s5gwvofgrdu6qxoskvfqlyhyps.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/noemieschaendel.fr\\\/?p=224#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/noemieschaendel.fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Nos amis les arbres\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/noemieschaendel.fr\\\/#website\",\"url\":\"https:\\\/\\\/noemieschaendel.fr\\\/\",\"name\":\"D\u00e9veloppeuse web full-stack\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/noemieschaendel.fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/noemieschaendel.fr\\\/#\\\/schema\\\/person\\\/63b7d672ab9d0f15474f73bc1e5dd2eb\",\"name\":\"noemie.schaendel\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/e4a1a5313d0cf0a9351cba61e0f98172f4681aaa02f11184b3886275a9c070d2?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/e4a1a5313d0cf0a9351cba61e0f98172f4681aaa02f11184b3886275a9c070d2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/e4a1a5313d0cf0a9351cba61e0f98172f4681aaa02f11184b3886275a9c070d2?s=96&d=mm&r=g\",\"caption\":\"noemie.schaendel\"},\"sameAs\":[\"https:\\\/\\\/noemieschaendel.fr\"],\"url\":\"https:\\\/\\\/noemieschaendel.fr\\\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Nos amis les arbres - D\u00e9veloppeuse web full-stack","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/noemieschaendel.fr\/?p=224","og_locale":"fr_FR","og_type":"article","og_title":"Nos amis les arbres - D\u00e9veloppeuse web full-stack","og_description":"Nos amis les arbres ! \u00a0 Il s&rsquo;agit du premier projet personnel r\u00e9alis\u00e9 sous forme de fil rouge. Le but a \u00e9t\u00e9 de r\u00e9aliser un site web \u00e0 l&rsquo;aide de deux API \u00e0 th\u00e8me. Dans mon cas, j&rsquo;ai d\u00e9cid\u00e9 de choisir celui des arbres, ayant un lien particulier avec la nature qui nous entoure. Ce [&hellip;]","og_url":"https:\/\/noemieschaendel.fr\/?p=224","og_site_name":"D\u00e9veloppeuse web full-stack","article_published_time":"2026-04-24T14:15:51+00:00","article_modified_time":"2026-07-03T07:43:09+00:00","og_image":[{"url":"https:\/\/noemieschaendel.fr\/wp-content\/uploads\/elementor\/thumbs\/Capture-decran-du-2025-12-15-12-49-01-rmhcr31pss3ssb78s5gwvofgrdu6qxoskvfqlyhyps.png","type":"","width":"","height":""}],"author":"noemie.schaendel","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"noemie.schaendel","Dur\u00e9e de lecture estim\u00e9e":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/noemieschaendel.fr\/?p=224#article","isPartOf":{"@id":"https:\/\/noemieschaendel.fr\/?p=224"},"author":{"name":"noemie.schaendel","@id":"https:\/\/noemieschaendel.fr\/#\/schema\/person\/63b7d672ab9d0f15474f73bc1e5dd2eb"},"headline":"Nos amis les arbres","datePublished":"2026-04-24T14:15:51+00:00","dateModified":"2026-07-03T07:43:09+00:00","mainEntityOfPage":{"@id":"https:\/\/noemieschaendel.fr\/?p=224"},"wordCount":1262,"commentCount":0,"image":{"@id":"https:\/\/noemieschaendel.fr\/?p=224#primaryimage"},"thumbnailUrl":"https:\/\/noemieschaendel.fr\/wp-content\/uploads\/elementor\/thumbs\/Capture-decran-du-2025-12-15-12-49-01-rmhcr31pss3ssb78s5gwvofgrdu6qxoskvfqlyhyps.png","inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/noemieschaendel.fr\/?p=224","url":"https:\/\/noemieschaendel.fr\/?p=224","name":"Nos amis les arbres - D\u00e9veloppeuse web full-stack","isPartOf":{"@id":"https:\/\/noemieschaendel.fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/noemieschaendel.fr\/?p=224#primaryimage"},"image":{"@id":"https:\/\/noemieschaendel.fr\/?p=224#primaryimage"},"thumbnailUrl":"https:\/\/noemieschaendel.fr\/wp-content\/uploads\/elementor\/thumbs\/Capture-decran-du-2025-12-15-12-49-01-rmhcr31pss3ssb78s5gwvofgrdu6qxoskvfqlyhyps.png","datePublished":"2026-04-24T14:15:51+00:00","dateModified":"2026-07-03T07:43:09+00:00","author":{"@id":"https:\/\/noemieschaendel.fr\/#\/schema\/person\/63b7d672ab9d0f15474f73bc1e5dd2eb"},"breadcrumb":{"@id":"https:\/\/noemieschaendel.fr\/?p=224#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/noemieschaendel.fr\/?p=224"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/noemieschaendel.fr\/?p=224#primaryimage","url":"https:\/\/noemieschaendel.fr\/wp-content\/uploads\/elementor\/thumbs\/Capture-decran-du-2025-12-15-12-49-01-rmhcr31pss3ssb78s5gwvofgrdu6qxoskvfqlyhyps.png","contentUrl":"https:\/\/noemieschaendel.fr\/wp-content\/uploads\/elementor\/thumbs\/Capture-decran-du-2025-12-15-12-49-01-rmhcr31pss3ssb78s5gwvofgrdu6qxoskvfqlyhyps.png"},{"@type":"BreadcrumbList","@id":"https:\/\/noemieschaendel.fr\/?p=224#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/noemieschaendel.fr\/"},{"@type":"ListItem","position":2,"name":"Nos amis les arbres"}]},{"@type":"WebSite","@id":"https:\/\/noemieschaendel.fr\/#website","url":"https:\/\/noemieschaendel.fr\/","name":"D\u00e9veloppeuse web full-stack","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/noemieschaendel.fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/noemieschaendel.fr\/#\/schema\/person\/63b7d672ab9d0f15474f73bc1e5dd2eb","name":"noemie.schaendel","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/e4a1a5313d0cf0a9351cba61e0f98172f4681aaa02f11184b3886275a9c070d2?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/e4a1a5313d0cf0a9351cba61e0f98172f4681aaa02f11184b3886275a9c070d2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e4a1a5313d0cf0a9351cba61e0f98172f4681aaa02f11184b3886275a9c070d2?s=96&d=mm&r=g","caption":"noemie.schaendel"},"sameAs":["https:\/\/noemieschaendel.fr"],"url":"https:\/\/noemieschaendel.fr\/?author=1"}]}},"_links":{"self":[{"href":"https:\/\/noemieschaendel.fr\/index.php?rest_route=\/wp\/v2\/posts\/224","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/noemieschaendel.fr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/noemieschaendel.fr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/noemieschaendel.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/noemieschaendel.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=224"}],"version-history":[{"count":71,"href":"https:\/\/noemieschaendel.fr\/index.php?rest_route=\/wp\/v2\/posts\/224\/revisions"}],"predecessor-version":[{"id":670,"href":"https:\/\/noemieschaendel.fr\/index.php?rest_route=\/wp\/v2\/posts\/224\/revisions\/670"}],"wp:attachment":[{"href":"https:\/\/noemieschaendel.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=224"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/noemieschaendel.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=224"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/noemieschaendel.fr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=224"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}