一名优秀的、甚至卓越的 前端开发工程师具备什么条件?

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_41781067/article/details/84337606

学习 HTML,CSS 应该先跟着基础的视频学一遍。然后就需要做大量的练习,案例,案例是非常重要的,应用到实处,做各种常规的、奇怪的、大量的布局练习来捆固、理解自己的知识。

而学习 Javascript 首先要知道这门语言可以做什么,不能做什么,擅长做什么,不擅长做什么!

如果你只想当一个普通的前端程序员,你只需要记住大部分 Javascript 函数,做一些练习就可以了。

JavaScript被称为前端开发者的核心部分,也是工资的标准,现在有专门的JavaScript工程师,薪资都很高。

如果你想当深入了解Javascript,你需要了解 Javascript 的原理,机制。需要知道他们的本源,需要深刻了解 Javascript 基于对象的本质。

还需要 深刻了解 浏览器宿主 下 的 Javascript 的行为、特性。

那么一名优秀的、甚至卓越的 前端开发工程师的具备什么条件?

在以前,会一点Photoshop和Dreamweaver的操作,就可以制作网页,也就是我们说的web1.0时代,那个时候没有前端,叫网页制作。

现在,只掌握这些已经远远不够了。无论是开发难度上,还是开发方式上,现在的网页制作都更接近传统的网站后台开发,所以现在不再叫网页制作,而是叫Web前端开发。

而前端开发为什么现在这么火,在于互联网高速发展,和HTML5技术的不断成熟,各大浏览器的不断兼容,让web前端开发成为最热的职业。

推荐一个web前端学习 QQ群606721798,欢迎大家加入,每天晚上都有一个技术学习课,会有老师分享干货,帮助大家分析解答问题

关于书籍:

HTML+CSS 这个完全不用看书,我给新人的建议唯一看书的就是JavaScript,推荐《JavaScript权威指南》:但是根据我的经验,能看下去书的很少,而且书一般都是几百页的。

一定要做好准备:一项技术的学习,意味着你各方面资源不同程度的消耗——时间、工具、资金,甚至融入相关交流圈子的准备。在这个准备过程中,最好是带有一个强硬的规划:“我要在一个月内达到能够实现XXX的水平”或者“我一定要在2周内把XXX项目完成”。如果没有这个规划,一般人都会越来越懒惰。

 

展开阅读全文

前端开发工程师必须具备的基础知识

09-09

