前端技术学习路线:
1.html+css
2.移动端布局
3.js+jq
4.ajax+git
5.vue+react
6.微信小程序
7.选学node.js
总结就是三件事:
1、前端页面重构:写一些页面,电脑、手机、平板都能用!
2、前后端网页交互:用户操作–>获取参数–>给后端发请求–>将响应展示给用户!
3、Node.js + 前端框架:使用成熟的技术,大幅度提升工作效率。并通过node.js进行后端开发!
主要前端技术:
1.实际业务的理论与经验(小白瑟瑟发抖~~)
2.css布局基础知识(rem、viewport(vw vh)、less / sass、清除浮动、BFC、自适应/响应式布局、如何实现纵横比布局、flex理解和用法等…)
3、JS语言基础知识(继承都有哪些方法、什么叫闭包及应用场景、函数防抖&函数节流、异步promise、async/await、xmlHttpRequest / ajax / fetch / axio请求数据、文件及二进制数据操作、TypeArray、websocket详细知识、canvas一些api知识、正则表达式等…)
4、常用框架(vue、vue-router、vuex、react、react-router、redux、mobx、mobx-state-tree、elementUI、iVeiw、materialUI、Ant Design等…)
5、测试框架(jest、mocha等…)
6、构建与部署(webpack、gulp等…)
7、Git版本控制使用(git基础命令,GitHub Actions工具等…)
8、动画相关知识(css animator 、requstAnimationFrame、动画库等…)
9、算法知识相关内容(冒泡排序、快速排序、各种排序、字符串模糊查询等…)
上面的主要技术内容全部掌握后,北京上海月薪15K-35K
1 目前,我也组建了一个自学群,可以一起讨论研究前端的各个事宜,以及提高能力的方法,只要你想了解前端,精通前端,都欢迎你们加入我们的前端自学。
2 你可以找到志同道合的朋友,相互激励的学习伙伴,还能得到大神的经验分享,和加入项目实战的机会。这是我的WEB前端q裙。---1074182891
3 整理了-套最新的前端基础教程,学习前端的这个过程当中我也收集了很多前端学习手册,面试题,开发工具,PDF文档书籍教程,可以直接分享给你们。
进阶前端技术:
1、多端小程序(微信小程序基础开发、公众号jssdk、Wepy、Taro、mp-vue、等…)
2、数据可视化(Echart、D3等…)
3、Native App原生开发(react navtive、flutter等…)
4、eletron(桌面开发)
5、微前端知识(多项目共同组件、多项目通信、多项目集合等…)
6、视频直播相关(WebRTC、ffmpeg、rtsp、Rmmv直播等…)
7、3D开发(webGL、three.js等…)
8、设计模式(工厂模式、单例模式、观察者模式、订阅模式等…)
9、SEO搜索相关知识(sitmap、roobot、关键词密度工具、模拟蜘蛛工具、预渲染/无头浏览器/Puppeteer、Nuxt、Next服务端渲染等…)
10、pwa相关知识(次要,目前没有太大的需求)
11、数据结构知识(队列、栈、链表、集合、hash表、树、图等…),不过这个是次要的,不用花费太多精力,但是脑中要理解和实战中能够运用。
掌握了上面的主要和进阶共20项技术后,北京上海月薪35K-60K
前端大牛:
1、后端语言(python、nodejs、koa2、Express、阿里Egg、Nunjucks、Ejs等…)
2、服务器软件(Nginx、Apache等…)
3、数据库语言(mangoDB、mysql等…)
4、GraphQL api查询描述语言,精简api数据精准查询,Restful api查询标准等
5、 AST / DSL抽象语法树相关内容,可写插件及虚拟机编译器等
6、运维相关知识(linux基础、jenkins自动化部署、Docker、K8、容器等…)
除了上面提到的技术内容,在此基础上还有一项更重要的,就是丰富的开发经验、业务案例、大厂经验、团队经验、管理经验等。