姬小光前端小讲堂【第001期】

如果你还不知道前端开发是干嘛的,那美工你一定听说过;如果连美工也没听说过,那姑且就当我是个做网页的好啦~

既然是雄心勃勃的创刊号,那就说一下我的想法吧,前端开发这个职业存在也有十几年了,可以说是从美工和切图仔演变而来,且在能力模型和工作职责上都更加丰富了的职业。

虽然现在还有很多人对前端开发岗位存在误解,但仍然阻挡不了新一代的小鲜肉们求知的欲火。

所以,我也希望能够尽我一点微薄之力普及一些前端开发/做网页的基础知识。无论你是在校学生,产品经理,设计师,抑或是前端爱好者,甚至是美国总统,都可以在我这里从零学起,xx天精通前端开发。

那么,下面就开始我们的正文吧。

然并卵的 Hello World !

大家都知道,程序员界有个奇葩的习俗,就是无论学习什么语言都要从 Hello World !开始,然... 我们做网页也不例外。

首先,打开任何一个文本编辑器(如 windows 的记事本),新建一个文档,并认真键入 Hello World ! :

选择“文件(File)” -> “另存为(Save as)”(具体编辑器差异,文字可能有所不同),在文件名处输入 index.html ,点击“保存”,选择保存位置到桌面即可。

此时,无论你安装了哪种网页浏览器,你的桌面上都会出现一个有着浏览器模样的文件,且名为 index.html。

现在,鼠标双击这个文件,你就会发现你的网页浏览器已经启动并打开了一个新页面,内书:Hello World !至此,你的第一个网页制作完毕了,是不是很简单呢?

下面还有一个补充技能,在刚才的网页空白处点击鼠标右键->查看源代码,你看到了什么?这就是前端工程师们的辛勤劳作的成果啊,虽然现在你可能还看不懂,不过至少新技能已 get√ 有木有?赶紧动手试试吧。

原文发布于微信公众号 - 姬小光(hi-laser)

原文发表时间:2015-06-24

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏星流全栈

2016 JavaScript 技术栈展望

17740
来自专栏腾讯云商业智能分析团队的专栏

制作地图及常见问题

地图在制作报表中很常见,主要功能是展示区域信息,如展示区域销售信息,用户区域分布情况等。本文介绍一下地图的制作步骤及常见的问题。

19110
来自专栏数据小魔方

SPSS竟然都能做数据地图了~~~

数据地图SPSS篇 ▼▼▼ 最近在做数据地图专题,搜集了好多能够实现数据地图可视化的软件操作技巧,唯独漏掉了SPSS。 总觉得SPSS作为一个傻瓜式菜单操作的...

95270
来自专栏java一日一条

为什么JavaScript开发如此疯狂

Web开发中其他一切对你而言都是小菜一碟,但当你深入探究JavaScript的时候,不免有一种“众人皆醒你独醉”的悲壮——好像其他人都知道你不知道的一些大的基础...

10720
来自专栏无原型不设计

简单易用的交互设计工具:摩客串串Chinco

今天给大家介绍一款简单实用的原型交互演示设计工具—摩客串串Chinco。 ? 为什么要介绍这款产品呢? Chinco是继国产原型设计软件Mockplus之...

32370
来自专栏拂晓风起

HTML5骨骼动画Demo | 使用min2d、createjs、pixi播放spine动画

80350
来自专栏walterlv - 吕毅的博客

Windows 10 自带那么多图标,去哪里找呢?

2018-02-27 15:11

16810
来自专栏腾讯社交用户体验设计

设计师的春天:中文WebFont解决方案Font-Spider(字蛛) - 腾讯ISUX

33930
来自专栏NetCore

JQuery.JCShare 0.2 发布(加入弹窗功能)

周末没事,就在家里改进了下JCShare这个插件,此次加入了弹窗功能。 先说明下,JCShare的名字纯属是自己的英文名和老婆的英文名第一个字母,并无其他含义:...

19380
来自专栏程序员的知识天地

一个Mac系统,能让程序员编程效率提升30%

Mac 系统一向以提供高效的工作环境著称,iOS、Android和服务端程序员都可以轻松的在Mac上搭建舒适的开发环境。

40020

扫码关注云+社区

领取腾讯云代金券