我是0基础,我要学前端
“我是0基础,我要学前端” ,这是我身边很多人的声音,我碰到很多毕业的学生,各行各业的人都闷头要学前端,我觉得这些人的嗅觉确实是灵,现在web前端真的是火的要不得了
关键是怎么学
前端包含的内容很多,特别是这几年新的技术的涌现,以至于我们要学的东西包含了 html5+css3, jquery ,jquerymobile , js ,bootstrap , vue.js , angular.js , node.js ,framework7 等等
从功能性来讲包含了pc前端开发,移动web开发,响应式开发,前端数据接口调用等等
涉及到的工具也多模多样,比如 photoshop, dreamweaver, sublime, phpstrom , hbuilder 等等等等 ,这么多东西,做为一个初学者 ,应该怎么学?
还不包含一些优秀的jq插件,比如fullpage,scroll ,pallax 数不胜数
先学哪,后学哪,怎么学快 ,那么多软件哪个好用,哪个不好用?
所以,有的人说,前端简单
的确,前端的根本是 html5+css3构建一个页面,加js做出交互,这个也是前端,这个很容易
有的人又说了,前端很难
的确, 前端包含的东西之多,你一一了解几乎成为不可实现的事情
说难也好,说简单也好,都对
给一句话箴言
这是我很早听到的一句话,记不清出自谁口中了, “方向比努力重要,如果你方向错了,那么你走的每一步都是错的!”
做为一个前端初学者
你目前最迫切需要了解的是学习的方向,因为网上资料太多了,谁也阻止不了你学习,但是你的方向一定要是对的!
我单方面的建议
早几年的时候,2009年前后,我说是做前端的,没人瞧得起我,设计师瞧不起我,程序员瞧不起我, 老板也瞧不起,不是技术弱,是大环境下人的观念的问题,那个时候的前端工作一般由设计师 和程序猿来完成, 当时设计师 还是程序员 那都是多项的本事 ,前端仅作为他们的附加能力。
html+css或者table把页面排出来,网上找个js效果套入,那么一个页面就完成了,如果设计师能做,或者程序员能做, 老板也不愿意单独请人来做了,这就是老板的心态。
所以那个时候公司请单独人做前端,那老板意识真是了得了。
现在,前端凭什么拿那么高薪水,而且可遇不可求?
移动互联网+h5 导致了这块需要一个有经验的人来做,而不是三两下搞出来,一下子本来不多的前端成为了市场新贵,加上这几年爆发的新技术 node.js ,bootstrap,angular.js等等 ,这都是前端的范畴,意味着你得会啊,所以前端能拿高薪,那是我们作为前端er应得的。
初学者怎么学?
学html,css,jquery这些简单,花一周学,然后转开始学node.js,bootstrap,angular.js ,还有原生js剖析,要了解js的底层架构原理,以不变应万变,这个看似正确的方向,其实不然!
作为我们公司,找一个前端er新手进来,你可以不用做node.js,bootstrap,angular.js都不用你做,至少你得把 html+css做到100%的好 ,这就是要求
如果你作为一个前端初学者都学了,都不牢固,很抱歉,进入一家公司你什么都做不了。
我的观念不是第一次提到
有几个人跟我争论,不是干仗,类似辩方甲,辩方乙的角色,真的面红耳赤,各执一词都有理,但我就想说了,我们给腾讯qq钱包做过一次移动web页面的微场景,就很简单的页面,html5+css 不算复杂,我相信大部分人包括有一点基础的初学者都能做出来
但是, 你能做,你能拿出手吗?如果对方客户是腾讯这样的超级ip。
再大的公司,也有构建一个html5+css3这种简单网页的基本需求 ,如果你只是能做出来那还远远不够 ,能做 和能做好 两者之间差了不止一点点
如果你能够构建一个页面,足够的标准,那就够了,你也很值钱。
新人的正确学习方式
如果你是0基础,我建议你花2天时间熟背 html标签和css属性,恶补一下,我常年做web前端项目,比如你可以跟我了解一下一个真实的前端开发过程,先从简单的页面开始尝试做
然后反复做,细到文件夹怎么命名,图片碎片怎么命名,css怎么命名,html标签怎么命名, 规范,css规范,html5规范,代码书写规范,然后熟知浏览器兼容性差异 ,在回过头来看自己的代码, 标准吗? 从兼容性角度来看,怎么写的兼容好,怎么用到css3效果,又能保证最大的兼容性?
我们做前端往往会在最新技术和兼容性之间做选择,如何取舍也是有讲究的。
代码是否方便循环,html标签多写了不行,少些了不行,css有的属性可不可以不写?有的不能不写 ,都是很基础很基础的吧
简单其实不简单,需要你背后有扎实的根基,牢靠的知识面经验,才能做出一个符合w3c标准的,代码不沉於不累赘,全优的一个页面。
这个过程至少需要2~3年 ,然后在考虑下一步学习一些js ,angular.js等等等,比如jq改变了js的写法,链式的写法让代码更直观,也更简单,所以我们需要了解jq ,bootstrap向我们展示了一个响应式的页面的一种方式,包括老外的命名方式,js等都值得我们去学习, angular.js 让单页面无刷新得以实现, 这也是大大提升用户体验的,我们也需要了解
但是,目前来说,如果是你前端初学者,你更需要是让自己html+css+js技术更加牢靠
方法思路比较技术重要
你需要了解一个过来人做前端的一个方法,思路,碰到问题的解决能力很重要,当然了,有了牢靠的知识以后,你需要拥有一定的自学能力,应对将来更多的新技术。
------
我是aming,创办切图公司qietu,8年web前端从业经历,08~2022 ,我带着公司团队一起做的2000+真实的前端开发项目,亲自授课带人 qq群 308736107 / qq 6133576
详情了解 qierukou
写在最后
有的人是以吐槽刷存在感,似乎你说什么,总有人会吐槽,你做的再好也会有人吐槽,我给的建议,仅代表我的看法,不过都是经验之谈,作为初学者,你需要有判断能力,认为我说的对也罢,错也罢 ,只要是你做前端,我都表示支持。
另外
还有少数人认为切图低级,前端高级,我想说在有前端这个说法之前,我们是管叫切图,切版,重构等的,作为一个前端er老兵都会知道, 但凡说这话的人暴露了自己前端er的年龄,切图和前端,就好比于是 蹴鞠 和足球。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
· 上周热点回顾(2.17-2.23)