前端造轮子课终于来了


(方方) #1

前端造轮子课终于来了

自从我一年前发布 FrankFang/wheels 以来,得到了很多前端同学的关注。

大家喜欢造轮子教程的原因,主要有:

一、阿里、腾讯、饿了么发布的开源项目太复杂,新手读起来那是相当困难的,有很多高级用法,没有一定的经验看不懂。

二、GitHub 上其实也有不少代码简洁的项目(如 underscore.js),但是筛选难度太大,即使是前端老手也要看很多项目才能遇到一个代码简洁的项目。

三、能否造轮子是高级前端和初级前端的分水岭,但是相关教程实在太少,主要靠自己总结积累。

目前我打算出一套造轮子课程,其特点有:

  1. 所有源代码免费开源,视频收费(视频前三节课免费)
  2. 所有源码经得起同行评阅,不会出现劣质代码
  3. 每个轮子从零造起,适合已有 JS 基础的同学进阶
  4. 每个轮子用三种方法实现:jQuery、Vue 和 React(如果 Angular 呼声高,就再出 Angular 的)
  5. 轮子难度由易到难
  6. 优先考虑移动端的需求(Mobile First)

课程内容(拟定):

  1. 课程约定
  2. 造一个按钮组件
  3. 造一个 icon 组件
  4. 造一个 toast 组件
  5. 造一个 Tab 组件
  6. 造一个手风琴组件
  7. 造一个分页组件
  8. 造一个无缝轮播组件
  9. 造一个 popover 组件
  10. 造一套 input 组件
  11. 造一个 suggustion 组件
  12. 造一个省市区级联选择组件
  13. 造一个表单验证轮子
  14. 造一个图片上传组件(可拖曳)
  15. 造一个多图片上传组件(可拖曳)
  16. 造一个 Table 组件
  17. 让 Table 组件支持 10000 行数据(奇葩需求)
  18. 造一个 Tree 组件
  19. 造一个路由器
  20. 造一个简易 MVC
  21. 造一个简易 MVVM
  22. 造一个简易状态管理器

价格应该是三套课2000左右

  1. jQuery + Vue 一千多
  2. jQuery + React 一千多
  3. jQuery + Vue + React 两千多

大约本周开始直播,这次的课程不会有群,面向有基础的前端,课程出来之后会将购买链接放在本帖下面。

占位_

完。


(韩宝亿) #2

希望加一个手机端点击图片放大的图片,工作中遇到评论管理里面的图片,需要点击放大然后滑动,因为用户上传的图片大小不一,所以每次都感觉控制不好点击后图片的大小。


(方方) #3

图片很大吗? 普通图片居中一下不就好了?


(韩宝亿) #4

因为用的是mint-ui的swipe,但是弹层遮罩是我自己写的,我又要控制swipe的大小,又要控制图片的大小,居中是简单,就是不知道为啥我写出来要么图片大的放大后会显示不全,换种css控制又编程图片只能固定一定的大小,没法自适应,所以希望开一节【评价图片点击放大可滑动的课】


(xuqiaoying) #5

省市区联级可以多选+正反选‘允许’‘拒绝’


(方方) #6

选什么……


(xuqiaoying) #7

点击‘允许’的时候,选的值就是选中的省市,点击‘拒绝’的时候,选的值就是除了选中的


(方方) #8

还有这种需求。