13DTP Flask Refresher

Task #1: Do you know Flask?

Make a simple app

Put together the Flask and SQLite concept for a basic Web Application in this youtube playlist

This playlist is somewhere between a tutorial and a showcase. You get to see me create a start Level 2 Project but can choose to use your own data if you wish as a practice for your own major project.

This includes:

Setting up and using VSCode and Version Control
Designing, testing and integrating a database
Designing, creating and testing an HTML/CSS front end

Task#2- Investigate Flask Common Tasks

Flask Recipes

https://github.com/SteveRodkiss/FlaskCommonTasks

This video and the repo above explore common tasks in Flask Application programming. These small apps each demonstrate a particular 'recipe' and can really help you to understand how these things get done ion case you need them for your own project. Recipes include:

Quick Start
Rendering HTML
SQLite Basics
SQLite Queries
Using Forms
Template Inheritance
Simple Images
Dynamic Routes
Simple Session Login
Image Uploads
Simple User Login

Level 3 Step Ups

Flask-SQLAlchemy

Flask-WTF

Flask-Login

Flask-SQLAlchemy

Flask-SQLAlchemy Tutorial

Flask-SQLAlchemy has recently updated itself to the newer sqlalchemy 2.0 and, as a result, the syntax and usage is quite different.

This video explain what Flask-SQLAlchemy is, how and why you should use it and gives an example of both ways of using it.

Extra tutorials

Intro to Flask

Beginner focussed introductory lesson to the Flask Web Framework.

Work through this and make sure you are able to make a basic Flask App using VSCode, Python, Flask and HTML/CSS

By the end of the tutorial you will have made a working Web Application with Python code that serves HTML to your web browser and sends it simple data.

This is a critical first step to understanding how it all goes together to make a data focussed web applications.

Follow along and PLEASE USE HEADPHONES! Google captions don't work very well with Scottish accents...

Teachers:

Check in on progress. Have the kids hand in a link to their repo or a zip of their code, or check it on their local machines. You could get them to explain how it works.....

Learn how to use Git and Github in VSCode

This is an essential software engineering skill. Trusted by more than 4 million developers, github is the best place to keep your code safe. It can be really confusing and some tutorials tell you about branching and merging and forking and pull requests and it just puts the beginners off.

In this tutorial we'll use a simple process called "Master-Commit" where you'll stage, commit and sync changes straight to your main repository. If all goes well, thats all you'll need to do!

Welcome to the world of github!

References and Extras

W3 Schools

This is an indespensible reference for everything you'll need. It includes reference and tutorials for Python, SQL, HTML and CSS.

Using an IDE

VSCode is a lightweight cross platform tool to write HTML and CSS. Take a look at how it can help you be more productive at this link.

Using Github with VSCode

This takes practics and you will probably mess up a few times but it's worth it. Become a real developer and join the other 100 Million developer who rely on this to keep their code safe.

Grid Layout Explanation

Try it out in your own project

Page updated

Report abuse