认识web前端技术，零基础5分钟创建个人网站

本文将介绍web前端的定义，学习前端的价值，前端知识系统，零基础创建网站实践这四方面内容。

web前端的定义

百度百科定义：web（World Wide Web）即全球广域网，也称为万维网，它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。

通俗的讲，web，就是浏览器访问的网站，或手机APP里的H5应用。通过web，可以在全球传递，共享信息，并且允许我们进行信息交互。

而前端，则是web中和我们最贴近的一环，是和用户交互的界面，通过界面获取和传递信息。在整个web系统中，界面是用户使用web的入口，属于最前面的一环，所以称为前端。

学习前端的价值

前端，属于软件技术的一种，本质是一种科学技术。而科学技术，是推动财富创造和增长的重要生产要素，能够把昨天你投入的资本，连本带利的投入到今天，实现指数级增长。所以学习科技，就等于掌握了财富快速增长的神器。

对于前端，昨天实现的组件、框架、系统，今天可以得以直接复用，无需重新打造，快速搭建起传递和共享信息的界面，从而极大提高我们的效率，这就是科技给予的强大生产力。

抛开科技本身的增长属性，对于个人，你是否渴望，拥有只属于你个人特色的，面向世界的网站。一张世界公开的名片，构建只属于你的个人品牌，通过前端，你就可以做到。

web前端知识结构

学习任何东西，建议你进行系统性的学习。通过系统性学习，你能了解到学习知识的全貌和分类，从而根据实际需要，制定下学习的目标，并规划学习的路标。

前端的知识架构，个人划分为如下三个层级

基础知识（网络，HTML，CSS，JavaScript）

工程项目（组件，框架，设计模式，版本管理，构建部署）

专项（安全，性能，自动化，兼容性，指标监控）

掌握基础知识，可以进行个人页面的基本开发。

工程项目，可以在产品项目多人协同高效开发

专项则是更深入前端的某一方面，打磨项目的利剑。

如果你对学习前端有了兴趣，推荐你可以参考前端路线图raodmap，这里面对上面各个层级知识点都有不错的推荐。

感受技术之美，零基础创造网站

创建一个专业的网站，需要坚实的基础知识和娴熟的工程项目能力，我们不可能立刻创建一个百度网站，但做一个属于自己的简单网站，其实并不难。因篇幅有限，下面的指导将不深入细节，直接给你呈现操作步骤。关注我，将在后续文章，为你解析前端原理奥秘。

准备工具：

只需一台电脑，一个文本编辑器，一个电脑自带的浏览器即可

创建网站步骤：

温馨提醒：如下步骤访问都将在github上创建代码仓库并发布网站，而github目前是国外的服务，所以在国内访问会有点慢，有条件的可以使用海外网络访问。

1.创建github帐号

使用电脑浏览器，访问如下地址，点击右上角的sign up进行注册你的GitHub帐号

https://github.com/

2.创建代码仓库，注意仓库名称，需要定义为你的username.github.io。

如当前我的username是webfastlane，则创建的仓库名称为webfastlane.github.io

编辑好后，点击下方的提交按钮即可。带提交完成，你就完成了你的第一个专属网站界面

4.访问你的专属网站

现在将你的浏览器访问username.github.io 来在线查看你的网站。比如，上方我使用的用户名为 webfastlane

可以访问到 webfastlane.github.io。

备注：网站发布需要一段时间，如果你打开地址发现没有网页，请稍等一段时间后，再次尝试即可。

恭喜你发布了第一个网站，好比人类发送第一封电报，你发送了第一个网页，对你而言，意义重大。希望你能热爱并掌握web前端的奥秘，从此提升工作效率，创造更多财富！