Category: Blog, Flutter, Android, iOS, Development

Introduction | How to Develop an App with Flutter – Part 1

Learn how to build your first app with Flutter. Introduction to our step-by-step Flutter app development tutorial for beginners.

how to build an app in Flutter – introduction for beginners

Flutter, Flutter, Flutter. We can find this word all over the internet, somewhere in Twitter feed or recommended videos on Youtube. Flutter is a great tool from Google for creating cross-platform applications which – starting from the newest stable version – can be deployed to the web, desktop, and mobile.

Google is promoting Flutter as a simple framework that allows us to create quality maintainable solutions. Easy, it is just the next cross-platform framework.

Flutter launched as a project called Sky which at the beginning worked only on Android. Flutter’s goal is enabling developers to compile for every platform using its own graphic layer rendered by the Skia engine. Here’s a brief presentation of Flutter’s relatively short history.

History of Flutter

Flutter – a short history

Flutter is one of the most dynamically developed products for programmers today. That’s mainly because of the huge community Google managed to gather in a very short period of time.

According to Github’s State Of The Octoverse 2019, Flutter occupied the third place when it comes to the number of contributors. Thirteen thousand of contributors is a lot!

Of course, it doesn’t tell much about Flutter’s quality. But it’s definitely a signal that the community wants to participate in developing it. What’s most important, it seems that a lot of developers are willing to use Flutter which I think is a crucial factor for the success of open source projects. Moreover, there are more and more Flutter app development companies on the market.

Many people try their hand at Flutter, and plenty of them are beginners who want to launch a career in IT. That’s why you can find so much content about how to write simple Flutter applications. The learning curve of the technology isn’t that steep since it can serve as a cross-platform solution.

Read more about Flutter:

Why we decided to write some more about Flutter

But if there’s so much content about Flutter on the web, why do we even write about it?

Firstly, because it’s worth to check new things, give them a try, analyze their pros and cons, and draw conclusions for our projects. We’d like to do the same with Flutter.

Secondly, we believe that a lot of content about Flutter lacks depth in its approach to the topic. We can only find simple code samples with a single feature that doesn’t even reveal anything about what exactly this mysterious widget is (and not everything in Flutter is actually a widget).

Such blog posts and articles most often focus on implementing one narrow functionality. And we all know that in real-life projects integration is the key. In our opinion, Flutter can definitely help in creating commercial applications that are easy to modify and maintain. But behind every good project stands a well-planned architecture.

With this thought at the back of our minds, we decided to start a blog post series where we will:

  • show you the most important functionalities of Flutter,
  • dig deeper into its core mechanisms,
  • and share knowledge about more than just how to create the layout of the Netflix app in half an hour.

Our project

We want to create an application that would allow you to get it all and show you the entire process.

We will do it based on an unused application concept with a design provided by our designer, Jakub Lorek.

Project Smoge is an application that informs about the air quality and advises users about a proper time for bike training or jogging. The completion of all of the app use cases allows us to get through the fundamentals of mobile development with our new shiny framework.

We will start with the available tools for Flutter app development process, setting up our project from scratch and then finish with refining the application in terms of UX.

Smoge full product flutter

Want to build an app with Flutter? Follow our series “Flutter app development tutorial for beginners”. We’ve published the following posts so far:

  1. Introduction to your first Flutter app development – you are reading this
  2. Flutter Project Setup
  3. Creating a Home Screen
  4. Styling the Home Screen
  5. Networking and connecting to API
  6. Refining Widgets’ Layer with Provider
  7. Internationalizing and Localizing your Flutter App

What’s more, we’ve also prepared a Roadmap that can be useful in your Flutter development journey:

Whether you want to work at Flutter development company or be a freelancer, this knowledge will help you to become a Flutter developer.