Join us and get access to thousands of tutorials and a community of expert Pythonistas.

This lesson is for members only. Join us and get access to thousands of tutorials and a community of expert Pythonistas.

Unlock This Lesson

Building a Code Image Generator With Python (Summary)

Building a Code Image Generator With Python Philipp Acsany 02:23

By finishing this project, you honed your skills as a Python programmer and experimented with full-stack web development.

In this video course, you worked with a variety of exciting concepts. Specifically, you learned how to:

Get your Flask project up and running
Add style by connecting Jinja templates
Create images with Playwright
Make your code beautiful with Pygments
Save browser states with sessions
Improve the user experience with JavaScript

Download

Course Slides (.pdf)

4.3 MB

Download

Sample Code (.zip)

123.5 KB

Congratulations, you made it to the end of the course! What’s your #1 takeaway or favorite thing you learned? How are you going to put your newfound skills to use? Leave a comment in the discussion section and let us know.

00:00 Congratulations on finishing the code image generator. In this course, you created a web app, you connected and styled templates, and you beautified the code with Pygments.

00:11 And you also used Playwright to create the code images.

00:15 One of the advantages of building your own tools is that you can expand them to your own liking. The project that you created in this video course is only a starting point.

00:25 So here are some ideas on how to improve the code image generator. You can, for example, add the capability to highlight other programming languages than Python.

00:34 You could create a theme gallery page that displays all the available pigment styles. You could implement the option to define the image dimensions and the format, and also you could definitely improve the user experience.

00:48 Which brings me to the additional resources of this video course. This video course is based on a step-by-step tutorial, which you can also find on realpython.com.

00:58 Do you remember how you edit the code and the theme and the utils.py file in this project? If you follow along with the tutorial, you learn how to implement a theme selection right in the app.

01:09 Also, you can add the code directly on the website, which definitely improves your user experience quite a lot. If you’d rather want to expand your knowledge on some of the tools you used in this video course, then you can check out these three other resources.

01:23 First, there is a learning path on Flask, the web framework that you used in this course. With the code image generator project, you only scratched the surface of what you can do with Flask.

01:33 So if you’re curious, check out the Flask by Example learning path. In this video course, I only mentioned briefly that the templates you’ve created are so-called Jinja templates, and here again, you only scratched the surface.

01:47 So if you want to modularize your templates even more, or if you want to conditionally render parts of your web app, then definitely give Primer on Jinja Templating a read.

01:58 And last but not least, if the code image generator was one of your first web projects and you want to learn more about the markup and the styling parts of the app, HTML and CSS for Python Developers is also perfect for you.

02:12 I hope you had as much fun building the code image generator as I did teaching the course. Thanks for watching and see you next time on realpython.com.

Become a Member to join the conversation.