Python-Flask/C2/Installation-of-Python-Flask/English - Revision history

Pravin1389 at 06:29, 28 January 2019

2019-01-28T06:29:28Z

Show changes

SiddharthaSarkar: Script synced with video.

2019-01-21T11:22:52Z

Script synced with video.

SiddharthaSarkar: Tutorial 2

2018-12-25T20:32:18Z

Tutorial 2

New page

'''Title of script: Installation of Python Flask'''

'''Author: Siddhartha Sarkar'''

Keywords: Video tutorial, Python Flask, Installation, Virtual Environment.

{| class="wikitable" style="border-spacing:0;width:16.51cm;"
|- style="border:1pt solid #000000;padding:0.176cm;"
| align=center| '''Visual Cue'''
| align=center| '''Narration'''
|- style="border:1pt solid #000000;padding:0.176cm;"
|| Slide 1: Installation of Python Flask
|| Welcome to the spoken tutorial on''' Installation of Python Flask.'''
|- style="border:1pt solid #000000;padding:0.176cm;"
|| Slide 2: Learning Objectives
|| In this tutorial we will learn to
* <div style="margin-left:1.27cm;margin-right:0cm;">Create a '''Virtual Environment.'''</div>
* <div style="margin-left:1.27cm;margin-right:0cm;">Activate and deactivate the '''Virtual Environment'''.</div>
* <div style="margin-left:1.27cm;margin-right:0cm;">Install packages inside the '''Virtual Environment'''.</div>
* <div style="margin-left:1.27cm;margin-right:0cm;">And launch a '''Flask application'''.</div>

|- style="border:1pt solid #000000;padding:0.176cm;"
|| Slides 3: System Requirements
|| To record this tutorial, I’m using
* <div style="margin-left:1.27cm;margin-right:0cm;">'''Ubuntu Linux 16.04''' '''OS'''</div>
* <div style="margin-left:1.27cm;margin-right:0cm;">'''Python''' '''3.5.2'''</div>
* <div style="margin-left:1.27cm;margin-right:0cm;">'''Atom text editor 1.22.1 '''</div>
* <div style="margin-left:1.27cm;margin-right:0cm;">'''Firefox web browser''' and</div>
* <div style="margin-left:1.27cm;margin-right:0cm;">A working '''Internet''' connection.</div>

You can use any text editor and web browser of your choice.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| Slide 5:

Pre-requisites

|| To follow this tutorial, you should have working knowledge on
* <div style="margin-left:1.27cm;margin-right:0cm;">'''Linux commands''' and</div>

* <div style="margin-left:1.27cm;margin-right:0cm;">Basic '''Python programming'''</div>

If not, then please go through the corresponding tutorials on this website.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| Slide 6: Virtual Environment
||
* <div style="margin-left:1.27cm;margin-right:0cm;">A '''virtual environment''' is a self-contained '''directory tree. '''</div>
* <div style="margin-left:1.27cm;margin-right:0cm;">It contains a '''Python installation''' for a particular version of '''Python'''. </div>
* <div style="margin-left:1.27cm;margin-right:0cm;">Additional '''packages''' can be installed inside the '''virtual environment'''.</div>

|- style="border:1pt solid #000000;padding:0.176cm;"
|| Slide 6: Virtual Environment

<div style="color:#0000ff;">(pronounce as v-e-n-v)</div>
||
* <div style="margin-left:1.27cm;margin-right:0cm;">'''Venv '''is the short form for '''virtual environment.'''</div>
* <div style="margin-left:1.27cm;margin-right:0cm;">'''Venv '''is used to avoid conflict between different '''Python installations'''. </div>

|- style="border:1pt solid #000000;padding:0.176cm;"
|| Slide 7: Virtual Environment
||
* <div style="margin-left:1.27cm;margin-right:0cm;">For every '''project,''' we can have a separate '''Venv'''.</div>
* <div style="margin-left:1.27cm;margin-right:0cm;">We will install '''Venv '''via a '''package''' called '''pip'''.</div>

|- style="border:1pt solid #000000;padding:0.176cm;"
|| Slide 8: Pip
||
* <div style="margin-left:1.27cm;margin-right:0cm;">'''Pip '''is a '''package manager '''program.</div>
* <div style="margin-left:1.27cm;margin-right:0cm;">It is used to install, upgrade, and remove '''Python packages. '''</div>
* <div style="margin-left:1.27cm;margin-right:0cm;">'''Pip3 '''is the '''Python3 '''version of '''pip'''</div>

|- style="border:1pt solid #000000;padding:0.176cm;"
|| Slide: Pip3 installation
||
* <div style="margin-left:1.27cm;margin-right:0cm;">To check if '''pip3''' is already installed, type the following command in the '''terminal:'''</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 style="margin-left:1.27cm;margin-right:0cm;">Else, install '''pip3''' using the following command in the '''terminal''':</div>

'''sudo <space> apt <space> install <space> python3-pip'''
|- style="border:1pt solid #000000;padding:0.176cm;"
|| Open the terminal
|| Open the '''terminal''' by pressing '''Ctrl''', '''Alt''' and '''T''' keys together.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| Type pip3 --version [Enter]
|| Let us check the version of '''pip.'''

Type '''pip3 <space> hyphen hyphen version '''and press''' Enter.'''
|- style="border:1pt solid #000000;padding:0.176cm;"
||

Point to pip version
|| You should be able to see some valid '''pip3''' version number.

In my case it is '''pip 8.1.1''' for '''python 3.5'''.
|- style="border:1pt solid #000000;padding:0.176cm;"
| style="color:#0000ff;" | (pronounce as virtual-e-n-v).
|| Next let us install '''Virtualenv.'''
|- style="border:1pt solid #000000;padding:0.176cm;"
|| Type

$ sudo pip3 install virtualenv [Enter]
|| Type '''sudo <space> pip3 <space> install <space> virtualenv'''

And press''' Enter.'''
|-
| 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
| 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.'''

This folder will help me to organize my files in a single place.
|-
| 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]

Type mkdir project_flask [Enter]
| 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.'''
|-
| 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]

