PyQt5 QtDesigner Login and Signup Forms tutorial: for COMPLETE beginners

  Рет қаралды 107,222

Code First with Hala

Code First with Hala

4 жыл бұрын

Create your first ever PyQt5 application: Login and Signup forms. Navigate between logging in and creating a new account. The tools used are Python, PyQt5 library and PyQt5 designer.
In this video, you will:
-Create your first Python PyQt5 project
-Launch your first Python PyQt5 application
-Work with PyQt5 designer
-Create a login/signin form PyQt5
-Create a signup/create account form in PyQt5
-Use QtWidgets, QtDialog
-Use PyQt5 buttons, line fields, password fields, and labels
-Hide password in PyQt5
-Switch screens in PyQt5
-Use on clicked events in PyQt5 buttons
Install and Setup PyQt5 and QtDesigner: • Install and Setup PyQt...
Source code: github.com/codefirstio/pyqt5-...
For suggestions or comments:
My email: mailto:code.first.io@gmail.com
*************
*Tags*
PyQt5 tutorial
PyQt5 login form
PyQt5 create account form
PyQt5 signup form
PyQt5 Designer
Qt Designer
Qt GUI tutorial
GUI tutorial Python
Graphical User Interface Python
Python tutorial

Пікірлер: 129
@nanakiinc.1441
@nanakiinc.1441 3 жыл бұрын
This is one of the best coding tutorials on youtube. Most coding tutorial: Write this code and see it works This tutorial: If you do that, this will happens, because... Thank you very much!!!
@gojosenpai9461
@gojosenpai9461 3 жыл бұрын
thank you so much, and yes we are interested in CSS with QDesigner, i hope more people here are interested as well
@rezasadjadian4603
@rezasadjadian4603 3 жыл бұрын
Explained the things very well and helped me a lot with my chore. Huge thanks for your effort. Thumbs up.
@ishudshutup
@ishudshutup 3 жыл бұрын
Wow, this was actually way better than the tutorials from Tech With Tim! Perhaps what could help is to divide the tutorials into around 10 min part, people may be intimidated by the 30 min video. Keep up the great work, thanks!!!
@raiyan22
@raiyan22 3 жыл бұрын
can agree, just seen TWT yesterday and this one is way better ! Thanks to her :)
@markobudimir4153
@markobudimir4153 3 жыл бұрын
Thank you so much, keep up the good work!
@TheSpiralnotizblock
@TheSpiralnotizblock 3 жыл бұрын
wow, thank you for this amazing tutorial!
@allwinaugustine
@allwinaugustine 3 жыл бұрын
Your channel deserve a lot more subscriptions...
@ramizquliyev394
@ramizquliyev394 3 жыл бұрын
You have an amazing voice but If you speak a little bit louder or use a mic everything would be perfect. Thanks For Video. Liked
@garyt2185
@garyt2185 2 жыл бұрын
This all can be done inside the Designer tool. No need to write code. Is a learning experiencing writing code, however. Great video.
@Jeffrich308
@Jeffrich308 3 жыл бұрын
Very informative! Thanks!
@sameerk12982
@sameerk12982 3 жыл бұрын
Hello from India....Thank you very much for this easy to understand and very helpful tutorial...looking forward for more....Subscribed.
@amosfalcon6190
@amosfalcon6190 2 жыл бұрын
Big thanks for your wonderful lesson! It really help me a lot. Wish Hala has gorgeous life in the coming 2022 : )
@Ashi_1608
@Ashi_1608 4 ай бұрын
Thank you for the tutorials...It helped me and my team mate to develop our project. Thank you!!!
@Loksy
@Loksy 3 жыл бұрын
Thank you for this video. keep it up
@kuahara
@kuahara Жыл бұрын
This is a very helpful video. Thank you.
@dansonchipili3357
@dansonchipili3357 Жыл бұрын
Wow wonderful video indeed. Great work
@hamzasonalcan
@hamzasonalcan Жыл бұрын
thank you very much for sharing the source code. It helped so much to my project.
@guytrout7101
@guytrout7101 Жыл бұрын
Well done tutorial and thank you for the source code for the pgm and two .ui
@bharadhwaj2145
@bharadhwaj2145 2 жыл бұрын
Very Great Tutorial Thanks a lot
@aaronjaffetgutierrez1345
@aaronjaffetgutierrez1345 Жыл бұрын
Nice video, thanks for you help!!
@CsOfficials12
@CsOfficials12 11 ай бұрын
This tutorial is very helpful for me 😘 ThankU maam
@alejozen3457
@alejozen3457 3 жыл бұрын
Your content is great!
@fatemenikkhah8780
@fatemenikkhah8780 3 жыл бұрын
خیلی ممنون از شما
@cedricsipakam2601
@cedricsipakam2601 2 жыл бұрын
Verry well explained!
@mirhosseinseednasiri3037
@mirhosseinseednasiri3037 Жыл бұрын
it was so useful for me thanks alot for creating this serios of video
@ahmedhashem5330
@ahmedhashem5330 3 жыл бұрын
i think your series will be great if you add some how dash board in the side of your screen just to demonstrate what are the functions of things that you have imported
@codefirstwithhala
@codefirstwithhala 3 жыл бұрын
Thanks for the great suggestion! Will keep it in mind
@inhthanhtung5199
@inhthanhtung5199 2 жыл бұрын
thank you so much (from vietnam)
@egutube99
@egutube99 2 жыл бұрын
love ur videos! helped me alot but is there anyway that i can sign the users out of the app after login?
@andreizavorodnic5009
@andreizavorodnic5009 3 жыл бұрын
After 3 very long hours on youtube searching for something actually useful, I found your video and I can really say that it's a life saver. You explain well, have a nice voice(I'm sick of indian guys) and you take it step by step. Keep going 'cause I will be watching! Congrats!
@halfwild3090
@halfwild3090 3 жыл бұрын
Indians save tho
@rajsarkar
@rajsarkar 2 жыл бұрын
now i would call it racist
@warwickrigby6894
@warwickrigby6894 Жыл бұрын
Excellent tutorial.
@ahmedhashem5330
@ahmedhashem5330 3 жыл бұрын
keep going ,waiting for your css file for fancy designing!!!!
@codefirstwithhala
@codefirstwithhala 3 жыл бұрын
Working on it, keep an eye out for it in the next few days!
@arturoikkileon1159
@arturoikkileon1159 2 жыл бұрын
firstly thanks for great video, but what about if i´m using another path where my UI are storage?
@narrenturn
@narrenturn Жыл бұрын
Traceback (most recent call last): File "C:\Users\ASUS\PycharmProjects\main.py", line 19, in mainwindow=Login() File "C:\Users\ASUS\PycharmProjects\main.py", line 10, in __init__ self.loginbutton.clicked.connect(self.loginfunction) AttributeError: 'Login' object has no attribute 'loginbutton' no idea what's happen :(
@xilin1063
@xilin1063 2 жыл бұрын
Since Firebase might be not available in some countries, is there a similar way to mandate all users with pymsql?
@zeyadrhadi2285
@zeyadrhadi2285 3 жыл бұрын
very very Excellent
@user-ds5kt7dz7k
@user-ds5kt7dz7k 2 жыл бұрын
man really god bless you
@zeyadrhadi2285
@zeyadrhadi2285 3 жыл бұрын
Excellent
@simform2415
@simform2415 2 жыл бұрын
you lecture is very oswome and very informative . A lot of thaxnks with give us source code..
@Tri_3D
@Tri_3D 3 жыл бұрын
Very good video. keep up the good work. you got a discord?
@danishali8335
@danishali8335 Жыл бұрын
Some concepts are missing, if you had converted the .ui file with the pyuic5, then it would be good, because you can see the whole code of the gui there
@user-ds5kt7dz7k
@user-ds5kt7dz7k 2 жыл бұрын
greate video
@jyotipandita8552
@jyotipandita8552 3 жыл бұрын
Your voice is like Google Assistant😄
@Music-qm4pw
@Music-qm4pw Жыл бұрын
Which version of PyCharm you used ? It seems to not working with new version.
@Bobheinlein
@Bobheinlein Жыл бұрын
Great tutorial, but I don't understand how do you get "widget" within class?
@DFAutoArena
@DFAutoArena Жыл бұрын
hii, please if I want to create other boxes or spaces like firstname in the create account page how do I initialize it in the code
@g3lon0s
@g3lon0s 5 ай бұрын
Could you do a video of styling with css?
@majestic_makes
@majestic_makes 3 жыл бұрын
You are doing great.. Please provide tutorial for displaying images Thanks
@TP-mv6en
@TP-mv6en Жыл бұрын
a channel called tech with tim has made a good video on that
@harryfriedman361
@harryfriedman361 Жыл бұрын
when I ran the python file we created, the GUI loads but is blank and dosent have anything from the QTdesigner :(. I made sure the UI file i created was the one from the QTdesigner but its still a blank GUI that pops up when executed.
@manonthedollar
@manonthedollar 3 жыл бұрын
Excellent tutorial. Thanks! I noticed at the end (around 28:30), the gotocreate() function creates a "second" login screen. Is that the "standard" way of doing this, or is it okay to go back to the first widget ( self.setCurrentIndex(self.currentIndex()-1) ) ?
@raiyan22
@raiyan22 3 жыл бұрын
Hello @manonthedollar did you find the correct answer to this question?
@denno445
@denno445 2 жыл бұрын
once you add more screens it would get a bit messy unless you manage your indexes and just doing +1 every time make its a whole lot easier to manage, but its less memory efficient.
@joelkklein8760
@joelkklein8760 3 жыл бұрын
Good channel, for leaning PYQT5, i have a question?/ I have a question?? what is better.. use PyQt5.uic Import [file.ui] or convert File .ui to Python code??
@ahmadmaaz4178
@ahmadmaaz4178 3 жыл бұрын
Convert
@sauravwagh560
@sauravwagh560 3 жыл бұрын
when i connect two pages size of first page is apply size of another pages but i want different size for different pages, what i can do pls help
@yashchaurasia1830
@yashchaurasia1830 2 жыл бұрын
I would like to suggest here is that loadUI is not that efficient in the long run better we convert the ui to py file and use it.
@yashchaurasia1830
@yashchaurasia1830 2 жыл бұрын
btw its a nice tutorial video.
@madinafazli8394
@madinafazli8394 3 жыл бұрын
When I click the create acc button in the sign up form, it does not redirect me to the sign in page and prints nothing even though I have the exact same code! Can anyone please help me with this?
@sirishayemineni2080
@sirishayemineni2080 3 жыл бұрын
I installed a PYQT5 by using pip but it showing like this ,defaulting to user installation because normal site-packages is not writable how to overcome this problem ?
@onehokim563
@onehokim563 3 жыл бұрын
you are so great
@codefirstwithhala
@codefirstwithhala 3 жыл бұрын
Thank you!
@onehokim563
@onehokim563 3 жыл бұрын
@@codefirstwithhala where do u live??
@orhansrml
@orhansrml 3 жыл бұрын
First of all thank you. I have a question. You define widget variable at the buttom of your code but you use it in the class above. When I do the same thing, it says "widget not defined". Can anyone help?
@nanakiinc.1441
@nanakiinc.1441 3 жыл бұрын
i have the same problem :/ If i press tab and put it under the class it works. But then it doesnt open the window/class
@stevemorse5052
@stevemorse5052 2 жыл бұрын
@@nanakiinc.1441 Hi did you solve the problem, if so how.
@TriStyleXI
@TriStyleXI 2 жыл бұрын
hey, this tutorial is very good, when i run the ui file from pycharm, the window is way smaller than it shows in your video, so all the text and shit are cropped out. i've specified the fixed width and height. how do i fix?
@kainatirfan8364
@kainatirfan8364 Жыл бұрын
hey i am facing the same problem.. did you get any solution?
@rifkireynaldi9155
@rifkireynaldi9155 11 ай бұрын
try to change your scale. setting>system>display>custom scalling
@sonelay
@sonelay 2 жыл бұрын
Hello, thanks for the tutorial, I'm facing the TypeError: ('Wrong base class of toplevel widget', (, 'QMainWindow')). Could you please able to advise on it
@Aayush-vn6ef
@Aayush-vn6ef 2 жыл бұрын
how did you fix it??
@rohitsonawane4592
@rohitsonawane4592 4 жыл бұрын
How we make android app using pyQt5 ? If it is possible then please make a video.
@codefirstwithhala
@codefirstwithhala 4 жыл бұрын
It is possible! While it is not recommended as the top choice for Android with Python (check out Kivy) there are multiple ways this can be done. Thanks for the suggestion. I'll keep it in mind for a future video.
@nguyentu-mc5nl
@nguyentu-mc5nl 3 жыл бұрын
how can i change the 2nd window size? please anyone help?
@carstenschmucker9140
@carstenschmucker9140 3 жыл бұрын
Hello, and thank you, for the video. I admit I am confused and I have no clue why this little program does not run at my office pc but smoothly at home. I even downloaded the code and your form because I thought I might have a typo and missed it. But no. It says something like "Login doesn't have an attribute loginbutton....". Maybe somebody has an idea what is wrong. 2nd... is there a way to integrate/render some (already existing) 3d mathlab graphs to a selfmade GUI form? Regards, and thank you!
@carstenschmucker9140
@carstenschmucker9140 3 жыл бұрын
Problem solved. Bad idea to use "save target as...." in github. Now it works...!
@gagankarnati643
@gagankarnati643 Жыл бұрын
i had the same error but i fixed mine using chatgpt it took some time tho
@carstenschmucker9140
@carstenschmucker9140 Жыл бұрын
@@gagankarnati643 Meanwhile I had to switch to PySide2, did some courses on Python and object oriented programming, QML and QTQuick. So a lot of stuff happened and I am super happy our boss got us a Udemy buisness plan. WOW, only one year later....!!! I managed to create some really heplful tools for our service guys and grab a database and create lots of helpful graphs and tables. What took a couple of days of work a year ago (and a lot of discussion with the boss/customer/sales dept is now done in one hour (including making it nice in an Excel sheet). It just takes patience and sometimes a good sleep to get the solution. Best regards!
@gagankarnati643
@gagankarnati643 Жыл бұрын
@@carstenschmucker9140 Wow thank you. You are an inspiration! I strive to be like you. Maybe you could drop your email below? I have a few questions you may be able to help with or any social media. I am very inspired. It is nice you've been able to develop such things.
@donny9748
@donny9748 3 жыл бұрын
It says AttributeError: type object 'Login' has no attribute 'self'
@feniladesara
@feniladesara 2 жыл бұрын
I created UI and also done same code shown in tutorial. But I am getting error. I am using spyder not pycharm.
@gagankarnati643
@gagankarnati643 Жыл бұрын
How do i store the usernames and passwords?
@binodreddy9881
@binodreddy9881 Жыл бұрын
I have developed application using qt designer in 100% resolution window but while I am running the same application in 150% resolution window images in that application are not appearing...can any one give solution for it?
@kaindradjoemena7789
@kaindradjoemena7789 3 жыл бұрын
ummmm does anyone know how to fix the designer where it's so clunky. The fonts are so big and the panels on the editor are too big that it clutters the screen. Help pls I cant I now cant use it
@peejack2184
@peejack2184 2 жыл бұрын
ModuleNotFoundError: No module named 'PyQt5' how do i fixed it?
@rohitsonawane4592
@rohitsonawane4592 4 жыл бұрын
It is possible to add or embed python turtle graphics in PyQt5 GUI ?
@codefirstwithhala
@codefirstwithhala 4 жыл бұрын
Hi! Turtle actually uses tkinter, another Python GUI library, behind the scenes. Tkinter and PyQt5 work a bit differently, so I don't think it would be possible, or perhaps not recommended. Anyways, there are some alternatives to drawing with PyQt5, or you can use Turtle with Tkinter.
@NphiniT
@NphiniT 3 жыл бұрын
Use QtGraphics. It's way better than turtle
@asapdexter6410
@asapdexter6410 3 жыл бұрын
why not PySide2?
@aritramondal8452
@aritramondal8452 3 жыл бұрын
I am getting attribute error with create account button, please help
@mspsas12345
@mspsas12345 3 жыл бұрын
The create button in your code is crashing
@yasirh2004
@yasirh2004 3 жыл бұрын
How to hide signup form after pressing signup button i tried Form.hide but it doesn’t work inside a function only in constructor i want to close or hide the form from a function can you help pls
@OmgSAN
@OmgSAN 3 жыл бұрын
Suppose your signup button's variable name is "signupbutton" and page's index number is 1, and your Sign in or main page's index number is 0. If you're using stacked widgets then you can add the following code. self.signupbutton.clicked.connect(self.MainMenu) def MainMenu(self): stackedWidget.setCurrentIndex(0)
@rubotok3703
@rubotok3703 3 жыл бұрын
PyQt.uic doesnt exist for me ti import from, help
@iochisono97
@iochisono97 3 жыл бұрын
pip install pyuic5-tool
@randomNunber
@randomNunber 3 жыл бұрын
Waiting for followup videos
@codefirstwithhala
@codefirstwithhala 3 жыл бұрын
Watch out for more PyQt5 in the coming week!
@momowangle4781
@momowangle4781 3 жыл бұрын
6:40 when I do the exact same things, I get "Invalid Style Sheet"
@yestin3509
@yestin3509 3 жыл бұрын
add "background-color:" in front of the actual color
@dedpihto680
@dedpihto680 2 жыл бұрын
god damn it s fucking good
@iAmStealty
@iAmStealty 3 жыл бұрын
Traceback (most recent call last): line 20, in mainwindow = login() NameError: name 'login' is not defined why this occures
@vaishnavikapure8959
@vaishnavikapure8959 3 жыл бұрын
the same problem i'm facing please help me out
@yuvalnoyman1660
@yuvalnoyman1660 3 жыл бұрын
its showing me: AttributeError: 'Login' object has no attribute 'login_button' i cant find how to solve it please help
@leonardorosales3122
@leonardorosales3122 3 жыл бұрын
That atribute depends on the name that you assigned to the button. Check the name in QtDesigner.
@TriStyleXI
@TriStyleXI 2 жыл бұрын
@@leonardorosales3122 thank you! i needed this
@user-ds5kt7dz7k
@user-ds5kt7dz7k 2 жыл бұрын
1
@srikar8718
@srikar8718 3 жыл бұрын
Unresolved reference 'loadUi' could you help me out
@manonthedollar
@manonthedollar 3 жыл бұрын
Are you on PyQt5 or Pyside2?
@kesavguru415
@kesavguru415 3 жыл бұрын
@@manonthedollar I am using PyQt5 and faced the same issue
@iochisono97
@iochisono97 3 жыл бұрын
pip install pyuic5-tool
@iochisono97
@iochisono97 3 жыл бұрын
@@kesavguru415 pip install pyuic5-tool
@user-ds5kt7dz7k
@user-ds5kt7dz7k 2 жыл бұрын
2
@Zanget99
@Zanget99 3 жыл бұрын
sorry but the audio is really bad and its messing up the tutorial
@MrFrankging
@MrFrankging Ай бұрын
Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla ................
@saqibuzair7670
@saqibuzair7670 2 ай бұрын
Hello ma;am your email is not correct please send the original email thank you
@narrenturn
@narrenturn Жыл бұрын
self.loginbutton.clicked.connect(self.loginfunction) AttributeError: 'Login' object has no attribute 'loginbutton' where is the problem ?
@user-ds5kt7dz7k
@user-ds5kt7dz7k 2 жыл бұрын
man really god bless you
@zeyadrhadi2285
@zeyadrhadi2285 3 жыл бұрын
Excellent
@user-ds5kt7dz7k
@user-ds5kt7dz7k 2 жыл бұрын
greate video
@user-ds5kt7dz7k
@user-ds5kt7dz7k 2 жыл бұрын
man really god bless you
@user-ds5kt7dz7k
@user-ds5kt7dz7k 2 жыл бұрын
greate video
PyQt5 QTableWidget tutorial: Load data, fill tables, format tables [Table Widget]
18:04
QtDesigner and PyQt5:  The right and wrong way to use them together
37:16
Alan D Moore Codes
Рет қаралды 107 М.
когда повзрослела // EVA mash
00:40
EVA mash
Рет қаралды 3,9 МЛН
Мы никогда не были так напуганы!
00:15
Аришнев
Рет қаралды 5 МЛН
Multiple Screens in PyQt5: Switch screens without opening a new window
11:43
Code First with Hala
Рет қаралды 91 М.
100+ Linux Things you Need to Know
12:23
Fireship
Рет қаралды 90 М.
PyQt5 FULL Modern Gui Tutorial #1 - Welcome Screen [for beginners]
26:59
Code First with Hala
Рет қаралды 121 М.
Mini Application Python PyQt5 Avec Qt Designer
12:40
Très Facile !
Рет қаралды 64 М.
Hisense Official Flagship Store Hisense is the champion What is going on?
0:11
Special Effects Funny 44
Рет қаралды 2,6 МЛН