Skip to main content
CF

Flutter Masterclass

14h 56m 50s
English
Paid

Flutter is a remarkable framework for creating cross-platform applications (mobile, desktop, and web) using the Dart programming language.

In the course "Flutter Masterclass," you will learn to create applications with Flutter from scratch. The course covers creating custom themes, managing global state, adding animations, and integrating the application with a database.

Additional

https://github.com/iamshaunjp/flutter-masterclass

About the Author: The Net Ninja

The Net Ninja thumbnail

The Net Ninja is the YouTube channel and paid-course brand of Shaun Pelling, a UK-based developer behind one of the largest independent web-development tutorial channels online. The channel has been publishing daily-or-near-daily web-development content for nearly a decade and has anchored a generation of self-taught developers' first exposure to JavaScript, React, Vue, Node.js, and the modern front-end ecosystem.

His CourseFlix listing carries four Net Ninja courses: TypeScript Masterclass, Flutter Masterclass (covering cross-platform mobile development), Nuxt 3 With Pinia, and Redis Stack Tutorial. The teaching style is calm, patient, and accessible to absolute beginners — the channel's signature for nearly a decade.

Material is paid for the longer courses; much of Shaun's introductory content is also free on YouTube. Courses are aimed primarily at self-taught developers building real web and mobile proficiency.

Watch Online 129 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 129 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: 1 - Introduction
All Course Lessons (129)
#Lesson TitleDurationAccess
1
1 - Introduction Demo
05:42
2
2 - Installing on Windows
10:49
3
3 - Installing on a Mac
13:07
4
4 - Making a New Flutter Project
05:00
5
5 - Quick Project Overview
04:07
6
6 - Widgets
08:10
7
7 - Material App & Scaffold
11:43
8
8 - Stateless Widgets
06:28
9
9 - Containers
07:55
10
10 - Imports & Quick Refactor
05:46
11
11 - Columns
12:19
12
12 - Rows
08:47
13
13 - Images
06:54
14
14 - Expanded Widget
06:21
15
15 - Buttons & Click Events
06:57
16
16 - Stateful Widgets
11:00
17
17 - Control Flow in Lists
05:16
18
18 - Making Reusable Widgets
12:11
19
19 - Setting up a New Project
09:04
20
20 - Making a Custom Theme
12:56
21
21 - Text Theme
06:36
22
22 - Reusable Styled Text Widgets
05:04
23
23 - Using Google Fonts
04:21
24
24 - Container Gradients
08:52
25
25 - List View
08:02
26
26 - Card Widget
08:43
27
27 - Icon Button
04:34
28
28 - Making a Character Class
07:38
29
29 - Mixins
08:52
30
30 - Getters
09:46
31
31 - Enhanced Enums
11:21
32
32 - Making a Skill Class
09:40
33
33 - Adding Images
04:15
34
34 - Adding Dummy Data
02:58
35
35 - Using the Character Class
07:18
36
36 - Adding a Create Screen
06:28
37
37 - Making a Text Field
09:31
38
38 - Text Editing Controllers
03:55
39
39 - Submit Handler Function
05:09
40
40 - Displaying Vocations
09:22
41
41 - Adding a Scrollable Widget
01:52
42
42 - onTap Gesture
02:56
43
43 - Selecting a Vocation
11:41
44
44 - Submitting the Data
05:59
45
45 - What About the Form Widget-
01:07
46
46 - Pushing & Popping Routes
02:26
47
47 - Navigating Between Screens
05:17
48
48 - Showing a Dialog
08:29
49
49 - Adding a Dialog Theme
03:13
50
50 - Navigating to a Profile Screen
05:07
51
51 - Passing Data into Routes
08:19
52
52 - Fleshing Out the Profile Screen
06:02
53
53 - Arguments in Stateful Widgets
11:10
54
54 - Using Tables
16:51
55
55 - Outputting Vocation Skills
15:17
56
56 - Selecting an Active Skill
09:57
57
57 - Adding a Snackbar
04:45
58
58 - Why We Need Global State
02:48
59
59 - Provider Package
02:09
60
60 - Making a Character Store
02:46
61
61 - Providing & Consuming State
08:11
62
62 - Adding New Characters
06:40
63
63 - Chapter Introduction
01:03
64
64 - Firebase SDK Setup
09:59
65
65 - Firestore Database Setup
06:45
66
66 - Factory Contructors
08:01
67
67 - Processing Character Data
07:00
68
68 - Character Factory Constructor
12:49
69
69 - Processing Character Stats
04:44
70
70 - Firestore Converters
04:15
71
71 - Adding Firestore Data
08:25
72
72 - Fetching Character Data
10:34
73
73 - Saving Character Changes
08:28
74
74 - Deleting Character Data
03:38
75
75 - Swipe to Dismiss
05:23
76
76 - Implicit vs Explicit Animations
01:35
77
77 - Hero Widget
03:35
78
78 - Animated Rotation
04:10
79
79 - Animation Controllers
07:32
80
80 - Tween Sequences
05:34
81
81 - Animated Builder Widget
04:23
82
82 - Changing the Heart Color
01:43
83
83 - Stack and Positioned Widgets
03:44
84
1 - User Input in Flutter
05:20
85
2 - Text Field Widget
06:23
86
3 - Text Editing Controller
04:41
87
4 - Form Widget
05:34
88
5 - Text Form Field
07:05
89
6 - Drodown Form Field
08:35
90
7 - Saving the Form Data
06:15
91
8 - Resetting the Form
02:20
92
1 - Why use Riverpod
05:07
93
2 - Setup & Installing Riverpod
06:17
94
3 - Providers
05:48
95
4 - Stateless Consumers
07:30
96
5 - Stateful Consumers
05:47
97
6 - Generated Providers
08:22
98
7 - Notifier Providers
10:13
99
8 - Updating State
06:52
100
9 - Generated Notifier Provider
05:03
101
10 - Dependent Providers
05:02
102
11 - Final Touches
03:03
103
1 - Intro & Setup
05:12
104
2 - Making a User Model
01:58
105
3 - Making Auth Forms
12:34
106
4 - Switching Between Forms
05:21
107
5 - Validating Form Fields
08:42
108
6 - Firebase SDK Setup
08:52
109
7 - Firebase Auth Setup
03:55
110
8 - Signing Users Up
07:09
111
9 - Logging Users Out
04:54
112
10 - Signing Users In
03:34
113
11 - Simple Error Feedback
07:52
114
12 - Riverpod Stream Providers
06:02
115
13 - Auth State Changes
05:33
116
14 - Consumer Widget
08:28
117
15 - Finishing Touches
03:46
118
1 - What is Dart
04:10
119
2 - Dart Basics
11:34
120
3 - Type Annotations
07:12
121
4 - Functions
09:07
122
5 - Lists & Sets
10:20
123
6 - Control Flow
07:32
124
7 - Maps
08:54
125
8 - Classes
14:07
126
9 - Method Overriding
06:35
127
10 - Generics
08:07
128
11 - Async, Await & Futures
08:20
129
12 - Fetching Data
12:24
Unlock unlimited learning

