diff --git a/content/developer/tutorials/discover_js_framework/01_owl_components.rst b/content/developer/tutorials/discover_js_framework/01_owl_components.rst
index 112d60296..6c4f4d29e 100644
--- a/content/developer/tutorials/discover_js_framework/01_owl_components.rst
+++ b/content/developer/tutorials/discover_js_framework/01_owl_components.rst
@@ -487,8 +487,8 @@ The final touch is to let the user delete a todo.
 
 .. _tutorials/discover_js_framework/generic_card:
 
-13. Generic card with slots
-===========================
+13. Generic `Card` with slots
+=============================
 
 In a :ref:`previous exercise <tutorials/discover_js_framework/simple_card>`, we built
 a simple `Card` component. But it is honestly quite limited. What if we want
diff --git a/content/developer/tutorials/discover_js_framework/01_owl_components/component_lifecycle.svg b/content/developer/tutorials/discover_js_framework/01_owl_components/component_lifecycle.svg
new file mode 100644
index 000000000..e3767e555
--- /dev/null
+++ b/content/developer/tutorials/discover_js_framework/01_owl_components/component_lifecycle.svg
@@ -0,0 +1 @@
+<svg aria-roledescription="flowchart-v2" role="graphics-document document" viewBox="-7.5 -8 767.765625 461" style="max-width: 100%;" xmlns="http://www.w3.org/2000/svg" width="100%" id="graph-div" height="100%" xmlns:xlink="http://www.w3.org/1999/xlink"><style>@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css");'</style><style>#graph-div{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#graph-div .error-icon{fill:#552222;}#graph-div .error-text{fill:#552222;stroke:#552222;}#graph-div .edge-thickness-normal{stroke-width:2px;}#graph-div .edge-thickness-thick{stroke-width:3.5px;}#graph-div .edge-pattern-solid{stroke-dasharray:0;}#graph-div .edge-pattern-dashed{stroke-dasharray:3;}#graph-div .edge-pattern-dotted{stroke-dasharray:2;}#graph-div .marker{fill:#333333;stroke:#333333;}#graph-div .marker.cross{stroke:#333333;}#graph-div svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#graph-div .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#graph-div .cluster-label text{fill:#333;}#graph-div .cluster-label span,#graph-div p{color:#333;}#graph-div .label text,#graph-div span,#graph-div p{fill:#333;color:#333;}#graph-div .node rect,#graph-div .node circle,#graph-div .node ellipse,#graph-div .node polygon,#graph-div .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#graph-div .flowchart-label text{text-anchor:middle;}#graph-div .node .label{text-align:center;}#graph-div .node.clickable{cursor:pointer;}#graph-div .arrowheadPath{fill:#333333;}#graph-div .edgePath .path{stroke:#333333;stroke-width:2.0px;}#graph-div .flowchart-link{stroke:#333333;fill:none;}#graph-div .edgeLabel{background-color:#e8e8e8;text-align:center;}#graph-div .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#graph-div .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#graph-div .cluster text{fill:#333;}#graph-div .cluster span,#graph-div p{color:#333;}#graph-div div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#graph-div .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#graph-div :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}#graph-div .hook&gt;*{fill:#ccf!important;}#graph-div .hook span{fill:#ccf!important;}</style><g><marker orient="auto" markerHeight="12" markerWidth="12" markerUnits="userSpaceOnUse" refY="5" refX="10" viewBox="0 0 12 20" class="marker flowchart" id="flowchart-pointEnd"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker><marker orient="auto" markerHeight="12" markerWidth="12" markerUnits="userSpaceOnUse" refY="5" refX="0" viewBox="0 0 10 10" class="marker flowchart" id="flowchart-pointStart"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 5 L 10 10 L 10 0 z"></path></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="11" viewBox="0 0 10 10" class="marker flowchart" id="flowchart-circleEnd"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"></circle></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="-1" viewBox="0 0 10 10" class="marker flowchart" id="flowchart-circleStart"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"></circle></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="12" viewBox="0 0 11 11" class="marker cross flowchart" id="flowchart-crossEnd"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"></path></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="-1" viewBox="0 0 11 11" class="marker cross flowchart" id="flowchart-crossStart"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"></path></marker><g class="root"><g class="clusters"></g><g class="edgePaths"><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-creation LE-updates" id="L-creation-updates-0" d="M197.34375,222.5L201.51041666666666,222.5C205.67708333333334,222.5,214.01041666666666,222.5,222.34375,222.5C230.67708333333334,222.5,239.01041666666666,222.5,243.17708333333334,222.5L247.34375,222.5"></path><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-updates LE-destruction" id="L-updates-destruction-0" d="M478.890625,222.5L483.0572916666667,222.5C487.2239583333333,222.5,495.5572916666667,222.5,503.890625,222.5C512.2239583333334,222.5,520.5572916666666,222.5,524.7239583333334,222.5L528.890625,222.5"></path></g><g class="edgeLabels"><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g></g><g class="nodes"><g transform="translate(521.390625, 81)" class="root"><g class="clusters"><g id="destruction" class="cluster default flowchart-label"><rect height="267" width="222.875" y="8" x="8" ry="0" rx="0" style=""></rect><g transform="translate(78.6484375, 8)" class="cluster-label"><foreignObject height="24" width="81.578125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">destruction</span></div></foreignObject></g></g></g><g class="edgePaths"><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-I LE-J" id="L-I-J-0" d="M119.4375,72L119.4375,76.16666666666667C119.4375,80.33333333333333,119.4375,88.66666666666667,119.4375,97C119.4375,105.33333333333333,119.4375,113.66666666666667,119.4375,117.83333333333333L119.4375,122"></path><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-J LE-N" id="L-J-N-0" d="M119.4375,161L119.4375,165.16666666666666C119.4375,169.33333333333334,119.4375,177.66666666666666,119.4375,186C119.4375,194.33333333333334,119.4375,202.66666666666666,119.4375,206.83333333333334L119.4375,211"></path></g><g class="edgeLabels"><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g></g><g class="nodes"><g transform="translate(119.4375, 52.5)" id="flowchart-I-76880" class="node default hook flowchart-label"><rect height="39" width="124.5625" y="-19.5" x="-62.28125" ry="0" rx="0" style="" class="basic label-container"></rect><g transform="translate(-54.78125, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="109.5625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">onWillUnmount</span></div></foreignObject></g></g><g transform="translate(119.4375, 141.5)" id="flowchart-J-76881" class="node default hook flowchart-label"><rect height="39" width="113.796875" y="-19.5" x="-56.8984375" ry="0" rx="0" style="" class="basic label-container"></rect><g transform="translate(-49.3984375, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="98.796875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">onWillDestroy</span></div></foreignObject></g></g><g transform="translate(119.4375, 230.5)" id="flowchart-N-76885" class="node default default flowchart-label"><rect height="39" width="152.875" y="-19.5" x="-76.4375" ry="5" rx="5" style="" class="basic label-container"></rect><g transform="translate(-68.9375, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="137.875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">removed from DOM</span></div></foreignObject></g></g></g></g><g transform="translate(239.84375, -8)" class="root"><g class="clusters"><g id="updates" class="cluster default flowchart-label"><rect height="445" width="231.546875" y="8" x="8" ry="0" rx="0" style=""></rect><g transform="translate(95.5078125, 8)" class="cluster-label"><foreignObject height="24" width="56.53125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">updates</span></div></foreignObject></g></g></g><g class="edgePaths"><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-E LE-L" id="L-E-L-0" d="M123.7734375,72L123.7734375,76.16666666666667C123.7734375,80.33333333333333,123.7734375,88.66666666666667,123.7734375,97C123.7734375,105.33333333333333,123.7734375,113.66666666666667,123.7734375,117.83333333333333L123.7734375,122"></path><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-L LE-F" id="L-L-F-0" d="M123.7734375,161L123.7734375,165.16666666666666C123.7734375,169.33333333333334,123.7734375,177.66666666666666,123.7734375,186C123.7734375,194.33333333333334,123.7734375,202.66666666666666,123.7734375,206.83333333333334L123.7734375,211"></path><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-F LE-G" id="L-F-G-0" d="M123.7734375,250L123.7734375,254.16666666666666C123.7734375,258.3333333333333,123.7734375,266.6666666666667,123.7734375,275C123.7734375,283.3333333333333,123.7734375,291.6666666666667,123.7734375,295.8333333333333L123.7734375,300"></path><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-G LE-H" id="L-G-H-0" d="M123.7734375,339L123.7734375,343.1666666666667C123.7734375,347.3333333333333,123.7734375,355.6666666666667,123.7734375,364C123.7734375,372.3333333333333,123.7734375,380.6666666666667,123.7734375,384.8333333333333L123.7734375,389"></path></g><g class="edgeLabels"><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g></g><g class="nodes"><g transform="translate(123.7734375, 52.5)" id="flowchart-E-76869" class="node default hook flowchart-label"><rect height="39" width="161.546875" y="-19.5" x="-80.7734375" ry="0" rx="0" style="" class="basic label-container"></rect><g transform="translate(-73.2734375, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="146.546875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">(onWillUpdateProps)</span></div></foreignObject></g></g><g transform="translate(123.7734375, 141.5)" id="flowchart-L-76873" class="node default default flowchart-label"><rect height="39" width="62.546875" y="-19.5" x="-31.2734375" ry="5" rx="5" style="" class="basic label-container"></rect><g transform="translate(-23.7734375, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="47.546875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">render</span></div></foreignObject></g></g><g transform="translate(123.7734375, 230.5)" id="flowchart-F-76870" class="node default hook flowchart-label"><rect height="39" width="99.328125" y="-19.5" x="-49.6640625" ry="0" rx="0" style="" class="basic label-container"></rect><g transform="translate(-42.1640625, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="84.328125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">onWillPatch</span></div></foreignObject></g></g><g transform="translate(123.7734375, 319.5)" id="flowchart-G-76877" class="node default default flowchart-label"><rect height="39" width="92.09375" y="-19.5" x="-46.046875" ry="5" rx="5" style="" class="basic label-container"></rect><g transform="translate(-38.546875, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="77.09375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">patch DOM</span></div></foreignObject></g></g><g transform="translate(123.7734375, 408.5)" id="flowchart-H-76871" class="node default hook flowchart-label"><rect height="39" width="89.5625" y="-19.5" x="-44.78125" ry="0" rx="0" style="" class="basic label-container"></rect><g transform="translate(-37.28125, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="74.5625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">onPatched</span></div></foreignObject></g></g></g></g><g transform="translate(-7.5, -8)" class="root"><g class="clusters"><g id="creation" class="cluster default flowchart-label"><rect height="445" width="197.34375" y="8" x="8" ry="0" rx="0" style=""></rect><g transform="translate(76.9140625, 8)" class="cluster-label"><foreignObject height="24" width="59.515625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">creation</span></div></foreignObject></g></g></g><g class="edgePaths"><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-A LE-B" id="L-A-B-0" d="M106.671875,72L106.671875,76.16666666666667C106.671875,80.33333333333333,106.671875,88.66666666666667,106.671875,97C106.671875,105.33333333333333,106.671875,113.66666666666667,106.671875,117.83333333333333L106.671875,122"></path><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-B LE-C" id="L-B-C-0" d="M106.671875,161L106.671875,165.16666666666666C106.671875,169.33333333333334,106.671875,177.66666666666666,106.671875,186C106.671875,194.33333333333334,106.671875,202.66666666666666,106.671875,206.83333333333334L106.671875,211"></path><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-C LE-D" id="L-C-D-0" d="M106.671875,250L106.671875,254.16666666666666C106.671875,258.3333333333333,106.671875,266.6666666666667,106.671875,275C106.671875,283.3333333333333,106.671875,291.6666666666667,106.671875,295.8333333333333L106.671875,300"></path><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-D LE-M" id="L-D-M-0" d="M106.671875,339L106.671875,343.1666666666667C106.671875,347.3333333333333,106.671875,355.6666666666667,106.671875,364C106.671875,372.3333333333333,106.671875,380.6666666666667,106.671875,384.8333333333333L106.671875,389"></path></g><g class="edgeLabels"><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g></g><g class="nodes"><g transform="translate(106.671875, 52.5)" id="flowchart-A-76858" class="node default hook flowchart-label"><rect height="39" width="54.203125" y="-19.5" x="-27.1015625" ry="0" rx="0" style="" class="basic label-container"></rect><g transform="translate(-19.6015625, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="39.203125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">setup</span></div></foreignObject></g></g><g transform="translate(106.671875, 141.5)" id="flowchart-B-76859" class="node default hook flowchart-label"><rect height="39" width="94.75" y="-19.5" x="-47.375" ry="0" rx="0" style="" class="basic label-container"></rect><g transform="translate(-39.875, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="79.75"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">onWillStart</span></div></foreignObject></g></g><g transform="translate(106.671875, 230.5)" id="flowchart-C-76864" class="node default default flowchart-label"><rect height="39" width="62.546875" y="-19.5" x="-31.2734375" ry="5" rx="5" style="" class="basic label-container"></rect><g transform="translate(-23.7734375, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="47.546875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">render</span></div></foreignObject></g></g><g transform="translate(106.671875, 319.5)" id="flowchart-D-76866" class="node default default flowchart-label"><rect height="39" width="127.34375" y="-19.5" x="-63.671875" ry="5" rx="5" style="" class="basic label-container"></rect><g transform="translate(-56.171875, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="112.34375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">mount (in DOM)</span></div></foreignObject></g></g><g transform="translate(106.671875, 408.5)" id="flowchart-M-76860" class="node default hook flowchart-label"><rect height="39" width="93.734375" y="-19.5" x="-46.8671875" ry="0" rx="0" style="" class="basic label-container"></rect><g transform="translate(-39.3671875, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="78.734375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">onMounted</span></div></foreignObject></g></g></g></g></g></g></g></svg>
\ No newline at end of file
diff --git a/content/developer/tutorials/discover_js_framework/02_build_a_dashboard.rst b/content/developer/tutorials/discover_js_framework/02_build_a_dashboard.rst
index 30eee7a9b..813a6add0 100644
--- a/content/developer/tutorials/discover_js_framework/02_build_a_dashboard.rst
+++ b/content/developer/tutorials/discover_js_framework/02_build_a_dashboard.rst
@@ -66,8 +66,8 @@ result.
    - `Example: use of Layout in kanban view
      <{GITHUB_PATH}/addons/web/static/src/views/kanban/kanban_controller.xml>`_
 
-Services
-========
+Theory: Services
+================
 
 In practice, every component (except the root component) may be destroyed at any time and replaced
 (or not) with another component. This means that each component internal state is not persistent.
diff --git a/content/developer/tutorials/master_odoo_web_framework.rst b/content/developer/tutorials/master_odoo_web_framework.rst
index cdc67e10f..c35d63781 100644
--- a/content/developer/tutorials/master_odoo_web_framework.rst
+++ b/content/developer/tutorials/master_odoo_web_framework.rst
@@ -17,7 +17,7 @@ projects, each focusing on different features of Odoo.
 .. note::
 
     Each of these chapters can be done independantly, in any order. Also, be aware that some of them
-    are not simple and may take a few hours to complete.
+    cover a lot of material, so they may be quite long.
 
 The first project is about building a `clicker game <https://en.wikipedia.org/wiki/Incremental_game>`_.
 While working on it, you will learn various aspects of the web framework: systray, command palette,