style: html to md syntax
This commit is contained in:
@@ -21,15 +21,15 @@
|
||||
[现代 JavaScript 教程](https://zh.javascript.info/)
|
||||
|
||||
::: warning 🎈
|
||||
<strong>快速上手的参考建议</strong>
|
||||
**快速上手的参考建议**
|
||||
|
||||
<strong>HTML</strong><strong> </strong>可以先认知常用标签( body / div / span / a / img 等)及其常用属性
|
||||
**HTML**** **可以先认知常用标签( body / div / span / a / img 等)及其常用属性
|
||||
|
||||
<strong>CSS </strong>了解常见的颜色属性(字体颜色 / 背景颜色 / 边框颜色 等)、字体相关属性(字号 / 字重 / 行高 等)、盒子模型(padding / border / margin)、用于布局的属性(float / flex / grid)、单位(px / rem / em / vh / vw 等)、选择器(id 选择器 / 类选择器 等)
|
||||
**CSS**了解常见的颜色属性(字体颜色 / 背景颜色 / 边框颜色 等)、字体相关属性(字号 / 字重 / 行高 等)、盒子模型(padding / border / margin)、用于布局的属性(float / flex / grid)、单位(px / rem / em / vh / vw 等)、选择器(id 选择器 / 类选择器 等)
|
||||
|
||||
<strong>JS</strong><strong> </strong>了解基本语法(变量定义 / 判断 / 循环 / 函数定义 / etc)与 DOM 操作
|
||||
**JS**** **了解基本语法(变量定义 / 判断 / 循环 / 函数定义 / etc)与 DOM 操作
|
||||
|
||||
涉及<strong>前后端交互</strong>的部分可以了解 fetch 的使用
|
||||
涉及**前后端交互**的部分可以了解 fetch 的使用
|
||||
|
||||
其他诸如 HTML5 / CSS3 / ES6+ 的知识可以暂时跳过,<del>任务要用到再查</del>
|
||||
|
||||
@@ -102,7 +102,7 @@
|
||||
#### 基本要求
|
||||
|
||||
- 可以对 todo 进行增删改查
|
||||
- 至少存在 <strong>待完成</strong>/<strong>已完成</strong> 两种不同的状态,Todo 应该能够在不同状态间切换。更进一步,你也可以设计一个 <strong>进行中</strong> 状态。
|
||||
- 至少存在 **待完成**/**已完成** 两种不同的状态,Todo 应该能够在不同状态间切换。更进一步,你也可以设计一个 **进行中** 状态。
|
||||
|
||||
#### 额外发挥
|
||||
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
|
||||
::: warning 📌
|
||||
|
||||
如果是有一定基础的同学,可以考虑采用一些辅助工具(React / Vue / jQuery 等),样式方面也可以采用你喜欢的组件库(Antd / ElementUI /<strong> </strong>Bootstrap 等)实现。
|
||||
如果是有一定基础的同学,可以考虑采用一些辅助工具(React / Vue / jQuery 等),样式方面也可以采用你喜欢的组件库(Antd / ElementUI / Bootstrap 等)实现。
|
||||
|
||||
:::
|
||||
|
||||
|
||||
@@ -24,9 +24,9 @@ Hello~这里是杭电助手技术部后端,无论基础如何,您都可以
|
||||
|
||||
官网虽然是英文,但是非常非常的友好,近年还刚翻新过一次好看了许多,还有各种可爱的吉祥物插图。
|
||||
|
||||
这只吉祥物囊袋鼠的英文学名为 <strong>Gopher</strong>,每位热爱 Golang 的开发者都会自称 <strong>Gopher</strong> (就像 jvaver 一样(x),而它的造型出于创始人之一 Rob Pike 的妻子之手。
|
||||
这只吉祥物囊袋鼠的英文学名为 **Gopher**,每位热爱 Golang 的开发者都会自称 **Gopher** (就像 jvaver 一样(x),而它的造型出于创始人之一 Rob Pike 的妻子之手。
|
||||
|
||||
#### 视频资料(<strong>P2-P3</strong>):
|
||||
#### 视频资料(**P2-P3**):
|
||||
|
||||
<Bilibili bvid='BV1zR4y1t7Wj'/>
|
||||
|
||||
@@ -74,7 +74,7 @@ https://www.jetbrains.com/go/
|
||||
GoLand 可以使用教育邮箱学生认证白嫖噢~👀
|
||||
:::
|
||||
|
||||
#### 视频资料(<strong>P4-P6</strong>):
|
||||
#### 视频资料(**P4-P6**):
|
||||
|
||||
<Bilibili bvid='BV1zR4y1t7Wj'/>
|
||||
|
||||
@@ -99,7 +99,7 @@ https://polarisxu.studygolang.com/posts/go/2022-dev-env/
|
||||
|
||||
Golang 的语法是 C/C++ 系的,在许多地方你都可以看到他们的影子,这对未来 C 的学习更有自顶向下的帮助。当然,如果你曾经用过 Java、Python,Golang 的语法你可能会不太习惯,这不会是问题~在熟悉语法后,你会发现 “Golang 一把梭” 是真实存在的 🤓。
|
||||
|
||||
<strong>对于基础语法的学习,无需一时学习过深,也不必花费过多时间在此</strong>。<strong>即使半懵半懂,在多次实践后也会渐渐领悟</strong>
|
||||
**对于基础语法的学习,无需一时学习过深,也不必花费过多时间在此**。**即使半懵半懂,在多次实践后也会渐渐领悟**
|
||||
|
||||
本次任务并不需要用到反射、并发等高级特性(学到时可选择性暂时避开),最深只需要用到结构体与方法的相关知识。
|
||||
|
||||
@@ -110,7 +110,7 @@ Golang 的语法是 C/C++ 系的,在许多地方你都可以看到他们的影
|
||||
|
||||
#### 文字资料:
|
||||
|
||||
- 非常推荐的 Go Tour 中文版。Go Tour 是 <strong>Go 官方为初学者打造的渐进式教程</strong>,你可以跟随着它的步伐一点点探索 Go 语言 。Go Tour 的代码都充满着它的<strong>设计哲学与最佳实践</strong>,是每位 Gopher 的必经之路。同时它也是<strong>交互式的</strong>,左侧是教程,右侧能直接敲代码,在网页上运行。
|
||||
- 非常推荐的 Go Tour 中文版。Go Tour 是 **Go 官方为初学者打造的渐进式教程**,你可以跟随着它的步伐一点点探索 Go 语言 。Go Tour 的代码都充满着它的**设计哲学与最佳实践**,是每位 Gopher 的必经之路。同时它也是**交互式的**,左侧是教程,右侧能直接敲代码,在网页上运行。
|
||||
|
||||
https://tour.go-zh.org/welcome/1
|
||||
|
||||
@@ -133,7 +133,7 @@ HTTP 协议起草与演进之路十分坎坷,但每一步都举足轻重,在
|
||||
|
||||
#### 文字资料:
|
||||
|
||||
- 非常著名的阮一峰博客 <strong>(他的博客可以从最早开始都过一遍,很多计算机科普可以说永不过时)</strong>
|
||||
- 非常著名的阮一峰博客 **(他的博客可以从最早开始都过一遍,很多计算机科普可以说永不过时)**
|
||||
|
||||
https://www.ruanyifeng.com/blog/2016/08/http.html
|
||||
|
||||
@@ -183,7 +183,7 @@ https://www.runoob.com/http/http-intro.html
|
||||
|
||||
请运用你在第三小节中学习的 `Golang 包(依赖)管理` 正确地安装 Gin 并学习使用它。
|
||||
|
||||
<strong>相关资料</strong>:
|
||||
**相关资料**:
|
||||
|
||||
- [GitHub - gin-gonic/gin: Gin is a HTTP web framework written in Go (Golang)](https://github.com/gin-gonic/gin) - Gin 的官方仓库及权威文档。
|
||||
- [Go Gin Example](https://github.com/eddycjy/go-gin-example) - 使用 Gin 的一个小项目,难度较高。
|
||||
|
||||
@@ -6,13 +6,13 @@
|
||||
|
||||
## 章节题目解释
|
||||
|
||||
- 何为 Web:可以狭义地理解为<strong>「</strong><strong>前端</strong><strong>」+「后端」</strong>
|
||||
- 何为 Web:可以狭义地理解为<strong>「前端」+「后端」</strong>
|
||||
- 何为开发:明确产品需求,写代码,调试代码,部署项目,写项目文档,维护项目
|
||||
- 何为入门:不知道要马上学会,而是知道 Web 开发是什么,以及如何去学
|
||||
|
||||
## 前端?后端?
|
||||
|
||||
### <strong>行业背景</strong>
|
||||
### **行业背景**
|
||||
|
||||
前端开发和后端开发可以说是 2023 年以前,计算机学生就业最广泛的方向(当然工资也不低)
|
||||
|
||||
@@ -20,7 +20,7 @@
|
||||
|
||||
我们接触互联网,直接使用最多的是什么?——软件
|
||||
|
||||
同样,我们可以狭义地把大部分软件开发理解为:<strong>「软件」(程序员需要做的部分)=「</strong><strong>前端</strong><strong>」+「后端」</strong>
|
||||
同样,我们可以狭义地把大部分软件开发理解为:**「软件」(程序员需要做的部分)=「****前端****」+「后端」**
|
||||
|
||||
所以大部分计算机学生毕业,都是为公司的具体的业务,开发对应的手机 APP、网站、电脑软件。
|
||||
|
||||
@@ -28,13 +28,13 @@
|
||||
|
||||
本文写于 2023 年 4 月,2023 年以来,AI(ChatGPT、Copilot、MidJourney)正在颠覆每个领域。可能在不远的将来,大部分的前后端开发,都能通过 AI 自动生成 99% 的代码,然后人工审核、校对、修改剩下的 1%。
|
||||
|
||||
### <strong>步入正题 - 何为前后端 - 通俗认识</strong>
|
||||
### **步入正题 - 何为前后端 - 通俗认识**
|
||||
|
||||
<strong>前端</strong>
|
||||
**前端**
|
||||
|
||||
前端可以狭义地理解为,一个软件中看得到的部分。比如网页上的文字图片、各种花里胡哨的样式、以及交互操作。广义上来说,大家用的各种 APP、电脑上的应用程序,用户界面的部分都是前端干的活。
|
||||
|
||||
<strong>后端</strong>
|
||||
**后端**
|
||||
|
||||
相对于前端,后端当然是「看不见的部分」。
|
||||
|
||||
@@ -44,13 +44,13 @@
|
||||
|
||||
所以一个软件的关键数据,肯定不是在用户侧(即前端)的。需要有这么一个东西,来存储数据(存储数据的地方叫数据库),来解析用户的请求,这就是后端。
|
||||
|
||||
<strong>例子</strong>
|
||||
**例子**
|
||||
|
||||
举个详细的例子,购物软件上点了下单并支付,这时候前端就会发送一个网络请求,告诉后端:<em>用户某某某,买了什么东西,价格和数量是多少,收货地址是多少。。。</em>
|
||||
|
||||
后端收到了信息,先解析,然后修改数据库中存储的关键信息,比如新建一个订单信息,把商品的数量 -1 等等,再把下单的结果告诉给前端。前端收到信息后,就会渲染页面,提示「下单成功」!
|
||||
|
||||
### <strong>深入 - 何为前后端 - 技术剖析</strong>
|
||||
### **深入 - 何为前后端 - 技术剖析**
|
||||
|
||||
在了解了前后端的宏观概念后,我们继续来感受一下背后的技术细节吧!
|
||||
|
||||
@@ -79,7 +79,7 @@
|
||||
|
||||
想知道前端需要用到什么技术,就来看看前端到底需要解决什么问题吧!
|
||||
|
||||
1. <strong>页面渲染</strong>
|
||||
1. **页面渲染**
|
||||
|
||||
无论是做网页,还是做 APP 界面,都得「画」出界面。
|
||||
|
||||
@@ -89,7 +89,7 @@
|
||||
|
||||
<em>(拓展:还有一些技术能够做到跨平台,比如通过某种技术把浏览器包装成一个 APP,就能只出同时支持浏览器和 APP 的</em><em>前端</em><em>;比如创建新的第三方前端框架,能把程序员写的代码转换成原生的 IOS、安卓 APP)</em>
|
||||
|
||||
1. <strong>用户交互</strong>
|
||||
1. **用户交互**
|
||||
|
||||
如何实现“点击「留言」按钮,系统自动提交留言”?或者当用户点击按钮的时候,检测一下用户输入的内容是不是空。
|
||||
|
||||
|
||||
Reference in New Issue
Block a user