IBM 全栈开发【2】:网页三剑客
2024年1月10日 05:32
近期在学习 IBM 全栈应用开发微学士课程,故此记录学习笔记。
1. 云编程入门
SASS:语法强大的样式表(Syntactically Awesome Style Sheets)。
- CSS 的扩展
- 可以使用变量、嵌套规则、内联导入等方法来保持条理清晰
- 更快、更轻松地创建样式表
LESS:动态样式语言(Leaner Style Sheets)。
- 增强 CSS
- 向后兼容 CSS
Less.js是一种 JavaScript 工具,可将 LESS 样式转换为 CSS 样式
1.1. JavaScript 框架
1.1.1. Angular
- 开源
- 由 Google 维护
- 让网站快速高效地呈现 HTML 页面
- 内置路由器、表单验证工具
1.1.2. React
- 由 Facebook 开发和维护
- 用于构建和渲染网页组件的 JavaScript 库
1.1.3. Vue
- 由社区维护,其主要重要是视图层,包括用户界面、按钮和可视化组件
- 灵活、可扩展,能与其他框架很好地集成
- 适应性强
1.2. 代码库
- jQuery:简化 DOM 操作的 JavaScript 库
- Email-validator:验证电子邮件地址的构造是否正确有效
- Apache Commons Proper:可重复使用的 Java 组件
1.3. CI/CD
CI 指的是「持续集成」,CD 指的是「持续交付」或「持续部署」。
CI / CD 是开发团队的最佳实践,可帮助团队更快地交付高质量的软件。
通过构建自动化服务器实施,CI 确保所有代码组件顺利协同工作,而 CD 则确保代码在构建后自动部署到生产环境。
1.4. 构建工具
构建工具是一种将源代码转换为二进制文件以便安装或部署的工具。
它在有许多相互连接的项目的环境中非常有用,因为它可以自动化构建过程,从而减少了手动操作的数量。
- 构建自动化实用程序:通过编译和链接源代码来生成可执行文件
- 构建自动化服务器:按计划或触发式执行构建自动化实用程序
- Webpack:模块打包器,将应用程序的所有模块打包到一起
- Babel:JavaScript 编译器,将 ES6 + 代码转换为向后兼容的 JavaScript 代码
- Web Assembly:一种可移植、体积小、加载快的二进制格式,可在 Web 上运行
1.4.1. 云应用程序软件包管理器
- npm:Node.JS 的包管理器
- Maven:Java 的包管理器
- Gradle:Java 的构建自动化工具
- RubyGems:Ruby 的包管理器
- Pip:Python 的包管理器
- Conda:Python 的包管理器
1.5. API、路由和端点
API(应用程序编程接口)是一组定义了应用程序如何与其他软件组件进行交互的规则。它处理数据的请求和响应。
路由是一种将 URL 映射到应用程序中的特定端点的方法。它是通往网站的路径。
端点可以是 API 也可以是路由。它是应用程序中的特定位置,用于处理特定的请求。
1.6. ORM
ORM(对象关系映射)是一种将对象模型映射到关系模型的技术。它可用于连接数据库和检索正确的数据,并可隐藏查询数据库的部分复杂性。
2. HTML 概述
2.1. HTML5 规范
- 定义了 HTML5,可以用 HTML 或者 XML 编写
- 定义了一种可与早期 HTML 实现互操作的模式
2.2. HTML5 的新特性
- 改进了语义元素
- 包括了 API,如网络存储、地理定位、拖放和多媒体
- 对网页进行了分类
- 开发了跨浏览器和跨平台的应用程序
- 创造了引人入胜的用户体验
关键主题:
- 语法与 HTML4 和 XHTML1 文档兼容
- 将用户代理和作者的一致性要求分开
- 用户代理:支持早期用户代理规范的元素和属性
- 作者:删除了一些元素和属性以简化语言
2.3. 元素
元素是 HTML 文档的构建块,由开始标记、结束标记和内容组成。
HTML5 新增了许多元素,如:
<section>:定义文档中的节<article>:定义独立的内容<aside>:定义页面内容之外的内容- 等等等等
2.4. DOM
DOM(文档对象模型)是一种将 HTML 文档表示为树结构的方法。它定义了访问和操作 HTML 文档的标准。