Learn Dart & Flutter for Mobile Apps | Create a Shopping App

Learn the basics of dart, including the main method and print statements, explore static, dynamic, and constant declarations, and work with int, double, string, and bool types.

Discover Dart type conversion and operators, converting string to int and int to string, formatting doubles with toString and toFixed, and using arithmetic, relational, and logical operators.

Master null-aware operators in Dart, including handling null values with the ?., ??, and default patterns, and review conditional statements such as if-else, switch, and the ternary operator.

Master for loops, for-in, for-each, while, and do-while in Dart, and learn break and continue to control loop flow.

Explore Dart collections by working with lists: initialize, index, print, modify elements, and use the spread operator to copy lists without shared references.

Learn how to use Dart sets and maps, handle duplicates, and access values by key, then master functions with dynamic types, arrow syntax, and named or positional parameters.

Explore the Flutter project structure, including Android, iOS, lib, and pubspec.yaml, and build a basic app with a scaffold, center text, and a counter via a floating action button.

Build a Flutter app from scratch by creating a class that extends a stateless widget, importing material, and using runApp with a home text widget inside a scaffold.

Learn to add an app bar in Flutter using a scaffold, set a title, and center text in the body while exploring background color options from the colors enum.

Explore row and column widgets in Flutter, arranging multiple widgets with main axis and cross axis alignment, and achieving centered layouts, spacing, and basic interactivity with text and buttons.

Explore how to implement toasts in Flutter using a toast extension, configure duration, gravity, and colors, and compare stateful versus stateless widgets for dynamic UI.

Explore the Flutter text widget to display data, limit lines with maxLines, style with TextStyle and TextSpan for rich text, and split widgets into separate files.

Explore the FlatButton in Flutter material widgets: customize with text or icons, handle onPressed and onLongPressed, set color, text color, brightness, and disabled states.

Master Flutter buttons including raised, flat, and outline styles. Learn to customize color, elevation, border side, and border style with on press handling.

Explore how to use the Flutter IconButton from the Material library, configure the icon, on pressed, padding, size, color, splash color, tooltip, and apply Ink with decoration for circular backgrounds.

Learn to implement a Flutter FloatingActionButton with onPressed, a child, and color options, including intensity levels like 300, 500, or 900, plus the extended icon and label feature with tooltip.

Explore how the container widget handles padding and margins, apply colors with box decoration, and use const, symmetric and only options to control spacing in Flutter.

Design and style a Flutter container by choosing shapes, border radius, and decorations. Control padding, margin, height, width, and constraints to center text and create responsive layouts.

Learn to add asset images, configure pubspec.yaml, load with Image.asset, and use FrameBuilder to wrap the image with padding and loading handling.

Explore Flutter image assets, learning how frame builders, container-wrapping, and fit types (contain, cover, fill, fit height, none, scale down) affect clipping, alignment, and repeats (repeat, repeat X, repeat Y).

Explore Dart class and object basics, initialize data members with constructors, and use this to distinguish data members from parameters, while learning named and positional arguments and member functions.

Learn how to implement named constructors and from map in Dart, alongside getters, setters, and conditional initialization; explore enums for fixed values and their use in switch cases.

Explore Dart exception handling with try and catch, on for specific exceptions, and finally, and learn how to create and throw custom exceptions like age validation and division by zero.

Learn how Dart handles asynchronous operations using futures, async and await to keep the app responsive while waiting for server calls, delays, or data retrieval.

Learn how to display internet images in Flutter using NetworkImage and DecorationImage, including loading and error handling with loadingBuilder and errorBuilder, plus using DecorationImage in box decoration.

Learn how flutter's list view creates a scrollable list of widgets, with vertical or horizontal scrolling via axis, and map a data list to text widgets using keys.

Learn to build dynamic Flutter lists with ListView.builder using itemCount and itemBuilder, render ListTile items with title, subtitle, leading, trailing, and onTap and onLongPress handlers for scrolling lists.

Explore how to implement Flutter's dismissible feature in a list by wrapping items in cards, handling swipe directions (start to end and end to start), and customizing dismiss backgrounds.

Learn to use setState in Flutter to update a counter and refresh the UI, and understand initState and dispose for initialization and cleanup.

Learn how Flutter's TextField captures text input, with features like autocorrect, autofocus, enabled state, keyboard type, and how a TextEditingController reads and presets values.

Explore Flutter TextField styling, from borders, padding and colors to labels, icons, and input actions, and learn how to handle changes, completion, and submission in forms.

Build a Flutter app that takes integer input from a TextField and displays a table. Use SizedBox and Expanded to manage layout and update the table with a button.

Learn to build a Flutter grid view with fixed cross axis count. Configure child aspect ratio, spacing, padding, and a scroll controller with initial offset and reverse behavior.

Master responsive layouts with media query by adapting height and width to screen size, and implement navigation using push, pop, and named routes to pass data between screens.

Learn to send a rest API request in Flutter using the http package, decode JSON with convert, and update the UI with a progress indicator.

Discover how to implement bottom sheets in Flutter, comparing persistent bottom sheets and model bottom sheets, and learn to display them via a scaffold key and bottom sheet functions.

Build a daily tasks planner in Flutter by starting from scratch, creating the home screen, adding a floating action button to add tasks, and presenting a bottom sheet for input.

Build a daily tasks planner in Flutter by arranging a column, styling text with Google fonts such as Montserrat, and implementing padding, dividers, and modal navigation.

Design a daily tasks planner UI in Flutter by styling a text field with an outline border and border radius, then assemble add and reset buttons with padding.

Attach a text editing controller to the task input, manage its disposal, and implement reset and add task functions using shared preferences to store tasks in a Flutter bottom sheet.

