Skip to content

Building ios and android apps using Flutter and Dart Programming

Notifications You must be signed in to change notification settings

SyedShagufta/FlutterBootCamp

Repository files navigation

Flutter BootCamp ✨🎉

Welcome to the Flutter BootCamp – 🚀

You'll learn Flutter from scratch to build fast, beautiful, native-quality, iOS, and Android apps using just one code base. And you'll build many beautiful apps and projects to add to your portfolio. By the end of the course, you will be a fully-fledged Flutter developer by mastering stateful and stateless widgets, declarative programming, Lisp views, animations, streams, futures, and much more. These projects are from the Course The Complete Flutter Development Bootcamp with Dart by Angela Yu. These projects have been modified and extended with additional concepts and personal touch. A heartfelt thank you to Dr. Yu for crafting a course that seamlessly blends comprehensive knowledge with hands-on learning, setting the stage for an exciting journey into the world of Flutter development.

Topics Covered Project-wise 📂💫📝

1. Introduction to Development with Flutter

  • Incorporate Image and Text Widgets to create simple user interfaces.
  • Add App Icons for iOS and Android.
  • Load and manage image assets in Flutter projects.
  • Run Flutter apps on iOS Simulator, Android Emulator, and physical devices.

2. Creating Beautiful UI with Flutter for Beginners

  • Learn to use layout widgets such as Columns, Rows, Containers, and Cards.
  • Incorporate Material icons using the Icons class.

3. Building Apps with State

  • Understand the difference between Stateful and Stateless Widgets and when to use each.
  • Build flexible layouts using the Flutter Expanded widget.
  • Explore the relationship between setState(), State objects, and Stateful Widgets.

4. Leveraging Flutter Packages to Speed Up Development

  • Incorporate the audio players package for sound playback.
  • Dive deeper into functions in Dart and the arrow syntax.

5. Structuring Flutter Apps

  • Understand Object-Oriented Dart and apply OOP fundamentals to restructure a Flutter app.
  • Use Dart Constructors to create customizable Flutter widgets.

6. Creating Beautiful UI with Flutter for Intermediates

  • Customize apps with Theme widgets.
  • Refactor widgets by extracting them as separate Widget classes.
  • Explore Dart annotations and modifiers.
  • Understand the immutability of Stateless and Stateful Widgets and how the screen updates with the build() method.
  • Create custom Flutter Widgets by combining smaller widgets.

7. Powering Flutter Apps with Backend Data

  • Use the http package to perform networking and fetch live data from open APIs.
  • Parse JSON data using the dart: convert library.
  • Pass data to State objects via the Stateful Widget.

8. Cupertino Widgets and Platform-Based UI

  • Learn to use the Cupertino package and build Flutter apps for iOS with UIKit-styled Cupertino widgets.

9. Integrating Flutter Apps with Firebase

  • Use hero animations in Flutter apps.
  • Understand how the animation controller works and create custom animations.

10. State Management

  • Explore how setState works under the hood.
  • Learn about prop drilling and lifting state up.
  • Create a to-do list app.

Now, dive into the exciting world of Flutter development and master these topics step by step! 🚀✨

Prerequisites ⚒️👷‍♀️

Before diving into the Flutter BootCamp, ensure that your development environment is set up with the following prerequisites:

  1. Flutter and Dart:

  2. Development Environment:

    • Set up your development environment on Windows, macOS, or Linux, following the guidelines provided in the official Flutter installation guide.
  3. IDE (Integrated Development Environment):

  4. Device or Emulator:

    • Set up a physical device or emulator/simulator for testing your Flutter applications.
  5. Flutter Doctor:

    • Run flutter doctor in your terminal to identify and address any missing dependencies or configuration issues.
  6. Internet Connection:

    • Ensure a stable internet connection for package management and certain Flutter functionalities.
  7. Xcode (for macOS):

    • If you're developing on macOS and targeting iOS, install Xcode for iOS development tools.
  8. Android Studio and Android SDK (for Android development):

    • Install Android Studio and the Android SDK for Android app development.
  9. Enable Virtualization (for emulators):

    • If using emulators, ensure virtualization is enabled in your computer's BIOS settings for optimal performance.
  10. Update PATH Environment Variable:

    • Add the bin directory of the Flutter SDK and Dart SDK to your system's PATH to run Flutter and Dart commands from any location in the terminal.

Now, you're all set to embark on your Flutter learning journey! If you encounter any issues, refer to the official Flutter documentation for guidance and troubleshooting.

Installation 🔃

Clone this repository, Navigate to the project folder and Run the Flutter project:

git clone https://github.com/SyedShagufta/FlutterBootCamp
cd FlutterBootCamp
flutter run

Progress and Notes 📝

To view my notes, progress, or details about my projects, please check my OneDrive Notebook.

Feel free to browse my notebook, and if you have any suggestions or opinions, or if you find bugs 🐞, please open issues.

I'm open to feedback, contributions, and discussions as I am new to this developer community.

Contributing 🏆

Contribute to the Flutter community! Whether it's reporting bugs, suggesting improvements, or submitting your projects, your involvement is invaluable.

Credits 💫

A special thank you to Dr. Angela Yu of App Brewery for paving the way for our Flutter exploration. Your dedication to education has truly made this BootCamp an extraordinary experience.

Copyrights ©️

© 2023 Syed Shagufta Noval. All rights reserved.

About

Building ios and android apps using Flutter and Dart Programming

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published