En español

Flutter is a framework that was born with the purpose of developing mobile applications quickly, it provides an open source user interface (UI) software development kit created by Google and was released in May 2017 and since then it has had constant updates adding all kinds of functionalities; Its main advantage is that only one source code is necessary to be able to develop in multiple projects, with a single base code we can export the application to Android, iOS, Windows, MacOS, Linux and Web and we can customize the code by applying local code to the platforms to export or simply making conditionals and asking for the platform on which it is executed.

It has a smaller learning curve than working natively with Android or iOS; It is a framework that has had a very interesting growth, providing more components and improving its compatibility and stability, error correction, over time with the latest versions of this framework and we are going to talk a little about all this.

One of the most important features of Flutter is hotreloading that allows developers to see changes to the code in real time.

Flutter and cross-platform development

Flutter development is native, it does not use JavaScript in any way, and it does not use the native components of each technology.

Dart

Flutter uses Dart, an object-oriented programming language that was conceived for Flutter. If you have developed in JavaScript, it will be very easy for you to adapt to this programming language; Dart compiles to binary code, allowing applications to run with the native performance of Objective-C, Swift, Java, or Kotlin2.

One of the problems they have in working with the official Android or IOS ecosystems is that we have to know two completely different platforms, two frameworks and programming language languages:

In this case we are referring to Android Studio and Xcode, in addition to Kotlin/Java and Swift respectively.

Apart from that, to develop on iOS we can only do it using a Mac, unlike Android, which you can develop on Mac, Windows or Linux.

Apart from this, since they are official environments, the learning curve is much higher since they are environments in which we can develop all types of applications, with Augmented Reality, 2D type, games and other similar resources and they are two completely ecosystems. different, one supported by Apple and another supported by Google.

Flutter the champion for developing 2D applications on Android and iOS

And here Flutter comes in, Flutter is your best option if you want to develop your applications in 2D, that are common, components such as forms, lists, letters... which are the majority of applications that we developers create today, for example Type apps to connect to other systems using Rest Api:

Crea y conecta tus primeras aplicaciones nativas para Android e IOS con una Api Rest en CodeIgniter - PHP

Create and connect your first native apps for Android and IOS with a Rest API in CodeIgniter - PHP

Learn to develop your first native applications for Android and IOs with a Rest Api created in CodeIgniter.

Curso Crear Widgets en Flutter con una RestApi en Laravel y Django

Course Create Widgets in Flutter with a RestApi in Laravel and Django

In this course we are going to develop a project to create widgets dynamically with Flutter using a Rest Api that we are going to create in Laravel and Django.

Flutter is your undisputed candidate, since with a source code you can develop your apps for Android and iOS, and also for the web, although this phase is currently in beta.

In addition to all this, Flutter works with Material Design, which is the design guide that Google follows for ALL its applications, both mobile and web.
 

And the best of all is that if you compare the time and effort you have to apply to develop an application with native environments with Flutter, you will see that in Flutter it is much more. fast, and this is because of how the framework is composed.

Flutter and its composition based on widgets

In this section, we will see a logical order that you can follow to learn how to develop in Flutter completely free of charge.

We start by installing the ecosystem necessary to develop in Flutter:

XX

From here, the best thing we can do is start developing based on some examples, to get to know their widgets.

Flutter is based on widgets, that is its core and everything starts from here, the widgets are simply components, as if they were Lego pieces that we use to build an app.

Widgets for everything

Therefore, there are widgets for lists, assembly, buttons, cards, forms, text fields, loaders and much more; On the official website you can see a classification of the main widgets so you can get a better idea:

In this Flutter section, we are going to see how to learn how to take the first steps with Flutter and some developments that you will see that are very interesting; Let's see how to work with side menus, lists, menus, tables, buttons, letters:

Primeros pasos con Flutter desde cero: Mi primera aplicación

Primeros pasos con Flutter desde cero: Mi primera aplicación

Vamos a aprender sobre Flutter para conocer, instalar y crear nuestra primera aplicación con el Material Design empleando Android Studio y sus emuladores.

Los widgets de los botones en Flutter: Raised, Flat, Material, Icon y Floating Action

