Flask Full Series - Web Application Development with Python - Templates & Styling - Episode 2

Flask Python
#Flask #Python #FlaskTutorial

👍Welcome to my Python Flask tutorial

In this video, we will understand how we can write better HTML Code by storing them in HTML files, we will understand what a styling framework is, how to import them, and use the benefits of one popular styling framework to make our site look better

Throughout this series, I am going to go deeper into each topic by developing a real website that simulates an open market that different users can purchase items, including a budget system for each user.

Connect with me with:

👍 Subscribe for more Python tutorials like this:
🔥 Comment below on other topics you want to see tutorials next on my Channel.
-----------------------------------------------

My website:

Useful Links:

Code from Github:

Timeline for the video:
00:00 - 04:49 - Render Template function
04:50 - 06:53 - How to use a Styling framework (Bootstrap)
06:54 - 10:26 - How HTML looks in general ?
10:27 - 13:09 - Multiple URLs for same Route
13:10 - 18:08 - Adding Navigation Bar
18:09 - 21:58 - Dark Mode

[jimshapedcoding]

Hi all, hope you liked the first episode! From now on we will learn a lot of utilities inside the Flask package, and on this one, we will start to learn how to send our users to different HTML templates, and we will also learn how to style our pages with Bootstrap! Enjoy, feel free to ask questions!

[dibupradhan]

Very interested and helpful to watch your videos to learn flask.Thanks for making such type of helpful videos.keep doing great job 👍👍👍👍👍👍.

[anup]

Thank bro, your video are just in layman language...this series are made for anybody and everybody even a non tech background person can understand...and start coding

[remzialtparmak]

Excellent explanations bro, you had a great job. Appreciate it!

[rinkujain]

First of all, amazing video. I have a question. After making changes to any of my files, I have to restart the server every time. How can I do something so that the server automatically restarts?

[portinho]

Hi Jim.
For me, the all links (Flask Market, Home (current), Market, Login, Register) is justified left, but don't disturbed the class, just is different of your demonstration.
Regards.

[hagayhalevy]

Hi buddy,
You are amazing, if you can share links to the websites that you explaining about them it will be great!!!
thanks

[Zannepah]

print("he is dah ") i have a project to do and i have to learn flASK so after every episode i'm commenting thus lol 14 more to go

[asingh]

On the running time of the code of html gives file not found error [Error 2]
Can u give some idea to how to solve

[hdjfjd]

Jim how to restart server again ? Do i have to type set FLASK_APP=market.py again ??

[MajidAli-wxpx]

Sir the Broswer show me this type of Error...
Index.html"
I write the same code as you write in this video 2:00 to 4:30

[ivanyosifov]

Your website can not be found. Is it down?

[tizyanoonie]

1. JimShapedCoding website is not working. So, here's the code.

First code snippet:
<nav class="navbar navbar-expand-md navbar-dark bg-dark">
<a class="navbar-brand" href="#">Jim Shaped Coding Market</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav">
<span
</button>
<div class="collapse navbar-collapse" id="navbarNav"></div>
</nav>

Second code snippet:
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span
</li>
<li class="nav-item">
<a class="nav-link" href="#">Market</a>
</li>
</ul>
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#">Login</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Register</a>
</li>
</ul>

2. To auto-format code in PyCharm type Ctrl+Alt+L, no need to do manual adjustments in the html or python /other code.


3. If you use PyCharm, there's no need to save files each time after changes. Any changes are saved automatically.

4. Thanks for course! :)