Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase.
Flutter works with existing code, is used by developers and organizations around the world(examples), and is free and open source.
- One Codebase, Every Platform
- Integration, Flexibility and Scalability Capabilities
- Fast Development
- Expressive and Flexible UI
- Native Performance and Internationalised Flutter Libraries
- Great Range of pre-built Components
- Huge Widget Library
- Hot Reload
To get the latest verion of Flutter SDK, follow these steps.
For starting flutter with basics, setting it up and get an idea about various things, you can follow this crash course video by Flutter Mapp.
- For learning deep concepts of flutter and become a flutter expert, you can go with this free course by freeCodeCamp.org.
- Complete Flutter App Development Bootcamp with Dart - created in collaboration with the Google Flutter team, covering all the fundamental concepts for Flutter development.
S.No. | Topic | Link |
---|---|---|
1. | Widgets | Link Link Link |
2. | Basic Calculator App | Link |
3. | Local JSON Usage | Link |
4. | Page Routing | Link |
5. | Dynamic Theming | Link |
6. | Forms and Validation | Link |
7. | Async Programming | Link |
8. | HTTP Request (REST API) | Link Link |
9. | State Management (Provider) | Link Link |
10. | Access Camera | Link |
11. | QR Code Scanner | Link |
12. | Image Handling | Link |
13. | PDF Viewer | Link |
14. | Basic Custom Clipping | Link |
15. | Advanced Custom Clipping | Link |
16. | Animations | Link |
17. | Complex UI | Link |
Here are a few starter apps that you can explore and learn from:
Just Kidding! Google is indeed your friend but for flutter developers, there is a better platform - pub.dev. You can great range of pre-built packages and plugins which can be used in your code to make your work easy.
Whatever design you wanna make or any functionality you wanna implement which seems difficult will surely be possible using this.
pub.dev is a platform where you don't only get code, but you can also contribute by making your own packages and plugins.
- Click Here to Explore
- Click Here to Explore
- Online Compiler - Click Here
- CodePen Support - Click Here
In addition to mobile apps, Flutter supports the generation of web content rendered using standards-based web technologies: HTML, CSS and JavaScript. With web support, you can compile existing Flutter code written in Dart into a client experience that can be embedded in the browser and deployed to any web server. You can use all the features of Flutter, and you don’t need a browser plug-in.
If you have gone through the above content, you already know how to make a website using Flutter because Flutter uses exactly the same codebase to render a functional WebApp as well.
Though Flutter Web uses same codebase, but some things are handled differently in a Web App like routing, etc. Simple tutorials for these things can be found here.
Flutter Web sometimes seems quite tedious to deploy on a web server, but Netlify has got you covered.
Netlify helps to deploy Flutter Web app in a few simple steps. Entire process to deploy a Flutter Web application can be found here.