Define a Flutter task model with date-time fields and factory constructors from string or map, using milliseconds since epoch. Save tasks to shared preferences via json encoding and import practices.

Learn how to fix a daily task planner in Flutter by storing tasks as a list in shared preferences, retrieving and updating the list with each add, using JSON encoding.

Build a daily tasks planner in Flutter, store and retrieve tasks with SharedPreferences, and handle encoding and decoding to display tasks via a bottom sheet.

Continue building the daily tasks planner app in Flutter by displaying tasks, handling empty state, styling with container, decoration, margins, padding, alignment, and checkbox removal from shared preferences.

Learn to build a daily task planner in Flutter by retrieving and displaying tasks, tracking completion with a boolean list, updating state, and saving progress with shared preferences.

Create a daily tasks planner in Flutter by implementing save and delete functionalities, including a clear all tasks button using shared preferences to reset the task list.

Follow flutter's official docs to build Android production apps by configuring launcher icons and adaptive icons, then sign with a keystore and generate the app bundle.

Design and build an e-commerce shopping app from scratch using Flutter for frontend and BHP MySchool as backend, with Figma for UI design and cross-platform targeting.

Design your shopping app interface in Figma by creating a new project, grid layout, and category cards with gradients. Prepare for prototyping and later coding.

Design the shopping app user interface in Figma by creating circles, borders, and aligned vegetable cards with center alignment and scrolling, preparing for a trending section in the next video.

Extend the e-commerce app design by adding a trending section with product cards, rounded corners, and price displays, then configure bottom navigation and a review section, deferring login until checkout.

Design and prototype a product details screen in a shopping app using figma, implementing navigation, color palette, product information, add to cart, and buy now interactions.

Begin coding the backend for the shopping app by creating a php class to manage mysql connections, with host, username, and password, and a constructor that opens the database connection.

Define and call functions to execute database queries and fetch results. Build a database class with connection management, escaping values, and safe closure for a shopping app.

Create a seller model and database table for an ecommerce app, defining fields like ID, name, password, image, address, and description, and wire the PHP backend to the local database.

Create a public validate function to ensure parameters are not empty, then sanitize inputs with strip_tags and trim before inserting into the database and returning the last insert id.

Create a register api in php to register sellers, configure cors and content-type headers, accept only post requests, and validate required fields (name, password, image, address, description) with json responses.

Learn to build a seller registration API for a shopping app, enforcing required fields like name, email, password, address, and description, and manage image uploads and asset folders.

Develop and test a user registration API for a shopping app using Postman and localhost endpoints, then hash passwords with bcrypt to protect user data.

Add a unique e-mail check before saving to prevent duplicates in the seller registration flow, and implement a rewrite rule for clean requests.

Develop a seller login API for a shopping app by implementing email and password authentication, validating input, hashing passwords, returning user data without the password, and testing with Postman.

Create a product table with auto-increment id, seller_id foreign key, fields name, image, price, description, default zero interaction_count, and a product model to store data and track popularity.

Create a backend endpoint to store product details for a shopping app, validating seller id, name, price, description, and image, handling image uploads, and returning success or error messages.

Develop a backend api to fetch sellers (id, name, image, address) for a shopping app, enabling product display after seller selection; shown with PHP implementation and Postman tests.

Create an API to fetch a seller's products by seller id using a SQL query and return the product list. Secure the endpoint with JWT authentication.

Explore building a flutter shopping app workflow, from prototyping in Figma with the hero animation to creating a splash screen, configuring navigation between screens, and applying Google fonts.

Learn flutter frontend by building a shopping app splash screen, center a circular progress indicator with a loading sellers label, and apply the Poppins font.

Build a stateful Flutter screen that shows a loading indicator for three seconds, then fetches sellers and navigates to a sellers list screen, with timer handling and null-safety.

Fetch the sellers list from a private server using the Flutter HTTP package. Define a seller model and implement a server handler to perform the API call.

Learn how to fetch a json string, convert it to a list of seller objects using the convert library, and navigate to a sellers screen built with scaffold and container.

Implement the silver screen user interface in Flutter, building a header with better buys and a circle avatar, using a row inside a column, with padding and themed styling.

Learn to build a sellers list in a Flutter shopping app using a column, passing arguments from splash to seller screens, and handling null safety with typecasting and models.

Enhance the sellers screen by turning the list into a scrollable, color-rich card layout with rounded borders, background colors from a color list, and responsive margins for mobile design.

Build a seller item UI in a Flutter shopping app with a row, a name and address column, and right image, handling null safety and server data via string interpolation.

Create a polished product card in Flutter by styling names and addresses with precise font weights, line limits, and ellipses, using containers, padding, and Google fonts like Poppins.

Create a product screen, enable tapping a seller to navigate to the product page, pass the seller as an argument, and fetch products via an api for the shopping app.

Learn to implement a product model in Flutter with fields like seller ID, name, image, price, and description, then build a loading product screen using containers and alignment.

In this lesson, implement a Flutter server function to fetch a seller's product list for a shopping app, using a future<List<Product>> and try-catch error handling.

Fetch and display products in a Flutter shopping app by updating a global products list, removing the loading indicator, and rendering a horizontal ListView with a one-time fetch guard.

Learn to implement a linear gradient in Flutter, customize colors and alignment, and create circular gradients for a responsive shopping app UI.

Implement a gradient on the shopping product item by wiring a linear gradient from the primary color to transparent, using a colors file and index-based color selection for the list.

Learn to build a shopping app UI in Flutter by creating product cards with box shapes, borders, and fonts from Google Fonts, and by using isEmpty checks with padding.