Hey Steve, thanks for this series, it is great. But I do have a thought about your approach of putting all elements together to the canvas (columns, rows, containers, images, text, etc,...). I can see some other people doing things opposite to you like from the images and texts first then they wrap the elements, it's like from inside to outside approach. And I find it easier to see what's happening. For the first 10 minutes, I do not have a clear vision of what you will do next, it's hard to predict. The series is great but if you can think of the approach of putting things from inside to outside like I described, newbies like me will find joys going through your videos.
Hello There, Thanks for your engagement for your community, it was a good video only thing I can say, I find it difficult to catch on having all columns and row put in a clear color, it prevent from seing what is actually being done, but except from this it is flowing.
Getting my feet wet with FF, thanks for putting this series online! Quick question : what's the use of the initial column if we replicate it within a container? Thanks! Ps: a little bit of "why" we should do things this way would help people like me put some context/get better understanding early. I will continue with the tutorial 😁👍
Hi. I had to strike a balance in regards to the pace and try to keep it moving forward by being practical. It's always tricky to keep people's interest. If you can provide some pointers to perhaps some of the areas which you feel needs greater coverage and I'm more than happy to consider another video to perhaps help. Please let me know.
As a beginner, it's hard to know the difference between all these Widgets, but maybe you already have a video on that. It would be good to see a wireframe type picture of the page, with all the widgets, so one understands where to put what and why. @@the_digitalpro
@@the_digitalpro It's true that I didn't understand at all why you put all this columns and rows, then containers. It's hard to understand as it's not physically noticeable why. I think one of the main difficulties of FF resides in this aspect so it would have been really interesting to go dive into details.
Wow 😲 I've learned a ton of information from this video! I have to admit, UX design in FF has always been a challenge for me. This lesson has shed some light on some of the challenges I'm facing. I'll definitely be keeping an eye out for the rest of the series. I'm hopeful that I'll be able to design fully responsive designs with the knowledge I've gained. Thank you so much for creating this great video!
This is the best feedback I can receive thank you very very much. This is exactly why I created this series to take it right back to the fundamentals to help everyone build user interfaces together with learning core concepts. Thank you for all the great feedback.
Thanks for this video. Please do you plan to also do a series on cloning popular app like Uber, Amazon or Instagram, with a backend on fastgen or buildship ? it'll be so interesting to have such videos.
Hello ! Good afternoon. My name is Gustavo and I'm from Brazil. I'm new to Flutterflow and I'm looking for good courses to help me with my learning and I had the pleasure of discovering your channel. Your course is certainly the newest on RUclips (offering all the benefits of the latest version) in addition to being the most complete (udemy level - I bought one in Portuguese and it doesn't come close to your course). Thank you for making the content available for free and helping the community. I will continue watching all the videos in the series. Hugs and happy new year
Hi Gustavo. Thank you for such a wonderful comment. I am really pleased you like my style of learning. This will be a great course for you to learn from. I will try and release the episodes as quickly as I can but I do not want to compromise the quality. In the meantime please do checkout some of my other videos on my channel. All the best with your learning and hope to hear of your feedback once you have completed the course.
Thank you for your message. I appreciate the feedback which is important to me. I approached this as a crashcourse with some pace to build knowledge as you go through the series in hope that some concepts might fall in to place. I recognise this has been a challenge for some watchers and I will try and improve for my next videos. I was worried that to cover everything in greater detail it would put people off with the slower pace of the videos. Thanks again and all noted.
@@the_digitalpro I think it is worth to teach details and explain the stuff more deeply. I would like to join your community, buy and additional course etc, but this kind of teaching just don't convince me because this way it will take too long to understand the stuff. Nowadays people like me who would like to build an MVP need to learn quickly. Like 2-3 months and we know the stuff pretty well and can build our own dream apps. All the best, Pawel
Click the Colour Picker icon at the top right and the clear colour option is there at the bottom. FlutterFlow have updated the UI since this episode was recorded.
hi, why do you keep making a container and then a column inside a container, why don't you just make a column? doesn't a column already serve as a container?
@@the_digitalpro thanks, are there courses in your membership that aren’t on RUclips? I checked your website and can’t tell - It’s very ambiguous about what's included the membership other than a community
Nice to see another series on ui design. I did miss the explanation as to why you didn’t use top and bottom padding. That would make it easier to remember. I haven’t touched FF for at least 6 months but I’m gonna try to get back in the game 😉 Congrats on your achievements in the meantime!
Hello, Steve. For some reason, my TopNavigationConteinner and BottomNavigationConteiner are stuck together in the middle, I don’t understand the reason. Can you share your source so I can check it step by step and figure out where the problem is? And also the NotesAppTittle text is transparent, not black)
very insightful, however im struggling to understand why i am adding so many columns, widgets, containers etc. i will continue watching, hopefully it clicks as i continue.
great vid but how long did it take you to discover how to build the containers and columns for the left part of the page? just through experimentation? this has always been my biggest bottleneck
It honestly is just experimentation and it will all eventually click. I started using FlutterFlow when there was limited documentation. I have done some Flutter development previously so this did help. Thankfully tools like FlutterFlow really help bridge that gap.
Why did you choose to set only the left and right margins on the PageContainer and not on the PageColumn? You said to get into the habit of using the parents to do the spacing, so this feels like a contradiction. Is there some technical reason behind that choice?
Hello. I made this decision based on the fact that the PageColumn is the top most widget in the widget tree. But equally I could of set the margins in the PageColumn to have the same outcome. Watching this back I believe I made the right decision with it being the most top level widget.
I had the same pitfall, it’s actually the “PageContentRow” you’ll need to have selected before adding the vertical divider. It’s above the “LeftContentContainer” in the hierarchy.
Figured it out u need to clone the project that he has in the description but I wish that he would tell us how he got the divider widget in the first place
I feel sorry for people that try to understand this episode without knowledge of Flutter. Please, first some content, then placement. Now after 15minuites of adding stuff you have blank page. If it would be my first approach of Flutter and FlutterFlow I would say that this framework is worthless xD
I tried to do what I could in a visual way and keep progressing forward. Others have commented in later lessons that things start to click as you progress.
Really want to love this series but there is a significant lack of foundational theory that is critical if this is a "Crash Course". Unfortunatly this is a follow-along with little time given to the reasoning for the decisions made in the UI development. I feel like I would not be able to replicate this independantly after this course. The tutor needs to re evaluate newbies perspectve on thier ignorant perception of Flutter Flow (this is video 3 of a newbie crash course). when people do something for very long, it becomes second nature and you almost expect people to understand more than they do. will definitely be continuing, theres definite value. Thanks for the content
Hello. Feedback is important to me and I always strive to improve going forward. I guess my slight defence to your message is more around keeping some pace to the content. If I were to go deepdive the length of the course would be substantial and watchers would loose interest quite quickly because their would be no sense of pace. There are lots of associated material across RUclips to reinforce some concepts but I hope the hooks are their for others to do additional research. The feedback I have received on this course has been positive, as seen in the comments on the last video. Of course I will take your points forward to see how I can introduce some improvements next time. Thank you.
The course is put together in such a way that many pieces are repeated throughout so you will find as you progress, if you things do not click initially, they certainly will further along. If this series was too slow then watchers would drop off very quickly so some pace to the series was very important. Of course if you need any support please do reach out to me in the Academy and I would be happy to fill in any blanks to assist your learning.
This series is not for beginners. It's for someone who already knows how layers are structured and what container, row, columns, etc are used for. I watched the entire series but these concepts are never explained.
Sorry but this is a BAD tutorial with bad didatic. There's no explanation on WHY you're adding anything, it's all just " add a container here, a column there, a divider here ". Terrible and useless.
I'm kinda feeling the same way. I just did a bunch of stuff, but.. why? Maybe it makes more sense to people with a web dev background or something, I don't know.
To go in depth at each stage would probably require a course 3x long. I am not sure if you and the previous commenter have gone through the whole course but I encourage that. I would be really surprised if at the end of it the walkthrough does not click many pieces in to place. Importantly this crashcourse does not cover database so I purposely focused on the practical side as a means of learning while doing. Infact many steps are repeated to help sink certain things in.
Bad, terrible and useless is not the sentiment of others who have watch the course right the way through. Totally opposite. Please watch the whole the course through. I would be really surprised if you have not learnt how to construct basic user interfaces by the end of it.
A good example of hater mentality. Just saying it's terrible instead of giving a polite and constructive criticism. I agree that the didactics have some flows here, and the "why" aspect is missing in this video, as already adressed in other comments in a polite way. He answered that this is a crash course but he will try to improve it in the future. He made the effort and put out all this useful stuff for FREE. You can at least have some manners.
@seka9910 thank you for your support. I am no professional RUclipsr with years of experience and I am learning from the whole journey. I hope to improve the content and take constructive engagement forward to improve future videos. I do not get words like terrible or useless. Something really has to be an extremely low standard to branded anyone of those. Perhaps I'm biased but I do not feel this content is that.
🔥 Looking for more exclusive content and a helpful community? Why not consider joining The Digital Pro's #NoCode Academy at www.thedigitalpro.co.uk/
Hey Steve, thanks for this series, it is great. But I do have a thought about your approach of putting all elements together to the canvas (columns, rows, containers, images, text, etc,...). I can see some other people doing things opposite to you like from the images and texts first then they wrap the elements, it's like from inside to outside approach. And I find it easier to see what's happening. For the first 10 minutes, I do not have a clear vision of what you will do next, it's hard to predict. The series is great but if you can think of the approach of putting things from inside to outside like I described, newbies like me will find joys going through your videos.
Totally agree!
I too agree.
I’m so lost 😢
Binge watching these lol. Excellent tutorials, and I'm glad I found your channel.
Thank you so much. Hope you learn something new. Good luck.
Your tutorials are making me love flutterflow 🤗
That's great news. Mission accomplished.
Hello There, Thanks for your engagement for your community, it was a good video only thing I can say, I find it difficult to catch on having all columns and row put in a clear color, it prevent from seing what is actually being done, but except from this it is flowing.
Thank you for the feedback. I understand your point I will try and remember this for future videos. Thanks again.
Getting my feet wet with FF, thanks for putting this series online! Quick question : what's the use of the initial column if we replicate it within a container? Thanks! Ps: a little bit of "why" we should do things this way would help people like me put some context/get better understanding early. I will continue with the tutorial 😁👍
Thanks! But its needed to explain why you're adding these widgets, from an architectural point of view. Before adding anything. Theory is missing.
Hi. I had to strike a balance in regards to the pace and try to keep it moving forward by being practical. It's always tricky to keep people's interest. If you can provide some pointers to perhaps some of the areas which you feel needs greater coverage and I'm more than happy to consider another video to perhaps help. Please let me know.
As a beginner, it's hard to know the difference between all these Widgets, but maybe you already have a video on that. It would be good to see a wireframe type picture of the page, with all the widgets, so one understands where to put what and why.
@@the_digitalpro
@@the_digitalpro It's true that I didn't understand at all why you put all this columns and rows, then containers. It's hard to understand as it's not physically noticeable why. I think one of the main difficulties of FF resides in this aspect so it would have been really interesting to go dive into details.
Where is the the video.@@RD-pz9sc
Спасибо, дядька!
You are welcome 😊
Wow 😲 I've learned a ton of information from this video! I have to admit, UX design in FF has always been a challenge for me. This lesson has shed some light on some of the challenges I'm facing. I'll definitely be keeping an eye out for the rest of the series. I'm hopeful that I'll be able to design fully responsive designs with the knowledge I've gained. Thank you so much for creating this great video!
This is the best feedback I can receive thank you very very much. This is exactly why I created this series to take it right back to the fundamentals to help everyone build user interfaces together with learning core concepts. Thank you for all the great feedback.
A lot of trust the process in this episode 😂
hmm...its like painting an invisible canvas and trying to remember what your doing as you move along
Ver well produced content but missing the "why" aspect. Is the ide that once I follow this lecture, i will just know when I work on my project?
Thanks for this video. Please do you plan to also do a series on cloning popular app like Uber, Amazon or Instagram, with a backend on fastgen or buildship ? it'll be so interesting to have such videos.
Hello ! Good afternoon. My name is Gustavo and I'm from Brazil. I'm new to Flutterflow and I'm looking for good courses to help me with my learning and I had the pleasure of discovering your channel.
Your course is certainly the newest on RUclips (offering all the benefits of the latest version) in addition to being the most complete (udemy level - I bought one in Portuguese and it doesn't come close to your course).
Thank you for making the content available for free and helping the community.
I will continue watching all the videos in the series.
Hugs and happy new year
Hi Gustavo. Thank you for such a wonderful comment. I am really pleased you like my style of learning. This will be a great course for you to learn from. I will try and release the episodes as quickly as I can but I do not want to compromise the quality. In the meantime please do checkout some of my other videos on my channel. All the best with your learning and hope to hear of your feedback once you have completed the course.
Bro thanks for your work but you are telling about what you are doing but you do not explain why are you doing it? Why container in the column etc.
Thank you for your message. I appreciate the feedback which is important to me. I approached this as a crashcourse with some pace to build knowledge as you go through the series in hope that some concepts might fall in to place. I recognise this has been a challenge for some watchers and I will try and improve for my next videos. I was worried that to cover everything in greater detail it would put people off with the slower pace of the videos. Thanks again and all noted.
@@the_digitalpro I think it is worth to teach details and explain the stuff more deeply. I would like to join your community, buy and additional course etc, but this kind of teaching just don't convince me because this way it will take too long to understand the stuff. Nowadays people like me who would like to build an MVP need to learn quickly. Like 2-3 months and we know the stuff pretty well and can build our own dream apps.
All the best, Pawel
Great series! But i can't seem to be able to clear the colour, when i open it, it shows a list of theme colors only
Click the Colour Picker icon at the top right and the clear colour option is there at the bottom. FlutterFlow have updated the UI since this episode was recorded.
Awesome! Thanks a lot! @@the_digitalpro
@@the_digitalpro just scrolled down to look for this answer too... thanks! :)
hi, why do you keep making a container and then a column inside a container, why don't you just make a column? doesn't a column already serve as a container?
Hello. You can constrain and style a container. Columns are purely used to holding child widgets which can be positioned vertical or horizontal.
@@the_digitalpro thanks, are there courses in your membership that aren’t on RUclips? I checked your website and can’t tell - It’s very ambiguous about what's included the membership other than a community
Nice to see another series on ui design. I did miss the explanation as to why you didn’t use top and bottom padding. That would make it easier to remember. I haven’t touched FF for at least 6 months but I’m gonna try to get back in the game 😉 Congrats on your achievements in the meantime!
Hello, Steve. For some reason, my TopNavigationConteinner and BottomNavigationConteiner are stuck together in the middle, I don’t understand the reason. Can you share your source so I can check it step by step and figure out where the problem is? And also the NotesAppTittle text is transparent, not black)
This is strange. Please checkout the source code in Episode 4's description
very insightful, however im struggling to understand why i am adding so many columns, widgets, containers etc. i will continue watching, hopefully it clicks as i continue.
HI! Steve, Could you provide me how to fine divider in layout elements because it doesn't have. Thanks
I do not have the dividers and It causes a crash if I do not have them
great vid but how long did it take you to discover how to build the containers and columns for the left part of the page? just through experimentation? this has always been my biggest bottleneck
It honestly is just experimentation and it will all eventually click. I started using FlutterFlow when there was limited documentation. I have done some Flutter development previously so this did help. Thankfully tools like FlutterFlow really help bridge that gap.
Why did you choose to set only the left and right margins on the PageContainer and not on the PageColumn? You said to get into the habit of using the parents to do the spacing, so this feels like a contradiction. Is there some technical reason behind that choice?
Hello. I made this decision based on the fact that the PageColumn is the top most widget in the widget tree. But equally I could of set the margins in the PageColumn to have the same outcome. Watching this back I believe I made the right decision with it being the most top level widget.
waiting 😊
😊 Hopefully not long until the next video.
there is no "divider" in the layout elements... where did it go?
Have you got the column selected?
I had the same pitfall, it’s actually the “PageContentRow” you’ll need to have selected before adding the vertical divider. It’s above the “LeftContentContainer” in the hierarchy.
Thank you!@@VastCNC
@@the_digitalpro Man I know time is precious in RUclips but I had to search for the fact PageContentRow needs to be selected!
@@JD-ir7ol Thanks I spent 30mins looking all over youtube for this
The vertical divider widget is missing in my dashboard how Do I fix that?
Not there for me either
Figured it out u need to clone the project that he has in the description but I wish that he would tell us how he got the divider widget in the first place
All of a sudden you have a Homepage for the widgets and a column widget, where did you actually inserted it from or named it please?
@zot67 this is the starter project. Did you clone it?
Unto the next
I feel sorry for people that try to understand this episode without knowledge of Flutter. Please, first some content, then placement. Now after 15minuites of adding stuff you have blank page. If it would be my first approach of Flutter and FlutterFlow I would say that this framework is worthless xD
I tried to do what I could in a visual way and keep progressing forward. Others have commented in later lessons that things start to click as you progress.
Was here
sir use color in teaching insted of clear color, and then remove the color if u use it
Ok thank you
Really want to love this series but there is a significant lack of foundational theory that is critical if this is a "Crash Course". Unfortunatly this is a follow-along with little time given to the reasoning for the decisions made in the UI development. I feel like I would not be able to replicate this independantly after this course. The tutor needs to re evaluate newbies perspectve on thier ignorant perception of Flutter Flow (this is video 3 of a newbie crash course). when people do something for very long, it becomes second nature and you almost expect people to understand more than they do. will definitely be continuing, theres definite value. Thanks for the content
Hello. Feedback is important to me and I always strive to improve going forward. I guess my slight defence to your message is more around keeping some pace to the content. If I were to go deepdive the length of the course would be substantial and watchers would loose interest quite quickly because their would be no sense of pace.
There are lots of associated material across RUclips to reinforce some concepts but I hope the hooks are their for others to do additional research. The feedback I have received on this course has been positive, as seen in the comments on the last video.
Of course I will take your points forward to see how I can introduce some improvements next time. Thank you.
why a million containers???
To apply visual styling. Containers are different than rows and columns which do not have styling capabilities.
this is not for beginners🤔
The course is put together in such a way that many pieces are repeated throughout so you will find as you progress, if you things do not click initially, they certainly will further along. If this series was too slow then watchers would drop off very quickly so some pace to the series was very important. Of course if you need any support please do reach out to me in the Academy and I would be happy to fill in any blanks to assist your learning.
This series is not for beginners. It's for someone who already knows how layers are structured and what container, row, columns, etc are used for. I watched the entire series but these concepts are never explained.
that's true, i am lost!!!
Sorry but this is a BAD tutorial with bad didatic.
There's no explanation on WHY you're adding anything, it's all just " add a container here, a column there, a divider here ".
Terrible and useless.
I'm kinda feeling the same way. I just did a bunch of stuff, but.. why? Maybe it makes more sense to people with a web dev background or something, I don't know.
To go in depth at each stage would probably require a course 3x long. I am not sure if you and the previous commenter have gone through the whole course but I encourage that. I would be really surprised if at the end of it the walkthrough does not click many pieces in to place. Importantly this crashcourse does not cover database so I purposely focused on the practical side as a means of learning while doing. Infact many steps are repeated to help sink certain things in.
Bad, terrible and useless is not the sentiment of others who have watch the course right the way through. Totally opposite. Please watch the whole the course through. I would be really surprised if you have not learnt how to construct basic user interfaces by the end of it.
A good example of hater mentality. Just saying it's terrible instead of giving a polite and constructive criticism. I agree that the didactics have some flows here, and the "why" aspect is missing in this video, as already adressed in other comments in a polite way. He answered that this is a crash course but he will try to improve it in the future. He made the effort and put out all this useful stuff for FREE. You can at least have some manners.
@seka9910 thank you for your support. I am no professional RUclipsr with years of experience and I am learning from the whole journey. I hope to improve the content and take constructive engagement forward to improve future videos. I do not get words like terrible or useless. Something really has to be an extremely low standard to branded anyone of those. Perhaps I'm biased but I do not feel this content is that.