web前端开发需要学习什么?需要哪些开发工具?

Posted 2021-04-25 Java每日一记

今天来和大家讲讲web前端开发需要学习什么?前端开发又需要用到哪些开发工具?然后分享一些前端开发的视频教程给大家,然后也简单的和大家介绍下前端开发的前景和薪水工资情况.

　　首先封程中自己是java开发工程师,目前是搞服务端(后端开发)的,但是之前也做过2年的javaweb前端开发,所以经验还是有一些的,下面就简单和大家介绍下我的经验吧,说的不好,大家勿喷,学习该学习的,忽略该忽略的就好.

web前端工程师其实在不同的公司,有不同的职能,但是称呼都是类似的

　　1.做网站设计、网页界面开发

　　2.做网页界面开发

　　3.做网页界面开发、前台数据绑定和前台逻辑的处理(我是属于这种的)

　　4.设计、开发、数据

　　web前端开发需要掌握的技术：

　　1.学习html,这个是最简单的,也是最基础的.要熟练掌握div、form table、ul li 、p、span、font这些标签,这些都是最常用的,特别是div和table,div用于布局、table也可以用于布局,但是不灵活,基本 table是用来和数据打交道.

　　2.学习css,这里说的css不包括css3,一般我们看到web前端开发工程师的要求里面,有一个会使用css+html 或者 css+div 来进行界面布局,所以css是用于辅助html来布局和展示的,我们称之为“css样式”,为什么会说css+div呢?因为我上面说了div就是 html主要用于布局的东西,所以div就是核心掌握的东西!那么css肯定必须要配合div来使用才好.css要熟练掌握float、 position、width、height，以及对于的最大最小、会使用百分百、overflow、margin、padding等等,这些都是跟布局 有关系的样式,一点要掌握.

　　3.学习js. 可能前两个大家觉得还过的去,看到js就蛋疼了,其实吧,js入门很简单的,不需要会很多东西的,只要会根据某个id、或者name拿到网页dom或者样 式、或者值,然后会给某个id或者name的元素标签赋值、或者追加数据、追html,这个是跟数据有关系的操作,然后数据逻辑判断,效果方面的,无非就 是跳转、弹框、隐藏什么的,把这些全部结合其他就是实际用途了,代码一点都不难,会了这些基础js,其他的直接百度就好了.然后看多了,用多了,就什么都 不是问题了.

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

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

　　6.学习css3+html5,为什么这个放最后呢?哈哈,因为我自己也不太会,毕竟术业有专攻嘛,虽然这个很流行,但是我是搞后端的,在工作中用不到 它,只有在自己网站需要改样式,或者朋友网站样式出问题的时候,我才会去临时去研究下.但是如果你们是准备专门搞前端,那么最好还是学一下的.

　　上面6点,基本是一个搞web前端开发工程师需要掌握的技术,然后我也尽量的把自己的一点点经验告诉了大家,但是大家不要以为上面6点就只有我说的那么容 易,不,他们之所以被人使用,之所以这么火,就是因为强大!我说的这么简单仅仅是打消你们觉得很难的原因,万事开头难,我讲的都是入门的方法和技巧以及需 要知道的东西.另外告诉大家一个秘密,不要以为代码很难敲,现在什么语言都有自动提示代码的功能,只需要输入一个字符,两个字符,后面的代码都会弹出来让 你选择!还怕啥呢?所以你也不要怕你英语不好了.封程中从来不骗人的.

　　web前端开发需要视频教程以及资料：

　　这个我免费做个广告吧,视频大家可以主要看“传智播客”的视频,因为我当时学技术专业知识的时候,就是经常课后去看传智播客的视频,讲的确实不错,我最喜欢里面的 韩顺平老师,不过我当时看的是java,如果他也有讲上面css、html什么的,你们也可以看看.

　　另外我们搞编程都会经常查阅一个叫api的东西,这个相当于使用手册,比如java api 、php api 、js api 什么的,大家直接这样百度,html+css的api 应该是可以找w3c的一个网站,对新手学习很不错.

　　web前端开发需要用到的工具:

　　最常用的就是dreamweaver,推荐大家使用dreamweaver cs6,cs6之前的貌似问题挺多的,cs6目前是功能最强大,问题最少的了,dw有一个比较方便的就是可视化编程,可以边看效果边敲代码,还有自动提示 代码的功能.还有就是ediplus,这个其实就相当于一个字体有颜色的记事本,我就是用这个,因为我感觉dw占用内存太多了,搞的电脑卡,所以我直接用 ediplus写代码,至于这个有没有代码自动提示功能我就不知道了,大家可以百度下是否有相关插件.还有就是eclipse可以写java、php还有 上面的各种代码!Zend Studio 是专门写php的,但是上面这2种工具比较专业,是我们专业开发人员用的,所以大家自己看着办.Photoshop这个就不用说了.

　　web前端开发的前景:

　　web前端开发的前景肯定是非常好的,我们不管的做网站还是做什么项目,现在都讲究的一个用户体验,人家说如果你的网站界面做的好看,那么你们的网站、项 目就已经成功3/4了!所以现在很多人都说web前端开发的前景要稍微好于后端开发.但是我打个对比,前端开发技术学到顶级,后端开发技术开发技术也学到 顶级,那后端开发工资是肯定远远高于前端的,但是后端开发技术到了一定程度会有个很大的瓶颈的,所以初中级程序员,前端开发要稍微比后端开发要好,高级程 序员的话就完败了。

　　web前端开发的薪水工资:

　　这个是个敏感的话题,我是在上海这边,2年工作经验的web前端开发工资差不多6K~8K,如果你会些后台技术,并且前端技术很牛逼的话,到10K也是可 能的.这个工资的多少主要取决于你的技术情况,所以工资也不一定的.但是北上广的一个web前端工程师的市场价差不多就是这样,如果是二线省会城市,可能 就是4K~7K,也是不错的.我们搞技术这个行业,工资的多少取决于你技术的好坏,技术这一行不能比,因为人比人气死人,大牛的一个上面有一个的,努力学 习才是晚到,技术这行学无止境的.封程中也是跳过几次槽的人,所以说说大概的情况,觉得价格少的勿喷,上海也没多牛,大部分人都还是处于被压榨的码农.

　　web前端开发的一个介绍就到这了,封程中写了2个多小时,写的不好,但是也付出了时间来分享,所以希望大家不要喷,希望可以帮助到需要帮助的朋友.

扫码加下方大牛微信，获取最新编程学习视频及面试技巧，备注数字 2，一定要备注数字2