Get instant access to all 128 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Course content

129 lessons · 14h 56m 50s
Show all 129 lessons
  1. 1 1 - Introduction 05:42
  2. 2 2 - Installing on Windows 10:49
  3. 3 3 - Installing on a Mac 13:07
  4. 4 4 - Making a New Flutter Project 05:00
  5. 5 5 - Quick Project Overview 04:07
  6. 6 6 - Widgets 08:10
  7. 7 7 - Material App & Scaffold 11:43
  8. 8 8 - Stateless Widgets 06:28
  9. 9 9 - Containers 07:55
  10. 10 10 - Imports & Quick Refactor 05:46
  11. 11 11 - Columns 12:19
  12. 12 12 - Rows 08:47
  13. 13 13 - Images 06:54
  14. 14 14 - Expanded Widget 06:21
  15. 15 15 - Buttons & Click Events 06:57
  16. 16 16 - Stateful Widgets 11:00
  17. 17 17 - Control Flow in Lists 05:16
  18. 18 18 - Making Reusable Widgets 12:11
  19. 19 19 - Setting up a New Project 09:04
  20. 20 20 - Making a Custom Theme 12:56
  21. 21 21 - Text Theme 06:36
  22. 22 22 - Reusable Styled Text Widgets 05:04
  23. 23 23 - Using Google Fonts 04:21
  24. 24 24 - Container Gradients 08:52
  25. 25 25 - List View 08:02
  26. 26 26 - Card Widget 08:43
  27. 27 27 - Icon Button 04:34
  28. 28 28 - Making a Character Class 07:38
  29. 29 29 - Mixins 08:52
  30. 30 30 - Getters 09:46
  31. 31 31 - Enhanced Enums 11:21
  32. 32 32 - Making a Skill Class 09:40
  33. 33 33 - Adding Images 04:15
  34. 34 34 - Adding Dummy Data 02:58
  35. 35 35 - Using the Character Class 07:18
  36. 36 36 - Adding a Create Screen 06:28
  37. 37 37 - Making a Text Field 09:31
  38. 38 38 - Text Editing Controllers 03:55
  39. 39 39 - Submit Handler Function 05:09
  40. 40 40 - Displaying Vocations 09:22
  41. 41 41 - Adding a Scrollable Widget 01:52
  42. 42 42 - onTap Gesture 02:56
  43. 43 43 - Selecting a Vocation 11:41
  44. 44 44 - Submitting the Data 05:59
  45. 45 45 - What About the Form Widget- 01:07
  46. 46 46 - Pushing & Popping Routes 02:26
  47. 47 47 - Navigating Between Screens 05:17
  48. 48 48 - Showing a Dialog 08:29
  49. 49 49 - Adding a Dialog Theme 03:13
  50. 50 50 - Navigating to a Profile Screen 05:07
  51. 51 51 - Passing Data into Routes 08:19
  52. 52 52 - Fleshing Out the Profile Screen 06:02
  53. 53 53 - Arguments in Stateful Widgets 11:10
  54. 54 54 - Using Tables 16:51
  55. 55 55 - Outputting Vocation Skills 15:17
  56. 56 56 - Selecting an Active Skill 09:57
  57. 57 57 - Adding a Snackbar 04:45
  58. 58 58 - Why We Need Global State 02:48
  59. 59 59 - Provider Package 02:09
  60. 60 60 - Making a Character Store 02:46
  61. 61 61 - Providing & Consuming State 08:11
  62. 62 62 - Adding New Characters 06:40
  63. 63 63 - Chapter Introduction 01:03
  64. 64 64 - Firebase SDK Setup 09:59
  65. 65 65 - Firestore Database Setup 06:45
  66. 66 66 - Factory Contructors 08:01
  67. 67 67 - Processing Character Data 07:00
  68. 68 68 - Character Factory Constructor 12:49
  69. 69 69 - Processing Character Stats 04:44
  70. 70 70 - Firestore Converters 04:15
  71. 71 71 - Adding Firestore Data 08:25
  72. 72 72 - Fetching Character Data 10:34
  73. 73 73 - Saving Character Changes 08:28
  74. 74 74 - Deleting Character Data 03:38
  75. 75 75 - Swipe to Dismiss 05:23
  76. 76 76 - Implicit vs Explicit Animations 01:35
  77. 77 77 - Hero Widget 03:35
  78. 78 78 - Animated Rotation 04:10
  79. 79 79 - Animation Controllers 07:32
  80. 80 80 - Tween Sequences 05:34
  81. 81 81 - Animated Builder Widget 04:23
  82. 82 82 - Changing the Heart Color 01:43
  83. 83 83 - Stack and Positioned Widgets 03:44
  84. 84 1 - User Input in Flutter 05:20
  85. 85 2 - Text Field Widget 06:23
  86. 86 3 - Text Editing Controller 04:41
  87. 87 4 - Form Widget 05:34
  88. 88 5 - Text Form Field 07:05
  89. 89 6 - Drodown Form Field 08:35
  90. 90 7 - Saving the Form Data 06:15
  91. 91 8 - Resetting the Form 02:20
  92. 92 1 - Why use Riverpod 05:07
  93. 93 2 - Setup & Installing Riverpod 06:17
  94. 94 3 - Providers 05:48
  95. 95 4 - Stateless Consumers 07:30
  96. 96 5 - Stateful Consumers 05:47
  97. 97 6 - Generated Providers 08:22
  98. 98 7 - Notifier Providers 10:13
  99. 99 8 - Updating State 06:52
  100. 100 9 - Generated Notifier Provider 05:03
  101. 101 10 - Dependent Providers 05:02
  102. 102 11 - Final Touches 03:03
  103. 103 1 - Intro & Setup 05:12
  104. 104 2 - Making a User Model 01:58
  105. 105 3 - Making Auth Forms 12:34
  106. 106 4 - Switching Between Forms 05:21
  107. 107 5 - Validating Form Fields 08:42
  108. 108 6 - Firebase SDK Setup 08:52
  109. 109 7 - Firebase Auth Setup 03:55
  110. 110 8 - Signing Users Up 07:09
  111. 111 9 - Logging Users Out 04:54
  112. 112 10 - Signing Users In 03:34
  113. 113 11 - Simple Error Feedback 07:52
  114. 114 12 - Riverpod Stream Providers 06:02
  115. 115 13 - Auth State Changes 05:33
  116. 116 14 - Consumer Widget 08:28
  117. 117 15 - Finishing Touches 03:46
  118. 118 1 - What is Dart 04:10
  119. 119 2 - Dart Basics 11:34
  120. 120 3 - Type Annotations 07:12
  121. 121 4 - Functions 09:07
  122. 122 5 - Lists & Sets 10:20
  123. 123 6 - Control Flow 07:32
  124. 124 7 - Maps 08:54
  125. 125 8 - Classes 14:07
  126. 126 9 - Method Overriding 06:35
  127. 127 10 - Generics 08:07
  128. 128 11 - Async, Await & Futures 08:20
  129. 129 12 - Fetching Data 12:24

Related courses

Frequently asked questions

What is Flutter Masterclass about?
Flutter is a remarkable framework for creating cross-platform applications (mobile, desktop, and web) using the Dart programming language. In the course "Flutter Masterclass," you will learn to create applications with Flutter from…
Who teaches Flutter Masterclass?
Flutter Masterclass is taught by The Net Ninja. You can find more courses by this instructor on the corresponding source page.
How long is Flutter Masterclass?
Flutter Masterclass contains 129 lessons with a total runtime of 14 hours 56 minutes. All lessons are available to watch online at your own pace.
Is Flutter Masterclass free to watch?
Flutter Masterclass is part of CourseFlix's premium catalog. A CourseFlix subscription unlocks the full video player; the course description, table of contents, and preview information are available to everyone.
Where can I watch Flutter Masterclass online?
Flutter Masterclass is available to watch online on CourseFlix at https://courseflix.net/course/flutter-masterclass. The page hosts every lesson with the integrated video player; no download is required.