说在最前面的话
可是能全网唯一适合小白的antd教程😂 😂 😂
因为我找了接近一个周的教程，无论是视频、博客等等都没有比较完整的教程，所以才说这可能是唯一全网适合小白教程
文章末有相关学习链接👀 👀 👀
适用人群
- 喜欢看文字或者代码学习的人
- 学习的人掌握基本的HTML、CSS、JS语法，最好能够面向百度实现基本界面功能的人
- 之前从来没有学习过React或者VUE之类的前端框架的人
- 没有时间完整学习，需要快速入门、快速掌握的人
所需时间
1-2周时间，因人而异，有的可能3天就够
故事
最近一直在学前端，趁着现在写写这几天学习前端的感受。公司所采用前端框架为React语言，所用框架Ant Design Pro。然后我之前一直都在写后端，虽然前端勉强能写，但也只会普通的html，css，js，而且还是面向百度编程那种，结果现在需要前后一起写，所以就硬着头皮开始学前端。
第一次感受
开始学，同事给了两个地址，接着我点进去看了看，然后看了官网的相关文档以及组件库
Ant Design - 一套企业级 UI 设计语言和 React 组件库
Ant Design Pro - 开箱即用的中台前端/设计解决方案
接下来把环境NodeJS安装了一下，安装结束后开始按照官网文档创建项目等等，其实这才是痛苦的开端，到了后面发现越来越痛苦，俨然不知道怎么办。，然后上网查看相关教程，结果全网无论是否收费，都没完整教程，接下来就说说整个学习流程。
学习路线
- 安装NodeJS环境、下载编辑器（例如WebStorm之类的）、安装Git（非必须）
- 学习React基础语法
- 下载Ant Design Pro代码，直接运行样例、了解结构、文件
- 添加路由、尝试创建页面
- copy 官网组件API文档中的代码运行
- 尝试在组件的基础上修改页面
- 学习Mock使用
- 学习DVA相关东西
- 开始编写Model层
- 完整的View->Model->Service->Mock实现
教程连接
React从零到一Demo演练（上）
React从零到一Demo演练（下）
Ant Design Pro从零到一（认识AntD）
Ant Design Pro从零到一（页面创建）
Ant Design Pro从零到一（Mock使用）
Ant Design Pro 从零到一（学习Model）
Ant Design Pro 从零到一 （总结）
更多推荐
Ant Design Pro 从零到一教程
发布评论