New Course: Building Web Applications with Python

[thejeshgn]

I'm interested to create this course.

About the course

Title
Build Web Applications with Python
Subtitle

• TODO

Description
The web is the ultimate platform to build applications. You don't need permission to make an application for the web, and it's the platform anyone can build an application and publish it without anyone's approval. The best part is web development is very beginner-friendly. In this course, we will learn to make websites that you can share with your friends and family. We will also create web applications that respond to users using Python - the friendliest programming language.

Course Outline

1. Basic HTML
Learn how to create an HTML document.

• Introduction to HTML Document
• HTML head and body
• Handling Text
• Adding Links
• Adding Images
• Creating Lists
• Creating Tables

2. Dynamic HTML Using Jinja
Learn to create the HTML documents programmatically using templates.

• Formatting Text in Python
• Jinja2
• Simple Jinja Template
• Conditions and Loops
• Creating Tables from Data
• Build a Static Website

3. Getting Started with Flask
Learn how to create and serve HTML documents from a server.

• Introduction to Flask
• Routing and Controllers
• Responding to Website Users
• Return HTML Content
• Return HTML Content generated using Jinja
• Build a Simple Website

4. Interacting with Users
Learn how to interact with your web application users.

• HTML Forms and User Inputs
• Submitting the Form to Server
• Responding to User Form Submission
• Build a Guest Book

5. Styling
Learn how to make your web application look good

• Introduction to Styling
• Using Style Tag
• Applying CSS style to HTML Document
• Using Bootstrap

6. Build a Web Application
Build a web application with everything we have learnt until now.

• Problem
• Approach

7. Next

What to do next?

• What to do next?

References

Notes

#26

[thejeshgn]

• May be chapter 0 about the introduction and context setting
• 6. Build a Web Application can be renamed to capstone project

[thejeshgn]

I have no header image for this course yet. Should we remix old WWW[1] logo?

[1] : https://en.wikipedia.org/wiki/History_of_the_World_Wide_Web#/media/File:WWW_logo_by_Robert_Cailliau.svg

[anandology]

On Fri, Nov 26, 2021 at 3:06 PM Thejesh GN ***@***.***> wrote: I have no header image for this course yet. Should we remix old WWW[1] logo? [1] : https://en.wikipedia.org/wiki/History_of_the_World_Wide_Web#/media/File:WWW_logo_by_Robert_Cailliau.svg

How about using a browser frame mockup? Or a faded image of html code?

…

[anandology]

Or see if any of these makes sense? https://undraw.co/illustrations I'm not completely sure if they fit well with the current theme of the site, but we can try. On Fri, Nov 26, 2021 at 4:25 PM Anand Chitipothu ***@***.***> wrote:

…

On Fri, Nov 26, 2021 at 3:06 PM Thejesh GN ***@***.***> wrote: > I have no header image for this course yet. Should we remix old WWW[1] > logo? > > [1] : > https://en.wikipedia.org/wiki/History_of_the_World_Wide_Web#/media/File:WWW_logo_by_Robert_Cailliau.svg > How about using a browser frame mockup? Or a faded image of html code? >

[anandology]

What do you think of this one:

[thejeshgn]

[thejeshgn]

I want it to be playful than formal.

[anandology]

Looks great. I don't think you need the title in the image. Since the title is displayed next to the image on the course page, having it also in the image may not look good.

…

On Sat, Nov 27, 2021 at 1:15 PM Thejesh GN ***@***.***> wrote: I want it to be playful than formal. — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#27 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAAB3EK46SYJYWJXVI4MEPLUOCEATANCNFSM5IVIHLIQ> . Triage notifications on the go with GitHub Mobile for iOS <https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android <https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub>.

[thejeshgn]

We can credit Excalidraw Libraires on the course details page along with any other credits that we have to give.

[anandology]

It is looking like this when I tried it on a dev-instance:

The tags are coming on the top of the frame. I'll see how to position it better.