给不了解前端的同学讲前端

前言

这篇文章，是在前几天逛知乎的时候看到的文章，觉得很棒，正好也有这个需求，想向不了解前端的人介绍何为“前端”。不然，自己所在的群体中好像很少人能明白我一天到晚钻研的东西是什么。下面与大家分享。

ps：本文为PPT演讲的形式所作的图文介绍，图片较多。

本文转自知乎：前端 101：给不了解前端的同学讲前端
本演讲原作者css魔法，文末有作者简介

简介

本文改编自魔法哥为 “百姓网暑期实习生训练营” 所作的前端入门讲座。此讲座面向在校大学生，内容比较初级，高手请飘过～

大家好，今天的分享主要分为以下三个部分：

由于目前计算机专业还没有为 Web 前端技术设立专门的课程，每位同学对前端的了解程度也不一样，今天的讲座会以最浅显的方式来为大家介绍 “前端”，帮助大家建立一个基本的概念。

前端是什么？

在回答这个问题之前，我想到了一道面试题：

当我们在浏览器中输入网址并按回车之后，接下来会发生什么？

我们来简单地看一看 “网页展现” 的整个过程。

比如这里有一个用户，它需要访问abc.com这个网址。一般来说，当用户输入一个域名时，是在请求一个 HTML 资源。当他完成域名解析之后，他的浏览器会向abc.com这个域名所指向的 Web 服务器发出请求。

有时候 Web 服务器直接就可以返回用户的请求了；有时候 Web 服务器还需要向数据库查询一些数据，然后才能把处理结果返回给用户。

当用户的浏览器拿到服务器返回的 HTML 资源之后，就开始解析并显示 HTML 的内容了。

一般来说，HTML 页面需要 CSS 资源来描述页面的样式。比如浏览器在解析 HTML 时发现了一个 CSS 外链 abc.com/a.css，它就会去请求这个资源。