后端开发,会写简单的后台管理页面(基于 element 框架),想整体学习下前端,学过基础的 html+css 相关,但是整体没有一个大的前端学习方向,有没有前端大神给个走向。
工作需求做过基础的页面开发。但是都是基于别人搭大带宽服务器建好的框架,然后在中间写单独的 view 页面。( copy 大法好),对前端挺感兴趣的,于是想着把前端技能也掌握。
顺便问一下 前端可以自己搭建一个属于自己的组件库嘛,类似 element 、vuetify 这种的 UI 组件。在使用别人的框架的时候,有些确实不是自己喜欢的样式。想自己设计一套供自己使用。前端开发有做类似这样的操作么。
用 quasar, 你不需要会 css,一样写。
非前端大神就不答了...
基于兴趣还好。但是个人感觉,不要分散太多精力。成年人的精力感觉极其有限,后端要学的东西太多了。并发编程,数据库引擎,各种中间件 Redis Kafka ES...
不过要是碰了前端,发现自己热爱的是前端,最后能成为前端大神,也不错。祝好~ :)
差不多的情况,我也想让各位大神们指条明路,哈哈
先照着 alement 的 api 把它的组件实现一遍
无论后端写的再好,始终也是要展示出来的,GUI 是任何写代码的都没办法避开的问题……
个人推荐学前端学习 tailwindcss,把 CSS 整个都抽象化过一次,相当好用。
现在 CSS 基本没有 float 定位什么的,都是无脑 flex,比起以前,好学太多。
1 、第一阶段:基础
先把 HTML5 、CSS3 过一遍,推荐直接看 MSDN,大概半个月左右就能把常用特性看的差不多了
然后开始看 JavaScript,这个是重中之重,先把基础特性看完,再看 ES6 的新特性
推荐几个在线教程:
https://wangdoc.com/html/
https://wangdoc.com/javascript/
https://es6.ruanyifeng.com/
JS 书只推荐看《 JavaScript 高级程序设计》 前端必看书
2 、第二阶段:框架
先学 Vue,再学 React
基础学扎实后,再学框架,看看文档差不多就能上手,然后再去 github 找一些 star 比较多的项目看看,基本就能开始搬砖了
3 、第三阶段:进阶
框架上手后,JS 这条线还需要继续往下,这个时候可以开始学 TypeScript 了,算是 JS 威力加强版
然后还需要开始学 Node,可以让你对项目的整体架构和构建有比较好的认识,同时需要学习 Webpack 、Vite 这类打包工具的配置
到这个时候基本就可以开始写自己的小项目了,可以是一些模仿 xxx 的项目,也可以是自己的组件库,小轮子之类的
(比如我就自己用原生 JavaScript 造了一些轮子: https://github.com/csdoker/tiny-wheels )
4 、高级
前端后期的方向特别多,可视化、IM 类应用、在线协作类应用,富文本编辑,都是难点技术,可以自行选择感兴趣的方向专研下去,如果你头发还够的话(狗头
谢谢!
https://github.com/kamranahmedse/developer-roadmap/tree/master/translations/chinese
找个前端女朋友,你们俩双剑合璧,干柴...哦不对,干将莫邪。
你首先得先用一段时间别人的组件库,样式不喜欢是可以改组件样式的,然后会发现有些现成的组件怎么改也满足不了当前业务。。。于是咔咔咔自己整了一个自定义组件,当这种组件积累了足够多,你就可以搞自己的 UI 组件库了。一上来就整。。。
公司里一般都会分的很细的呀...一般不会要求后端去写前端代码的。除非是耦合度比较高的老系统,jQuery 那种。偶尔也会有小需求去改 Vue.js 的前端,不过都是一些特别小的需求,能实现就行...
哈哈,反正个人感觉,后端想要精进的话,专精很重要。
框架层面上就不要谈后端专精了吧…现在大部分后端框架原理,代码流程背的那叫一个熟练,写个 LeetCode Easy 都写不出来,而且不谈刷题,分布式系统的算法大部分后端也不清楚,还有计算机里面的编码啥的,一问就是懵逼。还有网络协议,Netty 问就是用过,干过啥就是 Demo,然后写自己熟练掌握网络协议……还有编译原理,计算机组成,程序间交互。这些才是精华啊……
哈哈,我也没说框架啊。我说的是,深入理解后端中间件的原理。Redis 深度历险,高性能 MySQL,这种比较专精的书~ 不是框架
因为之前有学习过 Java 的 Klass 对象,Kafka 的集群可靠性原理之类的,就觉得后端其实要学的东西特别多。所以才推荐题主不要啥都尝试。共勉吧~
看这个(逃
https://messiahhh.github.io/blog/
建议自己写一个前端项目,尽量用原生写,不依赖 Vue React 这种框架,你会提高很快