Vue 造轮子

这是一门面向「初级和中级前端开发者」的 Vue 系统课。

这门课我酝酿了很久,这周终于开始直播了,目前已有 30 多个小伙伴报名。

想系统掌握 Vue 的同学可以继续往下看。

 百度云盘

课程内容

UI 设计稿(未完工,更新中)

  1. 学习用 Vue 造轮子(有我自己制作的 UI 稿,标注齐全,需求明确)
  2. 通过造轮子完全掌握 Vue 的用法
  3. 了解 Vue 的周边工具,如单元测试工具、Vuex、Vue Router 等

目前共有 28 节课,涵盖表单控件、日期选择器、表格组件、Tree 组件、Suggestion 组件等常见轮子,完整的目录在这里

整个课程的详细介绍(学习路线、直播时间、课后作业介绍)点击下面。

构思一年,「造轮子」系列课程终于要开播了?mp.weixin.qq.com

课程目标

前端开发者通过周末时间学习本门课程,提升技能水平,获取工程经验:

  1. 如何让代码的可读性更强
  2. 如何将繁杂的代码变得简洁
  3. 如何做单元测试
  4. 如何做持续集成
  5. 如何跟产品经历辩(hù)论(duǐ)
  6. 希望大家能借此升职加薪

注意,本门课程并不会讲解 Vue 源码,,这里不赘述。

0 你能答对我出的这 9 道题

1 你已经了解常见的 JS 语法和技巧

import、export、class、Promise、解构赋值、await、try..catch、throw 等语法了解一下

2 你做过半年左右的需求

你应该大概知道前端工程师的工作内容是什么,知道什么是需求,知道需求变更多么令人无语

你还知道遇到技术问题要去 Google 和 Stackoverflow 查阅

3 你对 DOM 和 AJAX 有一定了解

能回答「DOM是什么」和「AJAX是什么」即可

4 你大略看完了 Vue 文档,或者正在看 Vue 文档

不过如果你还没开始读也没关系,我们课后有测试题(免费)帮助你阅读 Vue 文档。

5 你已经学会了上网

你需要尽量满足上面所有条件,满足的越多,学这门课越容易。

原文地址:https://www.cnblogs.com/nlong/p/12361014.html

时间: 2024-10-08 13:01:31

Vue 造轮子的相关文章

Vue造轮子-tab组件(下)

1. 为什么一个 new Vue 可以构造出一个 eventBus // 当我们定义了new Vue之后,可以这样用 var app = new Vue({ created(){ this.$emit() this.$on() } }) // 也可以这样用 app.$emit() app.$on() app.$off() // 那么归根结底,只要满足能触发一个事件,监听一个事件,和取消监听一个事件,那么它就是一个事件中心 eventBus eventBus.$emit() // 触发一个事件 e

Vue造轮子-手风琴组件

一. 大致的使用方法 <div id="app" style="padding-left: 100px"> <g-collpase> <g-collapse-item title="标题1">内容1</g-collapse-item> <g-collapse-item title="标题2">内容2</g-collapse-item> <g-coll

10秒钟构建你自己的”造轮子”工厂! 2019年github/npm工程化协作开发栈最佳实践

发起一个github/npm工程协作项目,门槛太高了!! 最基础的问题,你都要花很久去研究: 如何在项目中全线使用es2017代码? 答案是babel 如何统一所有协作者的代码风格? 答案是eslint + prettier 如何测试驱动开发,让项目更健壮? 答案是jest 如何持续化集成,方便更多协作者参与项目? 答案是circleci 这四样工具的配置,是每个github项目都会用上的.另外,gitignore配置.editconfig.readme.lisence...也是必不可缺的. 你

python 造轮子(一)——序列与字典

虽然说造轮子很少用了,什么底层东西很少写,但是还是很想学扎实,还是好多东西还是的会,没有底层的支持,比较高级的库学起来还是很困难的. 序列的普遍用法: 1 #-*-coding:utf8-*- 2 3 #索引 4 l = [1,2,3,4] 5 t = (1,2,3,4) 6 d = {1:1,2:2,3:3,4:4} 7 8 9 print l[0] 10 print t[0] 11 print d[1] #键索引 12 13 #切片 14 15 print l[0:5] 16 print t

GitHub Android 最火开源项目Top20 GitHub 上的开源项目不胜枚举,越来越多的开源项目正在迁移到GitHub平台上。基于不要重复造轮子的原则,了解当下比较流行的Android与iOS开源项目很是必要。利用这些项目,有时能够让你达到事半功倍的效果。

1. ActionBarSherlock(推荐) ActionBarSherlock应该算得上是GitHub上最火的Android开源项目了,它是一个独立的库,通过一个API和主题,开发者就可以很方便地使用所有版本的Android动作栏的设计模式. 对于Android 4.0及更高版本,ActionBarSherlock可以自动使用本地ActionBar实现,而对于之前没有ActionBar功能的版本,基于Ice Cream Sandwich的自定义动作栏实现将自动围绕布局.能够让开发者轻松开发

我们为什么喜欢重新造轮子

不要重新造轮子,是英文don't re invite wheel的直译.什么是轮子呢,我们一般认为一个通用中间件或框架,和实际业务没有直接关系的代码,就是轮子.这些代码虽然不是实质的业务逻辑,但是在一个项目中往往是担当骨架的作用. 程序员新手的眼中,这些代码就是经验的象征.在很多项目组中,只有经验丰富的老程序员才有机会去设计和选择这些轮子.可以设计可重用的干货代码,也就成为很多对技术有追求的程序员的努力方向.有几年工作经验,在技术上寻求发展的程序员大多都会自己设计和实现一些经典的轮子,这也成为了

Hybrid App Development: 二、关于造轮子以及在Xcode iOS应用开发中加入Cordova

转载请注明出处:http://www.cnblogs.com/xdxer/p/4111552.html [ctrl+左键点击图片可以查看原图] 在上一篇关于Hybrid App Development的文章中,我讨论了一下在iOS下UIWebView的使用方法.但是光使用一个UIWebView所提供的功能还是完全不能满足我们的需求.   关于造轮子的思考: 在UIKit中的UIWebView虽然已经提供了很多功能了,比如JavaScript和Objc之间的通信.但是考虑到一个问题,如果在Hybr

避免重复造轮子的UI自动化测试框架开发

一懒起来就好久没更新文章了,其实懒也还是因为忙,今年上半年的加班赶上了去年一年的加班,加班不息啊,好了吐槽完就写写一直打算继续的自动化开发 目前各种UI测试框架层出不穷,但是万变不离其宗,驱动PC浏览器的基本上底层都是selenium,驱动无线app和浏览器基本是appium.monkey之类的,底层都是基于官方支持的自动化测试框架开发而来,然后上层又做了各种封装 首先在开始计划开发自动化时,第一步是了解目前已有的自动化开发技术,上面说了,最底层的就那几种,根据实际要去测试的业务需求选择合适的自

第27篇 重复造轮子---模拟IIS服务器

在写程序的时候,重复造轮子是程序员的一个大忌,很多人对重复造轮子持有反对的态度,但是我觉得这个造轮子的过程,是对于现有的知识的一个深入的探索的过程,虽然我们不可能把轮子造的那么的完善,对于现在有的东西是一个更好的理解和使用.   当你打开一个网页时,你会看到一个html页面的呈现,当然这是一个完整的Http的请求和响应的过程,无非是对HTML+CSS+JS一个综合的产物,在这个过程中浏览器请求数据的过程中会发出一个有一个格式的字符串(基于http协议生成的http请求报文),服务器在接收这样的一