{"id":15029,"date":"2025-12-05T14:53:24","date_gmt":"2025-12-05T13:53:24","guid":{"rendered":"https:\/\/activities.myyaformation.com\/?post_type=dt_lessons&#038;p=15029"},"modified":"2025-12-05T14:53:28","modified_gmt":"2025-12-05T13:53:28","slug":"31-le-futur-proche","status":"publish","type":"dt_lessons","link":"https:\/\/activities.myyaformation.com\/en\/lessons\/31-le-futur-proche\/","title":{"rendered":"31. The near future"},"content":{"rendered":"<!DOCTYPE html>\n<html lang=\"fr\">\n<div style=\"max-width: 900px; margin: 0 auto; padding: 20px; background-color: #f5f9ff; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: #333; line-height: 1.6;\">\n    <div style=\"background: white; border-radius: 15px; padding: 25px; box-shadow: 0 5px 15px rgba(0,0,0,0.08); border-left: 6px solid #00BCD4;\">\n        <h1 style=\"color: #1e3c72; border-bottom: 2px solid #eaeaea; padding-bottom: 10px; margin-bottom: 20px; text-align: center;\">31. The near future<\/h1>\n        \n        <div style=\"background: linear-gradient(to right, #e0f7fa, #b2ebf2); padding: 20px; border-radius: 10px; margin-bottom: 20px;\">\n            <h2 style=\"color: #2a5298; margin-bottom: 15px;\">Forme<\/h2>\n            <p style=\"margin-bottom: 15px; color: #00BCD4; font-weight: bold; font-size: 1.2rem; background: white; padding: 15px; border-radius: 8px; border-left: 4px solid #00BCD4;\">\n                aller (pr\u00e9sent) + verbe \u00e0 l'infinitif\n            <\/p>\n            \n            <div style=\"display: flex; flex-wrap: wrap; gap: 20px; margin-top: 20px;\">\n                <div style=\"flex: 1; min-width: 250px; background: white; padding: 15px; border-radius: 8px; box-shadow: 0 3px 6px rgba(0,0,0,0.05); text-align: center;\">\n                    <p style=\"color: #00BCD4; font-weight: bold;\">I <span style=\"color: #FF5722;\">vais<\/span> eat<\/p>\n                    <div style=\"margin-top: 10px; font-size: 0.9rem; color: #666;\">\n                        <span style=\"color: #00BCD4;\">go<\/span> + <span style=\"color: #4CAF50;\">verb<\/span>\n                    <\/div>\n                <\/div>\n                <div style=\"flex: 1; min-width: 250px; background: white; padding: 15px; border-radius: 8px; box-shadow: 0 3px 6px rgba(0,0,0,0.05); text-align: center;\">\n                    <p style=\"color: #00BCD4; font-weight: bold;\">Ils <span style=\"color: #FF5722;\">vont<\/span> partir<\/p>\n                    <div style=\"margin-top: 10px; font-size: 0.9rem; color: #666;\">\n                        <span style=\"color: #00BCD4;\">go<\/span> + <span style=\"color: #4CAF50;\">verb<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <div style=\"background: #f0f7ff; padding: 20px; border-radius: 10px; margin-bottom: 20px;\">\n            <h2 style=\"color: #2a5298; margin-bottom: 15px;\">Exemples suppl\u00e9mentaires<\/h2>\n            <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 15px;\">\n                <div style=\"background: white; padding: 15px; border-radius: 8px; box-shadow: 0 3px 6px rgba(0,0,0,0.05);\">\n                    <p style=\"color: #00BCD4; font-weight: bold;\">\u2022 Tu <span style=\"color: #FF5722;\">vas<\/span> \u00e9tudier.<\/p>\n                <\/div>\n                <div style=\"background: white; padding: 15px; border-radius: 8px; box-shadow: 0 3px 6px rgba(0,0,0,0.05);\">\n                    <p style=\"color: #00BCD4; font-weight: bold;\">\u2022 Elle <span style=\"color: #FF5722;\">va<\/span> travailler.<\/p>\n                <\/div>\n                <div style=\"background: white; padding: 15px; border-radius: 8px; box-shadow: 0 3px 6px rgba(0,0,0,0.05);\">\n                    <p style=\"color: #00BCD4; font-weight: bold;\">\u2022 Nous <span style=\"color: #FF5722;\">allons<\/span> voyager.<\/p>\n                <\/div>\n                <div style=\"background: white; padding: 15px; border-radius: 8px; box-shadow: 0 3px 6px rgba(0,0,0,0.05);\">\n                    <p style=\"color: #00BCD4; font-weight: bold;\">\u2022 Vous <span style=\"color: #FF5722;\">allez<\/span> r\u00e9ussir.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <div style=\"background: #e0f7fa; padding: 20px; border-radius: 10px; margin-bottom: 25px; border-left: 4px solid #00BCD4;\">\n            <h2 style=\"color: #2a5298; margin-bottom: 15px;\">Mini-situation<\/h2>\n            <p style=\"font-style: italic; color: #555;\">Ce soir, <strong>je vais regarder<\/strong> un film. <strong>Nous allons pr\u00e9parer<\/strong> le d\u00eener ensemble.<\/p>\n        <\/div>\n        \n        <div style=\"background: #f9fbff; padding: 25px; border-radius: 10px; border: 2px dashed #80deea;\">\n            <h2 style=\"color: #2a5298; margin-bottom: 20px;\">Interactive exercise<\/h2>\n            <p style=\"margin-bottom: 20px;\">S\u00e9lectionnez la forme correcte au futur proche :<\/p>\n            \n            <div id=\"question1\" style=\"margin-bottom: 15px; padding: 15px; background: white; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.05);\">\n                <p style=\"font-weight: bold; margin-bottom: 15px;\">Demain, je _________ un livre int\u00e9ressant.<\/p>\n                <div style=\"display: flex; flex-wrap: wrap; gap: 10px;\">\n                    <button onclick=\"checkFuturProche(this, 'result1', 'vais lire', true)\" style=\"padding: 12px 20px; border: 2px solid #80deea; background: white; border-radius: 6px; cursor: pointer; transition: all 0.3s;\">vais lire<\/button>\n                    <button onclick=\"checkFuturProche(this, 'result1', 'lis', false)\" style=\"padding: 12px 20px; border: 2px solid #80deea; background: white; border-radius: 6px; cursor: pointer; transition: all 0.3s;\">lis<\/button>\n                    <button onclick=\"checkFuturProche(this, 'result1', 'lire', false)\" style=\"padding: 12px 20px; border: 2px solid #80deea; background: white; border-radius: 6px; cursor: pointer; transition: all 0.3s;\">lire<\/button>\n                <\/div>\n                <div id=\"result1\" style=\"margin-top: 15px; padding: 12px; border-radius: 6px; display: none;\"><\/div>\n            <\/div>\n            \n            <div id=\"question2\" style=\"margin-bottom: 15px; padding: 15px; background: white; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.05);\">\n                <p style=\"font-weight: bold; margin-bottom: 15px;\">Ce week-end, nous _________ \u00e0 la campagne.<\/p>\n                <div style=\"display: flex; flex-wrap: wrap; gap: 10px;\">\n                    <button onclick=\"checkFuturProche(this, 'result2', 'allons partir', true)\" style=\"padding: 12px 20px; border: 2px solid #80deea; background: white; border-radius: 6px; cursor: pointer; transition: all 0.3s;\">allons partir<\/button>\n                    <button onclick=\"checkFuturProche(this, 'result2', 'partons', false)\" style=\"padding: 12px 20px; border: 2px solid #80deea; background: white; border-radius: 6px; cursor: pointer; transition: all 0.3s;\">partons<\/button>\n                    <button onclick=\"checkFuturProche(this, 'result2', 'partirons', false)\" style=\"padding: 12px 20px; border: 2px solid #80deea; background: white; border-radius: 6px; cursor: pointer; transition: all 0.3s;\">partirons<\/button>\n                <\/div>\n                <div id=\"result2\" style=\"margin-top: 15px; padding: 12px; border-radius: 6px; display: none;\"><\/div>\n            <\/div>\n            \n            <div id=\"question3\" style=\"margin-bottom: 15px; padding: 15px; background: white; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.05);\">\n                <p style=\"font-weight: bold; margin-bottom: 15px;\">Dans une heure, elle _________ son rendez-vous.<\/p>\n                <div style=\"display: flex; flex-wrap: wrap; gap: 10px;\">\n                    <button onclick=\"checkFuturProche(this, 'result3', 'va avoir', true)\" style=\"padding: 12px 20px; border: 2px solid #80deea; background: white; border-radius: 6px; cursor: pointer; transition: all 0.3s;\">va avoir<\/button>\n                    <button onclick=\"checkFuturProche(this, 'result3', 'a', false)\" style=\"padding: 12px 20px; border: 2px solid #80deea; background: white; border-radius: 6px; cursor: pointer; transition: all 0.3s;\">a<\/button>\n                    <button onclick=\"checkFuturProche(this, 'result3', 'aura', false)\" style=\"padding: 12px 20px; border: 2px solid #80deea; background: white; border-radius: 6px; cursor: pointer; transition: all 0.3s;\">aura<\/button>\n                <\/div>\n                <div id=\"result3\" style=\"margin-top: 15px; padding: 12px; border-radius: 6px; display: none;\"><\/div>\n            <\/div>\n            \n            <button onclick=\"showFuturProcheScore()\" style=\"background-color: #00BCD4; color: white; border: none; padding: 14px 28px; border-radius: 8px; cursor: pointer; font-size: 1.1rem; margin-top: 20px; display: block; margin-left: auto; margin-right: auto;\">Check my answers<\/button>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\nlet futurProcheScore = 0;\n\nfunction checkFuturProche(button, resultId, answer, isCorrect) {\n    const questionDiv = button.parentElement.parentElement;\n    const buttons = questionDiv.querySelectorAll('button');\n    \n    buttons.forEach(btn => {\n        btn.style.backgroundColor = 'white';\n        btn.style.color = '#333';\n    });\n    \n    button.style.backgroundColor = isCorrect ? '#4CAF50' : '#f44336';\n    button.style.color = 'white';\n    \n    const resultDiv = document.getElementById(resultId);\n    if (isCorrect) {\n        resultDiv.innerHTML = `<p style=\"color: #4CAF50; font-weight: bold;\">\u2713 Correct ! Futur proche = aller + infinitif.<\/p>`;\n        resultDiv.style.backgroundColor = '#e8f5e9';\n        futurProcheScore++;\n    } else {\n        resultDiv.innerHTML = `<p style=\"color: #f44336; font-weight: bold;\">\u2717 N'oubliez pas : aller (pr\u00e9sent) + verbe \u00e0 l'infinitif.<\/p>`;\n        resultDiv.style.backgroundColor = '#ffebee';\n    }\n    resultDiv.style.display = 'block';\n}\n\nfunction showFuturProcheScore() {\n    const totalQuestions = 3;\n    const percentage = Math.round((futurProcheScore \/ totalQuestions) * 100);\n    \n    let message;\n    if (percentage === 100) {\n        message = \"Parfait ! Vous ma\u00eetrisez le futur proche !\";\n    } else if (percentage >= 66) {\n        message = \"Tr\u00e8s bien ! Vous avez compris le futur proche.\";\n    } else {\n        message = \"Continuez \u00e0 pratiquer ! Rappel : aller + infinitif.\";\n    }\n    \n    alert(`Score: ${futurProcheScore}\/${totalQuestions} (${percentage}%)\\n${message}`);\n    futurProcheScore = 0; \/\/ Reset for next try\n}\n<\/script>\n<\/html>\n<div class=\"gsp_post_data\" \r\n\t            data-post_type=\"dt_lessons\" \r\n\t            data-cat=\"\" \r\n\t            data-modified=\"120\"\r\n\t            data-created=\"1764946404\"\r\n\t            data-title=\"31. Le futur proche\" \r\n\t            data-home=\"https:\/\/activities.myyaformation.com\/en\"><\/div>","protected":false},"excerpt":{"rendered":"<p>31. Le futur proche Forme aller (pr\u00e9sent) + verbe \u00e0 l&rsquo;infinitif Je vais manger aller + verbe Ils vont partir aller + verbe Exemples suppl\u00e9mentaires \u2022 Tu vas \u00e9tudier. \u2022 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","class_list":["post-15029","dt_lessons","type-dt_lessons","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/15029","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons"}],"about":[{"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/types\/dt_lessons"}],"author":[{"embeddable":true,"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/comments?post=15029"}],"version-history":[{"count":1,"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/15029\/revisions"}],"predecessor-version":[{"id":15034,"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/15029\/revisions\/15034"}],"wp:attachment":[{"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/media?parent=15029"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}