Flutter Course – Full Tutorial for Beginners (Build iOS and Android Apps)

24
12

Learn Flutter, Google’s groundbreaking multi-platform mobile development framework to create apps for Android and iOS. In this course, Nick Manning from fluttercrashcourse.com teaches you how to get up and running with Flutter quickly and effectively. Nick has been a Flutter engineer since 2017 and has boiled down this real-world know-how into a clear-cut, realistic and step-by-step crash course. Flutter apps are written in the Dart programming language

💻 Code –
💻 Accompanying blog posts for each lesson –

⭐️ Contents ⭐️
(0:00) Intro:
⌨️ What this course covers

(2:15) Layout in Flutter:
⌨️ Layout concepts
⌨️ Column, mainAxisAlignment, crossAxisAlignment
⌨️ Container and Parameterized StatelessWidgets

(14:48) Images:
⌨️ Image, BoxConstraint
⌨️ Configuring image assets
⌨️ Implementing ImageBanner

(30:05) Text:
⌨️ Importing a custom font
⌨️ Finalizing our TextSection with Column and EdgeInsets
⌨️ ThemeData, TextTheme and organizing style

(48:30) Models:
⌨️ Using Models to represent data and functionality
⌨️ Making our screen dynamic
⌨️ Generics, map(), Anonymous Functions and Cascades

(69:33) Navigation and Lists:
⌨️ Parameterized named routes
⌨️ MaterialPageRoute, RouteFactory
⌨️ ListView and GestureDetector

⭐️ Links: ⭐️
🔗 Nick Manning’s Flutter Crash Course:
🔗 Installing Flutter on macOS:
🔗 Installing Flutter on Windows:

⭐️ Social: ⭐️
🐤 Twitter:
📬 Email: nick@fluttercrashcourse.com
📽 Nick’s YouTube channel:

Learn to code for free and get a developer job:

Read hundreds of articles on programming:

And subscribe for new videos on technology every day:

Source: cuocdoidanghien.com

View More: Cuocdoidanghien Education

24 COMMENTS

  1. Hey all, I'm super excited to have freeCodeCamp feature my course so thank you to Beau for posting this. I've worked with Flutter for almost 2 years now and it's been an amazing dev experience, even coming from an iOS background myself. Flutter is a truly high quality, powerful technology with an amazing dev community and resources.

    If you're hungry for more how-tos, check out my passion project, https://fluttercrashcourse.com for more free videos. I'm working hard on the site throughout the rest of the year to crank out more features and free course modules. Please help spread the word on Flutter by Tweeting this video out. For updates to my progress, free feel free to follow me here 👉 https://twitter.com/seenickcode

    Happy Fluttering! Nick,

  2. For beginners, this tutorial is way too quick, couldn't understand anything in the first 5 minutes so stopped watching and went to another tutorial

  3. If any facing error "Bottom overflow by 30px " when you add more details or changed font size to bigger!!

    Wrap SingleChildScrollView() with child as Column()

    Below Code in location_detail.dart

    return Scaffold(

    appBar: AppBar(

    title: Text(location.name),

    ),

    body: SingleChildScrollView(child :Column(

    mainAxisAlignment: MainAxisAlignment.start,

    crossAxisAlignment: CrossAxisAlignment.stretch,

    children: [

    ImageBanner(location.imagePath),

    //TextSection("Kudroli", "Kudroli Temple is a"),

    ]..addAll(textSections(location))

    ),)

    );

  4. 23:29 Some unknown reason i wasnt abole to use Montserrat font

    I used..Raleway

    .yaml

    fonts:

    – family: Raleway

    fonts:

    – asset: assets/fonts/Raleway-Bold.ttf

    – asset: assets/fonts/Raleway-Regular.ttf

    style.dart

    const String FontNameDefault = 'Raleway';

  5. Hi, I was thinking about jobs? theres not much demand for this, i want to learn mobile app dev, decided on ios but dont have a mac, so looked to flutter, but jobs are non existent on linkedin! So might just go for android/kotlin native, what do you think? Thanks for the video 🙂

  6. ⭐️ Contents ⭐️

    (0:00) Intro:

    ⌨️ What this course covers

    (2:15) Layout in Flutter:

    ⌨️ Layout concepts

    ⌨️ Column, mainAxisAlignment, crossAxisAlignment

    ⌨️ Container and Parameterized StatelessWidgets

    (14:48) Images:

    ⌨️ Image, BoxConstraint

    ⌨️ Configuring image assets

    ⌨️ Implementing ImageBanner

    (30:05) Text:

    ⌨️ Importing a custom font

    ⌨️ Finalizing our TextSection with Column and EdgeInsets

    ⌨️ ThemeData, TextTheme and organizing style

    (48:30) Models:

    ⌨️ Using Models to represent data and functionality

    ⌨️ Making our screen dynamic

    ⌨️ Generics, map(), Anonymous Functions and Cascades

    (69:33) Navigation and Lists:

    ⌨️ Parameterized named routes

    ⌨️ MaterialPageRoute, RouteFactory

    ⌨️ ListView and GestureDetector

  7. We will be with for more advance PROJECTS.
    Please,please,please,please MAKE MORE FLUTTER TUTORIALS
    Thanks a lot

  8. "Full Tutorial for Beginners"
    But you didn't include the first part or explain anything about how flutter works.
    This video is NOT a full tutorial or for beginners.
    Flagged as misleading.

LEAVE A REPLY

Please enter your comment!
Please enter your name here