听到前端技术,不少朋友一定会感到有些陌生。但其实,前端,你每天都在接触。
你正在使用的APP,你正在浏览的网页,这些你能看到的界面,都属于前端。
而前端最重要的三大技术,HTML,CSS,JavaScript,则是每一个前端开发者必须具备的技能。
掌握这些技能,你可以快速地做出一个酷炫的APP界面或者一个简单大方的网站页面。因此,就让我们一起来快速学习一下这三门技术吧。
以下内容节选自课程《Vue.js 和 Node.js 构建内容发布系统》。
大家也可以点击课程链接,在实验楼提供的虚拟机环境下进行学习。
实验介绍
本实验主要介绍一下前端的基础知识,对比认识一下各个框架的代码编写方式,并介绍我们本次技术选型的主要思路。对于前端三大技术 HTML、CSS、JavaScript,简单的介绍了基本情况和常用语法。中间介绍了现代框架的一些情况,并通过实际的案例,用代码直观的认识一下各种框架的实现方式。最后分析一下项目的技术选型。
知识点
- HTML、CSS、JavaScript 快速概览
- 前端框架概览和选型
- 后端选型
- 数据库选型
- Web 服务器选型
前端技术简介
本节我们简单介绍一下前端最基础 HTML, CSS, JavaScript 三驾马车。虽然本课程预设的读者为零基础开发者,但是前端开发一定会这三种技术的运用有要求。建议抽空学习 《 Web 前端工程师路径》中的阶段 1 甚至阶段 2。这里仅做语法介绍和基本使用的概览。
在此之前先认识一下实验环境。实验环境和 VS Code 使用体验基本一致。你可以启动一个终端,并在其中输入 Linux 命令。
后面的命令无特殊说明的都是在此终端命令行中输入。大多数命令可以多开终端窗口分别执行。
那么下面我们就快速的了解一下。
HTML
HTML 全称超文本标记语言,几乎是从万维网和浏览器产生伊始就存在的。主要用于结构化信息来方便浏览器展示。
以标签对作为主要特征,如<p>这是一个段落</p>。这些标签会被浏览器解析成不同的模块,比如 p 标签就是一个段落,img 标签就是一个图片,a 标签就是一个超链接,标签名不区分大小写。
立刻就来尝试一下吧。首先通过命令行新建一个 demo 目录:
mkdir demo
然后命令行进入 demo 目录:
cd ./demo