前端开发需要学什么,怎么学?
本文更新时间:2019年7月1日
首先声明,前端开发技术更新速度很快,本文或许在2021年就不适合了。
一、关于我
我现在在前端领域工作了两年,平时主要工作是以后台前端开发为主,经历了三个公司,就给大家分享一下这两年前我的成长经历。
本文算是前端新手的一个大框架的知识简介。
二、前端开发技术
1.核心是HTML,其次是CSS,再其次是JavaScript。
2.前端需要有一定的UI设计功底,以及强烈的用户体验感受。
3.掌握流行框架:Vue、Layui、React【我主要使用的是这三个】
4.掌握NodeJS、Webpack、一个适合自己的编辑器(sublime、webStorm等选择其一,我比较喜欢轻量级的,就选了sublime,喜欢功能强大的可选Webstorm或其他自己用得习惯的工具)
5.掌握Git工具,便于多人协作
三、前端基本功
(一)HTML
1.学会使用语义化的HTML标签来写HTML代码。
2.在工作中,很可能你今天写这个项目,明天就调到别的项目去了,语义化的HTML标签可使别人快速理解你的布局方式。
3.关于语义化的HTML标签,网上已经有很多的文章在简介了,自行百度一下。
(二)CSS
1.熟悉各种各样的设计图的实现方式。
2.重点:margin、padding、border、width、height、position,这几个算是CSS用得特别多的部分,需加强了解
3.熟悉float的布局方式,flex的布局方式
4.多做几个网站的样式布局
(三)JavaScript
1.JavaScript在企业类官网前端用得不多,在平台类用得比较多,如后台、宣传平台等。
2.重点:for加if,这应该是所有编程语言的精髓
3.各种字符串的操作,数据的操作,对象内部的数据修改与获取
4.各种经典算法在JavaScript中的实现,工作中会使用到一些,但不算多
四、前端框架
至少了解一个可快速开发的UI框架,你了解多了之后,就会知道很多东西在UI层面开发模式都是一样的。
我第一个了解的框架是layui,用来做了个商城后台,后面开始就慢慢了解到了Vue、React,学习到了一些很Nice的开发经验。
建议各位一定要打好CSS和JS的基础,因为项目中经常会出现框架无法照顾到的情况,这些情况下往往是需要我们自己去进行从零开发的。
以上博文来自于一个两年的前端的经验分享,仅供大家参考