30 Days of Flutter

Welcome to the 2nd week of #30DaysOfFlutter!

Reminder, this is a self learning journey. Spend 1 hour everyday to study the learning materials, and join the live session on Wednesdays.

🔴 Live Session - 10th February, 9 AM PST. 

What to expect in the live session?

• Answer your questions live.
• Live coding : Theme: Animations and UI.
• We’ll start from 0 (do a flutter create) and create a simple UI that functions as scaffolding for some data or functionality we’ll be adding later.

Self Study Materials 

• In case you're still working on installation, check out walkthroughs for Windows, Mac, or Linux.
• Let’s continue with widgets.
  • Understand the difference between Stateful Widgets and Stateless Widgets.  
  • How to create Stateless Widgets.
  • How Stateful Widgets are used best.
• How does navigation work in Flutter?  
• What is state management and how do I handle state management?
  • Simple app state management
  • We recommend starting with Provider with ChangeNotifier as a first step
    • • But there are lots of valid, well-supported approaches.  
      • Flutter State Management - The Grand Tour
      • Flutter State Management Guide - What you need to know
      • Understanding State Management in Flutter - Foundation 
  • Boring Show episode.
  • provider_counter, provider_shopper.
  • How do I communicate with external APIs?  
  • Working with data
    • Check out this talk about saving data: Keep It Local.
    • To learn more, try out this tutorial.
    • Read about JSON and Serialization, alternatively, you can also watch this video.
    • There's also a sample app showing three different techniques for deserializing data.

Onward Journey For Beginners

Want to know how to leverage the full power of Flutter's Material components to create beautiful UIs? Try building an ecommerce app in these codelabs from the Material team:

• MDC-101 Flutter: Material Components (MDC) Basics.
• MDC-102 Flutter: Material Structure and Layout.
• MDC-103 Flutter:Material Theming with Color, Shape, Elevation, and Type.
• MDC-104 Flutter: Material Advanced Components.

Further Reading

For more advanced journey :  

• The dart:convert documentation.
• The json_serializable package on pub.dev.
• The json_serializable examples on GitHub.
• Running your app on desktop.
• If you want to learn how Provider works, check out Inherited Widgets.
• Networking.

• • Delete data on the internet.
  • Fetch data from the internet.
  • Make authenticated requests.
  • Parse JSON in the background.
  • Send data to the internet.
  • Update data over the internet.
  • Work with WebSockets.

Local!

Check out these study materials in Hindi and Arabic or join a study group in Spanish.