https://script.spoken-tutorial.org/index.php?title=Python-Flask/C2/Installation-of-Python-Flask/English&feed=atom&action=history
Python-Flask/C2/Installation-of-Python-Flask/English - Revision history
2024-03-29T09:38:29Z
Revision history for this page on the wiki
MediaWiki 1.23.17
https://script.spoken-tutorial.org/index.php?title=Python-Flask/C2/Installation-of-Python-Flask/English&diff=45602&oldid=prev
Pravin1389 at 06:29, 28 January 2019
2019-01-28T06:29:28Z
<p></p>
<a href="https://script.spoken-tutorial.org/index.php?title=Python-Flask/C2/Installation-of-Python-Flask/English&diff=45602&oldid=45564">Show changes</a>
Pravin1389
https://script.spoken-tutorial.org/index.php?title=Python-Flask/C2/Installation-of-Python-Flask/English&diff=45564&oldid=prev
SiddharthaSarkar: Script synced with video.
2019-01-21T11:22:52Z
<p>Script synced with video.</p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">Revision as of 11:22, 21 January 2019</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 38:</td>
<td colspan="2" class="diff-lineno">Line 38:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>Pre-requisites</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>Pre-requisites</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| To follow this tutorial, you should have working knowledge on</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| To follow this tutorial, you should have working knowledge on</div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 75:</td>
<td colspan="2" class="diff-lineno">Line 74:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>||  </div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>||  </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* <div style="margin-left:1.27cm;margin-right:0cm;">'''Pip '''is a '''package manager '''program.</div></div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* <div style="margin-left:1.27cm;margin-right:0cm;">'''Pip '''is a '''package manager '''program.</div></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* <div style="margin-left:1.27cm;margin-right:0cm;"><del class="diffchange diffchange-inline">It is used </del>to install, upgrade, and remove '''Python packages. '''</div></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* <div style="margin-left:1.27cm;margin-right:0cm;"><ins class="diffchange diffchange-inline">Used </ins>to install, upgrade, and remove '''Python packages. '''</div></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* <div style="margin-left:1.27cm;margin-right:0cm;">'''Pip3 '''is the '''Python3 '''version of '''pip'''</div></div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* <div style="margin-left:1.27cm;margin-right:0cm;">'''Pip3 '''is the '''Python3 '''version of '''pip'''</div></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 85:</td>
<td colspan="2" class="diff-lineno">Line 84:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>'''pip3 <space> hyphen hyphen version '''and press''' Enter.'''* <div style="margin-left:1.27cm;margin-right:0cm;">If it gives a '''version''' number, then you don’t need to install it again.</div></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>'''pip3 <space> hyphen hyphen version '''and press''' Enter.'''</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* <div style="margin-left:1.27cm;margin-right:0cm;">If it gives a '''version''' number, then you don’t need to install it again.</div></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* <div style="margin-left:1.27cm;margin-right:0cm;">Else, install '''pip3''' using the following command in the '''terminal''':</div></div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* <div style="margin-left:1.27cm;margin-right:0cm;">Else, install '''pip3''' using the following command in the '''terminal''':</div></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 107:</td>
<td colspan="2" class="diff-lineno">Line 107:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>In my case it is '''pip <del class="diffchange diffchange-inline">8</del>.<del class="diffchange diffchange-inline">1.1</del>''' for '''python 3.5'''.</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>In my case it is '''pip <ins class="diffchange diffchange-inline">18</ins>.<ins class="diffchange diffchange-inline">0</ins>''' for '''python 3.5'''.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|- style="border:1pt solid #000000;padding:0.176cm;"</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|- style="border:1pt solid #000000;padding:0.176cm;"</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>| style="color:#0000ff;" | (pronounce as virtual-e-n-v).</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>| style="color:#0000ff;" | (pronounce as virtual-e-n-v).</div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 118:</td>
<td colspan="2" class="diff-lineno">Line 118:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>And press''' Enter.'''</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>And <ins class="diffchange diffchange-inline">press''' Enter.'''Provide the '''admin password '''and </ins>press''' Enter.'''</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>| style="border-top:1pt solid #000000;border-bottom:0.5pt solid #000000;border-left:0.5pt solid #000000;border-right:1pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.095cm;padding-right:0.191cm;" | Only narration</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>| style="border-top:1pt solid #000000;border-bottom:0.5pt solid #000000;border-left:0.5pt solid #000000;border-right:1pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.095cm;padding-right:0.191cm;" | Only narration</div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 136:</td>
<td colspan="2" class="diff-lineno">Line 136:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>Type cd project_flask [Enter]</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>Type cd project_flask [Enter]</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>| style="border-top:1pt solid #000000;border-bottom:0.5pt solid #000000;border-left:0.5pt solid #000000;border-right:0.5pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.095cm;padding-right:0.191cm;" | <del class="diffchange diffchange-inline">Then, type </del>'''cd <space>''' '''project underscore flask''' and press '''Enter.'''</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>| style="border-top:1pt solid #000000;border-bottom:0.5pt solid #000000;border-left:0.5pt solid #000000;border-right:0.5pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.095cm;padding-right:0.191cm;" | <ins class="diffchange diffchange-inline">Type </ins>'''cd <space>''' '''project underscore flask''' and press '''Enter.'''</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|- style="border:1pt solid #000000;padding:0.176cm;"</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|- style="border:1pt solid #000000;padding:0.176cm;"</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| Only narration</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| Only narration</div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 168:</td>
<td colspan="2" class="diff-lineno">Line 168:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>$ virtualenv -h [Enter]</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>$ virtualenv -h [Enter]</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|| For '''help''', type the following command in the '''terminal'''</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|| For '''help''', type the following command in the '''terminal<ins class="diffchange diffchange-inline">.</ins>'''</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>'''virtualenv -h '''and press '''Enter.'''</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>'''virtualenv -h '''and press '''Enter.'''</div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 254:</td>
<td colspan="2" class="diff-lineno">Line 254:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>We can see the name of the environment '''flask_venv''' inside parentheses, in the '''terminal'''.</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>We can see the name of the <ins class="diffchange diffchange-inline">virtual </ins>environment '''flask_venv''' inside parentheses, in the '''terminal'''.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 313:</td>
<td colspan="2" class="diff-lineno">Line 313:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>That means our '''Flask''' installation <del class="diffchange diffchange-inline">is </del>successful.</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>That means our '''Flask''' installation <ins class="diffchange diffchange-inline">was </ins>successful.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|- style="border:1pt solid #000000;padding:0.176cm;"</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|- style="border:1pt solid #000000;padding:0.176cm;"</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| [Terminal]</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| [Terminal]</div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 325:</td>
<td colspan="2" class="diff-lineno">Line 325:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|- style="border:1pt solid #000000;padding:0.176cm;"</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|- style="border:1pt solid #000000;padding:0.176cm;"</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| Only narration</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| Only narration</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|| I will be using <del class="diffchange diffchange-inline">the </del>'''atom text editor.'''</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|| I will be using '''atom text editor.'''</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 335:</td>
<td colspan="2" class="diff-lineno">Line 335:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>$ atom hello_flask.py</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>$ atom hello_flask.py</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| Type the command</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| Type the command</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>'''atom <space> hello underscore flask dot py'''</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>'''atom <space> hello underscore flask dot py'''</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>and press '''Enter.'''</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>and press '''Enter.'''</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|- style="border:1pt solid #000000;padding:0.176cm;"</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|- style="border:1pt solid #000000;padding:0.176cm;"</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>||  </div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>||  </div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|| <del class="diffchange diffchange-inline">A text editor called '''Atom''' will open.</del></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|| This will open the file in the '''text editor '''window.</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>This will open the file in the '''text editor '''window<del class="diffchange diffchange-inline">.</del></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">|- style="border:1pt solid #000000;padding:0.176cm;"</del></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">|| [Text Editor]</del></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">Close the default tabs.</del></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">|| If you open the '''Atom''' editor, for the first time you may see two default tabs.</del></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">“'''Welcome'''” and “'''Telemetry Consent'''”. </del></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">Click on the '''close''' buttons next to these tabs to close them</del>.</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|- style="border:1pt solid #000000;padding:0.176cm;"</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|- style="border:1pt solid #000000;padding:0.176cm;"</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| [Text Editor]</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| [Text Editor]</div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 510:</td>
<td colspan="2" class="diff-lineno">Line 497:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>| style="border-top:1pt solid #000000;border-bottom:0.5pt solid #000000;border-left:0.5pt solid #000000;border-right:0.5pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.095cm;padding-right:0.191cm;" | We can see that the '''flask_venv '''name disappears from the '''command prompt.'''</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>| style="border-top:1pt solid #000000;border-bottom:0.5pt solid #000000;border-left:0.5pt solid #000000;border-right:0.5pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.095cm;padding-right:0.191cm;" | We can see that the '''flask_venv '''name disappears from the '''command prompt.'''</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>| style="border-top:1pt solid #000000;border-bottom:0.5pt solid #000000;border-left:0.5pt solid #000000;border-right:1pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.095cm;padding-right:0.191cm;" |  </div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>| style="border-top:1pt solid #000000;border-bottom:0.5pt solid #000000;border-left:0.5pt solid #000000;border-right:1pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.095cm;padding-right:0.191cm;" | <ins class="diffchange diffchange-inline">Narration only</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>| style="border-top:1pt solid #000000;border-bottom:0.5pt solid #000000;border-left:0.5pt solid #000000;border-right:0.5pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.095cm;padding-right:0.191cm;" | With this, we come to the end of this tutorial.</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>| style="border-top:1pt solid #000000;border-bottom:0.5pt solid #000000;border-left:0.5pt solid #000000;border-right:0.5pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.095cm;padding-right:0.191cm;" | With this, we come to the end of this tutorial.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 517:</td>
<td colspan="2" class="diff-lineno">Line 504:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|- style="border:1pt solid #000000;padding:0.176cm;"</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|- style="border:1pt solid #000000;padding:0.176cm;"</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| Slide 9: Summary</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|| Slide 9: Summary</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>|| In this tutorial we learnt to</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|| In this tutorial we learnt to* <div style="margin-left:1.27cm;margin-right:0cm;">Create a '''Virtual Environment.'''</div></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* <div style="margin-left:1.27cm;margin-right:0cm;">Create a '''Virtual Environment.'''</div></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* <div style="margin-left:1.27cm;margin-right:0cm;">Activate and deactivate the '''Virtual Environment'''.</div></div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* <div style="margin-left:1.27cm;margin-right:0cm;">Activate and deactivate the '''Virtual Environment'''.</div></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* <div style="margin-left:1.27cm;margin-right:0cm;">Install '''Flask '''and</div></div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* <div style="margin-left:1.27cm;margin-right:0cm;">Install '''Flask '''and</div></div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 540:</td>
<td colspan="2" class="diff-lineno">Line 526:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>| style="border-top:1pt solid #000000;border-bottom:0.5pt solid #000000;border-left:0.5pt solid #000000;border-right:1pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.079cm;padding-right:0.191cm;" | Slide: Forum for specific questions:</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>| style="border-top:1pt solid #000000;border-bottom:0.5pt solid #000000;border-left:0.5pt solid #000000;border-right:1pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.079cm;padding-right:0.191cm;" | Slide: Forum for specific questions:</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>| style="border-top:1pt solid #000000;border-bottom:0.5pt solid #000000;border-left:0.5pt solid #000000;border-right:0.5pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.079cm;padding-right:0.191cm;" |  </div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>| style="border-top:1pt solid #000000;border-bottom:0.5pt solid #000000;border-left:0.5pt solid #000000;border-right:0.5pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.079cm;padding-right:0.191cm;" | * <div style="margin-left:1.27cm;margin-right:0cm;">Do you have questions in this Spoken Tutorial?</div></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* <div style="margin-left:1.27cm;margin-right:0cm;">Do you have questions in this Spoken Tutorial?</div></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* <div style="margin-left:1.27cm;margin-right:0cm;">Please visit this site</div></div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* <div style="margin-left:1.27cm;margin-right:0cm;">Please visit this site</div></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* <div style="margin-left:1.27cm;margin-right:0cm;">Choose the minute and second where you have the question.</div></div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* <div style="margin-left:1.27cm;margin-right:0cm;">Choose the minute and second where you have the question.</div></div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 550:</td>
<td colspan="2" class="diff-lineno">Line 535:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>| style="border-top:1pt solid #000000;border-bottom:0.5pt solid #000000;border-left:0.5pt solid #000000;border-right:1pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.079cm;padding-right:0.191cm;" | Slide: Forum for specific questions:</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>| style="border-top:1pt solid #000000;border-bottom:0.5pt solid #000000;border-left:0.5pt solid #000000;border-right:1pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.079cm;padding-right:0.191cm;" | Slide: Forum for specific questions:</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>| style="border-top:1pt solid #000000;border-bottom:0.5pt solid #000000;border-left:0.5pt solid #000000;border-right:0.5pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.079cm;padding-right:0.191cm;" |  </div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>| style="border-top:1pt solid #000000;border-bottom:0.5pt solid #000000;border-left:0.5pt solid #000000;border-right:0.5pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.079cm;padding-right:0.191cm;" | * <div style="margin-left:1.27cm;margin-right:0cm;">The Spoken Tutorial forum is for specific questions on this tutorial.</div></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* <div style="margin-left:1.27cm;margin-right:0cm;">The Spoken Tutorial forum is for specific questions on this tutorial.</div></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* <div style="margin-left:1.27cm;margin-right:0cm;">Please do not post unrelated and general questions on them.</div></div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* <div style="margin-left:1.27cm;margin-right:0cm;">Please do not post unrelated and general questions on them.</div></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* <div style="margin-left:1.27cm;margin-right:0cm;">This will help reduce the clutter.</div></div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* <div style="margin-left:1.27cm;margin-right:0cm;">This will help reduce the clutter.</div></div></td></tr>
</table>
SiddharthaSarkar
https://script.spoken-tutorial.org/index.php?title=Python-Flask/C2/Installation-of-Python-Flask/English&diff=45366&oldid=prev
SiddharthaSarkar: Tutorial 2
2018-12-25T20:32:18Z
<p>Tutorial 2</p>
<p><b>New page</b></p><div>'''Title of script: Installation of Python Flask'''<br />
<br />
'''Author: Siddhartha Sarkar'''<br />
<br />
Keywords: Video tutorial, Python Flask, Installation, Virtual Environment.<br />
<br />
<br />
<br />
{| class="wikitable" style="border-spacing:0;width:16.51cm;"<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
| align=center| '''Visual Cue'''<br />
| align=center| '''Narration'''<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| Slide 1: Installation of Python Flask<br />
|| Welcome to the spoken tutorial on''' Installation of Python Flask.'''<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| Slide 2: Learning Objectives<br />
|| In this tutorial we will learn to<br />
* <div style="margin-left:1.27cm;margin-right:0cm;">Create a '''Virtual Environment.'''</div><br />
* <div style="margin-left:1.27cm;margin-right:0cm;">Activate and deactivate the '''Virtual Environment'''.</div><br />
* <div style="margin-left:1.27cm;margin-right:0cm;">Install packages inside the '''Virtual Environment'''.</div><br />
* <div style="margin-left:1.27cm;margin-right:0cm;">And launch a '''Flask application'''.</div><br />
<br />
<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| Slides 3: System Requirements<br />
|| To record this tutorial, I’m using<br />
* <div style="margin-left:1.27cm;margin-right:0cm;">'''Ubuntu Linux 16.04''' '''OS'''</div><br />
* <div style="margin-left:1.27cm;margin-right:0cm;">'''Python''' '''3.5.2'''</div><br />
* <div style="margin-left:1.27cm;margin-right:0cm;">'''Atom text editor 1.22.1 '''</div><br />
* <div style="margin-left:1.27cm;margin-right:0cm;">'''Firefox web browser''' and</div><br />
* <div style="margin-left:1.27cm;margin-right:0cm;">A working '''Internet''' connection.</div><br />
<br />
<br />
You can use any text editor and web browser of your choice.<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| Slide 5:<br />
<br />
Pre-requisites<br />
<br />
<br />
|| To follow this tutorial, you should have working knowledge on<br />
* <div style="margin-left:1.27cm;margin-right:0cm;">'''Linux commands''' and</div><br />
<br />
* <div style="margin-left:1.27cm;margin-right:0cm;">Basic '''Python programming'''</div><br />
<br />
<br />
If not, then please go through the corresponding tutorials on this website. <br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| Slide 6: Virtual Environment<br />
|| <br />
* <div style="margin-left:1.27cm;margin-right:0cm;">A '''virtual environment''' is a self-contained '''directory tree. '''</div><br />
* <div style="margin-left:1.27cm;margin-right:0cm;">It contains a '''Python installation''' for a particular version of '''Python'''. </div><br />
* <div style="margin-left:1.27cm;margin-right:0cm;">Additional '''packages''' can be installed inside the '''virtual environment'''.</div><br />
<br />
<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| Slide 6: Virtual Environment<br />
<br />
<div style="color:#0000ff;">(pronounce as v-e-n-v)</div><br />
|| <br />
* <div style="margin-left:1.27cm;margin-right:0cm;">'''Venv '''is the short form for '''virtual environment.'''</div><br />
* <div style="margin-left:1.27cm;margin-right:0cm;">'''Venv '''is used to avoid conflict between different '''Python installations'''. </div><br />
<br />
<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| Slide 7: Virtual Environment<br />
|| <br />
* <div style="margin-left:1.27cm;margin-right:0cm;">For every '''project,''' we can have a separate '''Venv'''.</div><br />
* <div style="margin-left:1.27cm;margin-right:0cm;">We will install '''Venv '''via a '''package''' called '''pip'''.</div><br />
<br />
<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| Slide 8: Pip<br />
|| <br />
* <div style="margin-left:1.27cm;margin-right:0cm;">'''Pip '''is a '''package manager '''program.</div><br />
* <div style="margin-left:1.27cm;margin-right:0cm;">It is used to install, upgrade, and remove '''Python packages. '''</div><br />
* <div style="margin-left:1.27cm;margin-right:0cm;">'''Pip3 '''is the '''Python3 '''version of '''pip'''</div><br />
<br />
<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| Slide: Pip3 installation<br />
|| <br />
* <div style="margin-left:1.27cm;margin-right:0cm;">To check if '''pip3''' is already installed, type the following command in the '''terminal:'''</div><br />
<br />
<br />
'''pip3 <space> hyphen hyphen version '''and press''' Enter.'''* <div style="margin-left:1.27cm;margin-right:0cm;">If it gives a '''version''' number, then you don’t need to install it again.</div><br />
* <div style="margin-left:1.27cm;margin-right:0cm;">Else, install '''pip3''' using the following command in the '''terminal''':</div><br />
<br />
<br />
<br />
'''sudo <space> apt <space> install <space> python3-pip'''<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| Open the terminal<br />
|| Open the '''terminal''' by pressing '''Ctrl''', '''Alt''' and '''T''' keys together.<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| Type pip3 --version [Enter]<br />
|| Let us check the version of '''pip.'''<br />
<br />
<br />
Type '''pip3 <space> hyphen hyphen version '''and press''' Enter.'''<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| <br />
<br />
Point to pip version<br />
|| You should be able to see some valid '''pip3''' version number.<br />
<br />
<br />
In my case it is '''pip 8.1.1''' for '''python 3.5'''.<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
| style="color:#0000ff;" | (pronounce as virtual-e-n-v).<br />
|| Next let us install '''Virtualenv.'''<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| Type<br />
<br />
$ sudo pip3 install virtualenv [Enter]<br />
|| Type '''sudo <space> pip3 <space> install <space> virtualenv'''<br />
<br />
<br />
And press''' Enter.'''<br />
|-<br />
| style="border-top:1pt solid #000000;border-bottom:0.5pt solid #000000;border-left:0.5pt solid #000000;border-right:1pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.095cm;padding-right:0.191cm;" | Only narration<br />
| style="border-top:1pt solid #000000;border-bottom:0.5pt solid #000000;border-left:0.5pt solid #000000;border-right:0.5pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.095cm;padding-right:0.191cm;" | Next, I will create a folder named '''project_flask.'''<br />
<br />
<br />
This folder will help me to organize my files in a single place.<br />
|-<br />
| style="border-top:1pt solid #000000;border-bottom:0.5pt solid #000000;border-left:0.5pt solid #000000;border-right:1pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.095cm;padding-right:0.191cm;" | [Terminal]<br />
<br />
<br />
Type mkdir project_flask [Enter]<br />
| style="border-top:1pt solid #000000;border-bottom:0.5pt solid #000000;border-left:0.5pt solid #000000;border-right:0.5pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.095cm;padding-right:0.191cm;" | To do so, type '''mkdir <space> project underscore flask '''and press '''Enter.'''<br />
|-<br />
| style="border-top:1pt solid #000000;border-bottom:0.5pt solid #000000;border-left:0.5pt solid #000000;border-right:1pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.095cm;padding-right:0.191cm;" | [Terminal]<br />
<br />
<br />
Type cd project_flask [Enter]<br />
| style="border-top:1pt solid #000000;border-bottom:0.5pt solid #000000;border-left:0.5pt solid #000000;border-right:0.5pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.095cm;padding-right:0.191cm;" | Then, type '''cd <space>''' '''project underscore flask''' and press '''Enter.'''<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| Only narration<br />
|| Now let us create a new '''virtual environment''' inside our newly created '''directory'''.<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| [Terminal]<br />
<br />
Typing<br />
<br />
$ virtualenv -p python3 flask_venv<br />
|| So type <br />
<br />
'''virtualenv <space> <hyphen> p <space> python3 <space> flask_venv'''<br />
<br />
<br />
This will create a '''virtual environment''' named '''flask_venv'''.<br />
<br />
<br />
You may choose any other name for the '''virtual environment'''.<br />
<br />
<br />
The '''hyphen p''' flag is used to specify which''' python interpreter''' is to be used.<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| [Enter]<br />
|| Now press '''Enter.'''<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| [Terminal]<br />
<br />
Typing<br />
<br />
<br />
$ virtualenv -h [Enter]<br />
|| For '''help''', type the following command in the '''terminal'''<br />
<br />
'''virtualenv -h '''and press '''Enter.'''<br />
<br />
<br />
Here, we can see the list of available commands and options.<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| Highlight -p and its description.<br />
|| Observe that '''-p''' is used to specify the version of the '''python interpreter''' to be used.<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| [Terminal]<br />
<br />
Type $ ls [Enter]<br />
|| Type '''ls''' and press '''Enter.'''<br />
<br />
<br />
Note that we have a folder named '''flask_venv''' in our current '''directory'''.<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| [Terminal]<br />
<br />
Type<br />
<br />
<br />
$ ls flask_venv [Enter]<br />
|| Now, let us see the contents of '''flask_venv directory'''.<br />
<br />
<br />
Type '''ls <space> flask underscore venv'''<br />
<br />
<br />
Press''' Enter'''.<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| [Terminal]<br />
<br />
Point to the list of directories in the terminal<br />
|| Observe that there are a number of files and directories inside '''flask_venv'''.<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| [Terminal] Point to bin<br />
|| '''bin''' contains the executable files.<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| [Terminal] Point to lib<br />
|| '''lib''' contains supporting library files.<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| [Terminal] Point to site-packages<br />
|| Packages installed in this '''environment''' will appear in<br />
<br />
'''site-packages'''.<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| [Terminal] Point to <br />
<br />
lib/ python3.5 directory<br />
|| '''site-packages''' can be found inside '''lib slash python3.5 directory.'''<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| <br />
|| Next, we have to '''activate''' this '''virtual environment'''. <br />
<br />
<br />
'''Activate''' means, from now on all the''' python commands''' will run inside this '''venv'''.<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| [Terminal]<br />
<br />
Typing<br />
<br />
$ . flask_venv/bin/activate<br />
<br />
<br />
<br />
|| To do that, we have to run the '''activate''' executable from the '''bin directory'''. <br />
<br />
<br />
Type '''dot <space> flask <underscore> venv slash bin slash activate'''<br />
<br />
<br />
Press '''Enter.'''<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| <br />
|| The '''shell''' now uses an instance of '''Python '''from our '''virtual environment.'''<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| [Terminal]<br />
<br />
Highlight<br />
<br />
(flask_env)<br />
|| Once activated, notice the change in the '''terminal'''. <br />
<br />
<br />
We can see the name of the environment '''flask_venv''' inside parentheses, in the '''terminal'''.<br />
<br />
<br />
This indicates that we are inside an activated '''virtual''' '''environment''' called '''flask_venv'''.<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| [Terminal]<br />
<br />
Type<br />
<br />
$ python3 -V<br />
|| We should now make sure that we are using '''Python 3''' inside this '''Virtual Environment.''' <br />
<br />
<br />
For that, type '''python3 <space> hyphen capital V''' and press '''Enter.'''<br />
<br />
<br />
In my case it shows '''Python 3.5.2'''.<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| [Terminal]<br />
<br />
Typing<br />
<br />
$ pip3 install flask<br />
|| Next let us install '''flask''' inside '''venv'''.<br />
<br />
<br />
Type '''pip3<space> install <space> flask '''and press '''Enter.'''<br />
<br />
<br />
This will install the '''Flask''' package only for this '''venv''' and not system wide. <br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| [Terminal]<br />
<br />
Highlight<br />
<br />
“...installed Flask-1.0.2 Jinja2-2.10 MarkupSafe-1.0 Werkzeug-0.14.1...”<br />
|| Some associated packages like '''Jinja2''', '''MarkupSafe''' and '''Werkzeug''' will also get installed.<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| [Terminal]<br />
<br />
<br />
Type<br />
<br />
<br />
$pip list<br />
|| To confirm, whether '''Flask''' has been installed or not, type <br />
<br />
'''pip <space> list'''<br />
<br />
<br />
And press '''Enter.'''<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| [Terminal]<br />
<br />
<br />
Highlight flask, jinja2, werkzeug.<br />
|| Observe that we have '''flask, jinja2, werkzeug''' etc.<br />
<br />
<br />
That means our '''Flask''' installation is successful.<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| [Terminal]<br />
|| Let us see the working of '''Flask''' by writing a simple '''‘hello world’ app'''.<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| Only narration<br />
|| Let’s create a '''python''' file at the same level as '''flask_venv'''.<br />
<br />
<br />
This is so that the '''flask_venv '''is logically separated from the '''hello world app'''.<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| Only narration<br />
|| I will be using the '''atom text editor.'''<br />
<br />
<br />
However, you can use any''' text editor''' of your choice.<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| [Terminal]<br />
<br />
<br />
$ atom hello_flask.py<br />
|| Type the command<br />
<br />
'''atom <space> hello underscore flask dot py'''<br />
<br />
and press '''Enter.'''<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| <br />
|| A text editor called '''Atom''' will open.<br />
<br />
<br />
This will open the file in the '''text editor '''window.<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| [Text Editor]<br />
<br />
<br />
Close the default tabs.<br />
|| If you open the '''Atom''' editor, for the first time you may see two default tabs.<br />
<br />
<br />
“'''Welcome'''” and “'''Telemetry Consent'''”. <br />
<br />
<br />
Click on the '''close''' buttons next to these tabs to close them.<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| [Text Editor]<br />
<br />
<br />
from flask import Flask<br />
<br />
app = Flask(__name__)<br />
<br />
<br />
@app.route('/')<br />
<br />
def hello_world():<br />
<br />
(Tab)return 'Hello, World!'<br />
|| Type the code as shown here. <br />
<br />
<br />
Which will launch a very simple '''built-in server.'''<br />
<br />
<br />
<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| [Text Editor]<br />
|| We will discuss this '''program''' and its '''elements''' in detail in later tutorials.<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| Save the file by pressing Ctrl+S.<br />
|| For now, let’s save the file by pressing '''Ctrl and S''' keys together.<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| Click close button.<br />
|| Then close the editor by clicking on the '''close''' button at the top left corner of the window.<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| [Terminal]<br />
<br />
Type<br />
<br />
<br />
$ export FLASK_APP=hello_flask.py<br />
|| Come back to the '''terminal''', and type<br />
<br />
'''export <space> FLASK_APP <equal to> hello underscore flask dot py'''<br />
<br />
<br />
And press '''Enter'''.<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| Only narration.<br />
|| This command sets an '''environment variable '''named '''FLASK_APP''' with the '''python '''file-name.<br />
<br />
<br />
The '''FLASK_APP variable '''specifies the '''module '''to import while running our '''app'''.<br />
<br />
<br />
This tells the '''terminal''' which '''flask app '''to work with.<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| [Terminal]<br />
<br />
<br />
Type<br />
<br />
$ echo $FLASK_APP<br />
|| It is possible to verify that we have indeed set '''FLASK_APP variable''' by the filename.<br />
<br />
<br />
To do that type<br />
<br />
'''echo <space> <dollar> FLASK underscore APP'''<br />
<br />
And press''' Enter.'''<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| Point to the output<br />
|| Observe that we got the filename '''hello underscore flask dot py''' back.<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| [Terminal]<br />
<br />
Type<br />
<br />
<br />
$ python3 -m flask run<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
[Enter]<br />
|| Now type<br />
<br />
'''python3 <space> hyphen m <space> flask <space> run'''<br />
<br />
<br />
This command runs the '''flask application''' named '''hello underscore flask'''.<br />
<br />
<br />
The file to execute is the one given by the '''FLASK_APP environment variable.'''<br />
<br />
<br />
We have already set that in the previous step.<br />
<br />
<br />
Press '''Enter'''.<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| Point to the message<br />
|| If all goes well, you should see a message <br />
<br />
'''“Running on [http://127.0.0.1:5000/ http://127.0.0.1:5000/]”'''<br />
<br />
<br />
This implies that the '''server''' is running locally.<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| [Firefox]<br />
<br />
Type <br />
<br />
[http://127.0.0.1:5000/ http://127.0.0.1:5000/]<br />
<br />
And press Enter.<br />
|| Now, open a web browser.<br />
<br />
<br />
In the address bar, type [http://127.0.0.1:5000/ http://127.0.0.1:5000/] and press '''Enter'''.<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| Highlight ‘Hello, World!’<br />
|| We can see the message ‘'''Hello, World!'''’ written in the browser window. <br />
<br />
<br />
Which means that '''Flask '''is working fine in the '''Virtual Environment'''.<br />
|-<br />
| style="background-color:#ffffff;border-top:1pt solid #000000;border-bottom:0.5pt solid #000000;border-left:0.5pt solid #000000;border-right:1pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.095cm;padding-right:0.191cm;" | Switch to Terminal<br />
| style="background-color:#ffffff;border-top:1pt solid #000000;border-bottom:0.5pt solid #000000;border-left:0.5pt solid #000000;border-right:0.5pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.095cm;padding-right:0.191cm;" | Let us go back to the '''terminal.'''<br />
|-<br />
| style="background-color:#ffffff;border-top:1pt solid #000000;border-bottom:0.5pt solid #000000;border-left:0.5pt solid #000000;border-right:1pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.095cm;padding-right:0.191cm;" | Press Ctrl+c simultaneously <br />
| style="background-color:#ffffff;border-top:1pt solid #000000;border-bottom:0.5pt solid #000000;border-left:0.5pt solid #000000;border-right:0.5pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.095cm;padding-right:0.191cm;" | To stop the '''server''', press '''Ctrl''' and '''C''' keys simultaneously.<br />
|-<br />
| style="border-top:1pt solid #000000;border-bottom:0.5pt solid #000000;border-left:0.5pt solid #000000;border-right:1pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.095cm;padding-right:0.191cm;" | [Terminal]<br />
<br />
Type deactivate and press Enter<br />
| style="border-top:1pt solid #000000;border-bottom:0.5pt solid #000000;border-left:0.5pt solid #000000;border-right:0.5pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.095cm;padding-right:0.191cm;" | When the '''Virtual Environment''' is not in use, we can deactivate it.<br />
<br />
<br />
To do so, type '''deactivate''' and press '''Enter'''.<br />
|-<br />
| style="border-top:1pt solid #000000;border-bottom:0.5pt solid #000000;border-left:0.5pt solid #000000;border-right:1pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.095cm;padding-right:0.191cm;" | [Terminal]<br />
<br />
Point the shell prompt<br />
| style="border-top:1pt solid #000000;border-bottom:0.5pt solid #000000;border-left:0.5pt solid #000000;border-right:0.5pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.095cm;padding-right:0.191cm;" | We can see that the '''flask_venv '''name disappears from the '''command prompt.'''<br />
|-<br />
| style="border-top:1pt solid #000000;border-bottom:0.5pt solid #000000;border-left:0.5pt solid #000000;border-right:1pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.095cm;padding-right:0.191cm;" | <br />
| style="border-top:1pt solid #000000;border-bottom:0.5pt solid #000000;border-left:0.5pt solid #000000;border-right:0.5pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.095cm;padding-right:0.191cm;" | With this, we come to the end of this tutorial.<br />
<br />
<br />
Let us summarize.<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| Slide 9: Summary<br />
|| In this tutorial we learnt to<br />
* <div style="margin-left:1.27cm;margin-right:0cm;">Create a '''Virtual Environment.'''</div><br />
* <div style="margin-left:1.27cm;margin-right:0cm;">Activate and deactivate the '''Virtual Environment'''.</div><br />
* <div style="margin-left:1.27cm;margin-right:0cm;">Install '''Flask '''and</div><br />
* <div style="margin-left:1.27cm;margin-right:0cm;">Launch '''“Hello world”''' in '''Flask'''.</div><br />
<br />
<br />
|-<br />
| style="border-top:1pt solid #000000;border-bottom:0.5pt solid #000000;border-left:0.5pt solid #000000;border-right:1pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.079cm;padding-right:0.191cm;" | Slide: About Spoken Tutorial project<br />
| style="border-top:1pt solid #000000;border-bottom:0.5pt solid #000000;border-left:0.5pt solid #000000;border-right:0.5pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.079cm;padding-right:0.191cm;" | The video at the following link summarises the Spoken Tutorial project.<br />
<br />
<br />
Please download and watch it.<br />
|-<br />
| style="background-color:#ffffff;border-top:1pt solid #000000;border-bottom:0.5pt solid #000000;border-left:0.5pt solid #000000;border-right:1pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.095cm;padding-right:0.191cm;" | Slide:<br />
<br />
Spoken Tutorial workshops<br />
| style="background-color:#ffffff;border-top:1pt solid #000000;border-bottom:0.5pt solid #000000;border-left:0.5pt solid #000000;border-right:0.5pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.095cm;padding-right:0.191cm;" | <span style="background-color:#ffffff;">The&nbsp;</span><span style="background-color:#ffffff;">'''Spoken Tutorial Project'''</span><span style="background-color:#ffffff;">&nbsp;team </span>conducts workshops and gives certificates.<br />
<br />
<br />
For more details, please write to us.<br />
|-<br />
| style="border-top:1pt solid #000000;border-bottom:0.5pt solid #000000;border-left:0.5pt solid #000000;border-right:1pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.079cm;padding-right:0.191cm;" | Slide: Forum for specific questions:<br />
| style="border-top:1pt solid #000000;border-bottom:0.5pt solid #000000;border-left:0.5pt solid #000000;border-right:0.5pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.079cm;padding-right:0.191cm;" | <br />
* <div style="margin-left:1.27cm;margin-right:0cm;">Do you have questions in this Spoken Tutorial?</div><br />
* <div style="margin-left:1.27cm;margin-right:0cm;">Please visit this site</div><br />
* <div style="margin-left:1.27cm;margin-right:0cm;">Choose the minute and second where you have the question.</div><br />
* <div style="margin-left:1.27cm;margin-right:0cm;">Explain your question briefly.</div><br />
* <div style="margin-left:1.27cm;margin-right:0cm;">Someone from our team will answer them.</div><br />
<br />
<br />
|-<br />
| style="border-top:1pt solid #000000;border-bottom:0.5pt solid #000000;border-left:0.5pt solid #000000;border-right:1pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.079cm;padding-right:0.191cm;" | Slide: Forum for specific questions:<br />
| style="border-top:1pt solid #000000;border-bottom:0.5pt solid #000000;border-left:0.5pt solid #000000;border-right:0.5pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.079cm;padding-right:0.191cm;" | <br />
* <div style="margin-left:1.27cm;margin-right:0cm;">The Spoken Tutorial forum is for specific questions on this tutorial.</div><br />
* <div style="margin-left:1.27cm;margin-right:0cm;">Please do not post unrelated and general questions on them.</div><br />
* <div style="margin-left:1.27cm;margin-right:0cm;">This will help reduce the clutter.</div><br />
* <div style="margin-left:1.27cm;margin-right:0cm;">With less clutter, we can use these discussion as instructional material.</div><br />
<br />
<br />
|-<br />
| style="background-color:#ffffff;border-top:1pt solid #000000;border-bottom:0.5pt solid #000000;border-left:0.5pt solid #000000;border-right:1pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.095cm;padding-right:0.191cm;" | Slide: Acknowledgement<br />
| style="border-top:1pt solid #000000;border-bottom:0.5pt solid #000000;border-left:0.5pt solid #000000;border-right:0.5pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.095cm;padding-right:0.191cm;" | Spoken Tutorial Project is funded by NMEICT, MHRD, Government of India.<br />
<br />
<br />
More information on this mission is available at this link.<br />
|- style="border:1pt solid #000000;padding:0.176cm;"<br />
|| <br />
|| This is Siddhartha Sarkar signing off. Thanks for watching.<br />
|-<br />
|}</div>
SiddharthaSarkar