运开初学前端（Vue），请问从哪个网站或者书入门开始？

[zhoudaiyu]

被逼无奈，以后可能要自己写前端和后端了。公司基本已经定死了公司内项目的前端就用 Vue+ElementUI （为了保持风格统一）。看了大家发的一些帖子感觉学 Vue 还是学一下 html、css、js 才好，那么请问在学 Vue 之前打基础从哪里学好？ w3cschool、MDN 或者别的什么网站？还有想问问 html、css、js 要学到什么程度可以开始看 Vue ？ Vue 从官方文档开始学最好吧？想听听大家的建议。十分感谢！

[creanme]

js 可以看这个网站 https://zh.javascript.info/
mdn 太多了
vue 一边看文档，一边去 github 上找点 demo 照着写，如果熟悉 js 的话很快就能上手。

[yhxx]

https://edu.51cto.com/course/799.html
HTML CSS 随便看看这个就差不多了，然后就可以照着 Vue 文档堆页面了
毕竟也不是要成为专业前端，只是为了最快的有产出

[zhoudaiyu]

@creanme 感谢推荐，请问 html 和 css 有啥好的网站吗

[zhoudaiyu]

@yhxx 谢谢，请问还有没有非视频类教程推荐呢

[pux2020]

基础的东西照着文档走一遍就行,javascript 以 es6 为主,涉及到原理层面上的内容最好还是找套系统的课过一遍
这些框架的核心终究还是组件 路由那点东西,理解了写起来就简单了

[uxstone]

ElementUI 慎用，github 上面都不怎么更新了
vue2 和 vue3 不一样
另外还要学学 TypeScript

React+Antd 不香吗？

[murmur]

vue 用 es5 的语法就够了，楼上那群危言耸听的是干嘛，vue 有前端基础从学到编码不会超过半天，这学了还成负担了？

[zhoudaiyu]

@uxstone 公司规定的必须用 vue 这套....

[GzhiYi]

看文档就行了。

[murmur]

我来说一下 vue 怎么学
首先，你们既然指定 vue+饿了么，那么就不需要学单文件，直接学三段式结构
vue 的 template 部分在不使用特性的时候跟 html 完全一样，学习成本 0，style 部分跟 css、scss、less 完全一样，学习成本 0，script 你只需要学会一句 export default 你的组件 /页面，剩下都是 es5 语法
现在你要控制组件动态显示，几乎所有语言都有 if，那么 vue 就是 v-if，你需要循环，几乎所有语言都有 for，现在你又学了 v-for，不对，这 2 个是不背就记住了
你需要绑定事件，那么我们知道 at 这个符号有在...的意思，所以你又学会了 at 前缀绑定事件
难么？

[hnbcinfo]

我也准备开始学呢，我没有前端基础。先学了 html、css 等，用的这个网站：
https://www.freecodecamp.org/learn

具体到 vue，因为我从来没搞过前端，准备先找个视频，只看前几段视频，照着吧环境和一些常用操作搞明白，然后就找官方文档，或一些大牛整理的文档教程对着学。

[murmur]

接下来，你突然意料到元素动态删减可能不好，你需要 display:none，那么你的初中英语告诉你显示是 show，现在你又学会了 v-show
你想玩点花样，不想让模板引擎的过滤束缚你的思维，你需要显示 html，学了这么多指令，你都可以抢答了，那么你自然就会了 v-html
你需要绑定变量，给模板的变量赋值需要 setState 这种函数么？当然不需要，this.xxx 一把梭，你需要了解什么叫不可变对象么？绝大多数的时候其实你是遇不到这类坑的，vue 的 diff 和对 object、array 等的埋点会帮你去检查那些东西有变动
如果说 react 是 es6 的一种完美转写，那么 vue 则是 es5 年代前端的完美组件化实现，你认为这是语法糖，但是这个英语是你初中就学会的，而不是 dangerouslySetInnerHtml 这种又长又臭的东西

[zhuangzhuang1988]

尽量把官方文档看完整就好了
记得跟着做实验
ps:
能不能把标题打全 "运开" 是啥鬼,

[xuzhzzz]

@zhuangzhuang1988 像是运维开发，还得写前端，真全干工程师

[Pichai]

js 可以去廖雪峰官网，vue 可以去阿里云上有专门的视频课程，参考一下官方教程，一周基本就会撸了。

[zhoudaiyu]

@zhuangzhuang1988
@xuzhzzz
是的，运维开发，啥都得会

[loading]

@murmur 我想问下，如果浏览器不支持 es6 export，有办法不用 node 转吗？能不能全部用 cdn 方式，内网整 npm 太南了。

[zhoudaiyu]

@murmur 谢谢您！我想问问学 vue 之前要学的 hcj 这三个从哪里学好些

[murmur]

@loading vue 的模块就是变量，可以直接用 script 标签引入，就是这样的工程化太累了

[murmur]

@loading 也可以选择在公网上建好工程拷贝分发给其他人，只用 less 是不涉及二进制文件的，scss 才要