FlutterFlow for Beginners - #FlutterFlow Crashcourse 2024 - SE01 - Episode 3 - Foundation UX Construction

5.0 (0)

10 learners

What you'll learn

This course includes

48.5 hours of video
Certificate of completion
Access on mobile and TV

Summary

Keywords

android app development flutterflow flutterflow crashcourse flutterflow training flutterflow tutorial flutterflow tutorial for beginners flutterflow tutorial playlist ios app development learn flutterflow no code tutorial nocode tutorial nocode tutorial for beginners

Full Transcript

Welcome to Episode 3 of my BRAND NEW #FlutterFlow Crashcourse for 2024. In this episode we will get our hands dirty and start actually building the foundation of our application by constructing the homepage. These foundation widgets are important because it provides us with a flexible canvas to support the containing widgets which we will introduce in Episode 4. Specifically we will look at Containers, Column and Rows including Dividers. We will also look at spacing and why we should consider column and row item spacing as an option instead of simply using padding to separate our widgets. Look out for projects which you can clone within each specific episode to cross check your efforts along the way. Finally at the end of Season 1 the final project will be available to clone. I'm Steve (thedigitalpro) and I am a FlutterFlow Ambassador for Europe and also voted by the community as a FlutterFlow Educator of the Year for 2023/2024. _____ Starter Project Episode 3 - https://app.flutterflow.io/project/sticky-notes-stage-3-6goqci 🔥 Looking for more content and a helpful community? Why not consider joining The Digital Pro's #Nocode Academy (link below). Missed a previous Episode? (1) - Series Introduction - https://youtu.be/buc7l8g2cqg (2) - UI Project & Setup - https://youtu.be/Uzf-GS6yMlk _____ Chapters 00:00 Introduction 00:22 A few preparation adjustments 01:00 Palette Orientation 02:00 Getting started 03:55 Preview of our UX Build 04:36 Commence the UX Build 06:44 Column Spacing & Border Radius 08:42 Preview of Container additions 09:27 Building out Page Structure 11:51 Building the nested Containers 15:48 Final Page Structure Widget 16:26 Outro _____ 🚀 The Digital Pro's NoCode Academy: https://www.thedigitalpro.co.uk (Support the channel and go ad-free! 😉) 🔥 If you love my content why not consider buying me a coffee, it's really appreciated: https://www.thedigitalpro.co.uk/coffee 👍 Support the channel and grab yourself a free FlutterFlow account by clicking here: https://www.thedigitalpro.co.uk/flutterflow 🎉 Your love is much appreciated ... A like to this video is like a High Five!!! Thank you all.