Flutter Dart | Flutter App Development Projects Course

Before starting our course, I would like to understand and introduce Flutter. What is flutter? And this lesson we will look for the answer to this question

Flutter is a Google SDK for building native interfaces for iOS and Android using the Dart programming language. Flutter can integrate with existing iOS and Android code bases. It's free and open-source.

Flutter is powered by Dart programming language optimized for fast apps on any platform

In this lesson, we will talk about why we should choose flutter while preparing an application

What is Google Flutter?

Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase. Flutter was originally launched with support for iOS and Android. Flutter 2 was launched as a stable release in March 2021, with support for Windows, macOS, Linux, and web. Flutter runs with Dart, a programming language developed by Google. Dart is a strongly-typed, object-oriented language with a familiar C-style syntax. Developers can compile Dart programs into fast native code that runs smoothly on all supported platforms. On the web, Dart is compiled to JavaScript code that can run on the browser. Flutter is composed of three architectural layers: the Flutter framework, which is written in Dart and provides all the widgets that developers use to build their apps; the Flutter Engine, written in C++, which provides low-level rendering support with Google’s Skia; and the platform-specific Embedder, which talks directly to the operating system.

In this lesson, I will briefly talk about what is available in a flutter application.

Flutter was originally launched with support for iOS and Android. Flutter 2 was launched as a stable release in March 2021, with support for Windows, macOS, Linux, and web. Flutter runs with Dart, a programming language developed by Google.

We talked about Flutter and sought answers to the questions of what it is and why it is used. And now we can say that we have basic knowledge about flutter. Before I start Flutter installations, I want to talk about Flutter versions

I would like to take a brief look at what we will do and what we need before we do the proper installations for Flutter.

On the web, Dart is compiled to JavaScript code that can run on the browser.On the web, dart flutter is compiled to JavaScript code that can run on the browser.

We will start our Flutter course by making the necessary setups. We will first install in the Windows environment with you. And we will start the installations with the Flutter SDK.

And it wants us to install flutter android studio in order to prepare android applications. We will install android studio in this lesson by following the document on flutter.dev step by step.

Flutter and Dart: In the last lesson, we installed Android Studio and SDK with you. And since we have completed these processes, we can now develop android applications on our computer.

On the web, Dart is compiled to JavaScript code that can run on the browser.On the web, dart flutter is compiled to JavaScript code that can run on the browser.

Last lesson created the first flutter project in android studio. In this lesson, we will make adjustments for the first flutter project in Visual Studio Code.

Flutter web is composed of three architectural layers: the Flutter framework, which is written in Dart and provides all the widgets that developers use to build their apps; the flutter firebase Engine, written in C++, which provides low-level rendering support.

Last lesson created the first flutter project in android studio. In this lesson, we will make adjustments for the first flutter project in Visual Studio Code.

We will talk about how to download and install the software necessary for Mac OS users. Flutter web is composed of three architectural layers: the Flutter framework, which is written in Dart and provides all the widgets that developers use to build their apps; the flutter firebase Engine, written in C++, which provides low-level rendering support.

We installed the Flutter SDK in our previous lesson. Now it's time to install Android Studio.

Dart is designed for a technical envelope that is particularly suited to client development, prioritizing both development (sub-second stateful hot reload) and high-quality production experiences across a wide variety of compilation targets (web, mobile, and desktop).

Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase. Flutter was originally launched with support for iOS and Android. Flutter 2 was launched as a stable release in March 2021, with support for Windows, macOS, Linux, and web.

We have completed the Android Studio installation in our previous lesson. In this lesson, we will start by looking at how we can run the Flutter Demo sample, which is given to us as a ready-made flutter sample app, as an Android application.

I wanted to prepare an application both to reinforce what we learned and to talk about how to prepare a regular application.And In this lesson, we will learn how to prepare an application.

Can we use MySQL for Flutter?

A MySQL driver for the Dart programming language. Works on Flutter and on the server. This library aims to provide an easy to use interface to MySQL.

Is Flutter compatible with MongoDB?

MongoDB is one of the popular open-source NoSQL databases. In this article, we will take a look at how we can use it in flutter apps. In this example, we will use mongo_dart package which is a server-side driver library for MongoDB that is implemented in pure dart language.

Can I use Dart for backend?

Dart is currently actively used with Flutter for developing the frontend of cross-platform mobile apps. Dart can be also used for web development, but there is no mention of Dart being used for backend development.

Flutter is an Open-Source UI SDK developed by Google. It allows the development of iOS/Android apps and uses Dart as the programming language.

