0%

Flutter && dart学习计划

tips

每个人的学习能力不同,我在这里写下我的要求,你只能比计划快,不能比计划慢,学得快的多拓展,学得慢的自己回家补课,我们会定阶段学习任务,大概3-5天开一次学习讨论会,会上每个人至少提出两个问题(知识点模糊的地方,练习中遇到的坑,已解决的技术难点分享,这些都可以),本文档持续更新……
我也是从0开始学,整理的资料也不一定好,如果你们有好东西,欢迎分享

总体学习计划

学习总是要循序渐进的,我们大体上分为五个大的阶段:

  • 学习dart语言基础部分,了解语言特性,语法逻辑
  • 学习dart web部分,这部分我暂时还不了解
  • 学习Flutter部分,这部分是最关键的地方
  • 开发rayeye自己的组件,可能会包含手机端和web两部分,然后github开源
  • 开发Flutter原生插件,稳定的时候发布到Flutter插件平台
    dart 和 dart web都是依赖于 dart-sdk,而flutter则是自带dart-sdk的

进度计划

  • 第一阶段计划:国庆节之前完成Dart语言基础语法部分
    我的要求是先熟悉语法特性,然后在练习Dart程序中不断验证学习的具体内容,有的同学可能会选择直接练习Flutter,这也是可以的,考虑到国庆节前可能有人会请假,以及节后第一天灵魂和肉体的分离
    第一次学习分享会定于2019-10-9周三,主题是Dart语言

1.Dart资料

Dart安装笔记

Windows下需要先安装chocolatey:https://chocolatey.org/
使用CMD命令安装:

1
@"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin"

安装Dartsdk

1
choco install dart-sdk

Mac下需要执行以下命令:

1
2
brew tap dart-lang/dart
brew install dart

Dart文档资料

英文版:官方文档
中文版:官方文档翻译
Dart依赖包平台(这可是个好地方):Dart Packages官方平台
其他资料:
其他资料1
其他资料2

Dart学习笔记这里会记录学习Dart过程中我们遇到的问题,以及会议上有意义的讨论

2.Dart web资料

dart web主要基于 dart:html这个依赖包,dart语言目前只有google自己的浏览器可以支持,所以为了兼容都是先把dart转化为javascript然后运行于浏览器,即使它需要先转化代码,但是依然比纯js运行更快,可是!!!本质上采用dart:html框架和使用jquery是一样的,逻辑操作dom,就目前来看,这是技术框架的退步,vue,react它们所解决的前端项目痛点又回来了,因此,我们决定舍弃dart web!!!现在,我要开始学习Flutter了,Flutter web看一下好不好用
参考博文:谷歌的Dart语言能否解决JavaScript的速度与规模难题
自己玩玩还是可以的,往下看

Dart Web安装笔记

首先你已经安装好了Dartsdk,现在安装两个工具

1
2
pub global activate webdev     //web运行环境
pub global activate stagehand //类似于脚手架

创建项目

1
2
3
4
mkdir quickstart
cd quickstart
stagehand web-simple
pub get

运行项目

1
stagehand serve

3.Flutter资料

Flutter安装笔记

参考笔记 Flutter安装

Flutter文档资料

英文版:官方文档
中文版:中文学习网
其他资料:
——-学习首选新书
——-插件平台
——-优秀的开发者笔记

Flutter学习笔记