【前端开发2】什么是WEB前端开发工程师?(下)

《【前端开发2】什么是WEB前端开发工程师?(下)》由【贵阳网络推广_老吴博客】网于2016年12月16日整理发布
摘要

不管你是准备选择做“WEB前端开发”工作还是为自己的网络推广营销工作做辅助,希望这个学习栏目都可以为初学者开个好头。

 

贵阳网络推广网站搭建,WEB前端

 

好,今天我们接上节课内容继续讲,这节课主要是讲解学习WEB前端的准备工作

三、WEB前端开发工程师需要学习什么?

1、辅助的软件工具

 

(1)、浏览器,浏览器是一个网站访问、浏览的最终端,我们要了解浏览器简单的操作和辅助插件,这块没有什么太多的内容。我们还要使用不同的浏览器用于兼容调试和插件观察,所以会下载几个主流的浏览器如:火狐浏览器、谷歌浏览器、360浏览器、IE浏览器;我们最常用火狐浏览器,因为他的性能比较高符合当代网站的兼容,插件也比较齐全,这些浏览器很好下载安装,大家百度一下就可以了。当然还有“苹果浏览器”,这个我们就不说了知道就行。

 

(2)、浏览器的插件,这里的插件主要是“firebug”,我们以火狐浏览器为例:我们打开浏览器-最右上角有个“打开主菜单”按钮-点击出现下拉框有个“附加主件”按钮-进入插件页面在搜索框内输入firebug,查找后对应安装即可。过程如下图组:

 

贵阳网络推广网站搭建,浏览器插件

 

贵阳网络推广网站搭建,浏览器插件

 

安装完成后浏览器右上方会有个甲虫图标,点击或按“F12”键会出现插件显示框,插件显示框的方位可以自己设置,一般设置在页面最下方;此插件我们会在以后课程中会穿插的讲解其用法,各位可以自己去先观察研究下。如下图;

 

贵阳网络推广网站搭建,Firebug插件

 

(3)代码编辑器,我们真正写代码是需要用一个编辑器的,有的人可能也听说用“记事本”也能写,但“记事本”毕竟不是专业的集成环境,会出很多错误的。代码编辑器也有很多种,我们选择一个主流好用的使用就行了。

 

老吴介绍几款主流编辑器吧;

 

贵阳网络推广网站搭建,Adobe Dreamweaver

 

Adobe Dreamweaver:这个Dreamweaver是个元老级别的编辑器了虽然选择用的人越来越少,但不得不为大家介绍一下,很早的时候就存在了很早的一批网站建设者就用Dreamweaver,当时有个名词叫做“网页三剑客”就是三款专门做网站的软件,只是哪个时候的网站和现在的网站不可同日而语了,我们了解一下就可以,当然现在我们使用Dreamweaver来编辑代码也是没有问题的。(收费)

 

贵阳网络推广网站搭建,Notepad++

 

Notepad++:小巧的文本编辑器,更是编写代码的利器!用的人很多(免费)

 

贵阳网络推广网站搭建,Brackets

 

Brackets:Adobe操刀打造的免费编辑器Brackets,简约、快捷!用的人很少,但非常好用(免费)

 

贵阳网络推广网站搭建,HBuilder

 

HBuilder:飞速编码的极客工具,大幅提升HTML、js、css的开发效率。国人开发的非常不错(免费)

以上工具使用结果都一样,我们自己习惯用一种就行。(文章最后会提供各编辑器的下载官网链接)

 

2、美工基础学习

 

美工使用的软件主要就是2个,Adobe Photoshop(PS)和Adobe Illustrator(AI),关于美工这一块,老吴虽然是平面设计师出生,但在本站学习栏目中没有这一块知识的课程,第1、不管是作为网络推广营销人员还是WEB前端开发人员用的都比较少,是WEB前端开发人员主要用PS来切图的。第2、老吴精力实在是有限。还请大家谅解。

 

3、代码语言(计算机的语言)

 

作为WEB前端工程师这块才是我们真正要学习的东西。我们人类有人类的语言,比如我们中国人和中国人沟通用的是汉语,外国人用的是各自国家的语言。我们需要跟计算机沟通也是需要“语言”的,作为WEB前端工程师是跟计算机的浏览器打交道就需要一种浏览器沟通的“语言”了呗。我们WEB前端开发人员必学的“语言”有以下三个;

 

(1) HTML

(2) CSS

(3) JavaScript

 

这是我们WEB前端开发人员必学也是基础的学习知识,但作为网络推广人员学习下HTML+CSS就可以了,好!我们用两个课时了解了什么是WEB前端开发,也清楚了自己的定位。接下来的课程我会逐步介绍这三个“语言”是什么东西,不管你是准备选择做“WEB前端开发”工作还是为自己的网络推广营销工作做辅助,希望这个学习栏目都可以为初学者开个好头。

 

好,今天的WEB前端开发工程师(下)就分享到这里,谢谢关注老吴博客一个专注网络推广营销的80后中年男人。

 

免费代码编辑器下载:

Notepad++:http://rj.baidu.com/soft/detail/13478.html?ald

Brackets:http://brackets.io/

HBuilder:http://rj.baidu.com/soft/detail/35959.html?ald

 

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: