Take the course on Udemy
This app tutorial covers Flutter for very beginners step by step. We start from very simple ui like drawing text to complex layout using stack and mixture of column and row widget.
We have explained everything in terms of concepts. We have covered Dart core concepts like classes, modifiers (const, final, static), List & Map. After understanding List & Map, we have loaded Map data and shown on the screen.
Not only that, we have given a demonstration of the theory in the code. Every theory is done with pictures or ppt so that beginners can understand easily. The very complex UI layout is explained using detailed pictures.
Step by step we have covered Routing and Navigation with MaterialApp. We shown how routes are connected with Navigator widget and how to manage the stacks of routes.
We also built reusable widget to reduce code amount. So at the end of this tutorial you learn how to build simple to complex reusable flutter widgets.
The widgets we built in this tutorial
The concept we learn here
Complete code for early access
You might be interested in learning about
Ticket app folder structure
Some missing information for youtube followers
Map and List for hotel
List<Map<String, dynamic>> hotelList = [
{
'image': 'one.png',
'place': 'Open Space',
'destination': 'London',
'price': 25
},
{
'image': 'two.png',
'place': 'Global Will',
'destination': 'London',
'price': 40
},
{
'image': 'three.png',
'place': 'Tallest Building',
'destination': 'Dubai',
'price': 68
},
];
Map and List for Ticket
List<Map<String, dynamic>> ticketList = [
{
'from': {
'code':"NYC",
'name':"New-York"
},
'to': {
'code':"LDN",
'name':"London"
},
'flying_time': '8H 30M',
'date': "1 MAY",
'departure_time':"08:00 AM",
"number":23
},
{
'from': {
'code':"DK",
'name':"Dhaka"
},
'to': {
'code':"SH",
'name':"Shanghai"
},
'flying_time': '4H 20M',
'date': "10 MAY",
'departure_time':"09:00 AM",
"number":45
},
];
E-commerce App
Firebase Advanced Master Class
2024-03-10 05:20:59
which video is that?
2024-03-07 08:16:38
Can we have access to the UI, so we can build on our without watching the tutorial videos...(i.e after watching the full course)
starter file