rn[color=#FF0000]一.名词解释[[/color][color=#FF0000][/color][img=https://forum.csdn.net/PointForum/ui/scripts/csdn/Plugin/003/monkey/8.gif][/img]rn1. 横切 在固定页面的宽度(按栅格化进行)并且对高度没有限制的容器称为一个标准横切rn2. 留白 两个容器或碎片之间的上、下、左、右的空白距离rn3. 继承 元素可以从其父级元素中获得一些可为自己使用的属性或值。 rn4. 图片定位 rn 把图片元素放置到一个静态的、相对的、绝对的、或固定的位置中,rn 利用CSS中对图片进行遮罩属性,多用于页面中的修饰图rn5. 底图页面中在标签中使用的背景图rn6. 齐底(图)线 用于区分横切或碎片结束的线或图 rn7. 页面结构 页面的基础框架,由横切、布局元素组成 rn8. 焦点区(图) 最易注意的区域 rn9. 导航 在页面中具有导向性的链接集合 rn10. 头图 页面主题图片 rn11. 间距 碎片或文字间的距离 rn12. 行高 文字段落中行与行之间的距离 rn13. 首行缩进 文字段落首行缩进 rn14. 浮动 使被定义的区域脱离正常的页面文档流rn15. 碎片 由文字、图片组合成的内容区域rn16. 通栏广告 与页面内容区同宽的广告区域rn17. 功能按钮 具有交互属性的按钮 rn18. 私有样式 当前页面独立使用的样式,不具备公用性 rn19. 水平(垂直)居中 在页面中的某个元素处于父级的上下或左右的相同距离 rn20. 标准头(尾) 定义相同的页面头或尾元素集合 rnrnrn [color=#FF0000] 二.文本格式化[/color][img=https://forum.csdn.net/PointForum/ui/scripts/csdn/Plugin/003/monkey/16.gif][/img]rn1. 段落:p rn2. 斜体:address(联系信息)em(强调)i(突出不同)cite(引用)dfn(首次定义术语) rn3. 粗体:strong(重要)b(提醒) rn4. 图片块:figure rn5. 引述文段,段落缩进:blockquotern6. 背景颜色:markrn7. 虚线下划线:abbr rn8. 上标下标:sub/sup rn9. 下划线:ins rn10. 删除线:del(标记已删除内容)s(标记不准确内容) rn11. 等宽字体:code rn12. 预格式化:pre rn13. 字号减小,表注释:small rn14. 时间:time rn15. 换行:br rn16. html5定义区块:header nav article section aside footer div spanrnrn [color=#FF0000] 三.表单表格[/color][img=https://forum.csdn.net/PointForum/ui/scripts/csdn/Plugin/003/onion/12.gif][/img]rn1. ... rn2. 表单元素的组织:[code=html] ... ...[/code] rn3. 创建各种框: [code=html][/code] rn注:text→password/url/tel/email Id:为了让对应的标签识别,添加CSS Name:为了让服务器和脚本识别,通常与id设为一样 Size:文本框大小 Maxlength:能输入的最大 字符数 Pattern:正则表达式 rn4. 添加标签:[code=html] „[/code] rn5. 单(多)选按钮:[code=html] 北京 上海[/code] 注:id各自唯一,name必须相同。checked:默认选择rn6. 下拉框:[code=html] rn 北京rn 上海rn 成都 rn [/code] rn 注:size:选择框的高度 multiple:允许多选 selected:默认选择 用„对选择框进行分组 rn7. 上传文件: 注:size:输入路径和文件名的字段的宽度 rn8. 禁用表单元素:[code=html][/code] rn9. 创建提交按钮:[code=html][/code] rn 创建带图像的提交按钮:[code=html]点击这里[/code] rn 创建图像按钮: Submit→reset重置 rn10. 文本区域:[code=html]请在此输入字符[/code] rn11. 表格 : [code=html] rn rn rn .. .. rn rn rn .. .. .. rnrn [/code]rn rn[color=#FF0000] 四.文本格式化[/color][img=https://forum.csdn.net/PointForum/ui/scripts/csdn/Plugin/003/onion/38.gif][/img]rn1. font:(斜体 粗体 小型大写字母) 字体大小(必有) 行距 字体集(必有); rn2. 文本背景: background:#foc url(1.jpg)repeat-x scroll 0 0; rn3. 字间距:word-spacing:12px; rn4. 字偶距:letter-spacing:12px;rn5. 缩进增加:text-indent:12px; rn6. 小型大写字母: font-variant:small-caps; rn7. 文本对齐:text-align:left;适用于block,inline-block rn8. 单词大小写: text-transform:capitalize(单词首字母大写)/uppercase(大写)/lowercase(小写) rn9. 文本上的线:text-decoraion:underline/overline/line-through; rn11. 空格:white-space:pre(显示所有空格回车)/nowrap(非断行空格);rn12. h3—16px; h5—12px; verdana,Geneva,sans-serif; rn13. 列表属性: lilist-style:url(1.jpg) inside square;rn[color=#FF0000] 五.CSS布局[/color][img=https://forum.csdn.net/PointForum/ui/scripts/csdn/Plugin/001/face/13.gif][/img]rn 1. width:不包括padding,border,margin;max-width设置外围限制; rn2. 浮动:float:left; 清除浮动:clear:both;[img=https://forum.csdn.net/PointForum/ui/scripts/csdn/Plugin/003/monkey/13.gif][/img] 论坛

没有更多推荐了,返回首页