Formation Flutter – ATTI<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n }\n \n :root {\n --primary: #02539A;\n --secondary: #FF9E1B;\n --light: #F5F9FF;\n --dark: #1A2C47;\n --gray: #6C757D;\n }\n \n body {\n background-color: var(--light);\n color: var(--dark);\n line-height: 1.6;\n }\n \n .container {\n width: 90%;\n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n }\n \n \/* Header *\/\n header {\n background: linear-gradient(135deg, var(--primary), #0175c2);\n color: white;\n padding: 2rem 0;\n text-align: center;\n border-bottom-left-radius: 30px;\n border-bottom-right-radius: 30px;\n box-shadow: 0 4px 12px rgba(2, 83, 154, 0.2);\n }\n \n .logo-section {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 1rem;\n flex-wrap: wrap;\n }\n \n .logo {\n font-size: 2.5rem;\n margin-right: 15px;\n color: var(--secondary);\n }\n \n .header-text h1 {\n font-size: 2.5rem;\n margin-bottom: 0.5rem;\n text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);\n }\n \n .header-text p {\n font-size: 1.2rem;\n opacity: 0.9;\n }\n \n \/* Main content *\/\n .content {\n display: grid;\n grid-template-columns: 1fr;\n gap: 30px;\n margin: 40px 0;\n }\n \n @media (min-width: 992px) {\n .content {\n grid-template-columns: 2fr 1fr;\n }\n }\n \n .card {\n background-color: white;\n border-radius: 15px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n margin-bottom: 20px;\n transition: transform 0.3s ease;\n }\n \n .card:hover {\n transform: translateY(-5px);\n }\n \n .card h2 {\n color: var(--primary);\n margin-bottom: 20px;\n padding-bottom: 10px;\n border-bottom: 2px solid var(--secondary);\n display: flex;\n align-items: center;\n }\n \n .card h2 i {\n margin-right: 10px;\n color: var(--secondary);\n }\n \n \/* Date section *\/\n .date-card {\n background: linear-gradient(to right, var(--primary), #0175c2);\n color: white;\n text-align: center;\n }\n \n .date-card h2 {\n color: white;\n border-bottom: 2px solid var(--secondary);\n }\n \n .date-info {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n margin-top: 20px;\n }\n \n .date-item {\n padding: 15px;\n min-width: 150px;\n }\n \n .date-item .day {\n font-size: 2rem;\n font-weight: bold;\n color: var(--secondary);\n }\n \n .date-item .time {\n font-size: 1.3rem;\n margin-top: 5px;\n }\n \n \/* Program section *\/\n .program-item {\n margin-bottom: 15px;\n padding-left: 10px;\n border-left: 3px solid var(--primary);\n padding-bottom: 15px;\n }\n \n .program-item:last-child {\n margin-bottom: 0;\n padding-bottom: 0;\n }\n \n .program-item h3 {\n color: var(--primary);\n margin-bottom: 5px;\n }\n \n \/* Tools section *\/\n .tools-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n gap: 15px;\n }\n \n .tool-item {\n background-color: var(--light);\n padding: 15px;\n border-radius: 8px;\n display: flex;\n align-items: center;\n transition: all 0.3s;\n }\n \n .tool-item:hover {\n background-color: #e8f0fe;\n transform: scale(1.03);\n }\n \n .tool-icon {\n width: 40px;\n height: 40px;\n background-color: var(--primary);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 15px;\n }\n \n \/* Registration section *\/\n .registration {\n background-color: #e8f0fe;\n text-align: center;\n padding: 30px;\n border-radius: 15px;\n margin-top: 20px;\n }\n \n .registration h2 {\n color: var(--primary);\n margin-bottom: 20px;\n }\n \n .btn {\n display: inline-block;\n background-color: var(--secondary);\n color: white;\n padding: 12px 30px;\n border-radius: 50px;\n text-decoration: none;\n font-weight: bold;\n margin: 10px;\n transition: all 0.3s;\n border: none;\n cursor: pointer;\n font-size: 1rem;\n }\n \n .btn:hover {\n background-color: #e68a00;\n transform: scale(1.05);\n box-shadow: 0 5px 15px rgba(255, 158, 27, 0.3);\n }\n \n .btn-secondary {\n background-color: var(--primary);\n }\n \n .btn-secondary:hover {\n background-color: #014077;\n }\n \n \/* Footer *\/\n footer {\n background-color: var(--dark);\n color: white;\n text-align: center;\n padding: 30px 0;\n margin-top: 40px;\n border-top-left-radius: 30px;\n border-top-right-radius: 30px;\n }\n \n .footer-logo {\n font-size: 2rem;\n color: var(--secondary);\n margin-bottom: 10px;\n }\n \n .footer-text {\n max-width: 600px;\n margin: 0 auto;\n opacity: 0.8;\n line-height: 1.8;\n }\n \n .important-note {\n background-color: #fff8e1;\n border-left: 4px solid var(--secondary);\n padding: 15px;\n margin: 20px 0;\n border-radius: 0 8px 8px 0;\n }\n \n \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n .header-text h1 {\n font-size: 2rem;\n }\n \n .date-info {\n flex-direction: column;\n align-items: center;\n }\n \n .date-item {\n margin-bottom: 15px;\n }\n \n .tools-grid {\n grid-template-columns: 1fr;\n }\n }\n <\/style>\n<\/head>\n<body>\n <header>\n <div class=\"container\">\n <div class=\"logo-section\">\n <img decoding=\"async\" src=\"https:\/\/atti.tn\/wp-content\/uploads\/2026\/02\/lockup_flutter_vertical.png\" alt=\"Logo ATTI\" style=\"width: 200px; height: 200px;\"> \n <div class=\"header-text\">\n <h1>Formation Flutter – ATTI<\/h1>\n <p>Association Tunisienne des Techniques Intelligentes<\/p>\n <\/div>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/atti.tn\/wp-content\/uploads\/2025\/03\/LOGO-ATTI-NO-BACKGROUND-ORIGINALE.png\" alt=\"Logo ATTI\" style=\"width: 200px; height: auto;\"> \n <\/div>\n \n <\/div>\n <\/header>\n \n <main class=\"container\">\n <div class=\"content\">\n <div class=\"left-column\">\n <div class=\"card\">\n <h2><i class=\"fas fa-calendar-alt\"><\/i> Date et horaire<\/h2>\n <div class=\"date-info\">\n <div class=\"date-item\">\n <div class=\"day\">07 F\u00e9vrier<\/div>\n <div class=\"time\">09h – 13h<\/div>\n <\/div>\n <div class=\"date-item\">\n <div class=\"day\">14 F\u00e9vrier<\/div>\n <div class=\"time\">09h – 13h<\/div>\n <\/div>\n <\/div>\n <p style=\"text-align: center; margin-top: 15px;\">Deux sessions de 4 heures chacune<\/p>\n <\/div>\n \n <div class=\"card\">\n <h2><i class=\"fas fa-list-alt\"><\/i> Programme de la formation<\/h2>\n <div class=\"program-item\">\n <h3>D\u00e9couvrir le d\u00e9veloppement mobile (pour Android) avec le SDK Flutter<\/h3>\n <p>Introduction \u00e0 Flutter et son \u00e9cosyst\u00e8me, configuration de l’environnement de d\u00e9veloppement.<\/p>\n <\/div>\n <div class=\"program-item\">\n <h3>Utilisation des Widgets<\/h3>\n <p>Ma\u00eetriser les diff\u00e9rents widgets Flutter pour cr\u00e9er des interfaces utilisateur attrayantes et r\u00e9actives.<\/p>\n <\/div>\n <div class=\"program-item\">\n <h3>Stateless et Stateful Widgets<\/h3>\n <p>Comprendre la diff\u00e9rence entre les widgets statiques et dynamiques pour g\u00e9rer l’\u00e9tat de l’application.<\/p>\n <\/div>\n <div class=\"program-item\">\n <h3>Consommer une API<\/h3>\n <p>Apprendre \u00e0 int\u00e9grer des API REST dans une application Flutter pour r\u00e9cup\u00e9rer et envoyer des donn\u00e9es.<\/p>\n <\/div>\n <div class=\"program-item\">\n <h3>Utiliser une base de donn\u00e9es SQLite<\/h3>\n <p>Impl\u00e9menter un stockage local avec SQLite pour conserver les donn\u00e9es de l’application.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"card\">\n <h2><i class=\"fas fa-tools\"><\/i> Outils n\u00e9cessaires<\/h2>\n <div class=\"tools-grid\">\n <div class=\"tool-item\">\n <div class=\"tool-icon\">\n <i class=\"fas fa-mobile-alt\"><\/i>\n <\/div>\n <div>\n <strong>Smartphone + c\u00e2ble<\/strong>\n <p>Pour tester les applications<\/p>\n <\/div>\n <\/div>\n <div class=\"tool-item\">\n <div class=\"tool-icon\">\n <i class=\"fab fa-flutter\"><\/i>\n <\/div>\n <div>\n <strong>SDK Flutter<\/strong>\n <p>Framework de d\u00e9veloppement<\/p>\n <\/div>\n <\/div>\n <div class=\"tool-item\">\n <div class=\"tool-icon\">\n <i class=\"fab fa-git-alt\"><\/i>\n <\/div>\n <div>\n <strong>Git<\/strong>\n <p>Gestion de version<\/p>\n <\/div>\n <\/div>\n <div class=\"tool-item\">\n <div class=\"tool-icon\">\n <i class=\"fas fa-code\"><\/i>\n <\/div>\n <div>\n <strong>VS Code<\/strong>\n <p>\u00c9diteur de code<\/p>\n <\/div>\n <\/div>\n <div class=\"tool-item\">\n <div class=\"tool-icon\">\n <i class=\"fab fa-android\"><\/i>\n <\/div>\n <div>\n <strong>Android Studio<\/strong>\n <p>Environnement de d\u00e9veloppement<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"important-note\">\n <p><i class=\"fas fa-video\"><\/i> <strong>Vid\u00e9o explicative:<\/strong><a href=\"https:\/\/www.youtube.com\/playlist?list=PLnJI1m74bF4LySVbBAsHO_Cr5Pbp52_hm\"> Installer Flutter pour d\u00e9veloppement mobile sous Windows <\/a><\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"right-column\">\n <div class=\"card\">\n <h2><i class=\"fas fa-graduation-cap\"><\/i> Pr\u00e9requis<\/h2>\n <p>Pour participer \u00e0 cette formation, il est n\u00e9cessaire d’avoir:<\/p>\n <ul style=\"padding-left: 20px; margin-top: 15px;\">\n <li style=\"margin-bottom: 10px;\">Une connaissance de base de la programmation orient\u00e9e objet<\/li>\n <li style=\"margin-bottom: 10px;\">Une compr\u00e9hension des concepts fondamentaux de la programmation<\/li>\n <li>Une motivation \u00e0 apprendre le d\u00e9veloppement mobile<\/li>\n <\/ul>\n <\/div>\n \n <div class=\"card\">\n <h2><i class=\"fas fa-info-circle\"><\/i> Informations importantes<\/h2>\n <p><strong>Formation gratuite<\/strong> pour tous les membres de l’ATTI.<\/p>\n <p style=\"margin-top: 15px;\">Les non-membres doivent d’abord s’inscrire \u00e0 l’association pour b\u00e9n\u00e9ficier de la formation.<\/p>\n <p style=\"margin-top: 15px;\">Les places sont limit\u00e9es, l’inscription est obligatoire.<\/p>\n <\/div>\n \n <div class=\"card date-card\">\n <h2><i class=\"fas fa-users\"><\/i> Public cible<\/h2>\n <p style=\"margin-top: 15px; font-size: 1.1rem;\">\u00c9tudiants, d\u00e9veloppeurs d\u00e9butants, et toute personne int\u00e9ress\u00e9e par le d\u00e9veloppement d’applications mobiles multiplateformes.<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"registration\">\n <h2>Inscriptions<\/h2>\n <p>Pour participer \u00e0 cette formation, vous devez \u00eatre membre de l’ATTI et vous inscrire via les liens ci-dessous:<\/p>\n \n <div style=\"margin: 30px 0;\">\n <a href=\"https:\/\/atti.tn\/index.php\/comment-adherer\/\" class=\"btn btn-secondary\" id=\"atti-registration\">\n <i class=\"fas fa-user-plus\"><\/i> Inscription \u00e0 l’ATTI\n <\/a>\n <a href=\"https:\/\/forms.gle\/49yv4JQs1Ac9chDt5\" class=\"btn\" id=\"training-registration\">\n <i class=\"fas fa-clipboard-list\"><\/i> Inscription \u00e0 la formation\n <\/a>\n <\/div>\n \n \n <\/div>\n <\/main>\n \n <footer>\n <div class=\"container\">\n <div class=\"footer-logo\">\n <img decoding=\"async\" src=\"https:\/\/atti.tn\/wp-content\/uploads\/2025\/03\/LOGO-ATTI-NO-BACKGROUND-ORIGINALE.png\" alt=\"Logo ATTI\" style=\"width: 200px; height: auto;\"> \n <\/div>\n <h3>Association Tunisienne des Techniques Intelligentes<\/h3>\n <div class=\"footer-text\">\n <p>L’ATTI organise r\u00e9guli\u00e8rement des activit\u00e9s scientifiques, des formations et des \u00e9v\u00e9nements pour promouvoir les technologies intelligentes en Tunisie.<\/p>\n <p style=\"margin-top: 15px;\">\u00a9 2026 ATTI – Tous droits r\u00e9serv\u00e9s<\/p>\n <\/div>\n <\/div>\n <\/footer>\n \n \n <\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Formation Flutter – ATTI Formation Flutter – ATTI Association Tunisienne des Techniques Intelligentes Date et horaire 07 F\u00e9vrier 09h – 13h 14 F\u00e9vrier 09h – 13h Deux sessions de 4 heures chacune Programme de la formation D\u00e9couvrir le d\u00e9veloppement mobile (pour Android) avec le SDK Flutter Introduction \u00e0 Flutter et son \u00e9cosyst\u00e8me, configuration de l’environnement […]<\/p>\n","protected":false},"author":1,"featured_media":2130,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"post-no-header-image","format":"standard","meta":{"footnotes":""},"categories":[109],"tags":[],"class_list":["post-2122","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-formations-evenement"],"_links":{"self":[{"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/posts\/2122","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/comments?post=2122"}],"version-history":[{"count":1,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/posts\/2122\/revisions"}],"predecessor-version":[{"id":2124,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/posts\/2122\/revisions\/2124"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/media\/2130"}],"wp:attachment":[{"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/media?parent=2122"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/categories?post=2122"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/tags?post=2122"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2122,"date":"2026-02-01T11:06:01","date_gmt":"2026-02-01T10:06:01","guid":{"rendered":"https:\/\/atti.tn\/?p=2122"},"modified":"2026-02-01T11:16:04","modified_gmt":"2026-02-01T10:16:04","slug":"mois-du-developpement-developpement-mobile-avec-flutter","status":"publish","type":"post","link":"https:\/\/atti.tn\/index.php\/2026\/02\/01\/mois-du-developpement-developpement-mobile-avec-flutter\/","title":{"rendered":"Mois du d\u00e9veloppement- D\u00e9veloppement Mobile avec Flutter"},"content":{"rendered":"\n\n\n\n \n \n Formation Flutter – ATTI<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n }\n \n :root {\n --primary: #02539A;\n --secondary: #FF9E1B;\n --light: #F5F9FF;\n --dark: #1A2C47;\n --gray: #6C757D;\n }\n \n body {\n background-color: var(--light);\n color: var(--dark);\n line-height: 1.6;\n }\n \n .container {\n width: 90%;\n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n }\n \n \/* Header *\/\n header {\n background: linear-gradient(135deg, var(--primary), #0175c2);\n color: white;\n padding: 2rem 0;\n text-align: center;\n border-bottom-left-radius: 30px;\n border-bottom-right-radius: 30px;\n box-shadow: 0 4px 12px rgba(2, 83, 154, 0.2);\n }\n \n .logo-section {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 1rem;\n flex-wrap: wrap;\n }\n \n .logo {\n font-size: 2.5rem;\n margin-right: 15px;\n color: var(--secondary);\n }\n \n .header-text h1 {\n font-size: 2.5rem;\n margin-bottom: 0.5rem;\n text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);\n }\n \n .header-text p {\n font-size: 1.2rem;\n opacity: 0.9;\n }\n \n \/* Main content *\/\n .content {\n display: grid;\n grid-template-columns: 1fr;\n gap: 30px;\n margin: 40px 0;\n }\n \n @media (min-width: 992px) {\n .content {\n grid-template-columns: 2fr 1fr;\n }\n }\n \n .card {\n background-color: white;\n border-radius: 15px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n margin-bottom: 20px;\n transition: transform 0.3s ease;\n }\n \n .card:hover {\n transform: translateY(-5px);\n }\n \n .card h2 {\n color: var(--primary);\n margin-bottom: 20px;\n padding-bottom: 10px;\n border-bottom: 2px solid var(--secondary);\n display: flex;\n align-items: center;\n }\n \n .card h2 i {\n margin-right: 10px;\n color: var(--secondary);\n }\n \n \/* Date section *\/\n .date-card {\n background: linear-gradient(to right, var(--primary), #0175c2);\n color: white;\n text-align: center;\n }\n \n .date-card h2 {\n color: white;\n border-bottom: 2px solid var(--secondary);\n }\n \n .date-info {\n display: flex;\n justify-content: space-around;\n flex-wrap: wrap;\n margin-top: 20px;\n }\n \n .date-item {\n padding: 15px;\n min-width: 150px;\n }\n \n .date-item .day {\n font-size: 2rem;\n font-weight: bold;\n color: var(--secondary);\n }\n \n .date-item .time {\n font-size: 1.3rem;\n margin-top: 5px;\n }\n \n \/* Program section *\/\n .program-item {\n margin-bottom: 15px;\n padding-left: 10px;\n border-left: 3px solid var(--primary);\n padding-bottom: 15px;\n }\n \n .program-item:last-child {\n margin-bottom: 0;\n padding-bottom: 0;\n }\n \n .program-item h3 {\n color: var(--primary);\n margin-bottom: 5px;\n }\n \n \/* Tools section *\/\n .tools-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n gap: 15px;\n }\n \n .tool-item {\n background-color: var(--light);\n padding: 15px;\n border-radius: 8px;\n display: flex;\n align-items: center;\n transition: all 0.3s;\n }\n \n .tool-item:hover {\n background-color: #e8f0fe;\n transform: scale(1.03);\n }\n \n .tool-icon {\n width: 40px;\n height: 40px;\n background-color: var(--primary);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 15px;\n }\n \n \/* Registration section *\/\n .registration {\n background-color: #e8f0fe;\n text-align: center;\n padding: 30px;\n border-radius: 15px;\n margin-top: 20px;\n }\n \n .registration h2 {\n color: var(--primary);\n margin-bottom: 20px;\n }\n \n .btn {\n display: inline-block;\n background-color: var(--secondary);\n color: white;\n padding: 12px 30px;\n border-radius: 50px;\n text-decoration: none;\n font-weight: bold;\n margin: 10px;\n transition: all 0.3s;\n border: none;\n cursor: pointer;\n font-size: 1rem;\n }\n \n .btn:hover {\n background-color: #e68a00;\n transform: scale(1.05);\n box-shadow: 0 5px 15px rgba(255, 158, 27, 0.3);\n }\n \n .btn-secondary {\n background-color: var(--primary);\n }\n \n .btn-secondary:hover {\n background-color: #014077;\n }\n \n \/* Footer *\/\n footer {\n background-color: var(--dark);\n color: white;\n text-align: center;\n padding: 30px 0;\n margin-top: 40px;\n border-top-left-radius: 30px;\n border-top-right-radius: 30px;\n }\n \n .footer-logo {\n font-size: 2rem;\n color: var(--secondary);\n margin-bottom: 10px;\n }\n \n .footer-text {\n max-width: 600px;\n margin: 0 auto;\n opacity: 0.8;\n line-height: 1.8;\n }\n \n .important-note {\n background-color: #fff8e1;\n border-left: 4px solid var(--secondary);\n padding: 15px;\n margin: 20px 0;\n border-radius: 0 8px 8px 0;\n }\n \n \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n .header-text h1 {\n font-size: 2rem;\n }\n \n .date-info {\n flex-direction: column;\n align-items: center;\n }\n \n .date-item {\n margin-bottom: 15px;\n }\n \n .tools-grid {\n grid-template-columns: 1fr;\n }\n }\n <\/style>\n<\/head>\n<body>\n <header>\n <div class=\"container\">\n <div class=\"logo-section\">\n <img decoding=\"async\" src=\"https:\/\/atti.tn\/wp-content\/uploads\/2026\/02\/lockup_flutter_vertical.png\" alt=\"Logo ATTI\" style=\"width: 200px; height: 200px;\"> \n <div class=\"header-text\">\n <h1>Formation Flutter – ATTI<\/h1>\n <p>Association Tunisienne des Techniques Intelligentes<\/p>\n <\/div>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/atti.tn\/wp-content\/uploads\/2025\/03\/LOGO-ATTI-NO-BACKGROUND-ORIGINALE.png\" alt=\"Logo ATTI\" style=\"width: 200px; height: auto;\"> \n <\/div>\n \n <\/div>\n <\/header>\n \n <main class=\"container\">\n <div class=\"content\">\n <div class=\"left-column\">\n <div class=\"card\">\n <h2><i class=\"fas fa-calendar-alt\"><\/i> Date et horaire<\/h2>\n <div class=\"date-info\">\n <div class=\"date-item\">\n <div class=\"day\">07 F\u00e9vrier<\/div>\n <div class=\"time\">09h – 13h<\/div>\n <\/div>\n <div class=\"date-item\">\n <div class=\"day\">14 F\u00e9vrier<\/div>\n <div class=\"time\">09h – 13h<\/div>\n <\/div>\n <\/div>\n <p style=\"text-align: center; margin-top: 15px;\">Deux sessions de 4 heures chacune<\/p>\n <\/div>\n \n <div class=\"card\">\n <h2><i class=\"fas fa-list-alt\"><\/i> Programme de la formation<\/h2>\n <div class=\"program-item\">\n <h3>D\u00e9couvrir le d\u00e9veloppement mobile (pour Android) avec le SDK Flutter<\/h3>\n <p>Introduction \u00e0 Flutter et son \u00e9cosyst\u00e8me, configuration de l’environnement de d\u00e9veloppement.<\/p>\n <\/div>\n <div class=\"program-item\">\n <h3>Utilisation des Widgets<\/h3>\n <p>Ma\u00eetriser les diff\u00e9rents widgets Flutter pour cr\u00e9er des interfaces utilisateur attrayantes et r\u00e9actives.<\/p>\n <\/div>\n <div class=\"program-item\">\n <h3>Stateless et Stateful Widgets<\/h3>\n <p>Comprendre la diff\u00e9rence entre les widgets statiques et dynamiques pour g\u00e9rer l’\u00e9tat de l’application.<\/p>\n <\/div>\n <div class=\"program-item\">\n <h3>Consommer une API<\/h3>\n <p>Apprendre \u00e0 int\u00e9grer des API REST dans une application Flutter pour r\u00e9cup\u00e9rer et envoyer des donn\u00e9es.<\/p>\n <\/div>\n <div class=\"program-item\">\n <h3>Utiliser une base de donn\u00e9es SQLite<\/h3>\n <p>Impl\u00e9menter un stockage local avec SQLite pour conserver les donn\u00e9es de l’application.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"card\">\n <h2><i class=\"fas fa-tools\"><\/i> Outils n\u00e9cessaires<\/h2>\n <div class=\"tools-grid\">\n <div class=\"tool-item\">\n <div class=\"tool-icon\">\n <i class=\"fas fa-mobile-alt\"><\/i>\n <\/div>\n <div>\n <strong>Smartphone + c\u00e2ble<\/strong>\n <p>Pour tester les applications<\/p>\n <\/div>\n <\/div>\n <div class=\"tool-item\">\n <div class=\"tool-icon\">\n <i class=\"fab fa-flutter\"><\/i>\n <\/div>\n <div>\n <strong>SDK Flutter<\/strong>\n <p>Framework de d\u00e9veloppement<\/p>\n <\/div>\n <\/div>\n <div class=\"tool-item\">\n <div class=\"tool-icon\">\n <i class=\"fab fa-git-alt\"><\/i>\n <\/div>\n <div>\n <strong>Git<\/strong>\n <p>Gestion de version<\/p>\n <\/div>\n <\/div>\n <div class=\"tool-item\">\n <div class=\"tool-icon\">\n <i class=\"fas fa-code\"><\/i>\n <\/div>\n <div>\n <strong>VS Code<\/strong>\n <p>\u00c9diteur de code<\/p>\n <\/div>\n <\/div>\n <div class=\"tool-item\">\n <div class=\"tool-icon\">\n <i class=\"fab fa-android\"><\/i>\n <\/div>\n <div>\n <strong>Android Studio<\/strong>\n <p>Environnement de d\u00e9veloppement<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"important-note\">\n <p><i class=\"fas fa-video\"><\/i> <strong>Vid\u00e9o explicative:<\/strong><a href=\"https:\/\/www.youtube.com\/playlist?list=PLnJI1m74bF4LySVbBAsHO_Cr5Pbp52_hm\"> Installer Flutter pour d\u00e9veloppement mobile sous Windows <\/a><\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"right-column\">\n <div class=\"card\">\n <h2><i class=\"fas fa-graduation-cap\"><\/i> Pr\u00e9requis<\/h2>\n <p>Pour participer \u00e0 cette formation, il est n\u00e9cessaire d’avoir:<\/p>\n <ul style=\"padding-left: 20px; margin-top: 15px;\">\n <li style=\"margin-bottom: 10px;\">Une connaissance de base de la programmation orient\u00e9e objet<\/li>\n <li style=\"margin-bottom: 10px;\">Une compr\u00e9hension des concepts fondamentaux de la programmation<\/li>\n <li>Une motivation \u00e0 apprendre le d\u00e9veloppement mobile<\/li>\n <\/ul>\n <\/div>\n \n <div class=\"card\">\n <h2><i class=\"fas fa-info-circle\"><\/i> Informations importantes<\/h2>\n <p><strong>Formation gratuite<\/strong> pour tous les membres de l’ATTI.<\/p>\n <p style=\"margin-top: 15px;\">Les non-membres doivent d’abord s’inscrire \u00e0 l’association pour b\u00e9n\u00e9ficier de la formation.<\/p>\n <p style=\"margin-top: 15px;\">Les places sont limit\u00e9es, l’inscription est obligatoire.<\/p>\n <\/div>\n \n <div class=\"card date-card\">\n <h2><i class=\"fas fa-users\"><\/i> Public cible<\/h2>\n <p style=\"margin-top: 15px; font-size: 1.1rem;\">\u00c9tudiants, d\u00e9veloppeurs d\u00e9butants, et toute personne int\u00e9ress\u00e9e par le d\u00e9veloppement d’applications mobiles multiplateformes.<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"registration\">\n <h2>Inscriptions<\/h2>\n <p>Pour participer \u00e0 cette formation, vous devez \u00eatre membre de l’ATTI et vous inscrire via les liens ci-dessous:<\/p>\n \n <div style=\"margin: 30px 0;\">\n <a href=\"https:\/\/atti.tn\/index.php\/comment-adherer\/\" class=\"btn btn-secondary\" id=\"atti-registration\">\n <i class=\"fas fa-user-plus\"><\/i> Inscription \u00e0 l’ATTI\n <\/a>\n <a href=\"https:\/\/forms.gle\/49yv4JQs1Ac9chDt5\" class=\"btn\" id=\"training-registration\">\n <i class=\"fas fa-clipboard-list\"><\/i> Inscription \u00e0 la formation\n <\/a>\n <\/div>\n \n \n <\/div>\n <\/main>\n \n <footer>\n <div class=\"container\">\n <div class=\"footer-logo\">\n <img decoding=\"async\" src=\"https:\/\/atti.tn\/wp-content\/uploads\/2025\/03\/LOGO-ATTI-NO-BACKGROUND-ORIGINALE.png\" alt=\"Logo ATTI\" style=\"width: 200px; height: auto;\"> \n <\/div>\n <h3>Association Tunisienne des Techniques Intelligentes<\/h3>\n <div class=\"footer-text\">\n <p>L’ATTI organise r\u00e9guli\u00e8rement des activit\u00e9s scientifiques, des formations et des \u00e9v\u00e9nements pour promouvoir les technologies intelligentes en Tunisie.<\/p>\n <p style=\"margin-top: 15px;\">\u00a9 2026 ATTI – Tous droits r\u00e9serv\u00e9s<\/p>\n <\/div>\n <\/div>\n <\/footer>\n \n \n <\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Formation Flutter – ATTI Formation Flutter – ATTI Association Tunisienne des Techniques Intelligentes Date et horaire 07 F\u00e9vrier 09h – 13h 14 F\u00e9vrier 09h – 13h Deux sessions de 4 heures chacune Programme de la formation D\u00e9couvrir le d\u00e9veloppement mobile (pour Android) avec le SDK Flutter Introduction \u00e0 Flutter et son \u00e9cosyst\u00e8me, configuration de l’environnement […]<\/p>\n","protected":false},"author":1,"featured_media":2130,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"post-no-header-image","format":"standard","meta":{"footnotes":""},"categories":[109],"tags":[],"class_list":["post-2122","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-formations-evenement"],"_links":{"self":[{"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/posts\/2122","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/comments?post=2122"}],"version-history":[{"count":1,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/posts\/2122\/revisions"}],"predecessor-version":[{"id":2124,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/posts\/2122\/revisions\/2124"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/media\/2130"}],"wp:attachment":[{"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/media?parent=2122"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/categories?post=2122"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/atti.tn\/index.php\/wp-json\/wp\/v2\/tags?post=2122"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}