{"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\">\n        \n        <div class=\"ble-filters-header\">\n            <h3>Explore Series<\/h3>\n            <div class=\"ble-filters-row\">\n                <div class=\"ble-pills-container custom-scrollbar\">\n                    <button class=\"ble-filter-pill active\" data-level=\"all\">All Levels<\/button>\n                                            <button class=\"ble-filter-pill\" data-level=\"beginner\">\n                            <i class=\"fa-solid fa-seedling\"><\/i>                             Beginner                        <\/button>\n                                            <button class=\"ble-filter-pill\" data-level=\"intermediate\">\n                            <i class=\"fa-solid fa-layer-group\"><\/i>                             Intermediate                        <\/button>\n                                            <button class=\"ble-filter-pill\" data-level=\"advanced\">\n                            <i class=\"fa-solid fa-star\"><\/i>                             Advanced                        <\/button>\n                                            <button class=\"ble-filter-pill\" data-level=\"expert\">\n                            <i class=\"fa-solid fa-crown\"><\/i>                             Expert                        <\/button>\n                                            <button class=\"ble-filter-pill\" data-level=\"all-levels\">\n                                                        all levels                        <\/button>\n                                            <button class=\"ble-filter-pill\" data-level=\"tous-niveaux\">\n                                                        Tous niveaux                        <\/button>\n                                    <\/div>\n\n                                <div class=\"custom-select-wrapper ble-lang-wrapper\" style=\"max-width:180px;\">\n                    <div class=\"custom-select-trigger\" id=\"ble-lang-trigger\">\n                        <span class=\"current-lang-label\">\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>\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>\n                    <\/div>\n                    <input type=\"hidden\" id=\"ble-lang-value\" value=\"gb\">\n                <\/div>\n                            <\/div>\n        <\/div>\n\n        <div class=\"ble-series-grid\" id=\"ble-series-grid\">\n                        <a href=\"https:\/\/bridge.com\/en\/learn\/lessons\/?serie=bbff\" class=\"ble-serie-card\">\n                <div class=\"ble-thumb-wrapper\">\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\">\n                    <span class=\"ble-level-badge\">Beginner<\/span>                <\/div>\n                <div class=\"ble-card-body\">\n                    <h3 class=\"ble-title\">Bridge BFF _ A Beginner&#039;s Guide to Bridge<\/h3>\n                    <div class=\"ble-desc\">Welcome to your very first video in the Bridge BFF series, an&hellip;<\/div>\n                    <div class=\"ble-footer\">\n                        <div class=\"ble-author\">\n                            <img decoding=\"async\" src=\"https:\/\/bridge.com\/wp-content\/uploads\/avatars\/42\/69dfb9bf43d51-bpthumb.jpg\" class=\"serie-author-img\">\n                            <span>American Contract Bridge League ACBL<\/span>\n                        <\/div>\n                        <div class=\"ble-count\">\n                            <i class=\"fa-solid fa-play-circle\"><\/i> 10                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/a>\n                        <a href=\"https:\/\/bridge.com\/en\/learn\/lessons\/?serie=le-petit-bridge-rules-of-the-game\" class=\"ble-serie-card\">\n                <div class=\"ble-thumb-wrapper\">\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\">\n                    <span class=\"ble-level-badge\">Beginner<\/span>                <\/div>\n                <div class=\"ble-card-body\">\n                    <h3 class=\"ble-title\">Le Petit Bridge - Rules of the game<\/h3>\n                    <div class=\"ble-desc\">Committed to the Ministry of National Education, Youth and Sports since the&hellip;<\/div>\n                    <div class=\"ble-footer\">\n                        <div class=\"ble-author\">\n                            <img decoding=\"async\" src=\"https:\/\/bridge.com\/wp-content\/uploads\/avatars\/40\/6970b4e2321e0-bpthumb.jpg\" class=\"serie-author-img\">\n                            <span>F\u00e9d\u00e9ration Fran\u00e7aise de Bridge FFB<\/span>\n                        <\/div>\n                        <div class=\"ble-count\">\n                            <i class=\"fa-solid fa-play-circle\"><\/i> 1                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/a>\n                        <a href=\"https:\/\/bridge.com\/en\/learn\/lessons\/?serie=learn-the-basic-rules-of-bridge\" class=\"ble-serie-card\">\n                <div class=\"ble-thumb-wrapper\">\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\">\n                    <span class=\"ble-level-badge\">Beginner<\/span>                <\/div>\n                <div class=\"ble-card-body\">\n                    <h3 class=\"ble-title\">Learn the basic rules of bridge<\/h3>\n                    <div class=\"ble-desc\">The following videos provide an introduction to bridge, teach the basic rules&hellip;<\/div>\n                    <div class=\"ble-footer\">\n                        <div class=\"ble-author\">\n                            <img decoding=\"async\" src=\"https:\/\/bridge.com\/wp-content\/uploads\/avatars\/203\/69d50b6d53e70-bpthumb.jpg\" class=\"serie-author-img\">\n                            <span>Milan Macura<\/span>\n                        <\/div>\n                        <div class=\"ble-count\">\n                            <i class=\"fa-solid fa-play-circle\"><\/i> 6                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/a>\n                        <a href=\"https:\/\/bridge.com\/en\/learn\/lessons\/?serie=learning-bridge-childs-play\" class=\"ble-serie-card\">\n                <div class=\"ble-thumb-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/bridge.com\/wp-content\/uploads\/2026\/01\/Video-10-768x684.png\" alt=\"Learning bridge: Child&#039;s play!\">\n                    <span class=\"ble-level-badge\">Beginner<\/span>                <\/div>\n                <div class=\"ble-card-body\">\n                    <h3 class=\"ble-title\">Learning bridge: Child&#039;s play!<\/h3>\n                    <div class=\"ble-desc\">Dive into the fascinating world of bridge with this series of learning&hellip;<\/div>\n                    <div class=\"ble-footer\">\n                        <div class=\"ble-author\">\n                            <img decoding=\"async\" src=\"https:\/\/bridge.com\/wp-content\/uploads\/avatars\/39\/696f9867edf56-bpthumb.png\" class=\"serie-author-img\">\n                            <span>Genevi\u00e8ve Geneslay<\/span>\n                        <\/div>\n                        <div class=\"ble-count\">\n                            <i class=\"fa-solid fa-play-circle\"><\/i> 10                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/a>\n                    <\/div>\n\n        <div id=\"ble-lang-modal\" class=\"ble-modal\">\n            <div class=\"ble-modal-backdrop\"><\/div>\n            <div class=\"ble-modal-content\">\n                <div class=\"ble-modal-header\">\n                    <h3>Choose language<\/h3>\n                    <button class=\"ble-modal-close\"><i class=\"fa-solid fa-xmark\"><\/i><\/button>\n                <\/div>\n                <div class=\"ble-modal-body\">\n                    <div class=\"ble-lang-grid\">\n                        <button class=\"ble-lang-option \" data-lang=\"all\">\n                            <span class=\"ble-flag-wrap\"><i class=\"fa-solid fa-globe\"><\/i><\/span> All Languages                        <\/button>\n                                                    <button class=\"ble-lang-option active\" data-lang=\"gb\">\n                                <span class=\"ble-flag-wrap\">\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'\">\n                                <\/span>\n                                English                            <\/button>\n                                                    <button class=\"ble-lang-option \" data-lang=\"fr\">\n                                <span class=\"ble-flag-wrap\">\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'\">\n                                <\/span>\n                                Fran\u00e7ais                            <\/button>\n                                            <\/div>\n                <\/div>\n                <div class=\"ble-modal-footer\">\n                    <button class=\"ble-btn-primary ble-apply-lang\">Apply<\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n    \n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        var ajaxUrl = 'https:\/\/bridge.com\/wp-admin\/admin-ajax.php';\n\n        \/\/ --- 1. GESTION MODALE LANGUE ---\n        function setupModal(modalId, triggerId) {\n            var modal = document.getElementById(modalId);\n            var trigger = document.getElementById(triggerId);\n            if(!modal || !trigger) return;\n\n            var closeBtn = modal.querySelector('.ble-modal-close');\n            var backdrop = modal.querySelector('.ble-modal-backdrop');\n\n            function open() { modal.classList.add('is-open'); document.body.classList.add('ble-modal-open'); }\n            function close() { modal.classList.remove('is-open'); document.body.classList.remove('ble-modal-open'); }\n\n            trigger.addEventListener('click', function(e) { e.preventDefault(); open(); });\n            if(closeBtn) closeBtn.addEventListener('click', function(e) { e.preventDefault(); close(); });\n            if(backdrop) backdrop.addEventListener('click', function(e) { close(); });\n            \n            return { close: close };\n        }\n\n        var langModalCtrl = setupModal('ble-lang-modal', 'ble-lang-trigger');\n\n        var langOptions = document.querySelectorAll('.ble-lang-option');\n        var applyBtn = document.querySelector('.ble-apply-lang');\n        \n        if(langOptions.length > 0) {\n            langOptions.forEach(function(opt) {\n                opt.addEventListener('click', function() {\n                    document.querySelectorAll('.ble-lang-option').forEach(function(el){ el.classList.remove('active'); });\n                    this.classList.add('active');\n                });\n            });\n        }\n\n        if(applyBtn) {\n            applyBtn.addEventListener('click', function(e) {\n                e.preventDefault();\n                var active = document.querySelector('.ble-lang-option.active');\n                if(active) {\n                    var val = active.getAttribute('data-lang');\n                    var label = active.textContent.trim();\n                    var input = document.getElementById('ble-lang-value');\n                    var display = document.querySelector('.current-lang-label');\n                    \n                    if(input) input.value = val;\n                    if(display) display.innerHTML = '<i class=\"fa-solid fa-globe\"><\/i> ' + label;\n                    \n                    filterSeries(); \n                }\n                if(langModalCtrl) langModalCtrl.close();\n            });\n        }\n\n        \/\/ --- 2. FILTRES SERIES ---\n        var pills = document.querySelectorAll('.ble-filter-pill');\n        pills.forEach(function(pill) {\n            pill.addEventListener('click', function(e) {\n                e.preventDefault();\n                pills.forEach(function(p){ p.classList.remove('active'); });\n                this.classList.add('active');\n                filterSeries();\n            });\n        });\n\n        function filterSeries() {\n            var activePill = document.querySelector('.ble-filter-pill.active');\n            var level = activePill ? activePill.getAttribute('data-level') : 'all';\n            var langInput = document.getElementById('ble-lang-value');\n            var lang = langInput ? langInput.value : 'all';\n            var grid = document.getElementById('ble-series-grid');\n\n            if(!grid) return;\n            \n            grid.style.opacity = '0.5';\n\n            \/\/ FIX: On envoie l'URL de la page courante pour que les liens g\ufffdn\ufffdr\ufffds en PHP soient corrects\n            \/\/ On nettoie l'URL pour ne pas garder les param\ufffdtres ?serie=...\n            var cleanUrl = window.location.href.split('?')[0];\n\njQuery.ajax({\n    url: ajaxUrl,\n    type: 'POST',\n    data: { \n        action: 'ble_filter_series', \n        level: level, \n        lang: lang,\n        page_url: cleanUrl \n        \/\/ PAS DE current_site_lang ici\n    },\n    success: function(res) {\n                    grid.innerHTML = res;\n                    grid.style.opacity = '1';\n                },\n                error: function() {\n                    grid.style.opacity = '1';\n                }\n            });\n        }\n\n        \/\/ --- 3. PLAYER ---\n        jQuery(document).on('click', '.js-lesson-trigger', function(e) {\n            e.preventDefault();\n            var card = jQuery(this);\n            var id = card.data('id');\n            var app = jQuery('#ble-lessons-app');\n            var target = jQuery('#ble-ajax-target');\n\n            app.addClass('is-split-view');\n            jQuery('.js-lesson-trigger').removeClass('active');\n            card.addClass('active');\n\n            if(window.innerWidth <= 991) {\n                jQuery('html, body').animate({ scrollTop: app.offset().top - 20 }, 500);\n            }\n\n            target.html('<div class=\"ble-loader\"><div class=\"spinner\"><\/div><\/div>');\n\n            jQuery.ajax({\n                url: ajaxUrl,\n                type: 'POST',\n                data: { action: 'ble_load_lesson', id: id },\n                success: function(res) {\n                    target.html(res);\n                }\n            });\n        });\n\n        jQuery(document).on('click', '#ble-close-player, #ble-mobile-back', function(e) {\n            e.preventDefault();\n            jQuery('#ble-lessons-app').removeClass('is-split-view');\n            jQuery('.js-lesson-trigger').removeClass('active');\n            jQuery('#ble-ajax-target').empty(); \n        });\n\n    });\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":17,"href":"https:\/\/bridge.com\/en\/wp-json\/wp\/v2\/pages\/970\/revisions"}],"predecessor-version":[{"id":13922,"href":"https:\/\/bridge.com\/en\/wp-json\/wp\/v2\/pages\/970\/revisions\/13922"}],"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}]}}