
Explore Flutter as a mobile app development framework, focusing on feedback and leveling up through a new video series, including ideas to make your own currency with Flutter.
Explore how Flutter enables mobile app development, including libraries and inbuilt video classes, while unpacking function parameters, variables, and the role of disclaimers in this video series.
Explore Flutter as a cross-platform app development framework that targets mobile, web, and desktop on iOS, Android, Windows, Linux, and Mac OS, powered by Dart and an integrated rendering engine.
Install flutter across Windows, macOS, and Linux, set up Xcode, Android Studio, and VSCode, and run flutter doctor with cocoapods support and Apple Silicon considerations.
Learn to create and run a Flutter demo project using terminal and VS Code, configure pubspec dependencies, and run on iOS and Android simulators with debugging and hot reload.
Explore building a Flutter demo project from entry point to a responsive user interface. Use stateless and stateful widgets, a Material app, Scaffold, and setState to update a counter.
Explore setting up a Flutter development environment in VS Code with essential extensions and pubspec assist, and generate code with widget snippets, Dart tooling, and Firebase integration.
Explore how Dart variables are defined and typed. Learn about final and constant, and data types like string, integer, and boolean, plus compile time and runtime concepts.
Explore Dart classes in Flutter, covering class definitions, constructors (default and named), nullable types, and string and int variables with from string and copy from string patterns.
Understand Dart constructors, including named constructors, and learn to initialize class variables with final and nullable fields using positional and keyword parameters, default and required values.
Explore dart functions in flutter apps by learning how to define and call functions, use positional and named parameters, manage return values and scope, and work with basic data types.
Explore how to pass functions as parameters in Dart and Flutter, define anonymous and inline functions, use closures, and control return values with named, positional, and required parameters.
Explore defining function parameter types in dart/flutter, covering compile-time and runtime behavior, passing functions as arguments, function signatures, return types, dynamic vs typed parameters, and named parameters with defaults.
Learn Dart generics by implementing generic classes, stacks, lists, and maps, handling dynamic and compile-time types, with push, pop, and print operations for Flutter data handling.
Explore how to build a BMI calculator in Flutter, using stateless and stateful widgets, passing parameters, and detailing the output UI and app layouts.
Discover Flutter layout concepts such as box and sliver layouts, grids, and lists, and learn to design horizontal and vertical user interfaces for dynamic apps.
Build the basic UI structure for a Flutter BMI calculator by using scaffolding, a stateful BMI page, and column, row, container, and button widgets.
Fix alignments in Flutter by mastering containers, columns, padding, and color styling with hex codes and RGB values, while applying constant modifiers and active text colors for polished UI.
Refine Flutter UIs by mastering widgets like Expanded, Flex, and container decoration. Build responsive interfaces with text buttons and floating action buttons, using border radius and color themes.
Make an interactive Flutter UI by capturing height, weight, age, and gender with widgets, using setState and gesture detectors to update selections and save to local storage for BMI calculations.
Review how Flutter app code comes together, from stateless and stateful widgets to UI layout, material design, and a BMI calculator example with setState and gesture detectors.
Learn to implement a BMI calculator in Flutter by defining a function with required parameters and height, computing a double BMI, updating state on button press, and printing the result.
Refactor Flutter widgets by extracting reusable components, converting between stateless and stateful widgets, and using gesture detectors to update BMI-related state with gender tiles.
Learn how to build a Flutter weather app using asynchronous programming with futures, http requests, and the open weather api by wiring latitude and longitude, api key, and future builder.
Design a basic weather app UI in Flutter, integrate the Open Weather API, and display temperature with Celsius or Kelvin, humidity, wind, and sunrise and sunset using icons.
Learn how to integrate Google Fonts in Flutter by downloading fonts, adding assets, and configuring pubspec.yaml. Apply fonts to text themes and the material theme for consistent styling.
Add a separate home page in a flutter app by building a scaffold-based, stateful home screen, integrating a weather api key and essential imports like google fonts and mdi icons.
Master Flutter navigation by using the navigator to push and pop screens with context and routes, including material page routes and scaffold. Explore dialogs, bottom sheets, and back button behavior.
Learn how to pass values between screens in Flutter using text editing controllers, stateful widgets, and text fields, while navigating with push and pop and handling return values with futures.
Learn to architect Flutter navigation with named routes, defining a route map for home, login, and profile pages, and push transitions using Navigator.push, including dynamic parameters and deep links.
Learn to implement dynamic routing with arguments using push named, route settings, and parameter handling, including scalar and object arguments, switch-based routing, and navigation between home and other screens.
Master nested navigators in Flutter by building a navigation bar with scaffold and index stack, implementing dynamic routing, push navigation, and navigator patterns for feed and profile pages.
Learn to implement navigation keys and a global navigator in Flutter, with bottom navigation bars, route management, and dynamic feeds for profile and home pages.
Explore basic layout widgets in Flutter, including scaffold, container, padding, safe area, and decoration, and learn to arrange with column, row, stack, and alignment options.
Master the expanded widget in Flutter to control layout constraints, sizes, and growth within columns and lists, using flexible and shrinkWrap techniques for scalable, dynamic UIs.
Explore Flutter display widgets to render text with color, font size, and style, manage images and icons, and build lists, grids, and cards with alignment, padding, and overflow options.
Master Flutter input widgets to capture user input through text fields with decorations and labels. Manage state with text editing controllers, on-change events, and validation for checkbox, radio, and switch.
Explore Flutter gesture widgets by using text buttons, elevated buttons, icon buttons, and InkWell, and master handling taps with onTap, onDoubleTap, and GestureDetector for responsive UI and elevation styles.
Explore how builder widgets power dynamic interfaces in Flutter, using setState, stateful and stateless widgets, and layout builder to adapt to constraints and context.
Navigate between pages using Flutter's navigator and scaffold, implementing bottom navigation bars, floating action buttons, and push/pop routes with proper context. Create multi-page interfaces with Material and Cupertino patterns.
Explore flutter modal widgets, including alert and simple dialogs and bottom sheets. Master showing dialogs with builder context, barriers, and navigator pops for interactive prompts and date pickers.
Explore same page navigation using a home page, bottom navigation bar, and multiple pages. Create custom headers, a page view, and a page controller with indicators for seamless in-page navigation.
Explore platform aware widgets in Flutter, balancing material design with Cupertino components for Android and iOS, using the platform widgets library to build cross-platform apps.
Create adaptive and responsive Flutter UIs that adapt to device size and orientation using media queries, layout builder, and inherited widgets, generating dynamic layouts for portrait and landscape.
Deliver final thoughts on Flutter widgets by exploring videos, documentation, examples, and demos, and commit to daily practice to reinforce learning.
Install and configure Firebase in a Flutter app by setting up a Firebase project, installing the Firebase CLI, adding Firebase dependencies, and initializing options for Android and iOS.
Learn to use Firebase Firestore, a NoSQL database, to store documents in collections, generate auto-generated IDs, and retrieve data with query snapshots for real-time updates.
Define a student data model with name, email, age, height, and city, using fromJson and toJson with a factory and a Firestore converter to save and update data.
Learn to fetch real-time data from Firestore in a Flutter app using stream builder and future builder, with snapshots to refresh the UI automatically.
Learn to initialize a Firebase app and access the Firestore instance, configure options, work with NoSQL collections and documents, and converters to transform JSON data and queries into data sets.
Explore building a real-time list with stream builders and Firestore queries, converting documents into a student model, and fetching by id with snapshots and futures.
Explore querying collections in Flutter with Firestore, using documents, document IDs, and queries, including filters, order by, and snapshot streams to fetch and display data.
Resolve Firestore permission denied issues by understanding Firebase rules and access controls. Learn to configure authentication-based read and write permissions for test and production environments.
Learn to implement Firebase authentication: register with email and password or phone, enable third-party sign-in methods, verify emails, handle sign-in, sign-out, and basic Firestore access rules.
Learn to implement Firebase authentication in a Flutter app with a practical UI, including login and registration via email and password, and state-driven navigation.
Implement a Firebase authentication UI in Flutter using the Firebase Auth UI package, wiring login and email or Google sign-in with pubspec auto-install for a minimal sign-in flow.
Enable Google sign-in in your Flutter app using Firebase UI OAuth, configure FlutterFire, and supply a Google provider with your client ID.
Build a simple to-do app using Flutter and Firebase, focusing on Firestore data structures, streams, query builder, and CRUD operations with user authentication.
Learn why state management is essential in Flutter apps, linking UI to data through stateful and stateless widgets, data models, and navigation patterns.
Explore how to build a Flutter app using an inherited widget pattern, with a Firebase-backed repository, MVVM architecture, and task management features like add, edit, and notify updates.
Learn how the Flutter provider package enables scalable state management using inherited widgets, context, and listenable reads with read, watch, and notify listeners, including multi-provider patterns.
Learn how the BLoC pattern serves as a powerful state management solution, connecting the UI to data handling and back-end communication through providers.
Learn how the BLoC pattern manages state with streams and stream controllers, linking business logic to the UI via stream builders, events, and state streams.
Explore BLoC events by building increment and decrement events, defining abstract event and state classes, and wiring stream controllers to manage a counter's state in Flutter.
Explore Flutter bloc package for state management in mobile apps, covering counters, events, states, bloc builders, listeners, providers, and VSCode tooling.
Define a to-do repository using the BLoC pattern with a Firebase-backed data store; implement an abstract base repository, a concrete Firebase repository, and basic CRUD and query operations.
Define and manage to-do events and states using BLoC classes in a Flutter app, wiring a firebase-backed repository, models, and UI interactions.
Inject BLoC and repository providers to power a to-do block, wire add and update events, manage states, and automatically update the UI through listeners and consumers.
Explore final thoughts on BLoC, focusing on provider data handling, state management strategies, blocking tasks, and how updates and deletions shape a Flutter app’s architecture.
Explore how to define and apply material design themes in Flutter, including light and dark modes, color schemes with seed colors, primary colors, and text theme customization.
Explore dynamically changing app themes using the provider pattern to support light, dark, and system modes, enabling a theme provider and consumers to notify listeners and refresh the UI.
Learn to add custom fonts in Flutter by using Google Fonts, defining a font family in pubspec.yaml, and testing on devices to apply a default or title font.
Create and set a custom flutter app icon using the launcher icons package, configure pubspec.yaml, and automatically generate a configuration file for Android and iOS.
Master implementing camera and gallery in a Flutter app using an image picker, and manage camera and photo library permissions on iOS and Android.
Learn to implement Flutter location with a geolocating plugin, handle Android, iOS, macOS permissions including Info.plist notes, and print current latitude and longitude, with Google Maps integration.
Open app settings across Flutter projects, configure iOS plugins and Cocoapods, enable hot reload and hot restart, and manage permissions, location, and Info.plist for a smoother setup.
Explore building app preferences with a shared preferences library, enabling save and load of username, theme, font size, and notifications, backed locally and by Firebase for cloud backup.
අපි මේ පාඨමාලාවේදී Flutter නම් cross-platform app development framework එක ගැන මුල සිට කතා කරනවා.
2023 දී 46% ට වැඩි පිරිසක් භාවිතා කරන cross-platform app development framework එක ලෙස නම් Flutter නම් කෙරුණු අතර දැනට ඉතා සීඝ්රයෙන් ප්රචලිත වෙමින් ඇත. මාගේ අදහස නම්, බහුතරයක් mobile apps නිර්මාණයට flutter භාවිතා වන නිසා, flutter දැනුම ඇති developers ලා හට වැඩි ඉල්ලුමක් ලැබිය හැකි බවයි!
මේ පාඨමාලාවේදී flutter framework එකට අමතරව Firebase ගැනත්, Flutter app එකකට firebase connect කරන හැටි ගැනත් දැන ගන්න පුළුවන්. ඒ වගේම State Management වැනි සංකීර්ණ සංකල්ප ගැනත් සරලව පැහැදිලි කරනවා. ඒ නිසා, Flutter ගැන කිසිම දැනුමක් නැති කෙනෙකුට වුවත් ඉතා පහසුවෙන් තේරුම් ගැනීමට හැකි වන අයුරින් මේ පාඨමාලාව නිර්මාණය කර තිබෙනවා.
ඔබ මෙම පාඨමාලාවෙන් ඉගෙන ගනු ලබන්නේ:
Flutter හි මූලික කරුණු: අපි Flutter හි මූලික සංකල්ප, එනම් Widgets (Flutter UI හි building blocks), responsive app architecture සහ Flutter app එකක structure ගැන ගැඹුරින් සාකච්ඡා කරමු.
UI නිර්මාණය: Flutter හි inbuild Widgets වලින් visually attractive නිර්මාණය ගැන ඉගෙන ගැනීමට පුළුවන්.
State Management: ඔබේ Flutter apps තුළ දත්ත කාර්යක්ෂමව කළමනාකරණය කිරීමට සහ update කිරීමට ඔබට හැකි වන පරිදි සරල නමුත් ඵලදායී state management patterns ඔබට හඳුන්වා දෙනු ඇත.
Firebase ඒකාබද්ධ කිරීම: මෙම පාඨමාලාව Google හි ප්රබල backend service එකක් වන Firebase වෙතද ඔබව හඳුන්වා දෙනු ඇත. ඔබගේ Flutter යෙදුම Firebase සේවාවන් සමඟ පියවරෙන් පියවර සම්බන්ධ කරන්නේ කෙසේදැයි ඔබ ඉගෙන ගනු ඇත:
Authentication: පරිශීලක පිවිසුම් සහ ලියාපදිංචි කිරීම ක්රියාත්මක කිරීම.
Firestore: දත්ත ගබඩා කිරීමට සහ ලබා ගැනීමට NoSQL Cloud Database සමඟ වැඩ කිරීම.
Cloud Storage: ඔබගේ යෙදුම තුළ ගොනු සහ මාධ්ය කළමනාකරණය කිරීම.
ප්රායෝගික ව්යාපෘති: පාඨමාලාව පුරාම, ඔබ ඉගෙන ගත් සංකල්ප ශක්තිමත් කරන සහ ක්රියාකාරී ජංගම යෙදුම් සමූහයක් ගොඩනැඟීමට ඔබට ඉඩ සලසන ප්රායෝගික ව්යාපෘතිවල නිරත වනු ඇත.
ඉඟි සහ හොඳම භාවිතාවන්: පිරිසිදු, නඩත්තු කළ හැකි සහ කාර්යක්ෂම Flutter කේතය ලිවීමට ඔබට උපකාර කිරීම සඳහා අපි අත්යවශ්ය best practices ගැන ද ආවරණය කරන්නෙමු.
මෙම පාඨමාලාව සුදුසු වන්නේ:
පෙර ක්රමලේඛන අත්දැකීම් නොමැති ආරම්භකයින් සඳහා.
Flutter සමඟ ජංගම යෙදුම් සංවර්ධනය ඉගෙන ගැනීමට කැමති වෙනත් programming language වල අත්දැකීම් ඇති developers ලා සඳහා.
මෙම පාඨමාලාව නිර්මාණය කර ඇත්තේ ඕනෑම තාක්ෂණික පසුබිමක් ඇති ඕනෑම කෙනෙකුට පහසුවෙන් තේරුම් ගත හැකි වන පරිදිය.
මාගේ තවත් වීඩියෝ නැරඹීමට, HexCoder YouTube channel එක වෙත පිවිසෙන්න.