How To Create Your First Web Application Using Flask and Python 3

Learning Flask will allow you to quickly create web applications in Python. You can take advantage of Python libraries to add advanced features to your web application, like storing your data in a database, or validating web forms. You’ve also learned how to use dynamic routes to allow users to interact with your web application via the URL, and how to use the debugger to troubleshoot errors. In this tutorial, you’ll build a small web application that renders HTML text on the browser.

  • Although it helps to know about virtual environments and pip, you’ll learn how to set everything up as you work through the tutorial.
  • For this, Flask uses the popular Jinja template engine, which you already installed as a dependency when you installed Flask.

The second type are those that you want to address in code, such as when you want to implement an API endpoint that returns a static file. For this purpose, the Flask object contains a built-in method, send_static_file, which generates a response with a static file contained within flask developer the app’s static folder. In this Flask tutorial, you create a simple Flask app with three pages that use a common base template. Along the way, you experience a number of features of Visual Studio Code including using the terminal, the editor, the debugger, code snippets, and more.

h1>% block title % Welcome to FlaskBlog % endblock %h1>

Once you become more comfortable with Flask, you can step out of
this structure and take full advantage of Flask’s flexibility. By adding the CSS file reference to base.html, you’re again taking advantage of the inheritance mechanism that Jinja templates provide. You only need to add styles.css in your base template to make it present in your child templates.

flask framework in python

With a template engine like Jinja, you can embed Python-like expressions into your templates to create dynamic web content. You can use loops, conditionals, and variables directly in your templates. Stop the development server in your other terminal that runs the hello application with CTRL+C. You’ve run your application and displayed information on the web browser. In this step, you’ll activate your Python environment and install Flask using the pip package installer. It is designed
to make getting started quick and easy, with the ability to scale up to
complex applications.

Installation of Flask

With some minimal styling, your Flask web project is starting to look like a finished web app. Once you’re finished, you can continue to work on the message board project by adding a database and accepting posts from your users. Flask provides a render_template() helper function that allows use of the Jinja template engine.

  • In line 4, you set the title of your project to Message Board.
  • In this section, you’ll spin up a development server and display “Hello, World!” in the browser with just a few lines of code.
  • Components use an XML-like syntax called JSX that transcompiles down to vanilla JavaScript.
Leave comment

Duque de Caxias 445

São Francisco - Curitiba, PR

(41) 3121-3385

Entre em contato


Seg à Sexta : 08:30 às 17:30