Type cd project_flask [Enter]
| 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.'''
|- style="border:1pt solid #000000;padding:0.176cm;"
|| Only narration
|| Now let us create a new '''virtual environment''' inside our newly created '''directory'''.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| [Terminal]

Typing

$ virtualenv -p python3 flask_venv
|| So type

'''virtualenv <space> <hyphen> p <space> python3 <space> flask_venv'''

This will create a '''virtual environment''' named '''flask_venv'''.

You may choose any other name for the '''virtual environment'''.

The '''hyphen p''' flag is used to specify which''' python interpreter''' is to be used.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| [Enter]
|| Now press '''Enter.'''
|- style="border:1pt solid #000000;padding:0.176cm;"
|| [Terminal]

Typing

$ virtualenv -h [Enter]
|| For '''help''', type the following command in the '''terminal'''

'''virtualenv -h '''and press '''Enter.'''

Here, we can see the list of available commands and options.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| Highlight -p and its description.
|| Observe that '''-p''' is used to specify the version of the '''python interpreter''' to be used.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| [Terminal]

Type $ ls [Enter]
|| Type '''ls''' and press '''Enter.'''

Note that we have a folder named '''flask_venv''' in our current '''directory'''.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| [Terminal]

Type

$ ls flask_venv [Enter]
|| Now, let us see the contents of '''flask_venv directory'''.

Type '''ls <space> flask underscore venv'''

Press''' Enter'''.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| [Terminal]

Point to the list of directories in the terminal
|| Observe that there are a number of files and directories inside '''flask_venv'''.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| [Terminal] Point to bin
|| '''bin''' contains the executable files.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| [Terminal] Point to lib
|| '''lib''' contains supporting library files.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| [Terminal] Point to site-packages
|| Packages installed in this '''environment''' will appear in

'''site-packages'''.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| [Terminal] Point to

lib/ python3.5 directory
|| '''site-packages''' can be found inside '''lib slash python3.5 directory.'''
|- style="border:1pt solid #000000;padding:0.176cm;"
||
|| Next, we have to '''activate''' this '''virtual environment'''.

'''Activate''' means, from now on all the''' python commands''' will run inside this '''venv'''.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| [Terminal]

Typing

$ . flask_venv/bin/activate

|| To do that, we have to run the '''activate''' executable from the '''bin directory'''.

Type '''dot <space> flask <underscore> venv slash bin slash activate'''

Press '''Enter.'''
|- style="border:1pt solid #000000;padding:0.176cm;"
||
|| The '''shell''' now uses an instance of '''Python '''from our '''virtual environment.'''
|- style="border:1pt solid #000000;padding:0.176cm;"
|| [Terminal]

Highlight

(flask_env)
|| Once activated, notice the change in the '''terminal'''.

We can see the name of the environment '''flask_venv''' inside parentheses, in the '''terminal'''.

This indicates that we are inside an activated '''virtual''' '''environment''' called '''flask_venv'''.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| [Terminal]

Type

$ python3 -V
|| We should now make sure that we are using '''Python 3''' inside this '''Virtual Environment.'''

For that, type '''python3 <space> hyphen capital V''' and press '''Enter.'''

In my case it shows '''Python 3.5.2'''.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| [Terminal]

Typing

$ pip3 install flask
|| Next let us install '''flask''' inside '''venv'''.

Type '''pip3<space> install <space> flask '''and press '''Enter.'''

This will install the '''Flask''' package only for this '''venv''' and not system wide.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| [Terminal]

Highlight

“...installed Flask-1.0.2 Jinja2-2.10 MarkupSafe-1.0 Werkzeug-0.14.1...”
|| Some associated packages like '''Jinja2''', '''MarkupSafe''' and '''Werkzeug''' will also get installed.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| [Terminal]

Type

$pip list
|| To confirm, whether '''Flask''' has been installed or not, type

'''pip <space> list'''

And press '''Enter.'''
|- style="border:1pt solid #000000;padding:0.176cm;"
|| [Terminal]

Highlight flask, jinja2, werkzeug.
|| Observe that we have '''flask, jinja2, werkzeug''' etc.

That means our '''Flask''' installation is successful.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| [Terminal]
|| Let us see the working of '''Flask''' by writing a simple '''‘hello world’ app'''.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| Only narration
|| Let’s create a '''python''' file at the same level as '''flask_venv'''.

This is so that the '''flask_venv '''is logically separated from the '''hello world app'''.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| Only narration
|| I will be using the '''atom text editor.'''

However, you can use any''' text editor''' of your choice.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| [Terminal]

$ atom hello_flask.py
|| Type the command

'''atom <space> hello underscore flask dot py'''

and press '''Enter.'''
|- style="border:1pt solid #000000;padding:0.176cm;"
||
|| A text editor called '''Atom''' will open.

This will open the file in the '''text editor '''window.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| [Text Editor]

Close the default tabs.
|| If you open the '''Atom''' editor, for the first time you may see two default tabs.

“'''Welcome'''” and “'''Telemetry Consent'''”.

Click on the '''close''' buttons next to these tabs to close them.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| [Text Editor]

from flask import Flask

app = Flask(__name__)

@app.route('/')

def hello_world():

(Tab)return 'Hello, World!'
|| Type the code as shown here.

Which will launch a very simple '''built-in server.'''

|- style="border:1pt solid #000000;padding:0.176cm;"
|| [Text Editor]
|| We will discuss this '''program''' and its '''elements''' in detail in later tutorials.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| Save the file by pressing Ctrl+S.
|| For now, let’s save the file by pressing '''Ctrl and S''' keys together.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| Click close button.
|| Then close the editor by clicking on the '''close''' button at the top left corner of the window.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| [Terminal]

Type

$ export FLASK_APP=hello_flask.py
|| Come back to the '''terminal''', and type

'''export <space> FLASK_APP <equal to> hello underscore flask dot py'''

And press '''Enter'''.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| Only narration.
|| This command sets an '''environment variable '''named '''FLASK_APP''' with the '''python '''file-name.

The '''FLASK_APP variable '''specifies the '''module '''to import while running our '''app'''.

This tells the '''terminal''' which '''flask app '''to work with.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| [Terminal]

Type

$ echo $FLASK_APP
|| It is possible to verify that we have indeed set '''FLASK_APP variable''' by the filename.

To do that type

'''echo <space> <dollar> FLASK underscore APP'''

And press''' Enter.'''
|- style="border:1pt solid #000000;padding:0.176cm;"
|| Point to the output
|| Observe that we got the filename '''hello underscore flask dot py''' back.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| [Terminal]

Type

$ python3 -m flask run

[Enter]
|| Now type

'''python3 <space> hyphen m <space> flask <space> run'''

This command runs the '''flask application''' named '''hello underscore flask'''.

The file to execute is the one given by the '''FLASK_APP environment variable.'''

We have already set that in the previous step.

Press '''Enter'''.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| Point to the message
|| If all goes well, you should see a message

'''“Running on [http://127.0.0.1:5000/ http://127.0.0.1:5000/]”'''

This implies that the '''server''' is running locally.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| [Firefox]

Type

[http://127.0.0.1:5000/ http://127.0.0.1:5000/]

And press Enter.
|| Now, open a web browser.

In the address bar, type [http://127.0.0.1:5000/ http://127.0.0.1:5000/] and press '''Enter'''.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| Highlight ‘Hello, World!’
|| We can see the message ‘'''Hello, World!'''’ written in the browser window.

Which means that '''Flask '''is working fine in the '''Virtual Environment'''.
|-
| 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
| 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.'''
|-
| 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
| 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.
|-
| 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]

Type deactivate and press Enter
| 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.

To do so, type '''deactivate''' and press '''Enter'''.
|-
| 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]

Point the shell prompt
| 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.'''
|-
| 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;" |
| 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.

Let us summarize.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| Slide 9: Summary
|| In this tutorial we learnt to
* <div style="margin-left:1.27cm;margin-right:0cm;">Create a '''Virtual Environment.'''</div>
* <div style="margin-left:1.27cm;margin-right:0cm;">Activate and deactivate the '''Virtual Environment'''.</div>
* <div style="margin-left:1.27cm;margin-right:0cm;">Install '''Flask '''and</div>
* <div style="margin-left:1.27cm;margin-right:0cm;">Launch '''“Hello world”''' in '''Flask'''.</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: About Spoken Tutorial project
| 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.

Please download and watch it.
|-
| 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:

Spoken Tutorial workshops
| 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 </span><span style="background-color:#ffffff;">'''Spoken Tutorial Project'''</span><span style="background-color:#ffffff;"> team </span>conducts workshops and gives certificates.

For more details, please write to us.
|-
| 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:
| 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 style="margin-left:1.27cm;margin-right:0cm;">Please visit this site</div>
* <div style="margin-left:1.27cm;margin-right:0cm;">Choose the minute and second where you have the question.</div>
* <div style="margin-left:1.27cm;margin-right:0cm;">Explain your question briefly.</div>
* <div style="margin-left:1.27cm;margin-right:0cm;">Someone from our team will answer them.</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:
| 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 style="margin-left:1.27cm;margin-right:0cm;">Please do not post unrelated and general questions on them.</div>
* <div style="margin-left:1.27cm;margin-right:0cm;">This will help reduce the clutter.</div>
* <div style="margin-left:1.27cm;margin-right:0cm;">With less clutter, we can use these discussion as instructional material.</div>

|-
| 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
| 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.

More information on this mission is available at this link.
|- style="border:1pt solid #000000;padding:0.176cm;"
||
|| This is Siddhartha Sarkar signing off. Thanks for watching.
|-
|}

@@ Line 38: / Line 38: @@
 Pre-requisites
 || To follow this tutorial, you should have working knowledge on
@@ Line 75: / Line 74: @@
 ||
 * <div style="margin-left:1.27cm;margin-right:0cm;">'''Pip '''is a '''package manager '''program.</div>
-* <div style="margin-left:1.27cm;margin-right:0cm;">It is used to install, upgrade, and remove '''Python packages. '''</div>
+* <div style="margin-left:1.27cm;margin-right:0cm;">Used to install, upgrade, and remove '''Python packages. '''</div>
 * <div style="margin-left:1.27cm;margin-right:0cm;">'''Pip3 '''is the '''Python3 '''version of '''pip'''</div>
@@ Line 85: / Line 84: @@
-'''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>
+'''pip3 <space> hyphen hyphen version '''and press''' Enter.'''
 * <div style="margin-left:1.27cm;margin-right:0cm;">Else, install '''pip3''' using the following command in the '''terminal''':</div>
@@ Line 107: / Line 107: @@
-In my case it is '''pip 8.1.1''' for '''python 3.5'''.
+In my case it is '''pip 18.0''' for '''python 3.5'''.
 |- style="border:1pt solid #000000;padding:0.176cm;"
 | style="color:#0000ff;" | (pronounce as virtual-e-n-v).
@@ Line 118: / Line 118: @@
-And press''' Enter.'''
+And press''' Enter.'''Provide the '''admin password '''and press''' Enter.'''
 |-
 | 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
@@ Line 136: / Line 136: @@
 Type cd project_flask [Enter]
-| 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.'''
+| 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;" | Type '''cd <space>''' '''project underscore flask''' and press '''Enter.'''
 |- style="border:1pt solid #000000;padding:0.176cm;"
 || Only narration
@@ Line 168: / Line 168: @@
 $ virtualenv -h [Enter]
-|| For '''help''', type the following command in the '''terminal'''
+|| For '''help''', type the following command in the '''terminal.'''
 '''virtualenv -h '''and press '''Enter.'''
@@ Line 254: / Line 254: @@
-We can see the name of the environment '''flask_venv''' inside parentheses, in the '''terminal'''.
+We can see the name of the virtual environment '''flask_venv''' inside parentheses, in the '''terminal'''.
@@ Line 313: / Line 313: @@
-That means our '''Flask''' installation is successful.
+That means our '''Flask''' installation was successful.
 |- style="border:1pt solid #000000;padding:0.176cm;"
 || [Terminal]
@@ Line 325: / Line 325: @@
 |- style="border:1pt solid #000000;padding:0.176cm;"
 || Only narration
-|| I will be using the '''atom text editor.'''
+|| I will be using '''atom text editor.'''
@@ Line 335: / Line 335: @@
 $ atom hello_flask.py
 || Type the command
 '''atom <space> hello underscore flask dot py'''
 and press '''Enter.'''
 |- style="border:1pt solid #000000;padding:0.176cm;"
 ||
-|| A text editor called '''Atom''' will open.
+|| This will open the file in the '''text editor '''window.
-−
-−
-This will open the file in the '''text editor '''window.
-|- style="border:1pt solid #000000;padding:0.176cm;"
-|| [Text Editor]
-−
-−
-Close the default tabs.
-|| If you open the '''Atom''' editor, for the first time you may see two default tabs.
-−
-−
-“'''Welcome'''” and “'''Telemetry Consent'''”.
-−
-−
-Click on the '''close''' buttons next to these tabs to close them.
 |- style="border:1pt solid #000000;padding:0.176cm;"
 || [Text Editor]
@@ Line 510: / Line 497: @@
 | 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.'''
 |-
-| 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;" |
+| 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;" | Narration only
 | 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.
@@ Line 517: / Line 504: @@
 |- style="border:1pt solid #000000;padding:0.176cm;"
 || Slide 9: Summary
-|| In this tutorial we learnt to
+|| In this tutorial we learnt to* <div style="margin-left:1.27cm;margin-right:0cm;">Create a '''Virtual Environment.'''</div>
 * <div style="margin-left:1.27cm;margin-right:0cm;">Create a '''Virtual Environment.'''</div>
 * <div style="margin-left:1.27cm;margin-right:0cm;">Activate and deactivate the '''Virtual Environment'''.</div>
 * <div style="margin-left:1.27cm;margin-right:0cm;">Install '''Flask '''and</div>
@@ Line 540: / Line 526: @@
 |-
 | 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:
-| 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;" |
+| 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 style="margin-left:1.27cm;margin-right:0cm;">Do you have questions in this Spoken Tutorial?</div>
 * <div style="margin-left:1.27cm;margin-right:0cm;">Please visit this site</div>
 * <div style="margin-left:1.27cm;margin-right:0cm;">Choose the minute and second where you have the question.</div>
@@ Line 550: / Line 535: @@
 |-
 | 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:
-| 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;" |
+| 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 style="margin-left:1.27cm;margin-right:0cm;">The Spoken Tutorial forum is for specific questions on this tutorial.</div>
 * <div style="margin-left:1.27cm;margin-right:0cm;">Please do not post unrelated and general questions on them.</div>
 * <div style="margin-left:1.27cm;margin-right:0cm;">This will help reduce the clutter.</div>