渐进式 Web 应用简介
在本课程中,您将开始制作您的第一个渐进式 Web 应用 - 一种可以使用很多原生功能的 Web 应用 真正喜人。您还将获得 使用 Service Worker 离线工作的 Web 应用。最后,您需要确保 通过 Web 应用清单文件可以安装到用户主屏幕上的应用。
这是一门免费课程,由 <ph type="x-smartling-placeholder"></ph> Udacity
学习课程网页无障碍功能
在本课程中,您将获得构建 Web 应用的实操经验 可访问性。您将了解用户何时以及为何需要使用无障碍功能。然后 您将深入探究“如何”:如何借助屏幕阅读器让网页正常显示 和管理输入焦点(例如,在按 Tab 键浏览 form.)您将了解“语义”和“语义标记”对 Web 的意义 页面,并添加 ARIA 标记,以便在界面中 辅助设备最后,您还将学习各种样式设置技巧, 帮助您轻松可靠地浏览网页。
这是 Google 提供的 <ph type="x-smartling-placeholder"></ph> Udacity
学习课程浏览器渲染优化
性能对用户至关重要。Web 开发者需要构建能够 并能流畅渲染Google 性能大师 Paul Lewis 闪亮登场 帮助您消除卡顿并创建每帧的帧数保持在 60 帧的 Web 应用 每秒性能。完成本课程后,您将需要用到 分析应用的性能,并确定卡顿的原因。您将探索浏览器的 并探索可轻松构建流水线的模式, 高性能应用
这是一门免费课程,由 <ph type="x-smartling-placeholder"></ph> Udacity
学习课程自适应设计
在本课程中,您将学习 Google 的 Pete LePage!您将创建自己的自适应网页 在任何设备(手机、平板电脑、桌面设备或介于两者之间的任何设备)上都能取得理想效果。
首先,您将探索是什么让网站具备自适应能力,以及一些常见的 自适应设计模式适用于多种不同设备。接下来 您将学习如何使用视口创建自己的自适应布局 标记和 CSS 媒体查询在此过程中, 和次要断点,以及优化文本以吸引用户阅读
这是 Google 提供的 <ph type="x-smartling-placeholder"></ph> Udacity
学习课程关键渲染路径
您将深入学习 详细了解移动浏览器和桌面浏览器呈现网页的方式。
您将了解关键渲染路径,也就是 这组步骤可让浏览器将 HTML、CSS 和 JavaScript 转换成 充满生机的活网站。然后,您就可以开始探索 尝试衡量效果的工具和简单的策略, 尽早将第一个像素传送至屏幕上。您将了解 如何深入了解 PageSpeed Insights 和时间轴提供的建议 查看 Google Chrome 开发者工具,查找您需要实现 效果立竿见影!
这是一门免费课程,由 <ph type="x-smartling-placeholder"></ph> Udacity
学习课程自适应图片
您知道吗?图片平均占字节的 60% 以上 加载网页?
在本课程中,您将学习如何在现代网络上处理图片, 确保图片在任何设备上都能快速呈现,
在这个过程中,您将学到一系列技能和技巧,以便顺利 将自适应图片集成到您的开发工作流中。截止日期 您将使用能够根据自身情况进行调整和响应的图片, 不同的视口大小和使用场景
这是一门免费课程,由 <ph type="x-smartling-placeholder"></ph> Udacity
学习课程离线 Web 应用
本课程着眼于用户体验,力求通过 为什么说离线优先是确保 应用在所有场景中都能发挥出最佳效果,而不只是在理想情况下表现出色。您 学习如何识别“良好”“较差”“间歇性”和“间歇性”之间的区别 以及如何让用户 。
您将运用在本课程中学到的技能,最后构建一个 可同时在线和离线运行,并在应用运行时加载新数据的应用 。您的 Web 应用将与 就像本机应用一样这将带来更好的用户体验 即使是在传统上极具挑战性的连接场景中,例如被卡在 不得不依赖拥挤的会议 Wi-Fi,或者旅行 绝对不会进入移动网络的“死区!”
这是 Google 提供的 <ph type="x-smartling-placeholder"></ph> Udacity
学习课程网络工具和自动化
在本课程中,您将学习如何设置开发环境, 在日常工作和反复过程中提高工作效率, 并借助自动优化功能节省大量时间和精力 和自动化。最后,您将了解如何在自信满满的同时也做到这些 您的代码在现实世界中的多种设备上运行。
这是一门免费课程,由 <ph type="x-smartling-placeholder"></ph> Udacity
学习课程构建可带来高转化率的网络表单
网络上的任何有意义的体验都有一份表单。不管它是由材料构成的 文本框、切换开关、按钮、复选框或可触摸微件,网页 开发者需要有针对性地设计表单,让用户满意并 增加转化次数。
在本课程中,您将学习现代表单的最佳实践。您 通过一些自主完成的项目来练习您的技能, 包括电子商务结账和活动规划应用!
作为一份特别的礼物,你还可以观看对 Luke 的一系列访谈 Wroblewski,Google 产品总监兼《Web Form Design》的作者 他对现代网络互动的看法
这是一门免费课程,由 <ph type="x-smartling-placeholder"></ph> Udacity
学习课程