Тёмный

Create a Website Using Flutter - Flutter Web - Speed Code 

The Flutter Way
Подписаться 229 тыс.
Просмотров 258 тыс.
50% 1

Опубликовано:

 

12 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 334   
@bigsupercandy98
@bigsupercandy98 3 года назад
I really like how you looped a 15 second music clip for the entire video.
@zainali-ee5vt
@zainali-ee5vt 4 года назад
Chemical Engineer here. I had an interest in programing for a long time but never started maybe due to my job. Recently i started learning flutter and doing a course online. Understanding widgets and their arrangement is quite easy for me only thing that is still a bit confusing for me is to pass functions around and store values in properties or variables and call them when you need but i am working on it and getting better every passing day. I think i will come out of this quarantine with a new skill set. I love it how powerfull that thing is. Hoping to build apps myself soon. You feel really proud when you get small results while coding.
@TheFlutterWay
@TheFlutterWay 4 года назад
Best of luck brother 👍
@tesla1772
@tesla1772 4 года назад
i think you should watch the net ninja flutter tutorials ...they are the best ...and he also explains each and every steps very clearly
@zainali-ee5vt
@zainali-ee5vt 4 года назад
@@tesla1772 i'll definitely have a look. Thanks!
@AangJnr
@AangJnr 4 года назад
I love this channel! Learn new things after every video!
@TheFlutterWay
@TheFlutterWay 4 года назад
Glad to hear it!
@gauravbhalerao7420
@gauravbhalerao7420 3 года назад
Damn. Flutter is just on another level with the development speed. I can totally see how this is a dealbreaker for most people in the industry especially those working to develop stuff across multiple platforms.
@kartikshrivastava1500
@kartikshrivastava1500 3 года назад
Don't get fooled by those demos, flutter sucks for "websites". Simply speaking there is no such thing like semantic html in flutter, so forget about basic things like ctrl+f searches, hover over links, seo, etc, etc. to work with it.
@vaibhav1180
@vaibhav1180 2 года назад
"dealbreaker for most people in the industry" LoL What a joke
@andrealbernaz
@andrealbernaz 4 года назад
Congratulations for the beautiful work! What I learn from you and teach my students here in Brazil.
@TheFlutterWay
@TheFlutterWay 4 года назад
Thank you very much! I really appreciate it, best of luck for you and yours students 👍
@arthurlima923
@arthurlima923 4 года назад
Olá do Recife! Pois é cara, tô mergulhando nesse mundo do Flutter, me apaixonei pela linguagem. Tomara que as empresas em geral comecem a adotar esse framework!
@aneeshpunichithaya1638
@aneeshpunichithaya1638 3 года назад
Thanks for teaching me that it is always to make custom widgets/classes when the code gets too big and keep things organised!
@TheFlutterWay
@TheFlutterWay 3 года назад
Happy to help!
@BelajarPemrogramanPemula
@BelajarPemrogramanPemula 4 года назад
so far I have started making projects with mobile flutter, watching this video I became curious and wanted to learn more about flutter for the web
@TheFlutterWay
@TheFlutterWay 4 года назад
best of luck
@AangJnr
@AangJnr 4 года назад
That's the thing! Once you can program in flutter for mobile, you can essentially make websites/webapps just as easy. What's important is taking into consideration, spacing, paddings, sizes etc etc etc in order to make responsive and adaptive webapps!
@BelajarPemrogramanPemula
@BelajarPemrogramanPemula 4 года назад
@@AangJnr thanks you
@-WandreW-
@-WandreW- 4 года назад
Flutter is the first language that entirely learned by my self. Its so easy
@crisskimaryo
@crisskimaryo 4 года назад
sorry, flutter is not a language but a framework, a dart is a language used.
@TheFlutterWay
@TheFlutterWay 4 года назад
best of luck, one day you are gonna be batter then me 👍
@DailyIntern
@DailyIntern 4 года назад
Its easy, really?
@jasonng3239
@jasonng3239 4 года назад
@@DailyIntern pyton is better.
@dennisfalcasantos2228
@dennisfalcasantos2228 4 года назад
Learn c++ first
@triggerhappy899
@triggerhappy899 3 года назад
this looks like an absolutely beautiful, proper OOO framework! good job! think ill use this for a few of my future apps!
@p.mistry1986
@p.mistry1986 4 года назад
This was amazing! Are you able to do an example where you're actually inputting and creating data? For example filling out a form and having the details of that form save into a Card or something? And then being able to fill out multiple forms? Curious as to how that would work. Love your videos btw!
@TheFlutterWay
@TheFlutterWay 4 года назад
Thanks for the suggestion, I will keep that in mind.
@bikkikumarsha
@bikkikumarsha 4 года назад
Flutter will take over React soon, Guys at google are the best. Also keep up the great content.
@TheFlutterWay
@TheFlutterWay 4 года назад
sure and keep supporting us
@alexanderkim7241
@alexanderkim7241 4 года назад
That won't happen, you know.
@guruprasadhn52
@guruprasadhn52 4 года назад
haha flutter will take a downfall like an Angular
@bikkikumarsha
@bikkikumarsha 4 года назад
For clarification, have a look at the search trend of Flutter vs React over 5 years of data. Link: trends.google.com/trends/explore?cat=32&date=today%205-y&q=flutter,react%20native
@aldipiero747
@aldipiero747 4 года назад
No, i still prefer react on web.
@sijendangol6907
@sijendangol6907 4 года назад
Tutorial was awsome , i was unaware of web development before watching video.
@TheFlutterWay
@TheFlutterWay 4 года назад
Thanks 😊
@priyanshnagar608
@priyanshnagar608 4 года назад
I think you should start making flutter tutorials for us....it would reach to mass audiences
@TheFlutterWay
@TheFlutterWay 4 года назад
Thanks for the suggestion
@rahulthapa1509
@rahulthapa1509 4 года назад
Is it mobile responsive also? This is great btw. Made me more excited
@TheFlutterWay
@TheFlutterWay 4 года назад
No, actually this is not responsive
@JuanRodriguezNushio
@JuanRodriguezNushio 4 года назад
It can be responsive-ish if you use the MediaQuery and display different UI / Widgets if screen width is below whatever you need. This is already covered in "how to do Tablet Flutter apps" tutorials.
@balazsrippl2339
@balazsrippl2339 4 года назад
@@JuanRodriguezNushio Its messy to calculate with width pixels. The simplest way is Mediaquery's orientation property. It returns eother Landscape or Portrait
@kiranvysya
@kiranvysya 4 года назад
My Gut feel.. the future is here.. everyone ll be empowered.
@TheFlutterWay
@TheFlutterWay 4 года назад
🤟🏽
@exgateway6196
@exgateway6196 4 года назад
😅 Deja vu.
@keithbacalso9433
@keithbacalso9433 4 года назад
Please do this Flutter web with back end this time I would be very love to see it! 😍
@TheFlutterWay
@TheFlutterWay 4 года назад
Great suggestion!
@chind0na
@chind0na 4 года назад
With Slim backend
@peshopeshov741
@peshopeshov741 4 года назад
Watching your videos makes me wanna switch from backend engineer to frontend :D
@TheFlutterWay
@TheFlutterWay 4 года назад
🤭🤭
@mohamedelhalaby1852
@mohamedelhalaby1852 2 года назад
Best learning video I ever seen
@muhammadshoaib.56
@muhammadshoaib.56 4 года назад
Amazing work Keep it up!
@TheFlutterWay
@TheFlutterWay 4 года назад
Thanks, will do!
@eiderarango5863
@eiderarango5863 4 года назад
awesome, thanks for sharing, whats the name of the plugin to show the thin vertical lines showing the hierarchy between de components?
@andrealbernaz
@andrealbernaz 4 года назад
Bracket Pair Colorizer
@TheFlutterWay
@TheFlutterWay 4 года назад
yep, also turn on "Preview Flutter Ui Guides" on VScode
@waleedalrashed1411
@waleedalrashed1411 4 года назад
Very Cool design, Thank you so much for this video.
@TheFlutterWay
@TheFlutterWay 4 года назад
Thank you! Cheers!
@jayantkumar4337
@jayantkumar4337 4 года назад
Awesome and very helpful.. Keep it up.
@TheFlutterWay
@TheFlutterWay 4 года назад
Thank you, I will
@CrunchurixASIS
@CrunchurixASIS 4 года назад
Wow you are making me more interested towards flutter......
@TheFlutterWay
@TheFlutterWay 4 года назад
Go for it!
@tardigrada777
@tardigrada777 4 года назад
cool! this is future!
@TheFlutterWay
@TheFlutterWay 4 года назад
Thanks 😊
@rafaelviegas995
@rafaelviegas995 4 года назад
Show mano, ficou ótimo. Parabéns pelo trabalho 👏🏻
@TheFlutterWay
@TheFlutterWay 4 года назад
muito obrigado❤️
@medamine194
@medamine194 4 года назад
this is awesome just imagine learn one framework and apply to all this stuff, i think flutter will bet html and css soon and also js
@TheFlutterWay
@TheFlutterWay 4 года назад
lets see
4 года назад
I thought like that but some libraries like firebase can not be supported in web and desktop. They works on just android and ios. So any languages cannot be beated. All languages are best in their platform, business, project.
@medamine194
@medamine194 4 года назад
i agree 💯
@fabracht
@fabracht 4 года назад
What extension are you using to get that dashed line connecting body->child->...other widgets?
@gokulakrishna510
@gokulakrishna510 4 года назад
Impressive .bro can you put more tutorials about flutter web and some projects related on flutter web
@TheFlutterWay
@TheFlutterWay 4 года назад
sure, why not
@fatkur
@fatkur 4 года назад
It's very awesome :)
@TheFlutterWay
@TheFlutterWay 4 года назад
Thank you! Cheers!
@김현준-t9f
@김현준-t9f 3 года назад
Thank you! this video is really helpful!!
@TheFlutterWay
@TheFlutterWay 3 года назад
I'm so glad!
@zerenidge
@zerenidge 4 года назад
This bgm should be my alarm ringtone
@danielgouldings
@danielgouldings 4 года назад
Thank you so much for the video! What formatter do you use for Flutter?
@TheFlutterWay
@TheFlutterWay 4 года назад
Flutter extension have auto formate, just check the setting and turn it on
@asepnandang5544
@asepnandang5544 4 года назад
Very bery beatiful ........ Where do you come from Mr.?
@TheFlutterWay
@TheFlutterWay 4 года назад
Bangladesh 🇧🇩
@Samed21
@Samed21 4 года назад
I'm look this and sleep... Good melodies =)
@TheFlutterWay
@TheFlutterWay 4 года назад
😜😜Enjoy
@rubenramos1154
@rubenramos1154 4 года назад
Great, keep it up
@TheFlutterWay
@TheFlutterWay 4 года назад
Thank you, I will
@skovskiv1796
@skovskiv1796 3 года назад
Hello @The Flutter Way. At 00:53 how did you have those shortcuts? Also, is that from the using running task from Terminal?
@coder5429
@coder5429 4 года назад
nice sharing
@TheFlutterWay
@TheFlutterWay 4 года назад
Thank you very much!
@macmanuelodumeru3708
@macmanuelodumeru3708 4 года назад
Great video. This is flutter for web but what is hummingbird? All these names seem to confuse me a bit
@TheFlutterWay
@TheFlutterWay 4 года назад
In December last year, Google announced a version for Flutter that would build web apps with the ease of building mobile apps in Flutter. They called it 'Hummingbird'. Actually both are same
@macmanuelodumeru3708
@macmanuelodumeru3708 4 года назад
@@TheFlutterWay oh okayy flutter for web is hummingbird. Thanks
@abdellatifkaddouri4135
@abdellatifkaddouri4135 4 года назад
awesome bro..! keep on { best place to use imagination in flutter }
@TheFlutterWay
@TheFlutterWay 4 года назад
Thank you, I will
@vozshmily8546
@vozshmily8546 3 года назад
NICE! I LOVE IT! btw can I as how did you activate that white/grey line the one horizontally and vertically highlight when you are on the current line/space? thanks
@andresleonardo9686
@andresleonardo9686 4 года назад
A really amazing project, can you tell me what is the extension for vscode for the guide lines that work as a tree? Thank you so much :)
@TheFlutterWay
@TheFlutterWay 4 года назад
From VSCode setting you can turn on "Flutter Ui Guides Custom Tracking" also you can use Bracket Pair Colorizer. extension
@andresleonardo9686
@andresleonardo9686 4 года назад
@@TheFlutterWay Thanks a Lot :)
@nithinbanker8586
@nithinbanker8586 4 года назад
Hi thats amazing..in which Vedio editor you are using
@TheFlutterWay
@TheFlutterWay 4 года назад
I'm using iMovie, because I just record my screen.
@tanishasingh184
@tanishasingh184 3 года назад
Which extension did you used to wrap the Text() widget in Padding() in app_bar.dart at 05:25?
3 года назад
Just alt+enter
@tanishasingh184
@tanishasingh184 3 года назад
@ thank you!
@georgemelo4565
@georgemelo4565 4 года назад
Awesome thank you.
@TheFlutterWay
@TheFlutterWay 4 года назад
You're welcome!
@csboy0676
@csboy0676 4 года назад
You are awesome 😍
@TheFlutterWay
@TheFlutterWay 4 года назад
Thank you so much 😀
@altamashjawad6691
@altamashjawad6691 2 года назад
at 04:51 you right click on the container and you have all those options to wrap it in a widget, how did you get those options. I am using windows VS code and dont have that option, is there a specific extenison?
@redking4887
@redking4887 4 года назад
The background song is amazing. Anyone know where it’s from?
@dharmang
@dharmang 4 года назад
I feel like its minecraft music disc 🤣
@AayushShastri
@AayushShastri 4 года назад
The repetitive sound was really bugging me. Had to watch on mute
@baixartv
@baixartv 4 года назад
Awesome tutorial!! Could you please tell me what is the name of the extension that creates these white lines of the "Widget tree".... they are very nice
@TheFlutterWay
@TheFlutterWay 4 года назад
Thanks, Bracket Pair Colorizer extension
@helloworld7796
@helloworld7796 4 года назад
Just because of the The Flutter Way channel, I think I am gonna move from Ionic to flutter...
@TheFlutterWay
@TheFlutterWay 4 года назад
😜😜
@amancoder_
@amancoder_ 4 года назад
Great job 😍
@TheFlutterWay
@TheFlutterWay 4 года назад
Thanks 🔥
@amjadfarooq1361
@amjadfarooq1361 3 года назад
Excellent
@TheFlutterWay
@TheFlutterWay 3 года назад
Thank you so much 😀
@note4fr150
@note4fr150 4 года назад
awesome UI speed code..
@TheFlutterWay
@TheFlutterWay 4 года назад
Thanks!
@thm4135
@thm4135 3 года назад
AMAZING! You are using the bracket pair colorized extension, but what is the other that link in a tree the body --- widgets --- childs (always appears) ?!?!
@jianguoyuan3348
@jianguoyuan3348 3 года назад
have you figured out how to do it?
@ddgutierrez
@ddgutierrez 8 месяцев назад
Cual es esa extension que utilizan para que el codigo se vea mas identando. Se nota mucho mejor las lineas donde van ubicados cada widget
@user-uz8gf5kv6y
@user-uz8gf5kv6y 3 года назад
Awesome
@TheFlutterWay
@TheFlutterWay 3 года назад
Glad you like it.
@DavidHust
@DavidHust 4 года назад
Good info. A bit disappointed when you took a screenshot of the already made body of the webpage and used that.
@wesleybarnes5376
@wesleybarnes5376 3 года назад
Very cool, love the choice of music too (what is the song name?)
@TheFlutterWay
@TheFlutterWay 3 года назад
Item Title: Dreamy Item URL: elements.envato.com/dreamy-H3RCYPA
@cryptozar2337
@cryptozar2337 3 года назад
thank you for the video.
@pot.developmentprogaming2043
@pot.developmentprogaming2043 3 года назад
wow!!
@fatercio
@fatercio 2 года назад
O melhor turial para iniciantes
@bhupeshparakh3355
@bhupeshparakh3355 3 года назад
can we have multiple pages in that next time or can we have backend connceted in this web app??
@mario33067
@mario33067 4 года назад
Witch plugin give you this identations lines? Thks ;)
@TheFlutterWay
@TheFlutterWay 4 года назад
Bracket Pair Colorizer
@vuthenphai887
@vuthenphai887 4 года назад
look very amazing, Ohh Dear! We can use flutter web only channel beta, Right?
@TheFlutterWay
@TheFlutterWay 4 года назад
Yes, correct
@vuthenphai887
@vuthenphai887 4 года назад
@@TheFlutterWay Yeah, thanks dear
@dubaigeek1988
@dubaigeek1988 4 года назад
Thanks for sharing
@TheFlutterWay
@TheFlutterWay 4 года назад
My pleasure
@bhavarkumavat3202
@bhavarkumavat3202 4 года назад
I wonder if I do "View Page Source" on a flutter webpage what will I get ? , Does it compiles / interprets to HTML and CSS ? How does it render on the browser ?
@vaibhav1180
@vaibhav1180 2 года назад
Last tag is canvas That's it Everything's rendered on canvas
@BreegBenjamin
@BreegBenjamin 4 года назад
Esta tremendo tu trabajo. Felicidades... Gracias por compartir contenido de Flutter web.
@TheFlutterWay
@TheFlutterWay 4 года назад
significa mucho, gracias por tu opinión
@FaisalquroniHafiziSBill
@FaisalquroniHafiziSBill 4 года назад
I'm here.... Always
4 года назад
Nice! :D
@TheFlutterWay
@TheFlutterWay 4 года назад
Thanks 😊
@ShresthaSujal
@ShresthaSujal 4 года назад
What is the vs code package that will show highlighted lines of child widgets???
@TheFlutterWay
@TheFlutterWay 4 года назад
On VScode turn on "Preview Flutter Ui Guides"
@ShresthaSujal
@ShresthaSujal 4 года назад
@@TheFlutterWay Thank you so much: VS code>Settings>flutter>Preview Flutter Ui Guides
@user-bj2pf8pb7s
@user-bj2pf8pb7s 4 года назад
Thanks for share your knowdlege
@TheFlutterWay
@TheFlutterWay 4 года назад
So nice of you
@CSSuccessGamer
@CSSuccessGamer 4 года назад
does it scale with mobile too? Or do you need to build separate for mobile.
@TheFlutterWay
@TheFlutterWay 4 года назад
we can. make it responsive like HTML, CSS
@akramkhan5249
@akramkhan5249 3 года назад
Hey great video, all seems good. Is there a way to make this custombar responsive to mobile?
@joseoleaga
@joseoleaga 3 года назад
I have a problem when I create a new project and I press F5 to start debuggin the project, it doesnt work, the terminal send messages of "not found dart : ui" and the web doesnt open, and when I press Start without debuggin the project start but the page is complete white, like about:blank and when I restart the web still empty, what happend
@shamilyazeen4062
@shamilyazeen4062 3 года назад
Is it a single code base for web , ios and android?
@balazsrippl2339
@balazsrippl2339 4 года назад
Why did you always use toUpper() instead of writing the string itself all uppercase? It just grinds my mind :D very good video though
@TheFlutterWay
@TheFlutterWay 4 года назад
Actually when you fetch data from API, for future safety toUpper() is better, I think so
@Veriface
@Veriface 3 года назад
I love this channel but i can't understand how to start
@dernyt-tpe
@dernyt-tpe 4 года назад
Could we add on click new page ?
@karanborana8540
@karanborana8540 4 года назад
How to made it mobile responsive also????
@khaihoang7420
@khaihoang7420 4 года назад
Do you have any experience with android studio? Have u ever built any android app using java?
@TheFlutterWay
@TheFlutterWay 4 года назад
no
@khaihoang7420
@khaihoang7420 4 года назад
The Flutter Way your apps look marvelous. I think you should do a tutorial on flutter.
@TheFlutterWay
@TheFlutterWay 4 года назад
Let's see, thanks for the suggestion 👍
@joecolas
@joecolas 4 года назад
nice
@TheFlutterWay
@TheFlutterWay 4 года назад
Thanks
@suhit-a
@suhit-a 3 года назад
Can I also make the app completely mobile responsive? like with a menu button and stuff
@rolandogarcia3230
@rolandogarcia3230 4 года назад
Master!!!
@TheFlutterWay
@TheFlutterWay 4 года назад
Thanks 😊
@andronasef
@andronasef 4 года назад
more tutorials please
@TheFlutterWay
@TheFlutterWay 4 года назад
sure, more are coming, keep supporting us
@dennyraymond9932
@dennyraymond9932 4 года назад
Nice work! Can i ask you how you get the constant color number ? Thanks
@TheFlutterWay
@TheFlutterWay 4 года назад
simple by default its Color(0xFF......) ..... = your color hex code
@dennyraymond9932
@dennyraymond9932 4 года назад
@@TheFlutterWay thank you so much!
@oldmen2544
@oldmen2544 4 года назад
Bro I need some little code from your project can I take if u permits me And is your resporitorty is public or private
@fredricjoes8231
@fredricjoes8231 2 года назад
Which app used for Measurement scale value
@derSchlaueMann
@derSchlaueMann 3 года назад
What has to be undertaken to make it responsive?
@afrikanking4022
@afrikanking4022 3 года назад
Each year a new framework comes out how do we keep up?
@dmitri544
@dmitri544 4 года назад
nice video but why does this person call .toUppercase() on every string? Why not just type it out in uppercase?
@TheFlutterWay
@TheFlutterWay 4 года назад
I don't think so it's a good practice, like if you get those menus from API? so it's better to play safe. I think you got my point, thanks for watching
@skoopic197
@skoopic197 4 года назад
Hi. Apart from UI can we build and deploy apps like Uber to AppStore?
@TheFlutterWay
@TheFlutterWay 4 года назад
Yes, you can
@skoopic197
@skoopic197 4 года назад
@@TheFlutterWay only using dart language?
@TheFlutterWay
@TheFlutterWay 4 года назад
Yes
@techhelp8104
@techhelp8104 4 года назад
Hey thank you for the awesome video, is the solution you developed here delivers all three i.e. andriod, ios and web or web only. Thanks
@TheFlutterWay
@TheFlutterWay 4 года назад
Actually no, I just create this UI for web
@eltonprng
@eltonprng 4 года назад
Does anyone know the name of the vs code extension to appear these dotted lines in the blocks? in the video appears when return, child, children is selected.
@rajachakraborty6197
@rajachakraborty6197 3 года назад
What about API integrations with this Flutter Website Project?
@mohamedkhattab7002
@mohamedkhattab7002 4 года назад
This a good work bro but there is one thing still confusing me can I specify the screen size in web project I think this point very important
@TheFlutterWay
@TheFlutterWay 4 года назад
Yes you can, like min and max height
@fahimsattar4762
@fahimsattar4762 4 года назад
If you have an app how do you connect your app with your website
@dreamhiking1032
@dreamhiking1032 3 года назад
Bro.. the background music.. can you please tell me the name
@ashrafulislam-pm8qm
@ashrafulislam-pm8qm 3 года назад
love this channel?
@maggot008
@maggot008 4 года назад
Excelent
@TheFlutterWay
@TheFlutterWay 4 года назад
Glade you like it!
@saagilkhan5854
@saagilkhan5854 4 года назад
Upload more videos on flutter web with explaining every step Please
@TheFlutterWay
@TheFlutterWay 4 года назад
Yeah, in near future
@CoderShiyar
@CoderShiyar 4 года назад
Nice video , why you do not talk in your video's?
@TheFlutterWay
@TheFlutterWay 4 года назад
I will soon
@CoderShiyar
@CoderShiyar 4 года назад
@@TheFlutterWay if you like : you can add my channel to your favoriet list channel , and I also will add your channel in my favorite channel list on my channel to see everyone your channel if they open my channel, so you will get arabic viewers and I will get English viewers :)