小光光谈前端

问题1:前端的学习路线

提高

  • 犀牛书,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学习
  • 等等。。。

这个问题应该是百度或者知乎都能知道答案的,以上是自己亲身学习的一些途径,方便少走一点弯路入门。这里是知乎大佬的回答:问题回答 问题专栏

问题2:各个框架的特点和不同?

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

问题3:小程序开发

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

问题4:前端需要什么样的ui图

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

问题5:前端觉得什么样的api好用

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

问题6:有什么好用的工具可以用?

  • 这个问题比较广泛,是说前端开发的工具吗?
  • 编辑器可以考虑sublimetext3 ide可以考虑vscode,webstorm,atom
  • 服务器ssh远程登录推荐 xshell5
  • 后端mysql图形化软件使用Navicat for Mysql
  • mongodb图形化使用Robo 3T
  • php使用wampserver集成
  • 思维导图神器 Xmind
  • Cmd Markdown 编辑器
  • PxCook 原型图量取
  • Mockplus 产品经理神器
  • git 使用GitBash

问题7:如何系统地学习vue

  • 首先对着官网文档新手入门过一遍
  • 其次基础语法练习来过一遍 项目素材传送门 对应教学视频链接
  • 其次根据视频教程进行todoList demo编写慢慢过渡,使用vue-cli脚手架进行工程化开发,发现vue-cli配置一脸懵逼
  • 熟悉vue-cli脚手架的基本配置,做到自己能够调配置搭配其他例如sass,flexiable方案使用,传送门
  • 基本过完就是vue语法,vue-cli基本配置熟悉了,那么接下来就要进入实战学以致用,实战付费视频资源之前有分享在部门群里面,其他的基础实战项目在这里实战项目传送门react+vue+koa+mysql+mongodb,基本掌握后就可以进行使用vue独立开发了

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

    原文作者:陈建光
    原文地址: https://segmentfault.com/a/1190000015796055
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