什么是前端开发

Web页面的结构、Web的外观视觉表现以及Web层面的交互实现都属于前端。前端开发十分注重视觉设计，所以做前端的审美能力是必须的。前端开发的职责是什么？根据需要有不同的分工，比如有前端开发工程师、前端架构师、交互设计师、 视觉设计师等，一名合格的前端开发工程师，应该具有一定的审美能力和基础的美工 *** 作能力，能很好的与交互及视觉协作。
前端开发工程师：精通JS，能熟练应用JQuery，懂CSS，能熟练运用这些知识，进行交互效果的开发。资深前端开发工程师需要使用JavaScript或者ActionScript来编写和封装具有良好性能的前端交互组件，熟练使用CSS+XHTML完美输出视觉界面。同时还要对Web项目的前端实现方案提供专业指导和监督并在日常工作之中对新人及相关开发人员进行前端技能的培训和指导。另外，还要跟踪研究前端技术，设计并实施全网前端优化。
那么前端架构师的职责是什么呢？前端架构师更多意义上说像是一个管理的岗位，但是其职责要求却不仅只是管理。前端架构师需要带领组员实现全网的前端框架和优化，还要创建前端的相应标准和规范，并通过孜孜不倦的布道来完善并推广和应用自己的标准和框架。同时，还要站在全局的角色为整个网站的信息架构和技术选型提供专业意见和方案。

很多时候跟着书和不系统的视频学习，会发现没有方向，学了很多却不知道自己能够做出什么成绩。

学习要有一个清晰的职业学习规划，学习过程中会遇到很多问题，你可以到我们的web学习交流君 点击此处 ，

同时准备了基础，进阶学习资料。学友都会在里面交流，分享一些学习的方法和需要注意的小细节，每天也会准时讲一些项目实战案例。

在前端开发与探讨过程中熟悉并了解一些英语是非常关键的，下面整理了一些基础的前端英语单词，希望对给位有所帮助

首先、页面布局（layout）

header 头部/页眉；

index 首页/索引；

logo 标志；

nav/sub_nav 导航/子导航；

banner 横幅广告；

main/content 主体/内容；

container/con 容器；

wrapper/wrap 包裹（类似于container）；

menu 菜单；

sub_menu/second_menu 子菜单/二级菜单；

list 列表；

section 分区/分块（类似于div）;

article 文章；

aside 侧边栏/广告；

footer 页脚/底部；

title/sub_title 标题/副标题；

news 新闻；

hot 热点；

pro 产品（product）；

company 公司；

msg/info 信息（message）/消息；

ads 广告（advertisements）;

icon 小图标；

img （image）；

copyright 版权；

contact_us 联系我们；

friend_link 友情链接；

tel 联系电话（telephone）；

address 地址；

其次、CSS样式（style）

CSS 层叠样式表 (Cascading Style Sheets) ；

background 背景；

position 位置/定位；

relative/absolute/fixed 相对定位/绝对定位/固定定位；

float 浮动；

clear 清除；

vertical-align: middle/top/bottom; 垂直居中/上/下；

line-height 行高；

margin 外边距；

padding 内边距；

border 边框；

solid/dashed/dotted 实线/线虚线/点虚线；

border-radius 圆角；

shadow 阴影；

display 展示；

hidden 隐藏；

block/inline-block 块元素/行内块；

overflow 溢出；

cursor 光标；

animation 动画；

css sprites 雪碧图/精灵；

column 分列；

flex d性（布局）；

然后、表单（form）与表格（table）

form 表单；

action 行为；

method 方式/方法；

input 输入框；

label 标签；

password 密码；

radio 单选框；

checkbox 复选框；

btn 按钮（button）；

submit/reset 提交/重置；

textarea 文本域；

select/option 选择框/选择项；

placeholder 占位符（起提示作用）；

search 搜索；

icon 小图标；

autofocus 自动聚焦；

disabled 禁用；

checked 选中（单选框/复选框）；

selected 默认选择项（下拉选择框）；

required 必填项；

readonly 只读；

table 表格；

thead/tbody/tfoot 表格标题/主体/底部；

colspan 跨列；

rowspan 跨行；

cellspacing 单元格间距（类似于margin）；

cellpadding 单元格边距（类似于padding）；

border-collapse: collapse; 边框

相关资料：

详解html中页面跳转传递参数的问题

html5关于标签的知识吧

相信很多人在刚接触前端或者中期时候总会遇到一些问题及瓶颈期，如学了一段时间没有方向感或者坚持不下去一个人学习枯燥乏味有问题也不知道怎么解决，对此我整理了一些资料 喜欢我的文章想与更多资深大牛一起讨论和学习的话 欢迎加入我的学习交流群

