web前端入门要学什么?
当前位置:贝知网>知识分享>设计开发>web前端入门要学什么?
web前端入门要学什么?
时间:2022-09-12 设计开发

web前端入门要学什么?

web前端入门要学什么

学习web前端需要学的内容有这些:1.基础部分,主要就是html、css、JavaScript;2.几个边界,与美工相关、后端开发、设计相关;3.相关标准;4.各种框架类库,jquery,bootstrap等;5.工具。

1、基础部分,主要就是html、css、JavaScript。这个其实不用多讲,这些个基础不学扎实了啥也干不了,可以直接从html5、css3、ES5来学习。学习的方法很多,最方便的方法是像w3cschool、汇智网这种边学边练的,类似之前微软的所见即所得,喜欢读纸质书的可以买几本书来看看。

2、几个边界,与美工相关、后端开发、设计相关。想做好Web前端,一定搞清楚自己的工作界面在什么地方,这对你有很大帮助。每个公司可能都不一样,所以了解边界相关的知识就很重要。

美工相关,主要是说ps、切图之类的东西,photoshop还是需要会用的,至于说你能不能搞出漂亮的图片来那倒不是重点,关键点是体会美工的工作过程。如果你在公司兼了这件事,那你就得深入的学习了,别不以为然,前端的美术有修养还是挺重要的。

后端开发,虽说一般情况下,前端开发和后端开发是分开的,不过二般情况也很多。这个时候就需要你在后端中选择一条主线,很多人都在比较PHP、Python、Node.js哪种好,其实都差不多,不过从市场上的热度来说视乎Node.js更热一些,当然Node.js对js熟悉的前端来说也更容易上手。我的建议还是先从Node.js来吧,如果公司有选择或者有余力可以学学其他两个。数据库似乎mysql和mongodb都可以试试。

3、相关标准,标准这个东西很多人都不屑的很。其实很重要,越大的团队越重要。还是熟悉熟悉养成好的习惯微妙。这在初期至少涉及到很多兼容性问题,所以W3C的标准是必须了解和掌握的。

4、各种框架类库,jquery,bootstrap等,现在的框架比较多,但是jquery和bootstrap这样级别的必须得熟练掌握,要不很多公司都没法干活。一般类库和框架都有垂直的网站可以学习,如bootstrap中文网之类的都很不错。

5、工具,这个有很多如Git、webpack、Gulp、github、Nginx

等等。工具本身实际上不学也能干活,从学习的角度来说,这个时间的分配上可以少一点儿,但是从工作的角度来说,如果需要的话要尽快上手,逐步熟悉。工具类的东西都不是特别难上手,几天可能就差不多了,但是想玩的透,极大的提高效率这个还是需要投入不少时间的。

web前端要怎么学习

web前端的学习需要这样做:一是了解web前端;二是一步步打好基础;三是多实操。如果想具体了解web前端要怎么学习,那不妨接着往下看吧!

第一,了解web前端

狭义上讲,所有用户终端产品中与视觉和交互相关的部分都属于前端开发的领域。Web前端使用HTML、CSS、JavaScript等专业技能和工具将产品的UI设计实现为一个网站产品,覆盖用户的PC、手机等网页,处理可视化和交互性问题。

Web前端开发是随着Web的兴起而细分的一个行业。在Web前端兴起之前,html+css的工作是由可视化人员来承担的,JS部分是由后端完成的。

web前端也是一个程序。由于前端是后端程序和接口设计器之间的一个post,所以它相当于中间桥接器。要完成三者的对接,涉及知识面广,规模与工程水平相当。

第二,一步步打好基础

web前端与web页面紧密相关。因此,要学习web前端,必须熟悉web页面,因为web页面上显示的所有内容都基于HTML

web页面。

首先要熟练掌握div、form table、ul li

、p、span、font这些标签,这些都是最常用的,特别是div和table,div用于布局、table也可以用于布局,但是不灵活,基本

table是用来和数据打交道。

jQuery:jquery是相当于把js封装了一套的一个js插件,目的就是操作起来更方便,代码写的更少,jquery入门也很简单,那些是入门需要学的和js一样,只是换成了jq的代码。

最好会点后台语言。比如Java、php,为什么呢?因为我们前台界面的数据都是从后台来的,如果会点后台代码,就知道怎么跟后台交互数据是最好的,这样节约时间,也可以让前端代码更规范。不然可能因为你的写法和后端给来的数据不能结合上,那么前端代码又得重新写,那就更头疼了。

随着这移动互联网快速发展的时代,尤其是5G时代,HTML5+CSS3已然成为新一代的web前端技术。随着HTML5的发展和普及,了解HTML5也将成为

Web开发人员的必修课。涉及到网页外观时,就需要学习CSS了,它可以帮你把网页做得更美观。

利用HTML5和CSS3

模拟一些你所见过的网站的排版和布局(色彩,图片,文字样式等等。当你掌握了HTML5,CSS3,Java等技术之后,就应该找一个Web框架加快你的Web开发速度,使用框架可以节约你很多时间。