编程实践随记

LEARN. BUILD. KEEP NOTES.

把学到的知识,写进每一次实践。

一个记录编程学习的小站。整理基础知识,留下一些能再次用上的笔记。

学习笔记
桌上的笔记本电脑、纸质笔记与咖啡

从基础开始

三篇入门短笔记,点击标题展开阅读。

网页基础

一个网页,由哪些部分组成?

从 HTML、CSS 和 JavaScript 的分工开始。

HTML 描述网页的内容和结构。标题、段落、图片和链接,都可以用 HTML 标签表达。例如,<h1> 通常用于页面的主要标题。

CSS 决定这些内容如何显示,包括颜色、字号、间距与布局。同一份 HTML 可以通过不同的 CSS,在手机和电脑上呈现适合屏幕宽度的排版。

JavaScript 负责交互和逻辑,例如点击按钮后筛选文章。简单的内容页可以只用 HTML 和 CSS;并非所有网页都需要引入框架。

入门练习:新建一个 index.html 文件,写一个标题和一段文字,用浏览器打开,再逐步加入样式。

开发工具

修改代码之前,先学会查看差异

用 Git 看清哪些文件变了,以及具体改了什么。

在已经初始化的 Git 仓库里,git status 可以查看文件状态,区分尚未跟踪、已修改和已经暂存的文件。

git diff 用于查看未暂存的修改;git diff --staged 用于查看已经进入暂存区、准备提交的修改。新文件在加入暂存区前,不会像已有文件一样显示在普通差异里。

准备提交时,可以用 git add 文件路径 选择本次要记录的文件,再检查暂存区差异。把同一目的的修改放在一次提交里,之后回看会更清楚。

提交保存在本地仓库。是否还需要推送到远端,应根据仓库协作方式决定。

服务器入门

域名和服务器,分别负责什么?

理解访问一个网站时,地址和内容之间的关系。

域名是便于记忆的名称。DNS 解析把域名指向相应的地址或其他域名,让浏览器能够找到提供服务的位置。

服务器运行网站服务并保存内容。浏览器找到服务器后,会通过 HTTP 或 HTTPS 请求页面,服务器再返回 HTML、图片等资源。

仅配置 DNS,并不会自动生成网站。服务器还需要配置对应的站点、访问端口和文件目录;使用 HTTPS 时,还需要正确配置适用域名的证书。

开发初期可以在本机预览。使用中国大陆服务器对外提供网站服务前,应按接入商要求完成相应备案手续。

共 3 篇笔记

关于这个小站

本站用于记录个人编程学习与实践,内容围绕网页制作、开发工具和服务器基础展开。

笔记从具体问题开始,尽量把概念说清楚,把操作过程写明白。内容会随学习过程逐步补充和修订。

基础知识实践记录持续整理