Python App Tutorial with Jupyter Widgets

Build pythons apps in minutes in this jupyter ipywidgets beginners tutorial. Jupyter widgets is the easy to make python apps. In this tutorial you will make a python gui from scratch.
Awesome Links to learn more:
List of Widgets
ipywidgets.rea...
Widgets Layout
ipywidgets.rea...
interact functions
ipywidgets.rea...
HTML Tutorials
www.w3schools....
fontawesome icons
fontawesome.co...
Tutorial Topics
Introduction- 0:0
In this tutorial we will learn how to use Jupyter Widgets. Jupyter widgets are the easiest way to create interactive applications in python. This tutorial will show you the basics of how they work. See the next tutorial to learn how to make a video game!
Import Widgets- 1:15
I show the simplest and best way to import a python package. A Python package is a toolbox of useful premade python functions.
Different Types of Widgets- 2:19
In this section I show the most common widgets I use. To see all the widgets check out the List of Widgets link. Widgets I show are Buttons, Sliders, Dropdowns, Text boxes, and Progress Bars.
Widget as Variables- 4:35
So how do we actually make the progress bar move? First off we can save the widget as a python variable. In python, functions are what you use to do stuff, they are what make the code your write run. So if you want a widget you create to do something, you need to give it a function. In the next video, you will see how this can be used to create a video game!
Interact function- 7:55
Adding functions to widgets can get pretty complicated. To make things easier I recommend you start out by using the Interact function. You can learn more about interact functions here. The simplest way to do this is with the interact decorator.
Widget Layout Box- 11:38
In order to make your application look professional it's important to have your widgets laid out in a well organized way. Here you can find a detailed description about widget layouts. You should also check out the widgets I used in the io_online and cytoscape applications.
Conclusion- 17:56
Just watching this tutorial is not how you learn. Make sure you try running all of the lines of code that I ran. The best way to learn how to code is practice! Even if you don't solve the problem, just trying will teach you a lot. Also, when you have questions, try googling them!
What is Jupyter? What is io?
Jupyter is a new operating system has become the most popular tool in data science. io is a new versions of jupyter that is perfect for beginners wanting learn how to code, because it’s easy to install and gives you all the tools you need. io also lets you program on any device! This is because io is a website that runs on google cloud compute engine. I also show how you can build fast jupyter applications using io online.

[@pramethgaddale8242]

It's very useful! Didn't know we could create all this cool stuff on an iPad. Hoping for more great stuff ahead.

[@sekharsinguluri]

Thanks for the video. It helped me a lot. Your tone sounds like little robotic 😀, are you doing it intensionally😅?

[@gauravleo1]

Very helpful ! Concise and quite informative ! Thanks for sharing Elliott !

[@ssgoh4968]

Super instructor. Clear and concise. Learn a lot from this video. Thanks.

[@audyraditya4893]

thanks sir, i searching this. this very great.

[@omnerpanzo2226]

Very useful! Can I know how to upload image using widgets? Or just getting the directory of chosen image? Thanks!

[@Tyokok]

Thanks for the great video! I need ask a favor here. I have anaconda notebook version 6.0.3, and my notebook doesn't show the widget, only prints out "IntSlider(value=0)". Could you please suggest how to fix it? Many Thanks!

[@courtneynelson4095]

This is great! Very clear and perfect for beginners.

[@marioandresheviacavieres1923]

Super awesome!! thanks for sharing

[@equitymonk34]

would you mind sharing the notebook or github link to the same pls

[@epicmorphism2240]

I love the aufio quality

[@ZiRo175]

great content, thanks for sharing

[@azeezonitiri7589]

I wrote the line of code but is just telling me that HBox is not define so what should I do

[@shuaiwang8761]

I think in cell 33, it should be "from ipywidgets import interact", rather than "interactive" right?

[@elliott3165]

:) Yes, ur right! The reason why it didn't cause errors is because I typed "import interact" in cell 11. Good catch!

[@Turbo-ui4rc]

Could you share jupyter notebook?

[@motacillafeldegg13]

How are you instantaneously pasting text without copying from anything else?

[@aaronalquiza9680]

there are video cuts in between his paste actions.

[@stephanzoellner4994]

How to put the widgets and functions on a webpage?

[@elliott3165]

*Tutorial Topics*
Introduction- 0:01
Import Widgets- 1:15
Different Types of Widgets- 2:19
Widget as Variables- 4:35
Interact function- 7:55
Widget Layout Box- 11:38
Conclusion- 17:56
*Links to learn more:*
List of Widgets
ipywidgets.readthedocs.io/en/...
Widgets Layout
ipywidgets.readthedocs.io/en/...
interact functions
ipywidgets.readthedocs.io/en/...
HTML Tutorials
www.w3schools.com/html/
fontawesome icons
fontawesome.com/icons?d=galle...

[@AV-tr9hl]

can you share the notebook?

[@simanchalpatnaik2566]

Awesomee

[@noirth-security]

Can we team

[@kelixoderamirez]

Permission to learn sir

[@nicjgoss7069]

wtf is io

[@elliott3165]

io is a version of jupyer software that lets u instantly code any language on any device! Check out the tutorial below to learn how to use it:
ua-cam.com/video/SOd9NuEgR8A/v-deo.html