前端工程师技能清单.pdf

发布时间：2022-06-21 发布人：admin 分类：说明书资料大小：1.56M 资料格式：pdf 举报版权申诉

9e8e821a-768f-423e-8cbd-3017012ff096.pdf-第1页.png

第1页 / 共18页

9e8e821a-768f-423e-8cbd-3017012ff096.pdf-第2页.png

第2页 / 共18页

9e8e821a-768f-423e-8cbd-3017012ff096.pdf-第3页.png

第3页 / 共18页

9e8e821a-768f-423e-8cbd-3017012ff096.pdf-第4页.png

第4页 / 共18页

9e8e821a-768f-423e-8cbd-3017012ff096.pdf-第5页.png

第5页 / 共18页

9e8e821a-768f-423e-8cbd-3017012ff096.pdf-第6页.png

第6页 / 共18页

9e8e821a-768f-423e-8cbd-3017012ff096.pdf-第7页.png

第7页 / 共18页

9e8e821a-768f-423e-8cbd-3017012ff096.pdf-第8页.png

第8页 / 共18页

文本预览

前端工程师技能清单获得你的第一份前端开发工作 Ultimate Skills Checklist for Your First Front-End Developer Job 1 www.udacity.com

欢迎感谢阅读前端开发工程师技能清单！你即将踏上一条充满惊喜的职业道路。你会有很多机会让他人的生活变得更好，并拓展自己的创新能力。拥有很多选择总是一件好事。但有时候，你还是需要一个指导，所以在此，我们将帮助你清除干扰。在该指南中，你将看到成为前端开发工程师所需的终极技能检查清单，以及可以帮助你起步的一些资源。恭喜！你踏出了你在 Web 开发者职业道路上的第一步！请阅读下文的前端开发终极技能清单和推荐的资源。 cn.udacity.com 前端工程师技能清单 2 Æ K ˝ w u - æ = v “ £ [ " [ æ [ L ^ [ " ¥ T • — — M 1 / ? œ ø F 8 F C 7 ? 5 ⁄ 1 - ¥ » B z T b Æ Y V — < 5 5 < Y @ l " v L ¤ Æ [ æ ˇ q K - ¥ / ? Æ # „ X 1 _ F Z U æ / ? V b

前端开发工程师技能清单要详细了解这些技能并获取学习资料，请点击前往相应页面。 HTML CSS JavaScript 响应式⽹网⻚页设计 CSS 框架 JavaScript 框架版本控制⽹网⻚页性能浏览器器开发⼯工具构建和⾃自动化⼯工具测试软技能学习资源前端工程师认证项目单项课程网络开发资源和社区 04 05 06 07 08 09 10 11 12 13 14 15 16 cn.udacity.com 前端工程师技能清单 3 [ / ^ „ - æ = ‡ 1 g ¥ / ? % b h ‰ t H W V F X ! ’ t / ? $

HTML 编写网站需要用到以下三种语言：HTML、CSS 和 JavaScript，而 HTML 是首先需要学习的语言。HTML 本身并不是编程语言，它用来描述元素应该如何在网站上布局，并向浏览器提供网站所需的其他所有文件列表（例如 CSS 和 JavaScript）。你可以将 HTML 看做盖房的图纸。它可以告诉你房间有多大，里面应该有什么东西，但是它不会告诉你外观如何。语义元素：语义元素明确地对浏览器和开发者描述其含义；元素包括文章和部分，而不是到处使用 div 块级元素：块级元素占据了父元素的整个空间内嵌元素：内嵌元素仅占据由内嵌元素定义标记界定的空间表格：表格表示文档部分，其中包含向网络服务器提交信息的交互式控件输⼊入类型：输入元素用于为网络表格创建交互式控件，以便接受用户输入的数据 cn.udacity.com 前端工程师技能清单 4

CSS 如果说 HTML 描述的是房子的布局，那么 CSS 描述的就是房子的外观。层叠样式表（简称 CSS）负责控制网站的外观。颜色、字体，甚至一些动画都由 CSS 控制。和 HTML 一样，CSS 不是编程语言。它是一种文本文档，就像室内设计师的说明，使网站看起来很美观。显示值类型：显示属性使你能够控制图表或容器元素的渲染效果盒模型：盒模型负责定义矩形框（表示文档中的元素）的尺寸基本定位：定位属性会为定位元素选择替代规则静态定位：静态定位使元素能够使用常规行为绝对定位：不会为元素留空间，而是位于相对于祖先或容器块的特定位置固定：不会为元素留空间，而是位于相对于屏幕视口的特定位置弹性盒：一种布局模式，可以组织网页上的元素，使元素行为能够符合预期，这样网页布局就能够满足不同的屏幕大小和设备显示器的要求悬浮型：指定元素应该遵守常规版型，并放置在容器的左侧或右侧字体样式和⽹网⽹网络字体：字体样式使我们能够更改文本的外观；网络字体使我们能够加载只有部分客户端能使用的网络字体文件背景：背景使我们能够定义用作容器背景的颜色或图片伪选择器器器器：伪选择器使我们能够选择出现在 HTML 中定义的元素周围的假定元素动画和过渡：动画和过渡使我们能够对元素设定动画效果或在元素的两个状态之间定义过渡 cn.udacity.com 前端工程师技能清单 5

JavaScript 在三大网络语言中， JavaScript 是唯一的编程语言。JavaScript 负责控制网站的交互操作。就像一位勤杂工人，可以拆掉墙壁、建造新的房间和重新装饰房屋。对于简单的静态网站，你不需要使用太多的 JavaScript。但是对于动态网络应用来说，你将需要深入学习该语言。语法：定义如何组织语言的一般规则数据类型：该语言支持的不同变量类型（例如字符串和整型）函数：用来执行特定任务的代码块对象字⾯面值：JavaScript 中的所有内容都是对象，但是自己编写对象字面值可以简化代码⾯面向对象的编程：在 JavaScript 中，你可以采用多种方式来实现面向对象的编程，包括函数方式、原型方式和伪类方式设计模式：设计模式是可以重复利用的常见问题解决方案 AJAX： AJAX 使我们能够异步地从网络服务器上请求数据，不需要重新加载网页 jQuery：jQuery 是一种非常热门的库，使我们能够更轻松地进行跨浏览器 DOM 遍历和操作、处理事件和执行 AJAX 操作 cn.udacity.com 前端工程师技能清单 6

响应式⽹网⻚页设计打开网站并缩小浏览器窗口大小。网页内容是否更改了布局，以适应新的屏幕？这就是响应式设计在起作用。人们希望现代网站能够在手机、平板电脑和笔记本上都具有美观的界面。通过学习响应式设计原则，你将了解如何使网站能够缩放，并进行自我调整，从而在所有设备上都能提供超棒的体验。 @媒体查询：媒体查询使内容能够根据具体的输出设备的范围调整呈现方式，不用更改内容本身相对⼤大⼤大⼩小⼩小单位：CSS 还提供了除像素 (px) 之外的很多其他衡量单位，例如 em、rem、vw、vh 和 vmin cn.udacity.com 前端工程师技能清单 7

CSS 框架 Bootstrap 是一个典型的 CSS 框架示例。框架使我们能够轻松地设计网站结构和构建网站。它们会提供自定义 CSS 类，简化了内容布局操作，确保无论是何种设备，你的内容都能看起来很美观。框架可以帮助你遵循行业最佳做法和现代设计原则。 Bootstrap：Bootstrap 是一种 CSS 框架，一开始由 Twitter 开发而成，使创建响应式设计变得更加轻松 Foundation：Foundation 是另一种 CSS 框架，开发者为 Zurb，同样使创建响应式设计变得更加轻松 cn.udacity.com 前端工程师技能清单 8

分享到：

赞收藏

资料库

前端工程师技能清单.pdf

相关推荐

移动开发

热门标签

最新资料