{"id":4668,"date":"2026-11-05T13:33:57","date_gmt":"2026-11-05T18:33:57","guid":{"rendered":"https://www.dawsoncollege.qc.ca/oad/?page_id=4668"},"modified":"2026-11-05T16:24:11","modified_gmt":"2026-11-05T21:24:11","slug":"science-of-learning","status":"publish","type":"page","link":"https://www.dawsoncollege.qc.ca/oad/science-of-learning/","title":{"rendered":"Science of Learning"},"content":{"rendered":"<p><span data-contrast=\"auto\">L'Bureau du développement académique , est ravie de lancer cette série de séminaires consacrés à la </span><b><span data-contrast=\"auto\">science de l'apprentissage</span></b><span data-contrast=\"auto\"> au Dawson</span><b><span data-contrast=\"auto\">. </span></b><span data-ccp-props=\"{}\"> </span></p>\n<p><span data-contrast=\"auto\">L'objectif de cette série est de vous présenter un résumé des travaux de recherche pertinents et rigoureux issus des sciences cognitives et de la recherche pédagogique, sous une forme accessible et facile à mettre en pratique. Chaque session portera sur une question qui concerne tous les enseignants. Nous nous attacherons à comprendre les principes cognitifs fondamentaux et leurs applications pratiques dans l'enseignement et l'apprentissage. Nous partagerons et analyserons ensemble des exemples concrets issus de notre communauté Dawson. </span><span data-ccp-props=\"{}\"> </span></p>\n<p><span data-contrast=\"auto\">À l'issue de cette session, vous serez en mesure de vous appuyer sur le consensus scientifique existant pour répondre à l'une des questions suivantes :</span><span data-ccp-props=\"{}\"> </span></p>\n<p><span data-teams=\"true\">        <style>\n            tr.workshop-item table {\n                margin: 0;\n            }\n\n            tr.workshop-item td:first-child {\n                max-width: 350px;\n            }\n\n            tr.workshop-item td:nth-child(2) {\n                width: 170px;\n            }\n\n            tr.workshop-item td:last-child {\n                width: 190px;\n                text-align: right;\n            }\n\n            tr.workshop-item:nth-child(2n) td {\n                background: #f1f8ff;\n            }\n\n            table.workshops {\n                border-top: none !important;\n            }\n\n            table.workshops a {\n                text-decoration: none !important;\n                font-weight: 600;\n            }\n\n            .workshops {\n                width: 100%;\n                border-collapse: collapse;\n                margin: 0;\n            }\n\n            .workshops-wrapper .dc_accordion .dc_accordion-title {\n                background-color: #0056b7 !important;\n                color: #fff;\n            }\n\n            .workshops-wrapper .dc_accordion .dc_accordion-title a {\n\n                color: #fff;\n            }\n\n            .workshops th,\n            .workshops td {\n                padding: 12px;\n                text-align: left;\n                border-bottom: 1px solid #ddd;\n                vertical-align: middle;\n            }\n\n            .workshop-action-link {\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n                width: 160px;\n                padding: 10px 18px;\n                border-radius: 4px;\n                background-color: #23961d;\n                color: #fff !important;\n                font-size: 14px;\n                line-height: 1.2;\n                text-align: center;\n                white-space: nowrap;\n            }\n\n            .workshop-action-link:hover {\n                background-color: #0052a3;\n                color: #fff !important;\n            }\n\n            .workshop-action-link:focus {\n                outline: 2px solid #0052a3;\n                outline-offset: 2px;\n            }\n\n            .workshop-item button {\n                min-width: 90px;\n            }\n\n            .workshop-details-button {\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n                width: 160px;\n                padding: 10px 18px;\n                border: 1px solid #c8d4e3;\n                border-radius: 4px;\n                background-color: #fff;\n                color: #1d3557;\n                font-size: 14px;\n                line-height: 1.2;\n                white-space: nowrap;\n            }\n\n            .workshop-actions {\n                display: flex;\n                flex-direction: column;\n                align-items: flex-end;\n                gap: 10px;\n            }\n\n            .workshop-actions:empty {\n                display: none;\n            }\n\n            .workshop-title-row {\n                display: inline-flex;\n                align-items: center;\n                gap: 8px;\n                flex-wrap: wrap;\n            }\n\n            .workshop-status-pill {\n                display: inline-flex;\n                align-items: center;\n                padding: 2px 10px;\n                border-radius: 999px;\n                font-size: 12px;\n                font-weight: 600;\n                line-height: 1.4;\n                white-space: nowrap;\n            }\n\n            .workshop-status-pill--cancelled {\n                background: #f8d7da;\n                color: #7a1f14;\n            }\n\n            .workshop-status-pill--closed {\n                background: #dbeafe;\n                color: #17406d;\n            }\n\n            .workshop-status-pill--full {\n                background: #dcfce7;\n                color: #166534;\n            }\n\n            .workshop-details-button:hover {\n                background-color: #edf4fb;\n                border-color: #9db6d3;\n            }\n\n            .workshop-details-button:focus {\n                outline: 2px solid #0052a3;\n                outline-offset: 2px;\n            }\n\n            /* Modal styles - add these to your CSS */\n            .workshop-modal-overlay {\n                display: none;\n                position: fixed;\n                z-index: 1000;\n                left: 0;\n                top: 0;\n                width: 100%;\n                height: 100%;\n                overflow: auto;\n                background-color: rgba(0, 0, 0, 0.7);\n                animation: fadeIn 0.3s;\n                align-items: center;\n                justify-content: center;\n                padding: 20px;\n            }\n\n            .workshop-modal-overlay.active {\n                display: flex;\n            }\n\n            @keyframes fadeIn {\n                from {\n                    opacity: 0;\n                }\n\n                to {\n                    opacity: 1;\n                }\n            }\n\n            .workshop-modal-content {\n                background-color: white;\n                border-radius: 8px;\n                max-width: 600px;\n                width: 100%;\n                max-height: 90vh;\n                overflow-y: auto;\n                box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n                animation: slideIn 0.3s;\n            }\n\n            @keyframes slideIn {\n                from {\n                    transform: translateY(-50px);\n                    opacity: 0;\n                }\n\n                to {\n                    transform: translateY(0);\n                    opacity: 1;\n                }\n            }\n\n            .workshop-modal-header {\n                padding: 20px;\n                border-bottom: 1px solid #e0e0e0;\n                display: flex;\n                justify-content: space-between;\n                align-items: flex-start;\n                background: #0266cc;\n                color: #fff;\n            }\n\n            .workshop-modal-title {\n                margin: 0;\n                font-size: 2.25rem;\n                font-weight: bold;\n                padding-right: 20px;\n            }\n\n            .workshop-modal-instructor {\n                margin: 5px 0 0 0;\n                font-style: italic;\n                color: #f8f8f8;\n            }\n\n            .workshop-modal-close {\n                background: none;\n                border: none;\n                font-size: 28px;\n                cursor: pointer;\n                color: #666;\n                padding: 0;\n                width: 32px;\n                height: 32px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                border-radius: 4px;\n                flex-shrink: 0;\n            }\n\n            .workshop-modal-close:hover {\n                background-color: #f0f0f0;\n                color: #333;\n            }\n\n            .workshop-modal-close:focus {\n                outline: 2px solid #0066cc;\n                outline-offset: 2px;\n            }\n\n            .workshop-modal-body {\n                padding: 20px;\n                line-height: 1.6;\n            }\n\n            .workshop-modal-time {\n                margin-top: 0;\n                padding-top: 0;\n            }\n\n            .workshop-modal-footer {\n                padding: 15px 20px;\n                border-top: 1px solid #e0e0e0;\n                display: flex;\n                justify-content: flex-end;\n                gap: 10px;\n            }\n\n            .workshop-modal-footer a,\n            .workshop-modal-footer button {\n                padding: 10px 20px;\n                border-radius: 4px;\n                text-decoration: none;\n                font-size: 14px;\n                cursor: pointer;\n                border: none;\n            }\n\n            .workshop-modal-footer a {\n                background-color: #23961d;\n                color: white;\n            }\n\n            .workshop-modal-footer a:hover {\n                background-color: #0052a3;\n            }\n\n            .workshop-modal-footer button {\n                background-color: #e0e0e0;\n                color: #333;\n            }\n\n            .workshop-modal-footer button:hover {\n                background-color: #d0d0d0;\n            }\n\n            @media (max-width: 768px) {\n                tr.workshop-item td:last-child {\n                    text-align: left;\n                }\n\n                .workshop-actions {\n                    align-items: flex-start;\n                }\n\n                .workshop-modal-content {\n                    margin: 10px;\n                    max-height: 95vh;\n                }\n\n                .workshop-modal-header {\n                    padding: 15px;\n                }\n\n                .workshop-modal-title {\n                    font-size: 22px;\n                }\n\n                .workshop-modal-body {\n                    padding: 15px;\n                }\n            }\n            a.workshop-action-link[href*=\"waitlist=1\"] {\n                /* Your styles here */\n                background-color: #757575;\n            \n            }\n\n        </style>\n        <script>\n            jQuery(document).ready(function($) {\n                $(document).on('click', '.workshop-item button', function(e) {\n                    e.preventDefault();\n                    e.stopPropagation();\n\n                    const $triggerButton = $(this);\n                    const $row = $triggerButton.closest('.workshop-item');\n                    const $titleLink = $row.find('td:first-child a').first();\n                    const title = $titleLink.text().trim();\n                    const $instructorEm = $row.find('em').first();\n                    const instructor = $instructorEm.length ? $instructorEm.text().trim() : '';\n                    const $detailsDiv = $row.find('.event-details').first();\n                    const details = $detailsDiv.length ? $detailsDiv.html() : '';\n                    const $timeCell = $row.find('td').eq(1);\n                    const time = $timeCell.length ? $timeCell.text().trim() : '';\n                    const $actionLink = $row.find('.workshop-actions').first().find('a.workshop-action-link').first();\n                    const actionLabel = $actionLink.length ? $actionLink.text().trim() : '';\n                    const actionUrl = $actionLink.length ? ($actionLink.attr('href') || '') : '';\n\n                    let duration = '';\n\n                    if ( time ) {\n                        const timeMatch = time.match(/(\\d+):(\\d+)(am|pm).*?(\\d+):(\\d+)(am|pm)/i);\n\n                        if ( timeMatch ) {\n                            let [_, startHour, startMin, startPeriod, endHour, endMin, endPeriod] = timeMatch;\n                            startHour = parseInt(startHour, 10);\n                            endHour = parseInt(endHour, 10);\n\n                            if ( startPeriod.toLowerCase() === 'pm' && startHour !== 12 ) startHour += 12;\n                            if ( startPeriod.toLowerCase() === 'am' && startHour === 12 ) startHour = 0;\n                            if ( endPeriod.toLowerCase() === 'pm' && endHour !== 12 ) endHour += 12;\n                            if ( endPeriod.toLowerCase() === 'am' && endHour === 12 ) endHour = 0;\n\n                            const startMinutes = startHour * 60 + parseInt(startMin, 10);\n                            const endMinutes = endHour * 60 + parseInt(endMin, 10);\n                            const durationMinutes = endMinutes - startMinutes;\n                            const hours = Math.floor(durationMinutes / 60);\n                            const mins = durationMinutes % 60;\n\n                            if ( hours > 0 && mins > 0 ) {\n                                duration = `${hours}h ${mins}min`;\n                            } else if ( hours > 0 ) {\n                                duration = `${hours}h`;\n                            } else if ( mins > 0 ) {\n                                duration = `${mins}min`;\n                            }\n                        }\n                    }\n\n                    const $overlay = $('<div>', {\n                        'class': 'workshop-modal-overlay',\n                        'role': 'dialog',\n                        'aria-modal': 'true',\n                        'aria-labelledby': 'workshop-modal-title'\n                    });\n\n                    $overlay.html(`\n                    <div class=\"workshop-modal-content\">\n                        <div class=\"workshop-modal-header\">\n                            <div>\n                                <h2 id=\"workshop-modal-title\" class=\"workshop-modal-title\">${title}</h2>\n                                ${instructor ? `<p class=\"workshop-modal-instructor\">${instructor}</p>` : ''}\n                            </div>\n                            <button class=\"workshop-modal-close\" aria-label=\"Close modal\">&times;</button>\n                        </div>\n                        <div class=\"workshop-modal-body\">\n                            ${time ? `<p class=\"workshop-modal-time\"><b>Time:</b> ${time}${duration ? ` (${duration})` : ''}</p>` : ''}\n                            ${details}\n                        </div>\n                        <div class=\"workshop-modal-footer\">\n                            <button class=\"workshop-modal-close-btn\">Close</button>\n                            ${actionUrl && actionLabel ? `<a href=\"${actionUrl}\">${actionLabel}</a>` : ''}\n                        </div>\n                    </div>\n                `);\n\n                    $('body').append($overlay);\n\n                    const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;\n                    $('body').css({\n                        'overflow': 'hidden',\n                        'padding-right': scrollbarWidth + 'px'\n                    });\n\n                    setTimeout(() => $overlay.addClass('active'), 10);\n\n                    setTimeout(() => {\n                        $overlay.find('.workshop-modal-close').focus();\n                    }, 350);\n\n                    function closeModal() {\n                        $overlay.removeClass('active');\n                        setTimeout(() => {\n                            $overlay.remove();\n                            $('body').css({\n                                'overflow': '',\n                                'padding-right': ''\n                            });\n                            $triggerButton.focus();\n                        }, 300);\n                    }\n\n                    $overlay.find('.workshop-modal-close, .workshop-modal-close-btn').on('click', closeModal);\n\n                    $overlay.on('click', function(event) {\n                        if ( event.target === $overlay[0] ) {\n                            closeModal();\n                        }\n                    });\n\n                    function escapeHandler(event) {\n                        if ( event.key === 'Escape' ) {\n                            closeModal();\n                            $(document).off('keydown', escapeHandler);\n                        }\n                    }\n\n                    $(document).on('keydown', escapeHandler);\n                });\n            });\n        </script>\n    <div class=\"workshops-wrapper\"></div></span></p>\n\n\t\t<style>\n\n\n\t\t\t\n\t\t\t.dc_accordion .dc_accordion-body:before{\n\t\t\t\tdisplay: block;\n\t\t\t\theight: 10px;height: 1rem;\n\t\t\t\tcontent: \"\";\n\t\t\t}\n\n\t\t\t\n\n\n\t\t</style>\n\n\n\t\t<div id=\"fall-2026\" class=\"new dc_accordion open  multiple\"><h2 class=\"dc_accordion-title highlighta\"><a class=\"\" style=\"\" href=\"#fall-2026\">Automne 2026</a></h2><div class=\"dc_accordion-body \" style=\"\"><table class=\"action workshops\">\n<tr class=\"workshop-item\">\n<td>\n<div class=\"workshop-title-row\"><a style=\"\" href=\"https://fr.dawsoncollege.qc.ca/oad/workshop-registration/?wid=4667\">Comment les élèves appréhendent-ils les nouvelles idées ?</a></div>\n<p> - <em>Einat Idan, conseillère pédagogique (BDA)</em></p>\n<div class=\"event-details\" style=\"display:none; margin-top:20px;\">\n<p>De quoi les élèves ont-ils besoin pour comprendre et assimiler les notions abordées en classe ? Et quelles sont les stratégies concrètes que les enseignants peuvent mettre en œuvre pour préparer efficacement les élèves à la compréhension de nouveaux contenus ? Telles sont les questions abordées dans ce séminaire. Nous présenterons un modèle simplifié d'apprentissage, discuterons de la manière dont les nouvelles informations sont encodées, et examinerons quelles...</p>\n</div>\n</td>\n<td><b>16 décembre 2026,</b><br/> de 10 h à 12 h</td>\n<td>\n<div class=\"workshop-actions\"><a class=\"workshop-action-link\" href=\"https://fr.dawsoncollege.qc.ca/oad/workshop-registration/?wid=4667\">Je m'inscris</a><button type=\"button\" class=\"workshop-details-button\">Détails</button></div>\n</td>\n</tr>\n</table></div></div>\n<p><span data-contrast=\"auto\"><div id=\"winter-2027\" class=\"new dc_accordion open  multiple\"><h2 class=\"dc_accordion-title highlighta\"><a class=\"\" style=\"\" href=\"#winter-2027\">Hiver 2027</a></h2><div class=\"dc_accordion-body \" style=\"\"><table class=\"action workshops\">\n<tr class=\"workshop-item\">\n<td>\n<div class=\"workshop-title-row\"><a style=\"\" href=\"https://fr.dawsoncollege.qc.ca/oad/workshop-registration/?wid=4684\">Comment les élèves apprennent-ils et retiennent-ils de nouvelles informations ?</a></div>\n<p> - <em>Einat Idan, conseillère pédagogique (BDA)</em></p>\n<div class=\"event-details\" style=\"display:none; margin-top:20px;\"></div>\n</td>\n<td><b>14 janvier 2027,</b><br/> de 10 h à 12 h</td>\n<td>\n<div class=\"workshop-actions\"><a class=\"workshop-action-link\" href=\"https://fr.dawsoncollege.qc.ca/oad/workshop-registration/?wid=4684\">Je m'inscris</a></div>\n</td>\n</tr>\n<tr class=\"workshop-item\">\n<td>\n<div class=\"workshop-title-row\"><a style=\"\" href=\"https://fr.dawsoncollege.qc.ca/oad/workshop-registration/?wid=4685\">Quels sont les mythes et les idées reçues les plus courants concernant l&#039;apprentissage ?</a></div>\n<p> - <em>Einat Idan, conseillère pédagogique (BDA)</em></p>\n<div class=\"event-details\" style=\"display:none; margin-top:20px;\"></div>\n</td>\n<td><b>16 mars 2027,</b><br/> de 10 h à 12 h</td>\n<td>\n<div class=\"workshop-actions\"><a class=\"workshop-action-link\" href=\"https://fr.dawsoncollege.qc.ca/oad/workshop-registration/?wid=4685\">Je m'inscris</a></div>\n</td>\n</tr>\n<tr class=\"workshop-item\">\n<td>\n<div class=\"workshop-title-row\"><a style=\"\" href=\"https://fr.dawsoncollege.qc.ca/oad/workshop-registration/?wid=4686\">Comment favoriser l'autonomie et l'autorégulation des élèves ?</a></div>\n<p> - <em>Einat Idan, conseillère pédagogique (BDA)</em></p>\n<div class=\"event-details\" style=\"display:none; margin-top:20px;\">\n<p>Comment pouvons-nous aider nos élèves à développer leur résilience cognitive et leur autonomie à une époque où l’on évite si facilement de faire des efforts et où la tentation d’échapper à toute forme de défi ou de difficulté est si forte ? Pour les prémunir contre la « capitulation cognitive » (Shaw &amp; Nave, 2026), nous devons tout d’abord leur fournir les outils dont ils auront besoin pour…</p>\n</div>\n</td>\n<td><b>12 mai 2027,</b><br/> de 10 h à 12 h</td>\n<td>\n<div class=\"workshop-actions\"><a class=\"workshop-action-link\" href=\"https://fr.dawsoncollege.qc.ca/oad/workshop-registration/?wid=4686\">Je m'inscris</a><button type=\"button\" class=\"workshop-details-button\">Détails</button></div>\n</td>\n</tr>\n</table></div></div></span><span data-ccp-props=\"{}\"> </span></p>\n<p><span data-contrast=\"auto\">Les participants pourront poursuivre ces discussions au sein d'un groupe Teams dédié, qui comprendra l'ensemble des supports présentés lors de la session en présentiel, des ressources complémentaires permettant d'approfondir le sujet, ainsi qu'une fonctionnalité de chat grâce à laquelle les collègues pourront partager avec la communauté leurs questions, leurs difficultés et leurs solutions concernant la mise en œuvre.</span><span data-ccp-props=\"{}\"> </span></p>\n<p><span data-contrast=\"auto\">Notre objectif est de renouveler ce cycle « Science de l'apprentissage » chaque année ; si vous avez manqué un thème qui vous intéresse, ne vous inquiétez pas : ces thèmes, ainsi que d'autres, seront à nouveau proposés à l'avenir. </span><span data-ccp-props=\"{}\"> </span></p>\n<p><span data-contrast=\"auto\">N'hésitez pas à participer à l'une, à plusieurs ou à l'ensemble de ces sessions. </span><span data-ccp-props=\"{}\"> </span></p>\n<p>&nbsp;</p>\n","protected":false},"excerpt":{"rendered":"<p>L'Bureau du développement académique , est ravie de lancer cette série de séminaires consacrés à la science de l'apprentissage à Dawson.   L'objectif de cette série est de vous présenter une synthèse des recherches pertinentes et solides issues des sciences cognitives et de la recherche pédagogique, sous une forme accessible et facile à mettre en pratique. Chaque session permettra…</p>\n","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4668","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https://www.dawsoncollege.qc.ca/oad/wp-json/wp/v2/pages/4668","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https://www.dawsoncollege.qc.ca/oad/wp-json/wp/v2/pages"}],"about":[{"href":"https://www.dawsoncollege.qc.ca/oad/wp-json/wp/v2/types/page"}],"replies":[{"embeddable":true,"href":"https://www.dawsoncollege.qc.ca/oad/wp-json/wp/v2/comments?post=4668"}],"version-history":[{"count":10,"href":"https://www.dawsoncollege.qc.ca/oad/wp-json/wp/v2/pages/4668/revisions"}],"predecessor-version":[{"id":4695,"href":"https://www.dawsoncollege.qc.ca/oad/wp-json/wp/v2/pages/4668/revisions/4695"}],"wp:attachment":[{"href":"https://www.dawsoncollege.qc.ca/oad/wp-json/wp/v2/media?parent=4668"}],"curies":[{"name":"wp","href":"https://api.w.org/{rel}","templated":true}]}}