关于书籍：需要学习资料的小伙伴们可以加群， 点击此处

boot strap

美 [buːt stræp]

模拟线路；辅助程序

短语

boot-strap 开机

boot strap processor 启动捆绑处理器 ; 引导处理器

boot-strap test 开机试验

双语例句

Utilizing industry experience and training in law, contract management and sales, he was able to boot strap the fledgling start-up into business

而他在法律、合同管理、以及销售方面的经验，让他成功的运作了这个项目，为公司节约了大量的成本。

In some embodiments a boot progress of a system boot Strap processor in a multi-processor system is monitored and a boot processor failure is detected using an Application processor

在一些实施例中，使用应用处理器监视多处理器系统中系统自引导处理器的引导进度，并检测引导处理器故障。

In buying your snowboarding boots, you might deal with making a choice between a step-in and a strap-on snowboarding boot

在买你的滑雪鞋，你可能会处理之间作个选择的跳跃式和捆绑式滑雪启动。

开发的英文：exploit。

英 [ɪk'splɔɪt]美 [ɪk'splɔɪt]

vt 剥削；利用；开发；开拓。

n 功绩；英勇行为。

The capitalists exploit the workers in order to maximize profits

资本家剥削工人是为了使利润最大化。

You must exploit all your spare time to learn English

你必须利用一切空闲时间来学习英语。

语法：

exploit的基本意思是“开发”“开采”,常被引申为自私地利用,用以自肥,即“剥削”。

exploit是及物动词,其后常接名词或代词作宾语。

表达方式exploit others与exploit the labour of others均正确，意为“剥削别人”。

exploit的形容词形式为exploitative，如exploitative system，意为“剥削制度”。

注意区分exploit和reclaim，前者有“开拓，开发”的意思，而后者指的是“开垦（荒地、沼泽等）”。

纠正一下，你说的前端开发以及html5所用的英文单词，是代码标签；像换行标签<br />html5中的头部标签<header></header>底部标签<footer></footer>又如以下：
<p></p>段落
<a></a>超链接
<div></div>框架
<img src="" />
一个网页是由大多标签代码以及CSS样式来控制，还有少数的JS；希望我的回答对你有所帮助，如果还有其他疑问，请继续追问我；

开发，是指以荒地、矿山、森林、水力等自然资源为对象进行劳动，以达到利用的目的;开拓;发现或发掘人才、技术等供利用。那么你知道开发用英语怎么说吗下面来学习一下吧。

开发的英语说法1：

develop

开发的英语说法2：

exploit

开发的英语说法3：

open up

开发的相关 短语 ：

develop human resources;

开发人才资源

develop mountain areas;

开发山区

open up industries;

开发实业

open up oilfields;

开发油田

tap underground resources;

开发地下宝藏

develop new products;

开发新产品

开发的英语例句：

1 The Commonwealth Development Corporation has agreed to reschedule Tanzania's debt

英联邦开发公司已经同意推迟坦桑尼亚的债务偿还时间。

2 Developed land was to grow from 53% to 69%

已开发土地的面积将从53%增加到69%。

3 The vegetarian burger was an innovation which was rapidly exported to Britain

素食汉堡是一种迅速传到了英国的新开发食品。

4 Most development has been concentrated in and around cities

土地开发主要集中在城市及周边地区。

5 Banks had increased scope to develop new financial products

银行已为开发新的金融产品留出了更大余地。

6 Industry has been working at developing harmless substitutes for these gases

该行业一直在努力开发一些可以替代这些气体的无害物质。

7 People speculate about virtuality systems, but we're already working on it

人们才开始构思虚拟系统的时候，我们已经进行开发了。

8 The required technology is probably still two years off

所需技术可能还要两年才能开发出来。

9 They have yet to show that they can really deliver working technologies

他们尚未证明自己真的能够开发出实用技术。

10 They aim to cut production lead times to under 18 months

他们力求把开发周期缩至18个月以下。

11 St Lucia is still mercifully undeveloped as a tourist destination

作为一个旅游目的地，圣卢西亚所幸还未被开发。

12 The company has struck gold with its new holiday development, Center Parcs

该公司凭借其新开发的“中央公园”度假村而赚了个盆满钵满。

13 The extra field cultivated meant a proportionate increase in work

额外开发土地意味着工作量相应增加。

14 Of 27 new wells drilled, 16 have proved exploitable

在新钻成的27口井中，已经有16口证明有开发价值。

15 Engineers spend much time and energy developing brilliant solutions

工程师们花费很多时间和精力来开发完美的解决方案。

---