小光光谈前端

摘要：这个问题应该是百度或者知乎都能知道答案的，以上是自己亲身学习的一些途径方便少走一点弯路入门。

基础的html，css，js，推荐慕课网免费课程:前端工程师路径,极客学院免费课程:前端工程师路径 大概刷过就可以了，不用死记硬背某个知识点，css跟js还需要加深学习的，在实战过程中不懂就去查文档
基础的ps切图能力  慕课网ps基础课程

拥有自己的虚拟主机 传送门

学习jq+bootstrapt布局开发基本的网页功能将项目部署在虚拟主机 教学视频传送门 部署教程

犀牛书，javascript高级程序设计,个人比较喜欢红宝书，通读了解js各个方面的基础知识点，例如原型链，闭包，this绑定等等...不过我目前也还没读完..
css方面：flex，gird等新的布局方式
框架方面:vue,react,ng都可以尝试着了解一下，框架只是工具，基础还是要学好js
webpack的基本配置了解一下，npm，yarn的使用
代码管理：git ，学会使用github 推荐阮一峰老师的git入门

服务器部署linux基础，搭建自己的ecs服务器，基本命令行掌握 传送门

计算机网络的知识，推荐 《http图解》一书
设计模式方面的知识 《head first 设计模式》
后端的基础知识node ,php ,mysql,mongodb  慕课网有免费的基础课程 搭配基础实战项目传送门react+vue+koa+mysql+mongodb

js的底层相关的V8知识
数据结构与算法的基础知识，这个学校课程可以选修
强类型js typescript学习
等等。。。

这个问题应该是百度也能知道答案的：传送门

小程序开发入门是非常简单的，之前我也在部门里分享过付费的小程序开发教程视频，基本上小程序就是仿造vue的，会用vue就会开发小程序
此外github社区也有很多优秀的框架用于开发小程序，如腾讯的wepy，美团的mpvue，京东的taro
这两个是之前做的小程序项目demo
一个是搭配视频教程的电影与阅读 一个是原生基础小项目智能快递柜

这个是mpvue开发的小程序项目 Online画室

前端需要的原型图 不应该仅仅只是一些图片，应该是做图工具处理过之后，方便前端获取到原型图上任何一个位置的样式的类html图，并且附带基本的交互效果，sketch软件了解一下，pxcook软件了解一下。

这个其实前后端最好能够沟通好请求方式get，post，delete等等，个人比较倾向于restful架构api，而且不是说提供接口就是restful api，可能还不符合规范化，每个请求方式要语义化，命名要符合restful架构的要求，有些后端写接口写命名都是随意来的，能用就行，其实这样是对于前端使用会造成一定的理解问题的，建议前后端都了解下 传送门

这个问题比较广泛，是说前端开发的工具吗？
编辑器可以考虑sublimetext3 ide可以考虑vscode，webstorm，atom
服务器ssh远程登录推荐 xshell5
后端mysql图形化软件使用Navicat for Mysql

mongodb图形化使用Robo 3T
php使用wampserver集成
思维导图神器 Xmind
Cmd Markdown 编辑器
PxCook 原型图量取
Mockplus 产品经理神器
git 使用GitBash

首先对着官网文档新手入门过一遍
其次基础语法练习来过一遍 项目素材传送门 对应教学视频链接

其次根据视频教程进行todoList demo编写慢慢过渡，使用vue-cli脚手架进行工程化开发，发现vue-cli配置一脸懵逼
熟悉vue-cli脚手架的基本配置，做到自己能够调配置搭配其他例如sass，flexiable方案使用，传送门

基本过完就是vue语法，vue-cli基本配置熟悉了，那么接下来就要进入实战学以致用，实战付费视频资源之前有分享在部门群里面，其他的基础实战项目在这里实战项目传送门react+vue+koa+mysql+mongodb，基本掌握后就可以进行使用vue独立开发了

问题到这里结束了，希望阅读的给为大佬对于有帮助的github项目能够给小弟star一下，积累不易，谢谢支持~