前言:
而今你们对“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个人名片