看一个有经验的程序员如何学习一门新语言

学习对象-Flutter

Flutter 是由 Google 开发的开源 UI 框架，用于高效构建跨平台应用程序。以下是其关键特点和应用场景的详细介绍：

核心概念

‌跨平台支持‌：基于单一代码库，可生成 iOS、Android、Web、桌面（Windows/macOS/Linux）应用，确保多平台一致性。

‌编程语言‌：使用 Dart 语言，具备 JIT（开发热重载）和 AOT（生产环境高性能）编译，语法简洁易学。

快速上手

• https://flutter.cn/learn
  

• https://flutter.cn/docs/development/tools/devtools/android-studio
  

• https://flutter.github.io/samples/#
  

• https://github.com/flutter
  

• https://flutter.cn/docs/get-started/test-drive?tab=androidstudio
  

• https://www.youtube.com/watch?v=8sAyPDLorek&list=PLjxrf2q8roU3wk7CDw4RfV3mEwOJbjx1k&index=3
  

• https://www.youtube.com/channel/UC0FD2apauvegCcsvqIBceLA hey flutter

• https://flutter.dev/games
  

高级开发者 - 分享 &库开发

• flutter 发展路线图

• 动画效果

• 高级布局实践

• Flutter SDK

• iOS widget

• 桌面开发

• 本地库

• plugin

• 贡献社区 https://gdg.community.dev
  

• 获取 google flutter specialist badge https://poojabhaumik.medium.com/becoming-a-flutter-gde-before-i-could-graduate-8a86271b11d2
  

• 出书 https://book.flutterchina.club/chapter15/entry.html#_15-6-1-app入口
  

中级开发者能力地图

• 完成课程 https://flutter.cn/learn
  

• 掌握 https://medium.com/flutter
  

• https://flutter.cn/docs/data-and-backend/state-mgmt/options advance state 管理最佳实践， Redux, setState

• 学习 Flutter 架构

• 布局约束 Widget

• 动画效果，静态资源访问

• UI workshop https://codelabs.developers.google.com/codelabs/mdc-101-flutter#0
  

• 表单

• 本地 API

• Plugin 功能

• FIREBASE

• State 状态管理库 Redux / RxDart / Riverpod / bloc. VS setState

• 开发工具，监控，性能, Dev tools

• 发布

• LAYOUT workshop - https://www.youtube.com/watch?v=dOwVPZSJQuo&list=PLR12su153J5PmGomy9Iit0pW-5NlkyzVg
  

• SAMPLE PROJECT LEARNING https://github.com/flutter/samples
  

• https://www.youtube.com/watch?v=7V_P6dovixg
  

初级开发者

• installation & helloworld applicaiton

• UI & Layout, Widgets https://flutter.cn/docs/ui
  

• HelloWorld Deepdive https://flutter.cn/learn
  

• 布局学习计划 https://m3.material.io/
  

• flutter call backend api

• MVVM / MVC stateful widget

• Call native api, pigneon

• Flutter testing

参考资料

• Dart - https://dart.dev/get-dart
  

• Widget - https://api.flutter-io.cn/flutter/widgets/widgets-library.html
  

• material widget https://flutter.cn/docs/development/ui/widgets/material
  

• 关键字学习 https://api.flutter-io.cn/index.html
  

• 布局 https://flutter.cn/docs/ui/layout/constraints
  

• 布局 https://flutter.cn/docs/codelabs/layout-basics
  

• 兼容性，跨平台 适配 https://flutter.cn/docs/resources/platform-adaptations
  

• sample APPs https://github.com/flutter/samples
  

更多

另外，如果你对更多学习过程和细节感兴趣，可以通过如下的链接查看。包含学习过程记录和源码，喜欢的话，记得一键三连哦！

https://github.com/lijma/7-days-quickstart/tree/main/flutter