Question

想学前端开发应该从哪里入门？

Answer 1

1.HTML5+CSS3

掌握HTML基本语法;掌握HTML常用标签及属性;掌握HTML语义化

掌握CSS语法及使用技巧;掌握DIV+CSS布局方法;掌握浏览器常见兼容性解决方案

掌握PS基础知识、切图及插件切图;掌握浏览器调试工具的使用方法;掌握网站重构开发基本流程和规范;掌握语义化、模块化、兼容性的PC端网站重构

掌握HTML5新增的结构化标签;掌握HTML5浏览器兼容方式

掌握CSS3新增的选择器;掌握CSS3新增的样式属性;掌握弹性盒布局方法及技巧;掌握Animate动画库使用方法

掌握Less的使用方式;掌握Less的常用语法

掌握移动端屏幕适配的解决方案;掌握设备系统不同的解决方案;掌握移动端重构常见的兼容问题解决方案

掌握响应式布局适用场景;掌握实现响应式布局的解决方案

2.JS交互设计

掌握JavaScript的基本语法；掌握JavaScript内置对象；掌握JavaScript常见算法；掌握JavaScript函数应用

掌握DOM的各种操作；掌握BOM的各种操作

掌握JavaScript事件的对象；能够熟练使用正则表达式进行表单验证；掌握闭包的应用场景及优缺点；掌握AJAX的实现原理及封装

熟练使用面向对象思想进行编程

掌握项目的开发流程；掌握音频视频常用API使用；熟练使用WebAPIs编程

掌握Touch.js在移动端的应用

熟悉jQuery常见操作；熟悉jQueryDOM操作；掌握jQuery核心API

掌握Zepto的使用方法

3.Node

掌握ES6新特性；掌握模板字符串用法；掌握解构赋值用法；掌握箭头函数用法；掌握Promise、async...await用法；掌握ES6class用法

掌握Node特性；掌握Node操作文件和目录；掌握Node搭建服务器；掌握前后台交互过程

掌握Express的用法；掌握Express的路由配置；掌握Express的内置中间件使用；掌握Express的常见第三方中间件使用；掌握Express渲染视图模板

掌握MySQL数据库设计规范；掌握MySQL之CURD操作指令；掌握Node操作MySQL；掌握MVC和MVP概念

掌握Webpack打包项目过程；熟悉Gulp用法；掌握ES6和commonjs模块化用法

掌握WebSocket；熟悉Koa2的用法

掌握接口设计规范；掌握权限系统设计；掌握token令牌设计；掌握登录拦截；掌握项目部署

4.前端框架

掌握Vue基础语法和指令；掌握Vue计算属性和监听的使用方法；掌握Vue组件的定义和基本使用

掌握Vue组件通信的方法；掌握Vue路由的使用；掌握Vue路由守卫的使用；掌握Vue网络请求Axios的使用；熟悉Vuex状态管理；熟悉UI库的使用

掌握Vue相关知识的综合使用；熟悉Vue项目的开发、部署流程；熟悉Git版本控制软件的使用；熟悉数据可视化工具的使用\"掌握TypeScript基本类型的使用；能熟练在Vue-cli3.0中使用TypeScript

掌握React的JSX语法使用；掌握React事件绑定的方法；掌握React组件的定义和通信；掌握React路由及相关路由组件的使用方法；掌握React网络请求的使用方法；熟悉React状态管理Flux、Redux的原理和流程；熟悉React项目优化、部署流程

5.小程序+数据可视化

掌握Vue基础语法和指令；掌握Vue计算属性和监听的使用方法；掌握Vue组件的定义和基本使用

掌握Vue组件通信的方法；掌握Vue路由的使用；掌握Vue路由守卫的使用；掌握Vue网络请求Axios的使用；熟悉Vuex状态管理；熟悉UI库的使用

掌握Vue相关知识的综合使用；熟悉Vue项目的开发、部署流程；熟悉Git版本控制软件的使用；熟悉数据可视化工具的使用

掌握TypeScript基本类型的使用；能熟练在Vue-cli3.0中使用TypeScript

掌握React的JSX语法使用；掌握React事件绑定的方法；掌握React组件的定义和通信；掌握React路由及相关路由组件的使用方法；掌握React网络请求的使用方法；熟悉React状态管理Flux、Redux的原理和流程；熟悉React项目优化、部署流程

关注优就业，学习更多IT知识。

自学的话多看看W3C手册，免费的，跟学汉字查新华字典似的，想就业的话还是报班系统的学吧，效率要高一些。我对象自学，花了大学四年时间积累，我去优就业，5个月入门，当然期间也算是挑灯夜读了，差不多每天学到11点多，基本没在12点之前睡过觉。学习还是需要氛围的，大学的时候也是去图书馆看书，宿舍压根看不下去