Los widgets de los botones en Flutter: Raised, Flat, Material, Icon y Floating Action

Vamos ha hablar sobre los botones en Flutter, botón de tipo Material, flotante, con icono y estilo flat; todo en una entrada.

Los Card en Flutter como layout fundamental para el Material Design

Los Card en Flutter como layout fundamental para el Material Design

Vamos a aprender a trabajar con los Card que vienen siendo el container o contenedor por excelencia que podemos emplear en el Material Design

Introducción al desarrollo de aplicaciones móviles con la SDK de Flutter

Introducción al desarrollo de aplicaciones móviles con la SDK de Flutter

Vamos a dar una introducción al ecosistema de Flutter, si es una SDK, framework, que es Dart para Flutter, los widgets, proceso para desarrollar la app en iOS y Android e información sobre curso asociado.

FractionallySizedBox para alinear elementos de manera proporcional y con porcentajes sin MediaQueries en Flutter

FractionallySizedBox para alinear elementos de manera proporcional y con porcentajes sin MediaQueries en Flutter

El widget FractionallySizedBox permite alinear elementos y que estos ocupen un porcentaje del elemento padre y es una opción a los MediaQueries.

Primeros pasos con el widget de ListView en Flutter: Para mostrar datos

Primeros pasos con el widget de ListView en Flutter: Para mostrar datos

Vamos a conocer como podemos crear un listado en FlutterPrimeros pasos con el widget de ListView en Flutter: Para mostrar datos empleando el widget de ListView.

Crear un menú lateral o Drawer en flutter para la navegación en nuestra app

Crear un menú lateral o Drawer en flutter para la navegación en nuestra app

Vamos a conocer como podemos crear un menú lateral o Drawer con opciones, cabeceras e información del usuario en Flutter

Los DataTable para poder mostrar información de manera organizada en Flutter

Los DataTable para poder mostrar información de manera organizada en Flutter

Los Datatable son ideales para mostrar grid de información a nuestro usuario, podemos indicar celdas editables, ordenación y más; por supuesto el contenido de la celda es un widget, por lo tanto podemos colocar lo que sea.

El Widget Slider para definir rangos en Flutter

El Widget Slider para definir rangos en Flutter

El widget de tipo Slicer es ideal para definir rangos de valores cerrados o con cotas, y en Flutter es muy fácil de usar.

As you can see, these are some of the main elements we have in Flutter.

Course and book to learn Flutter

Flutter is the tool of the moment when it comes to creating mobile applications for Android and iOS; And this is not a fashion or anything that appears to you; Its clean and expressive syntax with Dart, its declarative programming with widgets and other features such as Hot Reload, make it an interesting solution for creating native applications for Android and iOS and that few tools that also offer solutions for creating mobile applications, are you can compare them.

Apart from creating mobile applications, in recent versions of the framework, they also allow you to create applications for Linux, Windows and Mac, apart from the web; everything, with the same project and few changes to adapt to each platform.

It offers us a modular scheme between project and applications, an important set of packages to extend the already complete framework and with this, the creation of scalable projects.

 

In this book, we are going to learn how the framework is formed, the basic features that Flutter allows us as an SDK to create mobile, desktop and web applications, all with the same base project and with small modifications.

In the book we are going to focus mainly on mobile development.

In short, you will have enormous material at your disposal to make real applications.

This book is aimed at anyone who wants to start developing with Flutter; You may come from another framework or even PHP; In both cases it is a great idea to learn from one of the most advanced and complete web frameworks you can find.

  • For those who want to know the framework and who know other web frameworks, but do not have the necessary knowledge to venture into these.
  • For those people who want to learn something new, learn about a technology that, although it has a lot of documentation, most of it is in English and since the framework is constantly evolving, it tends
  • to become outdated.
  • For people who want to improve a skill in application development and who want to grow as a developer.
  • For those who want to learn or improve a skill and with this, increase their chances of employment or to carry out a personal project.
  • For those people who know the Dart programming language and want to learn Flutter.

If you are interested in this premium content, you can check the Courses and Books links in the navbar of this site.

Ver Listado »

Acepto recibir anuncios de interes sobre este Blog.