<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Slides | BKFC Đức Hoà</title><link>https://bkfcduchoa.github.io/slides/</link><atom:link href="https://bkfcduchoa.github.io/slides/index.xml" rel="self" type="application/rss+xml"/><description>Slides</description><generator>Hugo Blox Builder (https://hugoblox.com)</generator><language>vi-vn</language><lastBuildDate>Tue, 05 Feb 2019 00:00:00 +0000</lastBuildDate><item><title>Slides</title><link>https://bkfcduchoa.github.io/slides/miti99_demo/</link><pubDate>Tue, 05 Feb 2019 00:00:00 +0000</pubDate><guid>https://bkfcduchoa.github.io/slides/miti99_demo/</guid><description>&lt;h2 id="cách-tạo-một-slide-trình-chiếu-trên-web-của-chúng-ta">Cách tạo một slide trình chiếu trên web của chúng ta&lt;/h2>
&lt;p>Thật ra là mình cũng dựa trên một nguồn có sẵn thôi :v&lt;/p>
&lt;p>&lt;a href="https://github.com/hakimel/reveal.js" target="_blank" rel="noopener">Xem ở đây&lt;/a>&lt;/p>
&lt;hr>
&lt;h2 id="tính-năng">Tính năng&lt;/h2>
&lt;ul>
&lt;li>Viết slide ngay trong Markdown&lt;/li>
&lt;li>Viết, trình chiếu slide của chúng ta&lt;/li>
&lt;li>Có tính năng &amp;ldquo;speaker notes&amp;rdquo; (chia 2 màn hình như PPT ấy)&lt;/li>
&lt;li>Dùng được cho điện thoại&lt;/li>
&lt;/ul>
&lt;hr>
&lt;h2 id="cách-điều-khiển">Cách điều khiển&lt;/h2>
&lt;ul>
&lt;li>Slide kế: &lt;code>mũi tên phải&lt;/code> hoặc &lt;code>phím cách (space)&lt;/code>&lt;/li>
&lt;li>Slide trước: &lt;code>mũi tên trái&lt;/code>&lt;/li>
&lt;li>Slide đầu: &lt;code>Home&lt;/code>&lt;/li>
&lt;li>Slide cuối: &lt;code>End&lt;/code>&lt;/li>
&lt;li>Xem tổng quan: &lt;code>Esc&lt;/code>&lt;/li>
&lt;li>Bật &amp;ldquo;Speaker notes&amp;rdquo;: &lt;code>S&lt;/code>&lt;/li>
&lt;li>Toàn màn hình: &lt;code>F&lt;/code>&lt;/li>
&lt;li>Zoom: &lt;code>Ctrl + Click&lt;/code>&lt;/li>
&lt;li>&lt;a href="https://github.com/hakimel/reveal.js#pdf-export" target="_blank" rel="noopener">Xuất file PDF&lt;/a>: &lt;code>E&lt;/code>&lt;/li>
&lt;/ul>
&lt;hr>
&lt;h2 id="code-highlighting">Code Highlighting&lt;/h2>
&lt;p>Inline code: &lt;code>variable&lt;/code>&lt;/p>
&lt;p>Code block:&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-python" data-lang="python">&lt;span class="line">&lt;span class="cl">&lt;span class="n">porridge&lt;/span> &lt;span class="o">=&lt;/span> &lt;span class="s2">&amp;#34;blueberry&amp;#34;&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="k">if&lt;/span> &lt;span class="n">porridge&lt;/span> &lt;span class="o">==&lt;/span> &lt;span class="s2">&amp;#34;blueberry&amp;#34;&lt;/span>&lt;span class="p">:&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="nb">print&lt;/span>&lt;span class="p">(&lt;/span>&lt;span class="s2">&amp;#34;Eating...&amp;#34;&lt;/span>&lt;span class="p">)&lt;/span>
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;hr>
&lt;h2 id="math">Math&lt;/h2>
&lt;p>In-line math: $x + y = z$&lt;/p>
&lt;p>Block math:&lt;/p>
&lt;p>$$
f\left( x \right) = ;\frac{{2\left( {x + 4} \right)\left( {x - 4} \right)}}{{\left( {x + 4} \right)\left( {x + 1} \right)}}
$$&lt;/p>
&lt;hr>
&lt;h2 id="fragments">Fragments&lt;/h2>
&lt;p>Này nhé, cùng đếm một, hai, ba nào!&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-html" data-lang="html">&lt;span class="line">&lt;span class="cl">{{% fragment %}} Một {{% /fragment %}}
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">{{% fragment %}} **Hai** {{% /fragment %}}
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">{{% fragment %}} Ba {{% /fragment %}}
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;p>Nhấn &lt;code>Space&lt;/code> để bắt đầu nhé!&lt;/p>
&lt;span class="fragment " >
Một
&lt;/span>
&lt;span class="fragment " >
&lt;strong>Hai&lt;/strong>
&lt;/span>
&lt;span class="fragment " >
Ba
&lt;/span>
&lt;hr>
&lt;p>Một fragment thì có 2 parameters tùy chọn:&lt;/p>
&lt;ul>
&lt;li>&lt;code>class&lt;/code>: Dùng một style tùy chọn&lt;/li>
&lt;li>&lt;code>weight&lt;/code>: Sắp thứ tự&lt;/li>
&lt;/ul>
&lt;hr>
&lt;h2 id="speaker-notes">Speaker Notes&lt;/h2>
&lt;p>Để thêm speaker notes thì làm như sau:&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-markdown" data-lang="markdown">&lt;span class="line">&lt;span class="cl">{{% speaker_note %}}
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="k">-&lt;/span> Chỉ người trình bày mới đọc đươc cái này
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="k">-&lt;/span> Nhấn &lt;span class="sb">`S`&lt;/span> để xem thử
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">{{% /speaker_note %}}
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;p>Nhấn &lt;code>S&lt;/code> để xem thử nhé!&lt;/p>
&lt;aside class="notes">
&lt;ul>
&lt;li>Chỉ người trình bày mới đọc đươc cái này&lt;/li>
&lt;li>Nhấn &lt;code>S&lt;/code> để xem thử&lt;/li>
&lt;/ul>
&lt;/aside>
&lt;hr>
&lt;h2 id="themes">Themes&lt;/h2>
&lt;ul>
&lt;li>black: Black background, white text, blue links (default)&lt;/li>
&lt;li>white: White background, black text, blue links&lt;/li>
&lt;li>league: Gray background, white text, blue links&lt;/li>
&lt;li>beige: Beige background, dark text, brown links&lt;/li>
&lt;li>sky: Blue background, thin dark text, blue links&lt;/li>
&lt;/ul>
&lt;hr>
&lt;ul>
&lt;li>night: Black background, thick white text, orange links&lt;/li>
&lt;li>serif: Cappuccino background, gray text, brown links&lt;/li>
&lt;li>simple: White background, black text, blue links&lt;/li>
&lt;li>solarized: Cream-colored background, dark green text, blue links&lt;/li>
&lt;/ul>
&lt;hr>
&lt;section data-noprocess data-shortcode-slide
data-background-image="/img/boards.jpg"
>
&lt;h2 id="custom-slide">Custom Slide&lt;/h2>
&lt;p>Này là slide tùy chọn nè&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-markdown" data-lang="markdown">&lt;span class="line">&lt;span class="cl">{{&lt;span class="p">&amp;lt;&lt;/span> &lt;span class="nt">slide&lt;/span> &lt;span class="na">background-image&lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="s">&amp;#34;/img/boards.jpg&amp;#34;&lt;/span> &lt;span class="p">&amp;gt;&lt;/span>}}
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">{{&lt;span class="p">&amp;lt;&lt;/span> &lt;span class="nt">slide&lt;/span> &lt;span class="na">background-color&lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="s">&amp;#34;#0000FF&amp;#34;&lt;/span> &lt;span class="p">&amp;gt;&lt;/span>}}
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">{{&lt;span class="p">&amp;lt;&lt;/span> &lt;span class="nt">slide&lt;/span> &lt;span class="na">class&lt;/span>&lt;span class="o">=&lt;/span>&lt;span class="s">&amp;#34;my-style&amp;#34;&lt;/span> &lt;span class="p">&amp;gt;&lt;/span>}}
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;hr>
&lt;h2 id="custom-css-example">Custom CSS Example&lt;/h2>
&lt;p>Lấy theme navy làm mẫu nha. Tại vì có chữ &amp;ldquo;Vy&amp;rdquo; đó :v&lt;/p>
&lt;p>Create &lt;code>assets/css/reveal_custom.css&lt;/code> with:&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-css" data-lang="css">&lt;span class="line">&lt;span class="cl">&lt;span class="p">.&lt;/span>&lt;span class="nc">reveal&lt;/span> &lt;span class="nt">section&lt;/span> &lt;span class="nt">h1&lt;/span>&lt;span class="o">,&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="p">.&lt;/span>&lt;span class="nc">reveal&lt;/span> &lt;span class="nt">section&lt;/span> &lt;span class="nt">h2&lt;/span>&lt;span class="o">,&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="p">.&lt;/span>&lt;span class="nc">reveal&lt;/span> &lt;span class="nt">section&lt;/span> &lt;span class="nt">h3&lt;/span> &lt;span class="p">{&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl"> &lt;span class="k">color&lt;/span>&lt;span class="p">:&lt;/span> &lt;span class="kc">navy&lt;/span>&lt;span class="p">;&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="p">}&lt;/span>
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;hr>
&lt;h2 id="câu-hỏi">Câu hỏi&lt;/h2>
&lt;p>Muốn hòi mình gì nào? Inbox group chat của nhóm mình đi. Hiu quạnh lâu nay :/&lt;/p>
&lt;p>&lt;a href="https://www.facebook.com/messages/t/2025327994248797" target="_blank" rel="noopener">BKFC - THPT Đức Hòa&lt;/a>&lt;/p></description></item></channel></rss>