{"id":15045,"date":"2025-12-05T16:14:19","date_gmt":"2025-12-05T15:14:19","guid":{"rendered":"https:\/\/activities.myyaformation.com\/?post_type=dt_lessons&#038;p=15045"},"modified":"2025-12-05T16:14:23","modified_gmt":"2025-12-05T15:14:23","slug":"lecon-15-futur-proche","status":"publish","type":"dt_lessons","link":"https:\/\/activities.myyaformation.com\/en\/lessons\/lecon-15-futur-proche\/","title":{"rendered":"Lesson 15: Near Future"},"content":{"rendered":"\n<!-- LE\u00c7ON 15 : Futur proche -->\n<div style=\"margin:0; padding:20px; background-color:#f0f7ff; font-family:Arial, sans-serif;\">\n    <div style=\"max-width:1000px; margin:20px auto; background-color:white; border-radius:15px; box-shadow:0 5px 15px rgba(0,0,100,0.1); padding:30px;\">\n        \n        <h1 style=\"color:#2c3e50; text-align:center; margin-top:0; padding-bottom:15px; border-bottom:2px solid #2ecc71; font-size:2rem;\">\n            Le\u00e7on 15 : Futur proche\n        <\/h1>\n        \n        <div style=\"background-color:#e8f8f5; padding:20px; border-radius:10px; border-left:5px solid #2ecc71; margin:20px 0;\">\n            <h2 style=\"color:#27ae60; margin-top:0; font-size:1.4rem;\">R\u00e8gle :<\/h2>\n            <p style=\"margin:0; font-size:1.1rem;\">\n                Le futur proche = <strong>aller au pr\u00e9sent + verbe \u00e0 l'infinitif<\/strong>. Il sert \u00e0 parler d'un <strong>futur tr\u00e8s proche<\/strong>.\n            <\/p>\n        <\/div>\n        \n        <h2 style=\"color:#27ae60; margin-top:25px; font-size:1.4rem;\">Exemples :<\/h2>\n        <div style=\"background-color:#f9f9f9; padding:15px; border-radius:8px; margin:15px 0;\">\n            <p style=\"margin:5px 0;\"><strong>Je vais manger<\/strong> (bient\u00f4t, tout de suite)<\/p>\n            <p style=\"margin:5px 0;\"><strong>Nous allons travailler<\/strong> (dans quelques minutes)<\/p>\n        <\/div>\n        \n        <h2 style=\"color:#27ae60; margin-top:25px; font-size:1.4rem;\">Phrases mod\u00e8les :<\/h2>\n        <div style=\"display:flex; flex-wrap:wrap; gap:15px; margin:20px 0;\">\n            <div style=\"flex:1; min-width:250px; background-color:#e8f8f5; padding:15px; border-radius:8px; border-left:4px solid #2ecc71;\">\n                <p style=\"margin:0;\"><strong>Je vais manger.<\/strong><\/p>\n            <\/div>\n            <div style=\"flex:1; min-width:250px; background-color:#e8f8f5; padding:15px; border-radius:8px; border-left:4px solid #2ecc71;\">\n                <p style=\"margin:0;\"><strong>Nous allons travailler.<\/strong><\/p>\n            <\/div>\n            <div style=\"flex:1; min-width:250px; background-color:#e8f8f5; padding:15px; border-radius:8px; border-left:4px solid #2ecc71;\">\n                <p style=\"margin:0;\"><strong>Ils vont venir.<\/strong><\/p>\n            <\/div>\n        <\/div>\n        \n        <div style=\"background-color:#fff8e1; padding:20px; border-radius:10px; margin:20px 0; border:1px dashed #f39c12;\">\n            <h2 style=\"color:#27ae60; margin-top:0; font-size:1.4rem;\">Mise en situation :<\/h2>\n            <p style=\"margin:10px 0; font-size:1.1rem;\">\n                Aujourd'hui, apr\u00e8s l'\u00e9cole, Youssef va aller au parc avec sa fille. Ils vont jouer au ballon.\n            <\/p>\n        <\/div>\n        \n        <h2 style=\"color:#27ae60; margin-top:25px; font-size:1.4rem;\">Vocabulaire utile :<\/h2>\n        <div style=\"display:flex; flex-wrap:wrap; gap:10px; margin:15px 0;\">\n            <span style=\"background-color:#d5f4e6; padding:8px 15px; border-radius:20px; font-weight:bold; color:#2c3e50;\">bient\u00f4t<\/span>\n            <span style=\"background-color:#d5f4e6; padding:8px 15px; border-radius:20px; font-weight:bold; color:#2c3e50;\">apr\u00e8s<\/span>\n            <span style=\"background-color:#d5f4e6; padding:8px 15px; border-radius:20px; font-weight:bold; color:#2c3e50;\">aujourd'hui<\/span>\n            <span style=\"background-color:#d5f4e6; padding:8px 15px; border-radius:20px; font-weight:bold; color:#2c3e50;\">parc<\/span>\n            <span style=\"background-color:#d5f4e6; padding:8px 15px; border-radius:20px; font-weight:bold; color:#2c3e50;\">ballon<\/span>\n            <span style=\"background-color:#d5f4e6; padding:8px 15px; border-radius:20px; font-weight:bold; color:#2c3e50;\">maintenant<\/span>\n            <span style=\"background-color:#d5f4e6; padding:8px 15px; border-radius:20px; font-weight:bold; color:#2c3e50;\">tout \u00e0 l'heure<\/span>\n        <\/div>\n        \n        <div style=\"background-color:#e8f5e9; padding:25px; border-radius:10px; margin:25px 0;\">\n            <h2 style=\"color:#27ae60; margin-top:0; font-size:1.4rem;\">Exercice : Compl\u00e8te avec le futur proche<\/h2>\n            \n            <div id=\"feedback15-1\" style=\"padding:10px; margin:10px 0; border-radius:5px; display:none;\"><\/div>\n            \n            <div style=\"margin-bottom:20px;\">\n                <p style=\"font-weight:bold; color:#27ae60; margin-bottom:15px;\">1. Je (aller + t\u00e9l\u00e9phoner) \u2192 Je <span id=\"reponse15-1\" style=\"color:#2c3e50; font-weight:normal;\">_____<\/span><\/p>\n                <div style=\"display:flex; gap:20px; flex-wrap:wrap;\" id=\"question15-1\">\n                    <div style=\"padding:10px 20px; background-color:white; border:2px solid #27ae60; border-radius:5px; cursor:pointer; margin:5px; transition:all 0.3s;\" \n                         onclick=\"checkAnswer15(this, 'vais t\u00e9l\u00e9phoner', true, 1)\">\n                        vais t\u00e9l\u00e9phoner\n                    <\/div>\n                    <div style=\"padding:10px 20px; background-color:white; border:2px solid #27ae60; border-radius:5px; cursor:pointer; margin:5px; transition:all 0.3s;\" \n                         onclick=\"checkAnswer15(this, 't\u00e9l\u00e9phone', false, 1)\">\n                        t\u00e9l\u00e9phone\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div id=\"feedback15-2\" style=\"padding:10px; margin:10px 0; border-radius:5px; display:none;\"><\/div>\n            \n            <div style=\"margin-bottom:20px;\">\n                <p style=\"font-weight:bold; color:#27ae60; margin-bottom:15px;\">2. Nous (aller + manger) \u2192 Nous <span id=\"reponse15-2\" style=\"color:#2c3e50; font-weight:normal;\">_____<\/span><\/p>\n                <div style=\"display:flex; gap:20px; flex-wrap:wrap;\" id=\"question15-2\">\n                    <div style=\"padding:10px 20px; background-color:white; border:2px solid #27ae60; border-radius:5px; cursor:pointer; margin:5px; transition:all 0.3s;\" \n                         onclick=\"checkAnswer15(this, 'allons manger', true, 2)\">\n                        allons manger\n                    <\/div>\n                    <div style=\"padding:10px 20px; background-color:white; border:2px solid #27ae60; border-radius:5px; cursor:pointer; margin:5px; transition:all 0.3s;\" \n                         onclick=\"checkAnswer15(this, 'mangeons', false, 2)\">\n                        mangeons\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div style=\"font-weight:bold; color:#2c3e50; margin-top:20px;\" id=\"score15\">Score : 0\/2<\/div>\n            \n            <button style=\"padding:10px 20px; background-color:#2ecc71; color:white; border:none; border-radius:5px; cursor:pointer; margin-top:20px; font-weight:bold;\" \n                    onclick=\"resetExercise15()\">\n                Recommencer l'exercice\n            <\/button>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    let score15 = 0;\n    let totalQuestions15 = 2;\n    let answeredQuestions15 = new Set();\n\n    function checkAnswer15(element, answer, isCorrect, questionNum) {\n        if (answeredQuestions15.has(questionNum)) return;\n        \n        answeredQuestions15.add(questionNum);\n        \n        const options = document.querySelectorAll(`#question15-${questionNum} > div`);\n        const reponseSpan = document.getElementById(`reponse15-${questionNum}`);\n        \n        options.forEach(opt => {\n            opt.style.cursor = 'default';\n            opt.onclick = null;\n        });\n        \n        if (isCorrect) {\n            element.style.backgroundColor = '#a5d6a7';\n            element.style.color = '#1b5e20';\n            element.style.borderColor = '#1b5e20';\n            reponseSpan.innerHTML = `<strong>${answer}<\/strong>`;\n            reponseSpan.style.color = '#27ae60';\n            score15++;\n            showFeedback15(questionNum, \"\u2705 Parfait ! Tu as bien form\u00e9 le futur proche.\", 'success');\n        } else {\n            element.style.backgroundColor = '#ffcdd2';\n            element.style.color = '#c62828';\n            element.style.borderColor = '#c62828';\n            options.forEach(opt => {\n                if (opt.getAttribute('onclick') && opt.getAttribute('onclick').includes('true')) {\n                    opt.style.backgroundColor = '#a5d6a7';\n                    opt.style.color = '#1b5e20';\n                    opt.style.borderColor = '#1b5e20';\n                    const correctAnswer = opt.getAttribute('onclick').match(\/checkAnswer15\\(this, '([^']+)'\/)[1];\n                    reponseSpan.innerHTML = `<strong>${correctAnswer}<\/strong>`;\n                    reponseSpan.style.color = '#27ae60';\n                }\n            });\n            showFeedback15(questionNum, \"\u274c Attention ! Le futur proche = aller au pr\u00e9sent + verbe \u00e0 l'infinitif.\", 'error');\n        }\n        \n        updateScore15();\n        checkCompletion15();\n    }\n\n    function showFeedback15(questionNum, message, type) {\n        const feedbackDiv = document.getElementById(`feedback15-${questionNum}`);\n        feedbackDiv.textContent = message;\n        feedbackDiv.style.display = 'block';\n        feedbackDiv.style.backgroundColor = type === 'success' ? '#d4edda' : '#f8d7da';\n        feedbackDiv.style.color = type === 'success' ? '#155724' : '#721c24';\n        feedbackDiv.style.border = `1px solid ${type === 'success' ? '#c3e6cb' : '#f5c6cb'}`;\n    }\n\n    function updateScore15() {\n        document.getElementById('score15').textContent = `Score : ${score15}\/${totalQuestions15}`;\n    }\n\n    function checkCompletion15() {\n        if (answeredQuestions15.size === totalQuestions15) {\n            let message = '';\n            if (score15 === totalQuestions15) {\n                message = \"\ud83c\udf89 Excellent ! Tu ma\u00eetrises le futur proche !\";\n            } else if (score15 >= totalQuestions15\/2) {\n                message = \"\ud83d\udc4d Bon travail ! Continue \u00e0 t'entra\u00eener avec 'aller + infinitif'.\";\n            } else {\n                message = \"\ud83d\udcaa R\u00e9essaie ! Souviens-toi : futur proche = aller au pr\u00e9sent + verbe \u00e0 l'infinitif.\";\n            }\n            \n            const finalMessage = document.createElement('div');\n            finalMessage.style.padding = '10px';\n            finalMessage.style.margin = '10px 0';\n            finalMessage.style.borderRadius = '5px';\n            finalMessage.style.backgroundColor = '#d1ecf1';\n            finalMessage.style.color = '#0c5460';\n            finalMessage.style.border = '1px solid #bee5eb';\n            finalMessage.textContent = message;\n            finalMessage.style.display = 'block';\n            \n            const exerciseDiv = document.querySelector('button[onclick=\"resetExercise15()\"]').parentNode;\n            exerciseDiv.insertBefore(finalMessage, document.querySelector('button[onclick=\"resetExercise15()\"]'));\n        }\n    }\n\n    function resetExercise15() {\n        score15 = 0;\n        answeredQuestions15.clear();\n        \n        const allOptions = document.querySelectorAll('#question15-1 > div, #question15-2 > div');\n        allOptions.forEach(option => {\n            option.style.backgroundColor = 'white';\n            option.style.color = '#27ae60';\n            option.style.borderColor = '#27ae60';\n            option.style.cursor = 'pointer';\n            \n            const onclickAttr = option.getAttribute('onclick');\n            if (onclickAttr) {\n                const isCorrect = onclickAttr.includes('true');\n                const questionNum = onclickAttr.includes('checkAnswer15(this') ? \n                    onclickAttr.match(\/checkAnswer15\\(this, '[^']+', (true|false), (\\d)\/)[2] : 1;\n                const answerMatch = onclickAttr.match(\/checkAnswer15\\(this, '([^']+)'\/);\n                const answerText = answerMatch ? answerMatch[1] : '';\n                \n                option.onclick = function() {\n                    checkAnswer15(this, answerText, isCorrect, questionNum);\n                };\n            }\n        });\n        \n        \/\/ R\u00e9initialiser les r\u00e9ponses affich\u00e9es\n        document.getElementById('reponse15-1').innerHTML = '_____';\n        document.getElementById('reponse15-1').style.color = '#2c3e50';\n        document.getElementById('reponse15-2').innerHTML = '_____';\n        document.getElementById('reponse15-2').style.color = '#2c3e50';\n        \n        const feedbacks = document.querySelectorAll('[id^=\"feedback15-\"]');\n        feedbacks.forEach(feedback => {\n            feedback.style.display = 'none';\n            feedback.textContent = '';\n        });\n        \n        const finalMsg = document.querySelector('button[onclick=\"resetExercise15()\"]').previousElementSibling;\n        if (finalMsg && finalMsg.style) {\n            finalMsg.remove();\n        }\n        \n        updateScore15();\n    }\n\n    updateScore15();\n<\/script>\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=\"1764951259\"\r\n\t            data-title=\"Le\u00e7on 15 : Futur proche\" \r\n\t            data-home=\"https:\/\/activities.myyaformation.com\/en\"><\/div>","protected":false},"excerpt":{"rendered":"<p>Le\u00e7on 15 : Futur proche R\u00e8gle : Le futur proche = aller au pr\u00e9sent + verbe \u00e0 l&rsquo;infinitif. Il sert \u00e0 parler d&rsquo;un futur tr\u00e8s proche. Exemples : Je vais [&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-15045","dt_lessons","type-dt_lessons","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/15045","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=15045"}],"version-history":[{"count":1,"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/15045\/revisions"}],"predecessor-version":[{"id":15050,"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/15045\/revisions\/15050"}],"wp:attachment":[{"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/media?parent=15045"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}