Flutter & Dart : The complete beginners guide [2024]
- Descrição
- Currículo
- FAQ
- Revisões
This app covers Flutter for very beginners to advanced learners. We start from very simple ui like drawing text to complex layout using stack and mixture of column and row widget.
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.
Along with you will master core Dart concept
1. Class
2. Inheritance
3. List
4. Map
5. Method overriding
Along the way, we explained what’s a stateful class and difference between a stateful class and stateless class. We also explained what’s a bottom navigation bar and how to set up screens for bottom navigation bar. Bottom navigation bar mainly involves jumping to different screens and complex layout.
Homepage UI
Homepage UI includes greetings layout, ticket layout, colorful tickets, hotel view with images.
Ticket search
Ticket search UI includes searching tickets UI with upcoming flights.
Ticket UI
Ticket UI involves showing ticket information with bar code. This is beautiful.
Book Ticket
This UI includes information about a certain flight.
Later on, we explained how to work with different colors and separate color in a static file.
The widgets we built in this tutorial
1. reusable style component
2. reusable color pallet
3. reusable column widget
4. reusable layout builder widget
5. reusable column widget
6. reusable row widget
7. reusable ticket widget
After finishing this course, you will have much better understanding how flutter works and you will master app layout building.
-
17Create BottomNavBar classVídeo Aula
-
18BottomNavigationBarItem and ListVídeo Aula
-
19Style BottomNavigationBarVídeo Aula
-
20Install icons for bottom nav barVídeo Aula
-
21Create dummy screens for BottomNavigationBarVídeo Aula
-
22Access BottomNavigationBar's indexVídeo Aula
-
23Use setState() to update BottomNavigationBarVídeo Aula
-
25Overview of the upcoming HomeScreenVídeo Aula
-
26Home screen module and understand the layout part 1Vídeo Aula
-
27Understanding Container() widgetVídeo Aula
-
28About other nested widgetsVídeo Aula
-
29Understanding vertical and horizontal layout designVídeo Aula
-
30Define widgets with layoutVídeo Aula
-
31Finish header layout with widgetsVídeo Aula
-
32Style Text() widgetsVídeo Aula
-
33Create separate style classVídeo Aula
-
34Style Container for ImageVídeo Aula
-
35Show image on the screenVídeo Aula
-
36Create a separate media fileVídeo Aula
-
37Create a search box layoutVídeo Aula
-
38Background color and remove AppBarVídeo Aula
-
39Understand and create a reusable widgetVídeo Aula
-
40Understand copyWith method and create examplesVídeo Aula
-
41Understand the ticket view layoutVídeo Aula
-
42Create TicketView widget classVídeo Aula
-
43Style TicketView left and right borderVídeo Aula
-
44TicketView destination textVídeo Aula
-
45TicketView big dotsVídeo Aula
-
46Expanded widget and count of themVídeo Aula
-
47Understanding Stack widgetVídeo Aula
-
48Understand the dynamically generated widget principleVídeo Aula
-
49Create AppLayoutBuilderWidgetVídeo Aula
-
50Show and rotate plane iconVídeo Aula
-
51Understand the degree and radians for angleVídeo Aula
-
52Rotating using radiansTexto
-
53Show the second row in the blue part of the ticketVídeo Aula
-
54Show the bottom part of the ticketVídeo Aula
-
55Create big circle widget for ticket endVídeo Aula
-
56Dart Ternary operatorVídeo Aula
-
57Show the ticket dashVídeo Aula
-
58Change the text of the orange partVídeo Aula
-
59Style first row bottom textVídeo Aula
-
60Create reusable widgets for first row ticketVídeo Aula
-
61Create reusable widgets for bottom row ticketVídeo Aula
-
62Understand dart Map & List together in our ticket appVídeo Aula
