{"id":970,"date":"2025-05-27T18:34:00","date_gmt":"2025-05-27T17:34:00","guid":{"rendered":"https:\/\/bridge.com\/?page_id=970"},"modified":"2026-03-03T14:50:50","modified_gmt":"2026-03-03T13:50:50","slug":"lessons","status":"publish","type":"page","link":"https:\/\/bridge.com\/en\/learn\/lessons\/","title":{"rendered":"Lessons"},"content":{"rendered":"\n\n\n\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-17ded31\" data-block-id=\"17ded31\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-17ded31-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-bc1344c\" data-v=\"4\" data-block-id=\"bc1344c\"><style>.stk-bc1344c-container{max-width:1000px !important;min-width:auto !important;margin-right:auto !important;margin-left:auto !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-bc1344c-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-bc1344c-inner-blocks\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-45a6715\" id=\"discover-the-essentials-of-vridg-bridge-br-span-style-color-var-stk-global-color-64234-f-37561-class-stk-highlight-learn-the-game-your-way-span\" data-block-id=\"45a6715\"><style>.stk-45a6715 .stk-block-heading__text{color:var(--stk-global-color-51802, #00024e) !important;}<\/style><h1 class=\"stk-block-heading__text has-text-color has-text-align-center has-text-align-left-mobile\">Discover the essentials of bridge.<br><span style=\"color: var(--stk-global-color-64234, #f37561);\" class=\"stk-highlight\">Learn the game your way.<\/span><\/h1><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-7babef2\" data-block-id=\"7babef2\"><style>.stk-7babef2 {margin-bottom:64px !important;}.stk-7babef2 .stk-block-text__text{font-weight:300 !important;}<\/style><p class=\"stk-block-text__text has-text-align-center has-text-align-left-mobile\">Seeing the game in action makes the basics easier to understand. These short, easy-to-follow videos give you a clear introduction to how bridge works and what makes it such a fascinating game.<\/p><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n    <div id=\"ble-series-root\" class=\"bridge-container ble-master-wrap\">\r\n        \r\n        <div class=\"ble-filters-header\">\r\n            <h3>Explore Series<\/h3>\r\n            <div class=\"ble-filters-row\">\r\n                <div class=\"ble-pills-container custom-scrollbar\">\r\n                    <button class=\"ble-filter-pill active\" data-level=\"all\">All Levels<\/button>\r\n                                            <button class=\"ble-filter-pill\" data-level=\"beginner\">\r\n                            <i class=\"fa-solid fa-seedling\"><\/i>                             Beginner                        <\/button>\r\n                                            <button class=\"ble-filter-pill\" data-level=\"intermediate\">\r\n                            <i class=\"fa-solid fa-layer-group\"><\/i>                             Intermediate                        <\/button>\r\n                                            <button class=\"ble-filter-pill\" data-level=\"advanced\">\r\n                            <i class=\"fa-solid fa-star\"><\/i>                             Advanced                        <\/button>\r\n                                            <button class=\"ble-filter-pill\" data-level=\"expert\">\r\n                            <i class=\"fa-solid fa-crown\"><\/i>                             Expert                        <\/button>\r\n                                            <button class=\"ble-filter-pill\" data-level=\"all-levels\">\r\n                                                        all levels                        <\/button>\r\n                                            <button class=\"ble-filter-pill\" data-level=\"tous-niveaux\">\r\n                                                        Tous niveaux                        <\/button>\r\n                                    <\/div>\r\n\r\n                                <div class=\"custom-select-wrapper ble-lang-wrapper\" style=\"max-width:180px;\">\r\n                    <div class=\"custom-select-trigger\" id=\"ble-lang-trigger\">\r\n                        <span class=\"current-lang-label\">\r\n                            <img decoding=\"async\" src=\"https:\/\/bridge.com\/wp-content\/themes\/buddyboss-theme-child\/assets\/icons\/flags\/gb.svg\" class=\"ble-flag-img\" onerror=\"this.style.display='none'\"> English                        <\/span>\r\n                        <svg class=\"select-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n                    <\/div>\r\n                    <input type=\"hidden\" id=\"ble-lang-value\" value=\"gb\">\r\n                <\/div>\r\n                            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ble-series-grid\" id=\"ble-series-grid\">\r\n                        <a href=\"https:\/\/bridge.com\/en\/learn\/lessons\/?serie=bbff\" class=\"ble-serie-card\">\r\n                <div class=\"ble-thumb-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/bridge.com\/wp-content\/uploads\/2026\/01\/Capture-decran-2026-01-19-a-17.17.42-768x400.png\" alt=\"Bridge BFF _ A Beginner&#039;s Guide to Bridge\">\r\n                    <span class=\"ble-level-badge\">Beginner<\/span>                <\/div>\r\n                <div class=\"ble-card-body\">\r\n                    <h3 class=\"ble-title\">Bridge BFF _ A Beginner&#039;s Guide to Bridge<\/h3>\r\n                    <div class=\"ble-desc\">Welcome to your very first video in the Bridge BFF series, an&hellip;<\/div>\r\n                    <div class=\"ble-footer\">\r\n                        <div class=\"ble-author\">\r\n                            <img decoding=\"async\" src=\"https:\/\/bridge.com\/wp-content\/uploads\/avatars\/42\/69dfb9bf43d51-bpthumb.jpg\" class=\"serie-author-img\">\r\n                            <span>American Contract Bridge League ACBL<\/span>\r\n                        <\/div>\r\n                        <div class=\"ble-count\">\r\n                            <i class=\"fa-solid fa-play-circle\"><\/i> 10                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n                        <a href=\"https:\/\/bridge.com\/en\/learn\/lessons\/?serie=le-petit-bridge-rules-of-the-game\" class=\"ble-serie-card\">\r\n                <div class=\"ble-thumb-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/bridge.com\/wp-content\/uploads\/2026\/02\/Capture-decran-2026-02-13-a-12.06.37-768x427.png\" alt=\"Le Petit Bridge - Rules of the game\">\r\n                    <span class=\"ble-level-badge\">Beginner<\/span>                <\/div>\r\n                <div class=\"ble-card-body\">\r\n                    <h3 class=\"ble-title\">Le Petit Bridge - Rules of the game<\/h3>\r\n                    <div class=\"ble-desc\">Committed to the Ministry of National Education, Youth and Sports since the&hellip;<\/div>\r\n                    <div class=\"ble-footer\">\r\n                        <div class=\"ble-author\">\r\n                            <img decoding=\"async\" src=\"https:\/\/bridge.com\/wp-content\/uploads\/avatars\/40\/6a4faff84df4f-bpthumb.png\" class=\"serie-author-img\">\r\n                            <span>F\u00e9d\u00e9ration Fran\u00e7aise de Bridge FFB<\/span>\r\n                        <\/div>\r\n                        <div class=\"ble-count\">\r\n                            <i class=\"fa-solid fa-play-circle\"><\/i> 1                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n                        <a href=\"https:\/\/bridge.com\/en\/learn\/lessons\/?serie=learn-the-basic-rules-of-bridge\" class=\"ble-serie-card\">\r\n                <div class=\"ble-thumb-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/bridge.com\/wp-content\/uploads\/2026\/01\/Capture-decran-2026-01-20-a-12.45.56-768x431.png\" alt=\"Learn the basic rules of bridge\">\r\n                    <span class=\"ble-level-badge\">Beginner<\/span>                <\/div>\r\n                <div class=\"ble-card-body\">\r\n                    <h3 class=\"ble-title\">Learn the basic rules of bridge<\/h3>\r\n                    <div class=\"ble-desc\">The following videos provide an introduction to bridge, teach the basic rules&hellip;<\/div>\r\n                    <div class=\"ble-footer\">\r\n                        <div class=\"ble-author\">\r\n                            <img decoding=\"async\" src=\"https:\/\/bridge.com\/wp-content\/uploads\/avatars\/203\/69d50b6d53e70-bpthumb.jpg\" class=\"serie-author-img\">\r\n                            <span>Milan Macura<\/span>\r\n                        <\/div>\r\n                        <div class=\"ble-count\">\r\n                            <i class=\"fa-solid fa-play-circle\"><\/i> 6                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n                        <a href=\"https:\/\/bridge.com\/en\/learn\/lessons\/?serie=learning-bridge-childs-play\" class=\"ble-serie-card\">\r\n                <div class=\"ble-thumb-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/bridge.com\/wp-content\/uploads\/2026\/01\/Video-10-768x684.png\" alt=\"Learning bridge: Child&#039;s play!\">\r\n                    <span class=\"ble-level-badge\">Beginner<\/span>                <\/div>\r\n                <div class=\"ble-card-body\">\r\n                    <h3 class=\"ble-title\">Learning bridge: Child&#039;s play!<\/h3>\r\n                    <div class=\"ble-desc\">Dive into the fascinating world of bridge with this series of learning&hellip;<\/div>\r\n                    <div class=\"ble-footer\">\r\n                        <div class=\"ble-author\">\r\n                            <img decoding=\"async\" src=\"https:\/\/bridge.com\/wp-content\/uploads\/avatars\/39\/696f9867edf56-bpthumb.png\" class=\"serie-author-img\">\r\n                            <span>Genevi\u00e8ve Geneslay<\/span>\r\n                        <\/div>\r\n                        <div class=\"ble-count\">\r\n                            <i class=\"fa-solid fa-play-circle\"><\/i> 10                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n                    <\/div>\r\n\r\n        <div id=\"ble-lang-modal\" class=\"ble-modal\">\r\n            <div class=\"ble-modal-backdrop\"><\/div>\r\n            <div class=\"ble-modal-content\">\r\n                <div class=\"ble-modal-header\">\r\n                    <h3>Choose language<\/h3>\r\n                    <button class=\"ble-modal-close\"><i class=\"fa-solid fa-xmark\"><\/i><\/button>\r\n                <\/div>\r\n                <div class=\"ble-modal-body\">\r\n                    <div class=\"ble-lang-grid\">\r\n                        <button class=\"ble-lang-option \" data-lang=\"all\">\r\n                            <span class=\"ble-flag-wrap\"><i class=\"fa-solid fa-globe\"><\/i><\/span> All Languages                        <\/button>\r\n                                                    <button class=\"ble-lang-option active\" data-lang=\"gb\">\r\n                                <span class=\"ble-flag-wrap\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/bridge.com\/wp-content\/themes\/buddyboss-theme-child\/assets\/icons\/flags\/gb.svg\" class=\"ble-flag-img\" onerror=\"this.style.display='none'\">\r\n                                <\/span>\r\n                                English                            <\/button>\r\n                                                    <button class=\"ble-lang-option \" data-lang=\"fr\">\r\n                                <span class=\"ble-flag-wrap\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/bridge.com\/wp-content\/themes\/buddyboss-theme-child\/assets\/icons\/flags\/fr.svg\" class=\"ble-flag-img\" onerror=\"this.style.display='none'\">\r\n                                <\/span>\r\n                                Fran\u00e7ais                            <\/button>\r\n                                            <\/div>\r\n                <\/div>\r\n                <div class=\"ble-modal-footer\">\r\n                    <button class=\"ble-btn-primary ble-apply-lang\">Apply<\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n    \r\n    <script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        var ajaxUrl = 'https:\/\/bridge.com\/wp-admin\/admin-ajax.php';\r\n\r\n        \/\/ --- 1. GESTION MODALE LANGUE ---\r\n        function setupModal(modalId, triggerId) {\r\n            var modal = document.getElementById(modalId);\r\n            var trigger = document.getElementById(triggerId);\r\n            if(!modal || !trigger) return;\r\n\r\n            var closeBtn = modal.querySelector('.ble-modal-close');\r\n            var backdrop = modal.querySelector('.ble-modal-backdrop');\r\n\r\n            function open() { modal.classList.add('is-open'); document.body.classList.add('ble-modal-open'); }\r\n            function close() { modal.classList.remove('is-open'); document.body.classList.remove('ble-modal-open'); }\r\n\r\n            trigger.addEventListener('click', function(e) { e.preventDefault(); open(); });\r\n            if(closeBtn) closeBtn.addEventListener('click', function(e) { e.preventDefault(); close(); });\r\n            if(backdrop) backdrop.addEventListener('click', function(e) { close(); });\r\n            \r\n            return { close: close };\r\n        }\r\n\r\n        var langModalCtrl = setupModal('ble-lang-modal', 'ble-lang-trigger');\r\n\r\n        var langOptions = document.querySelectorAll('.ble-lang-option');\r\n        var applyBtn = document.querySelector('.ble-apply-lang');\r\n        \r\n        if(langOptions.length > 0) {\r\n            langOptions.forEach(function(opt) {\r\n                opt.addEventListener('click', function() {\r\n                    document.querySelectorAll('.ble-lang-option').forEach(function(el){ el.classList.remove('active'); });\r\n                    this.classList.add('active');\r\n                });\r\n            });\r\n        }\r\n\r\n        if(applyBtn) {\r\n            applyBtn.addEventListener('click', function(e) {\r\n                e.preventDefault();\r\n                var active = document.querySelector('.ble-lang-option.active');\r\n                if(active) {\r\n                    var val = active.getAttribute('data-lang');\r\n                    var label = active.textContent.trim();\r\n                    var input = document.getElementById('ble-lang-value');\r\n                    var display = document.querySelector('.current-lang-label');\r\n                    \r\n                    if(input) input.value = val;\r\n                    if(display) display.innerHTML = '<i class=\"fa-solid fa-globe\"><\/i> ' + label;\r\n                    \r\n                    filterSeries(); \r\n                }\r\n                if(langModalCtrl) langModalCtrl.close();\r\n            });\r\n        }\r\n\r\n        \/\/ --- 2. FILTRES SERIES ---\r\n        var pills = document.querySelectorAll('.ble-filter-pill');\r\n        pills.forEach(function(pill) {\r\n            pill.addEventListener('click', function(e) {\r\n                e.preventDefault();\r\n                pills.forEach(function(p){ p.classList.remove('active'); });\r\n                this.classList.add('active');\r\n                filterSeries();\r\n            });\r\n        });\r\n\r\n        function filterSeries() {\r\n            var activePill = document.querySelector('.ble-filter-pill.active');\r\n            var level = activePill ? activePill.getAttribute('data-level') : 'all';\r\n            var langInput = document.getElementById('ble-lang-value');\r\n            var lang = langInput ? langInput.value : 'all';\r\n            var grid = document.getElementById('ble-series-grid');\r\n\r\n            if(!grid) return;\r\n            \r\n            grid.style.opacity = '0.5';\r\n\r\n            \/\/ FIX: On envoie l'URL de la page courante pour que les liens g\ufffdn\ufffdr\ufffds en PHP soient corrects\r\n            \/\/ On nettoie l'URL pour ne pas garder les param\ufffdtres ?serie=...\r\n            var cleanUrl = window.location.href.split('?')[0];\r\n\r\njQuery.ajax({\r\n    url: ajaxUrl,\r\n    type: 'POST',\r\n    data: { \r\n        action: 'ble_filter_series', \r\n        level: level, \r\n        lang: lang,\r\n        page_url: cleanUrl \r\n        \/\/ PAS DE current_site_lang ici\r\n    },\r\n    success: function(res) {\r\n                    grid.innerHTML = res;\r\n                    grid.style.opacity = '1';\r\n                },\r\n                error: function() {\r\n                    grid.style.opacity = '1';\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ --- 3. PLAYER ---\r\n        jQuery(document).on('click', '.js-lesson-trigger', function(e) {\r\n            e.preventDefault();\r\n            var card = jQuery(this);\r\n            var id = card.data('id');\r\n            var app = jQuery('#ble-lessons-app');\r\n            var target = jQuery('#ble-ajax-target');\r\n\r\n            app.addClass('is-split-view');\r\n            jQuery('.js-lesson-trigger').removeClass('active');\r\n            card.addClass('active');\r\n\r\n            if(window.innerWidth <= 991) {\r\n                jQuery('html, body').animate({ scrollTop: app.offset().top - 20 }, 500);\r\n            }\r\n\r\n            target.html('<div class=\"ble-loader\"><div class=\"spinner\"><\/div><\/div>');\r\n\r\n            jQuery.ajax({\r\n                url: ajaxUrl,\r\n                type: 'POST',\r\n                data: { action: 'ble_load_lesson', id: id },\r\n                success: function(res) {\r\n                    target.html(res);\r\n                }\r\n            });\r\n        });\r\n\r\n        jQuery(document).on('click', '#ble-close-player, #ble-mobile-back', function(e) {\r\n            e.preventDefault();\r\n            jQuery('#ble-lessons-app').removeClass('is-split-view');\r\n            jQuery('.js-lesson-trigger').removeClass('active');\r\n            jQuery('#ble-ajax-target').empty(); \r\n        });\r\n\r\n    });\r\n    <\/script>\n","protected":false},"excerpt":{"rendered":"<p>Discover the essentials of bridge.Learn the game your way. Seeing the game in action makes the basics easier to understand. These short, easy-to-follow videos give&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":134,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"","_seopress_redirections_param":"","_seopress_redirections_type":0,"_seopress_analysis_target_kw":"","_seopress_news_disabled":"","_seopress_video_disabled":"","_seopress_video":[],"_seopress_pro_schemas_manual":[],"_seopress_pro_rich_snippets_disable_all":"","_seopress_pro_rich_snippets_disable":[],"_seopress_pro_schemas":[],"footnotes":""},"class_list":["post-970","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/bridge.com\/en\/wp-json\/wp\/v2\/pages\/970","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bridge.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bridge.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bridge.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bridge.com\/en\/wp-json\/wp\/v2\/comments?post=970"}],"version-history":[{"count":0,"href":"https:\/\/bridge.com\/en\/wp-json\/wp\/v2\/pages\/970\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/bridge.com\/en\/wp-json\/wp\/v2\/pages\/134"}],"wp:attachment":[{"href":"https:\/\/bridge.com\/en\/wp-json\/wp\/v2\/media?parent=970"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}