Build Python Flask Website with Bootstrap and API Data
3.4 (19 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
5,652 students enrolled

Build Python Flask Website with Bootstrap and API Data

Quickstart to Working with Python on the Web
3.4 (19 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
5,652 students enrolled
Created by Ryan B
Last updated 11/2018
English
English [Auto-generated]
Current price: $11.99 Original price: $19.99 Discount: 40% off
1 day left at this price!
30-Day Money-Back Guarantee
This course includes
  • 2 hours on-demand video
  • 1 article
  • 1 downloadable resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to Udemy's top 3,000+ courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Create a Flask website
  • Pull JSON data from existing public REST API

  • Implement basic bootstrap UI with panels, table and form

  • Handle POST data via form and GET requests
  • Cache data locally with sqlite
Requirements
  • Basic knowledge of Python
  • Text Editor
  • Web Browser
  • Python Environment (Course will Use Mac/Linux and Python 3)
Description

This course details installing Flask and working with a JSON API to pull data and display it using Bootstrap on a webpage. It will display in a table and also have a web form that will allow for input and to process POST requests to update content in Bootstrap Panels. Will also use sqlite to cache data locally. Basic knowledge of Python is recommended.

Who this course is for:
  • Beginners looking to get an introduction to Flask or Web Development
  • Professionals interested in developing web dashboards to help teams
  • Those interested in pulling data from JSON API and manipulating data
  • Exposure to bootstrap and basic UI creation
Course content
Expand all 25 lectures 01:59:41
+ Introduction
3 lectures 18:09

Set up environment and make sure flask is installed.

Preview 04:45
Using Templates
06:26
+ Working with Data
4 lectures 13:03
Working with Templates
04:06
Data from API
01:38
Data as JSON
02:46
Parsing JSON
04:33
+ Bootstrap and styling
4 lectures 15:11

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">


Starting with Bootstrap Container
03:08
Bootstrap panels
05:41
Custom CSS
03:02
More Styling
03:20
+ More API and output
4 lectures 17:42
Other API Endpoints
05:38
Parsing other Dictionaries
03:29
Creating Bootstrap Table
04:43
Add Further Properties to Table
03:52
+ Adding Logic and POST Data
3 lectures 21:56
Adding Custom Data Calculation
08:11
Creating Bootstrap Form and Submit Button
06:44
Begin POST Process
07:01
+ Further Processing
3 lectures 14:36
Print POST Data
04:41
Update Panels from Form
07:24
Extra Formatting
02:31
+ Reading and Writing to Sqlite
4 lectures 19:04
Further Sqlite
04:44
Adjusting Logic
08:24

Final copy of source code to assist with any troubleshooting.

Final Code Upload
00:06