What is Dart and why does Flutter use it?

Flutter uses Dart as Dart allows Flutter to avoid the need for a separate declarative layout language like JSX and XML. The layout of Dart is declarative and programmatic and it makes it easy for developers to read and visualize it very easily and effortlessly.

I wanted to prepare an application both to reinforce what we learned and to talk about how to prepare a regular application.And In this lesson, we will learn how to prepare an application.

Last lesson, we talked with you about the new application that we will prepare quickly. In this lesson, we start to prepare the application.

In this lesson, we will prepare the general appearance of the application with you.

In this lesson, let's start to create the area where the average of the score is shown with you.

We've come a long way on the overall look of the app. In this lesson, I want to create dropdown buttons.

We will Continue last lesson.

Now the application is considered to have completed the interface. Now we need to convert the information we receive from the user into course information and show it to the user in the form of a list. In this, we can create a model folder to hold information about the lessons.

In this lesson, we will now show the values entered by the user in the form of a list to the user.

In fact, we completed the project in general in the last lesson. However, we are removing the elements from the list here, there is no problem here. But when we remove these elements, there is no change in the above average area. Here in this lesson, we will eliminate this problem.

Hello everyone from the new episode. In this section, we will prepare a brand new application with you. Actually, we will learn simple and small new information. My purpose in preparing this application is to reinforce what we have learned so far and to learn new information. And in fact, with this application, I will talk about the important points that we should pay attention to when designing projects.

Hello everyone again. We started to prepare the interface design of the application that we will prepare last lesson, and in this way, we added the first element of the listview at the top. And we made the arrangements here. Now we can continue with this first stack structure. Because there is a logo as you can see in the lower right corner and we can start our lesson by adding it.

Hello everyone again. This is how we finally prepared our project and we finished preparing the upper part of the body. In this lesson, we will start to prepare the card view under this part.

Hello everyone again. In this section, we are completing the interface design we have prepared step by step. As you can see, these parts are now ready. Now it's time to prepare the text below it.

Hello everyone again. We continue to prepare the interface. Now it's time to prepare the tabbar at the bottom. We already talked about how to prepare tabbar in the last section. So we can quickly start preparing here.

In this lesson, we will have completed the design of our project. We have already prepared and completed the home page. We started to prepare the detail page, we showed the big picture on the screen, but we had not completed the last lesson. Now there is another small area like this at the bottom of the detail page. In this lesson, we will try to prepare this area.

Hello everyone again. In the last section, we talked about extracting data from the internet by explaining the concepts of API and Json. And we learned to show it in the form of a list using the future builder on the screen using the data we took. I want to prepare a weather application using the information we learned in this section.

In this lesson, we will prepare the loading screen.

In this lesson, we will prepare the main screen.

Hello everyone again. It is considered that we have prepared the design classes in our application. Of course, we will continue, but in this lesson, we will create the file where we get the location information from the user.

Hello everyone again. We got the location information from the last lesson user. Now we need an api where we can get the weather using location information

In our last lesson, we learned to pull the weather forecast from the internet according to the location information we obtained using the free Api and with the Api key information we provided. In this lesson, we will talk to you about preparing this json information in the application, not on the browser.

In the last lesson, we pulled our data from the Api and decoded this information and made the necessary adjustments on the loading screen. In this lesson, it is now time to show this data we have taken from the internet on our home screen.

In this video, we will learn about the Firebase platform, advantages and disadvantages it.

Firebase is a platform developed by Google for creating mobile and web applications. It was originally an independent company founded in 2011. In 2014, Google acquired the platform and it is now their flagship offering for app development.

In this video, we will learn the products offered by Firebase.

Firebase is a Google-backed application development software that enables developers to develop iOS, Android and Web apps.

In this video, wi will learn the Pricing Policy, Limits and Quotas in Firebase.

In this video, we will learn how to create a Firebase Project and FirebaseDatabase

Android tablets and phones are very popular, and apps created for this operating system can reach a large audience. Whether you are interested in a career in mobile app development or looking to develop a game or app of your own design independently, let our top rated instructors on Oak Academy help prepare you with an Android development course.

In this video, we will add some data to the real-time database via Firebase Console

Here we will start the database part of firebase. Now I want to start a new part of firebase. And we will examine the database part, which is important for us

In this lesson, I would like to talk about the differences between firestore and realtime database and why we will use cloud firestore.

In this lesson, I would like to talk to you in more detail about cloud firestore. I will talk about how to follow the documentation and what we should pay attention to when using it.

