L3 Flask Learning

Database Refresher

Software Engineering Home

Web Application Assessment

Task#1- A Complete Walkthrough

Make a simple app

In this youtube playlist we walk through a complete app from design to completion.

This playlist is somewhere between a tutorial and a showcase. You get to see me create a simple 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

In your major project, you will be expected to make an application that is a little more complex than the one above. You WILL need a many-to-many relationship in your databse and you can extend your application with things like Login Systems, Admin routes and Input forms.

Take a look at the section below and try to extend your practice app with some cool new feature as a learning exercise.

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.

Extension 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.

This should be your first stop for help on any of these languages.

Flask Quick Start

This is the OFFICIAL Flask quickstart.

Everything you need to know to get you started using Flask is here.

This should be your first stop for help on anything to do with Flask.

And Don't forget it's most important sub-page:

Using Flask with SQLite3

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

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!

Page updated

Google Sites

Report abuse