6 Things you can improve RIGHT NOW in Flutter Web
Vložit
- čas přidán 28. 07. 2024
- This Flutter Web tutorial shows you how to make your Flutter website feel like a premium website from the first impression it gives.
0:00 - Intro
0:09 - Flutter Web Splash Screen Color
0:35 - Add image to Flutter Website Splash
1:19 - Remove HTML to Flutter Jump
1:39 - Flutter course
1:46 - Custom Transition from HTML to Flutter
2:58 - Fade in Flutter App after Splash
3:20 - Add custom CSS loader
CSS Source: www.filledstacks.com/post/6-t...
Let's work together 👉 calendly.com/danemackier/1-on... - Věda a technologie
Thanks for the great tutorial! Waiting for the course! 🔥
It’s my pleasure. Thanks for watching. I’m working hard on it 😊 hopefully it exceeds expectation.
This is honestly top notch video, best in the topic
That's so awesome to hear man. Thanks for watching and leaving a comment. I really appreciate it 🙏
Nice tricks! Thanks for sharing
It's my pleasure. Thanks for watching.
This video got me thinking, for new developers starting straight up with Dart and Flutter, how important is it to learn HTML/CSS? Or even other platform specific languages like Kotlin? Great tutorial btw 👊🏻
Learning HTML and CSS is not important for Flutter.
Kotlin and Swift is not important either. It will definitely help, but at this point most of the plugins have dart counterparts.
It'll be required in very unique cases, like intergrating something like intercom using the native android and iOS packages in Flutter. Other than using native packages in Flutter you can build an entire app without ever touching any native code.
@@FilledStacks Thanks a lot! 👏👏👏
I love this content, it really goes in depth and imo that is what many tutorials out there lack
I'm very happy to hear that! Thanks a lot for watching and leaving a comment.
Hi, thank you for the video, it is nice. For the course, do you use riverpod, go router, in the course do you use multiple scrolling mean that use 2 sceens with 2 different scroller controller, and lastly for 2d scrolling dimention is apply for the course
Hi, you're welcome.
You can watch the other two videos before this to get an insight into the course. We only build apps for ourselves and clients with Stacked since it gives you everything for a complete app development framework.
This is Part 3, you should watch part 1 and 2. If you like that, it's more of that in more detail covering all production scenarios.
this is really fantastic, thks for sharing! well i have a pwa, and when installed, and only when installed, there seems to be another splash screen, before the nice css animation. when opening the web page it all runs as in your video. any idea on that?
I appreciate that. Honestly I have not done PWA splash screen. I'm adding that to my list of videos to make. Thank you for leaving a comment about it. I'll see how to fix that up.
Can you make a video what cause the overflow errors in UI. in depth?
It's pretty simple. The bounds of the internal UI is larger than the parent it's contained in.
There's no more depth to go besides exact scenarios. What scenario do you want it to not happen?
Maaan this is amazing tricks
I appreciate that 🫡
Greetings!
I have a question... in the startup_view.dart view, there is a kind of loading. What is the difference between what this view does and what is placed as loading in the index.html file? When does each one load?
Hey hey,
The index html shows the visual loading splash screen (the first UI that will be shown)
The startup view is the first Flutter view that's shown. In the viewmodel you can add logic to decide what to do when the app starts up, check for old sessions, etc and send the user where you want them to go.
@@FilledStacks Thanks for your answer. I'm building a complete dashboard using your excelent framework., in the future I'd like to show you my creation.
At this moment I cannot pay your course. It has been an odyssey, trial and error to learn how to implement each piece. But I don't give up, I keep learning.👨💻👍
Hi, can you upgrade/recreate this awesome tutorial to newest Flutter 3.22 (WASM) ?
Sure. Run the flutter command with the --wasm flag in your project and you should have it working.
how can we show the add to homescreen prompt programatically in flutter web on mobile
There's a PWA guide on the official flutter website. It has it all in there.
could someone tell me where is the great loader @3:44 ?
In the description of the video like I mentioned. But I'll put the link here as well. www.filledstacks.com/post/6-tips-to-make-your-flutter-website-feel-premium/#6-making-the-wait-feel-shorter
I'm trying to join your slack but the link is not active, any advice?
I'm sending you emails also, how regularly do you reply to emails? Thanks!
Hi, I closed the Slack on Thursday. It took too much of my time. There's a new discord that's community run that you can join.
discord.gg/KgNPT7GX
And I reply to mails for about 30 minutes a day. I'm only working again tomorrow so I'll get to it and reply if the response doesn't require lots of time.
When will the course be ready?
Course launch is planned around 29 April.
We just wrapped up the code we want to write in the course, I'm making the step-by-step guides this week. Next week I'll be recording my screen, the presentations and the audio, then presale will go live at a super low price. In that week I'll be editing and the following week. Then hopefully I can launch at the date mentioned above.
Waiting!
I signed up to your mailing list, but do you have an idea of how much approximately will the course cost?
@@ComputerScienceAcademy5220 For the pre-sale it'll be available for $49 USD. After that it'll go to $69 for a week and then to full price of $95 for the rest of time.
@@FilledStacks deal!
can I do SEO in Flutter?
No, do not use Flutter for websites that need SEO. The best way to think about it is use it for web apps, not website. Google docs, notion, email clients, dashboards, website builders, youtube, animation tools etc. Not for blog posts of information sharing websites. It's not built for that.
Why not for website? Is the flutter web basicly develope by google not for website?
@@Rahadians82 it’s only develop for flutter web application.
@@Rahadians82 It’s for web applications, not websites. Things like:
- Figma
- CZcams
- Dropbox
- Mailchimp
- Zapier
- Slack
- Discord
- Shopify
- Zendesk
- Bubble
- Jira
- Canva
- Intercom
- Zoom
Literally any web application you can think of. What it’s not for is Websites that serve as an information gathering place. Blogs, portfolios or news sites.
@@FilledStacks thank you sir for your explanation