Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Flutter tutorial for beginners to expert level
Rating: 4.6 out of 5(10 ratings)
448 students

Flutter tutorial for beginners to expert level

Become a Flutter Developer
Created byHuzaifa Shakeel
Last updated 5/2022
English

What you'll learn

  • Flutter UI Design
  • Database Connectivity
  • Crud operations using (PHP-MySQL and Firebase)
  • Complex UI design with backend
  • Deploy application on android and IOS
  • Agora video calling
  • How to use plugin
  • Google Authentication
  • Integrate Google Pay + Apple Pay

Course content

3 sections • 22 lectures • 4h 7m total length

  • Creating New Flutter Project7:51

    Lecture 1 how to create a new flutter project and how to make a statefull widget and call it in main.dart file.

  • What is Scaffold, Column and Row and Styling in Text widget by giving color ,etc10:28

    In this class we will implement Scaffold method, container, Row , Column and Text. And see that where we can use chlidrens[]. Now can design basic page on flutter

  • Images and Single scroll child view9:59

    In this video we will see how network image , assets image and  Single scroll child view work and also remove banner from application

  • Form in Flutter7:28

    In this class we design a form with textfield and design a very basic button

  • Appbar in Flutter3:58

    In this class we will discuss how to design appbar with title and action buttons

  • Choice the correct answer
  • Bottom Navigation Bar10:33

    Learn to design a bottom navigation bar in Flutter by arranging icons in a row, styling with color and padding, and aligning items within a container and app bar.

  • Writing Algorithm of Designing a Horizontal Card7:32

    Learn to design a horizontal card using Flutter with a container, border radius, color choices, and a column layout that combines icons, text and tiles to create a polished UI.

  • Write Algorithm of Designing a Horizontal card.
  • Implementing code of a Horizontal Card15:06

    Implement a horizontal card in flutter by composing a container with decorations, borders, shadows, and icons, adjusting radius, color, spacing, and alignment to achieve the final layout.

  • Packing a card into Widget and Stateless Widget9:49

    Learn to pack repeated cards into a reusable widget inside a state class, reducing code length and loading issues, by defining a horizontal card widget with name, number, and icon.

  • Short Quiz related to previous class
  • Creating Vertical Card19:37
  • Create a Vertical Card
  • Floating Action Button5:22

    Design a floating action button in Flutter, configure its icon or text, adjust the default blue background to green if desired, and implement an on press behavior within a scaffold.

  • Bottom Sheet14:35
  • SnackBar and Toast Message10:48
  • Drawer8:46

    Learn to implement a left drawer in a Flutter app with a toggle button, featuring a header and profile, plus navigation items like home and logout and styled decorations.

  • Color Gradient Screen6:28

    Build a color gradient screen in Flutter by applying a linear gradient from orange to red, configuring container decoration and alignment from top left to bottom right.

  • Carousel Slider9:44

    Learn to implement a Flutter carousel slider that auto slides a main image gallery with network images and autoplay. Configure a container with margins and decorations to display centered slides.

  • Animated Button3:14

    Explore how to add and customize an animated button in Flutter using a dedicated package, include adding the dependency, and experimenting with floating action buttons and different button styles.

Requirements

  • Android Studio
  • Java
  • Genymotion Emulator (optional)
  • As a learner windows system preferred
  • Flutter
  • For deployment MacBook (compulsory)

Description

In this course, you will learn how to design complex UI's and database operations and how to deploy your application. I will teach this course from full beginners to expert level, and after this course, you will be able to work on flutter live projects. I will also provide notes and source code of every lecture which we done in the class.

You can easily ask any query regarding flutter and i will make sure that i will answer your all queries.

About Flutter:

Flutter is hybrid language which build cross platform application development  Flutter is developed by google and top trending mobile application development platform. Flutter is supported and used by Google, trusted by well-known brands around the world, and maintained by a community of global developers. Flutter is an open source framework by Google for building beautiful, natively compiled, multi-platform applications from a single codebase. Flutter transforms the app development process. Build, test, and deploy beautiful mobile, web, desktop, and embedded apps from a single codebase. Flutter combines ease of development with performance similar to native performance while maintaining visual consistency between platforms. Flutter’s programming language, Dart, was initially intended as a replacement for JavaScript. Most importantly, Flutter is open-source and completely free. At the moment, Flutter has equal popularity with React Native on both GitHub and Stack Overflow.

Note:

Make sure you have Installed (Android Studio + Java + Flutter + Emulator)

Thank You

Who this course is for:

  • Flutter Complete Tutorial
  • Become a Flutter Developer
  • MAD
  • Mobile Application
  • Complete Flutter Tutorial for Beginners

Report abuse