{"id":407,"date":"2025-04-08T20:58:39","date_gmt":"2025-04-08T18:58:39","guid":{"rendered":"https:\/\/portfolio.velon.ralaivaoalandreo.mmi-velizy.fr\/mioraralai\/wordpress\/?post_type=projet&#038;p=407"},"modified":"2025-04-12T17:53:58","modified_gmt":"2025-04-12T15:53:58","slug":"animations-jquery","status":"publish","type":"projet","link":"https:\/\/portfolio.velon.ralaivaoalandreo.mmi-velizy.fr\/mioraralai\/wordpress\/projet\/animations-jquery\/","title":{"rendered":"Animations JQUERY"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"407\" class=\"elementor elementor-407\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aa0dd8f e-flex e-con-boxed e-con e-parent\" data-id=\"aa0dd8f\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-59b6a92 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"59b6a92\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/portfolio.velon.ralaivaoalandreo.mmi-velizy.fr\/mioraralai\/wordpress\/\">Retour<\/a><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7eeb4d1 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"7eeb4d1\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Animations JQUERY<\/h2>\t\t\t\t<\/div>\n\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-e6e78e1 e-flex e-con-boxed e-con e-parent\" data-id=\"e6e78e1\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a10f09 elementor-widget elementor-widget-spacer\" data-id=\"3a10f09\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0936e6b elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"0936e6b\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><h2 data-elementor-setting-key=\"title\" data-pen-placeholder=\"\u00c9crivez ici...\" style=\"font-family: Roboto, sans-serif; font-weight: 600; color: rgb(0, 0, 0);\">Ajout d\u2019animations jQuery sur un site<span style=\"font-size: 2rem;\"><\/span><\/h2><\/h2>\t\t\t\t<\/div>\n\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-a4c131a e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"a4c131a\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;slideInLeft&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-a2e73d5 e-con-full e-flex e-con e-child\" data-id=\"a2e73d5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f56ebf elementor-widget elementor-widget-heading\" data-id=\"3f56ebf\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Les logiciels utilis\u00e9s<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c790e9d elementor-widget elementor-widget-text-editor\" data-id=\"c790e9d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>JQUERY, HTML, Css<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0ef8bbe elementor-widget elementor-widget-heading\" data-id=\"0ef8bbe\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Les comp\u00e9tences mobilis\u00e9es<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-12bf35b elementor-widget elementor-widget-text-editor\" data-id=\"12bf35b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li class=\"\" data-start=\"2102\" data-end=\"2209\"><p class=\"\" data-start=\"2104\" data-end=\"2209\"><strong data-start=\"2104\" data-end=\"2118\">D\u00e9velopper<\/strong> : Ajout d\u2019animations interactives sur un site web pour am\u00e9liorer l\u2019exp\u00e9rience utilisateur.<\/p><\/li><li class=\"\" data-start=\"2210\" data-end=\"2314\"><p class=\"\" data-start=\"2212\" data-end=\"2314\"><strong data-start=\"2212\" data-end=\"2224\">Analyser<\/strong> : Choix des animations adapt\u00e9es \u00e0 l\u2019objectif du site et \u00e0 l\u2019interaction de l\u2019utilisateur.<\/p><\/li><li class=\"\" data-start=\"2315\" data-end=\"2423\"><p class=\"\" data-start=\"2317\" data-end=\"2423\"><strong data-start=\"2317\" data-end=\"2332\">Communiquer<\/strong> : Mise en valeur de l\u2019identit\u00e9 du site \u00e0 travers des animations attractives et dynamiques.<\/p><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b9a1bf4 e-con-full e-flex e-con e-child\" data-id=\"b9a1bf4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-50c8d76 elementor-widget elementor-widget-heading\" data-id=\"50c8d76\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">A propos<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-776feaf elementor-widget elementor-widget-text-editor\" data-id=\"776feaf\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"\" data-start=\"1158\" data-end=\"1504\">L\u2019objectif de ce projet \u00e9tait d\u2019ajouter des animations <strong data-start=\"2837\" data-end=\"2847\">jQuery<\/strong> sur un site web donn\u00e9 pour le rendre plus interactif. Cela comprenait des animations de texte, des transitions, et des effets qui r\u00e9agissent au passage de la souris.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5e6566f elementor-widget elementor-widget-heading\" data-id=\"5e6566f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Le d\u00e9fis : <\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-16f1baf elementor-widget elementor-widget-text-editor\" data-id=\"16f1baf\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Le v\u00e9ritable d\u00e9fi de ce projet \u00e9tait d\u2019ajouter des <strong data-start=\"197\" data-end=\"223\">animations avec jQuery<\/strong> sans qu\u2019elles paraissent superficielles ou excessives. Il fallait trouver le bon \u00e9quilibre pour que chaque animation reste fluide et coh\u00e9rente avec l\u2019identit\u00e9 du site.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-653b7cb elementor-widget elementor-widget-heading\" data-id=\"653b7cb\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">R\u00f4le du projet :<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9f14216 elementor-widget elementor-widget-text-editor\" data-id=\"9f14216\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"\" data-start=\"1158\" data-end=\"1504\">Ce projet m\u2019a permis de d\u00e9velopper mes comp\u00e9tences en <strong data-start=\"3092\" data-end=\"3113\">d\u00e9veloppement web<\/strong>, particuli\u00e8rement sur l\u2019ajout d\u2019interactivit\u00e9 et d\u2019animations dynamiques avec <strong data-start=\"3192\" data-end=\"3202\">jQuery<\/strong>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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-c8e3bb4 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"c8e3bb4\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fada690 elementor-widget elementor-widget-video\" data-id=\"fada690\" data-element_type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"http:\/\/portfolio.velon.ralaivaoalandreo.mmi-velizy.fr\/mioraralai\/wordpress\/wp-content\/uploads\/2025\/04\/demo-jquery-1-1-1-1.mp4\" controls=\"\" preload=\"metadata\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\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-e0f5de7 e-flex e-con-boxed e-con e-parent\" data-id=\"e0f5de7\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec04d8c elementor-widget elementor-widget-spacer\" data-id=\"ec04d8c\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\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},"featured_media":408,"template":"elementor_header_footer","categorieprojet":[21],"class_list":["post-407","projet","type-projet","status-publish","has-post-thumbnail","hentry","categorieprojet-developpement-web"],"_links":{"self":[{"href":"https:\/\/portfolio.velon.ralaivaoalandreo.mmi-velizy.fr\/mioraralai\/wordpress\/wp-json\/wp\/v2\/projet\/407","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/portfolio.velon.ralaivaoalandreo.mmi-velizy.fr\/mioraralai\/wordpress\/wp-json\/wp\/v2\/projet"}],"about":[{"href":"https:\/\/portfolio.velon.ralaivaoalandreo.mmi-velizy.fr\/mioraralai\/wordpress\/wp-json\/wp\/v2\/types\/projet"}],"version-history":[{"count":22,"href":"https:\/\/portfolio.velon.ralaivaoalandreo.mmi-velizy.fr\/mioraralai\/wordpress\/wp-json\/wp\/v2\/projet\/407\/revisions"}],"predecessor-version":[{"id":1073,"href":"https:\/\/portfolio.velon.ralaivaoalandreo.mmi-velizy.fr\/mioraralai\/wordpress\/wp-json\/wp\/v2\/projet\/407\/revisions\/1073"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/portfolio.velon.ralaivaoalandreo.mmi-velizy.fr\/mioraralai\/wordpress\/wp-json\/wp\/v2\/media\/408"}],"wp:attachment":[{"href":"https:\/\/portfolio.velon.ralaivaoalandreo.mmi-velizy.fr\/mioraralai\/wordpress\/wp-json\/wp\/v2\/media?parent=407"}],"wp:term":[{"taxonomy":"categorieprojet","embeddable":true,"href":"https:\/\/portfolio.velon.ralaivaoalandreo.mmi-velizy.fr\/mioraralai\/wordpress\/wp-json\/wp\/v2\/categorieprojet?post=407"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}