In this lesson, we will gradually start the coding part by including cloud firestore in our project

In this lesson, I will talk about data update and data deletion processes.

And now we have learned a lot of information about writing to the database. Now it's time to read the data we have written by preparing queries. That's what the database is for.

In this lesson, we will talk about the acquisition of data in realtime.

We even talked about the process of reading this data, which we added during the last two lessons. Now it's time to make transactions with batch. So, what is this batch concept, let's first learn about it.If you hear the word batch somewhere, know that batch processing is being done there. In other words, if a data is added, deleted or updated more than once, it is provided by batch. Let's try to find out exactly what it is and how it works.

In the last lesson, we talked about the concept of batch and the processes of adding, updating and deleting more than one data at once thanks to batch. We will see the same logic with Transaction. And we will learn how we do multiple operations one after the other. The point we need to pay attention to here is as if we need to perform operations on the existing data.

We are completing the operations we can do in the database step by step. And in fact, we are slowly starting to understand our purpose in using the database. When we think about it, we want the database to keep our data collectively and securely, and then access it later. Firebase provides this to us. Then, we want to do actions such as writing, updating or reading the data to the database for this purpose, and we talked about them. And if we are using a database, the next step is to query the data in the database by passing the desired filter. In this lesson, we will talk about how we query in a database. Because when using a paid database like firebase, going and reading all the data in the database, reading all the documents in a collection while we need only one information will both increase the cost and it will not be very logical. If we consider that there are thousands of records in our application and we only need a few document data in it, we will not need to read all the documents.

We need to store this image on the hard disk in the store, that is, in the firebase, and store the downloadable link of it in the firestore. While showing the application, we need to read it with the network image and specify its location.Now the image will be kept in firebase storage.

In this vide, we will learn the what is the authentication

What are some of the important tools for Android Development?

The tools you will use for Android development depend on how you would like to focus your career as an Android developer. If you plan on focusing on native Android app development, you should know one or more of three programming languages: Java, Kotlin, and C++. Java and Kotlin are popular with a number of organizations that build their app natively. C++ is the popular choice amongst developers who build high-performance games or plan on doing entry-level SDK work.

You know that we have started a brand new chapter. And we are talking about a fire base database that we can access remotely. Before proceeding further, we will talk about creating a project with the package name, which we did not explain before, but which is necessary for us

Hello everyone, we talked about Firebase and created a new project with the package name. Now, let's see how we will add firebase to our project, what we will do for installations.

Hello everyone again. We have been looking for answers to the questions of what is firebase and why do we use it for a few lessons. And we talked about the importance of authentication when using Firebase and why we use it

In the last lesson, we talked about creating a user with authentication and logging in with user information. In this lesson, we will continue on this subject and talk about authentication states and learn about logging out.

We've been talking to you about firebase and autjhentication over the course of a few lessons. And so far, we've talked about creating a user with email, logging in with user information, verifying email, and even how to delete user information himself if he wants.

In this lesson, we will talk to you about logging into the application with Google.

In this lesson, we will talk about the login process with the phone number that Firebase offers us.

Hello everyone from a brand new episode. In this section, I will be talking about animations that will make our applications even more beautiful and more active.

In this lesson, we will talk about how we can create our own custom animations. And we will talk about how we can achieve visually stronger views while preparing applications.

Hello everyone again. In the last lesson, we made an introduction to animations with you and created a controller and performed operations on it. However, we still haven't used any methods or different animations related to animations. In this article, we will talk about Tween animations.

In this lesson, we will continue to talk about animations and in this lesson we will talk about non linear animations (Curve Animations).

In this lesson, we will learn how to achieve more aesthetic looks using Sequential animations.And we talk about the working logic of stagger animations.

In this lesson, we will see an example on the application using the ready package for sequential animations.

There are already many widgets offered by Flutter that make our work easier. And Flutter offers us different animation widgets at many points that we may need. So there's more than one way to do something in Flutter.So We talk about Animation Widgets.

In this lesson, I will talk about widgets used in an advanced animation.These animations are from Transform Animations, which you can encounter in many places.

We learned a lot about animations. However, as I mentioned before, even a small animation requires a lot of knowledge.So we will prepare a small application about animations. In this lesson, we will give basic information about this application and start preparing the interface

.In this lesson, I will explain the use of the Animation Positions widget on the application. I will also give information about System Chrome

In this lesson we talk about Scale Transation widgets.Thanks to this widget, we will edit the remaining deficiencies in the application.

And in this lesson, I want to complete the application and move on to the new section.