龙空技术网

【走进前端】认识web前端技术,零基础5分钟创建个人网站

web前端快车道 110

前言:

而今你们对“html个人名片”大约比较关切,小伙伴们都需要了解一些“html个人名片”的相关知识。那么小编也在网摘上汇集了一些对于“html个人名片””的相关知识,希望我们能喜欢,小伙伴们一起来了解一下吧!

web前端是互联网连接世界,传递和共享信息的门户。

本文将介绍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帐号

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

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

3.创建界面index.html

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

4.访问你的专属网站

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

可以访问到 webfastlane.github.io。

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

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

标签: #html个人名片