Gain insights into developing web applications using Flask, a lightweight and easy-to-learn Python framework. Delve into techniques that make you a sought-after full-stack developer.

flaskw.tar.gz

flask

flask - code widget

flask sqlalchemy terminal

flask2

flask3

flask4

flask5

This project-based course is a detailed guide to web application development using the increasingly popular Flask framework.

Flask is known for being simple, lightweight and having a small learning curve. If you've got some experience in Python, picking up Flask will be a breeze. It's got a booming job market and will put you on track to becoming an in-demand full-stack developer. What's not to love?

Flask: Develop Web Applications in Python

The complete implementation of the problem is provided below. Let's take a look at it!
# Solution

"""Flask Application for Paws Rescue Center."""
from flask import Flask, render_template
app = Flask(__name__)

"""Information regarding the Pets in the System."""
pets = [
            {"id": 1, "name": "Nelly", "age": "5 weeks", "bio": "I am a tiny kitten rescued by the good people at Paws Rescue Center. I love squeaky toys and cuddles."},
            {"id": 2, "name": "Yuki", "age": "8 months", "bio": "I am a handsome gentle-cat. I like to dress up in bow ties."},
            {"id": 3, "name": "Basker", "age": "1 year", "bio": "I love barking. But, I love my friends more."},
            {"id": 4, "name": "Mr. Furrkins", "age": "5 years", "bio": "Probably napping."}, 
        ]

@app.route("/")
def homepage():
    """View function for Home Page."""
    return render_template("home.html", pets = pets)


@app.route("/about")
def about():
    """View function for About Page."""
    return render_template("about.html")



if __name__ == "__main__":
    app.run(debug=True, host="0.0.0.0", port=3000)


React

Dart

GoJS React

Typescript React

Vue.js

# Explanation
Let's take a look at how we solved this problem.
## Modification in `app.py`
In `app.py`, at **line 16**, we returned the `pets` dictionary from the `homepage` view. This will enable us to access this variable in the `home.html` template.

## Modification in `home.html`
The bulk of the solution is present in the `home.html` template. 
1. First, we used the `for` loop syntax in jinja to ***traverse*** through the `pets` dictionary. 
2. Then, we added a new *table row* in the loop that renders all columns of a single `pet`. We used the Python syntax between `{{ }}` to get the values from the dictionary.
3. Lastly, the most **tricky part** of this challenge was to get the `filename` for the image associated with each `pet`. For this purpose, we used the `pet["id"]` variable and converted it into a `string` using the `string` filter in Jinja. Then, this `id` was appended to the string `".jpg"` to create the complete `filename`.

In this lesson, we will be taking a look at the solution of the challenge presented in the previous lesson. 

Before Getting Started

Introduction to Flask

First Flask Application

Build File/Directory Explorer in Flask

Static Templates

Static Files

Dynamic Templates

Form Handling

Database

Operations on Models

Conclusion

Test a MEAN Stack Todo Application with JEST

Build an E-Learning Website Using Flask

Solution: For Loop in Jinja