Building Data-Driven Web Apps with Flask and SQLAlchemy Transcripts
Chapter: Jinja2 templates
Lecture: Template chapter introduction
Login or purchase this course to watch this video and the rest of the course contents.
0:00 It's time to dig in to the HTML side of this whole web course. We're going to focus on templates and HTML and taking data and turning that into HTML.
0:11 As well as some patterns that make that very much nicer than maybe the most straightforward way. So, we're going to focus on templates
0:18 and these common views that share the layout and the overall look and feel across our site. Let's start with templates.
0:26 So, this is just a standalone example it's not from our PyPI project that we're working on. So, just to keep everything isolated.
0:33 And the goal is, if we're given a dictionary a list of dictionaries like this. So this is some form of data could have got it from the database
0:40 we could've gotten it from the web service hey, it can even come from a JSON file, who knows. But we have this data
0:46 we want to loop over those three items and we want to show a picture and we want to show the category.
0:53 This is from like a bike example, like a bike store and we have different categories of bikes each category has a picture of it
0:59 encourages people to click on it. And we're going to render this into some kind of responsive grid or set of divs or something to that effect.
1:07 It's going to look like this and have little picture and the title. Picture and the title, presumably they're going to be hyperlinks
1:13 something to that effect. We might not replicate this exactly 'cause we don't want to go too much into the design
1:19 but this is kind of what we're aiming for, okay? So we're going to see how we do that in Jinja