@@ -153,6 +153,7 @@ for getting started. | |||
| 153 | 153 | ||
| 154 | 154 | * [Developing a Single Page App with Flask and Vue.js](https://testdriven.io/developing-a-single-page-app-with-flask-and-vuejs) step-by-step walkthrough of how to set up a basic CRUD app with Vue and Flask. | |
| 155 | 155 | ||
| 156 | + | ||
| 156 | 157 | ### Intermediate to advanced Flask resources | |
| 157 | 158 | Once you move past the beginner tutorials and have created a few Flask | |
| 158 | 159 | projects you will want to learn how to use Flask extensions, | |
@@ -229,6 +230,10 @@ combined with the example real-world projects listed in the next section. | |||
| 229 | 230 | [Amazon Web Services' S3](https://aws.amazon.com/s3/) with a Flask | |
| 230 | 231 | application. | |
| 231 | 232 | ||
| 233 | + * [Visualize your trip with Flask and Mapbox](http://kazuar.github.io/visualize-trip-with-flask-and-mapbox/) | ||
| 234 | + uses geographic GeoJSON data and presents it in a Flask application | ||
| 235 | + that uses [Mapbox](https://www.mapbox.com/). | ||
| 236 | + | ||
| 232 | 237 | * [Handling Email Confirmation in Flask](https://realpython.com/blog/python/handling-email-confirmation-in-flask/) | |
| 233 | 238 | is a great walkthrough for a common use case of ensuring an email address | |
| 234 | 239 | matches with the user's login information. | |
@@ -244,6 +249,7 @@ combined with the example real-world projects listed in the next section. | |||
| 244 | 249 | ||
| 245 | 250 | * [Dynamic Secret Generation with Vault and Flask](https://testdriven.io/dynamic-secret-generation-with-vault-and-flask) looks at how to use Hashicorp's Vault and Consul to create dynamic Postgres credentials for a Flask web app. | |
| 246 | 251 | ||
| 252 | + | ||
| 247 | 253 | ### Open source Flask example projects | |
| 248 | 254 | Flask's lack of standard boilerplate via a commandline interface for | |
| 249 | 255 | setting up your project structure is a double edged sword. When you | |
@@ -256,6 +262,11 @@ about how to working on your codebase. | |||
| 256 | 262 | flight tracking web application built with Flask. You can check out a | |
| 257 | 263 | [running version of the application](https://skylines.aero/). | |
| 258 | 264 | ||
| 265 | + * [Flask JSONDash](https://github.com/christabor/flask_jsondash) is a Flask | ||
| 266 | + blueprint that creates JavaScript Object Notiation (JSON) | ||
| 267 | + [APIs](/application-programming-interfaces.html) for [data](/data.html) | ||
| 268 | + dashboards. | ||
| 269 | + | ||
| 259 | 270 | * [Microblog](https://github.com/miguelgrinberg/microblog) is the companion | |
| 260 | 271 | open source project that goes along with Miguel Grinberg's O'Reilly Flask | |
| 261 | 272 | book. | |
@@ -269,6 +280,10 @@ about how to working on your codebase. | |||
| 269 | 280 | along with the | |
| 270 | 281 | [source code in Gists](https://gist.github.com/coleifer/632d3c9aa6b2ea519384). | |
| 271 | 282 | ||
| 283 | + * [Reddit Job Search](https://github.com/anis-coding/Reddit-Job-Search) | ||
| 284 | + uses the [Reddit API](https://www.reddit.com/dev/api/) for a jobs data set | ||
| 285 | + and presents them via a Flask web app. | ||
| 286 | + | ||
| 272 | 287 | * [Bean Counter](https://github.com/BouncyNudibranch/bean-counter) is an | |
| 273 | 288 | open source Flask app for tracking coffee. | |
| 274 | 289 | ||
@@ -13,7 +13,7 @@ Responsive design is a method of using media queries in | |||
| 13 | 13 | site is usable on various devices with different screen sizes, from very | |
| 14 | 14 | small to very large. | |
| 15 | 15 | ||
| 16 | - <img src="/img/visuals/responsive-design.jpg" width="100%" alt="Three different screen sizes and devices with the same website that uses a responsive designt." class="technical-diagram" style="border: 1px solid #999;border-radius: 5px" /> | ||
| 16 | + <img src="/img/visuals/responsive-design.jpg" width="100%" alt="Three different screen sizes and devices with the same website that uses a responsive designt." class="shot outl rnd"> | ||
| 17 | 17 | ||
| 18 | 18 | Full Stack Python uses responsive design to improve readability across | |
| 19 | 19 | a broad range of devices that people use to read this site. | |
@@ -29,6 +29,10 @@ a broad range of devices that people use to read this site. | |||
| 29 | 29 | * This [site is entirely on responsive design](https://responsivedesign.is/) | |
| 30 | 30 | and has many articles on how to achieve readability across devices. | |
| 31 | 31 | ||
| 32 | + * [Using Media Queries For Responsive Design In 2018](https://www.smashingmagazine.com/2018/02/media-queries-responsive-design-2018/) | ||
| 33 | + contains a bunch of great examples for how to use media queries to | ||
| 34 | + achieve a responsive design. | ||
| 35 | + | ||
| 32 | 36 | * Smashing Magazine's article from 2011 on | |
| 33 | 37 | [responsive design - what it is and how to use it](https://www.smashingmagazine.com/2011/01/guidelines-for-responsive-web-design/) | |
| 34 | 38 | remains a definitive source for understanding why sites should be | |
@@ -25,6 +25,11 @@ automate the delivery of code from development to production. | |||
| 25 | 25 | ||
| 26 | 26 | ||
| 27 | 27 | ## DevOps tooling resources | |
| 28 | + DevOps cannot be performed with tools alone, but having the right tools | ||
| 29 | + to augment the culture and processes is important to successful software | ||
| 30 | + delivery. The following resources discuss both Python-specific and general | ||
| 31 | + tools and services for DevOps environments. | ||
| 32 | + | ||
| 28 | 33 | * [DevOps: Python tools to get started](https://speakerdeck.com/victorneo/devops-python-tools-to-get-started) | |
| 29 | 34 | is a presentation slideshow that explains that while DevOps is a culture, | |
| 30 | 35 | it can be supported by tools such as Fabric, Jenkins, BuildBot and Git | |
@@ -42,6 +47,9 @@ automate the delivery of code from development to production. | |||
| 42 | 47 | ||
| 43 | 48 | ||
| 44 | 49 | ## General DevOps resources | |
| 50 | + The following resources give advice and approaches for building the right | ||
| 51 | + teams, culture, processes and tools into software development organizations. | ||
| 52 | + | ||
| 45 | 53 | * [DevOps vs. Platform Engineering](https://alexgaynor.net/2015/mar/06/devops-vs-platform-engineering/) | |
| 46 | 54 | considers DevOps an ad hoc approach to developing software while building | |
| 47 | 55 | a platform is a strict contract. I see this as "DevOps is a process", | |
@@ -125,7 +125,7 @@ <h4>4.9 <a href="/networking.html">Networking</a></h4> | |||
| 125 | 125 | <div class="tc"><a href="/webrtc.html">WebRTC</a></div> | |
| 126 | 126 | <h4>4.10 <a href="/application-programming-interfaces.html">Web APIs</a></h4> | |
| 127 | 127 | <div class="tc tds"><a href="/microservices.html">Microservices</a></div> | |
| 128 | - <div class="tc tds sn">Webhooks</div> | ||
| 128 | + <div class="tc tds"><a href="/webhooks.html">Webhooks</a></div> | ||
| 129 | 129 | <div class="tc tds"><a href="/bots.html">Bots</a></div> | |
| 130 | 130 | <h4>4.11 <a href="/api-creation.html">API creation</a></h4> | |
| 131 | 131 | <div class="tc tds sn">Django REST Framework</div> | |
0 commit comments