前端小白入♂门

2017-06-13  本文已影响0人  conanskyforce

前端小白入♂门

要想前端入门,首先我们得弄清楚什么叫前端.  

所谓前端,是和后端相对的,我们一般把用java,php,python写后台的工作称为后端,而将用html,JavaScript,css写前台的工作称为前端。更简单的一个理解就是,“当你浏览网页的时候,你看到的网页,文字,图片,视频....和点击,拖动,放大,缩小等各种交互,都属于前端的工作范畴”。实际上,要想开发一个成熟的产品,前后端都是必不可少的。

基础技能

HTML

CSS

JavaScript

这是前端开发过程中最基础也是最必须的三个技能。

HTMLHyper Text Markup Language 即超文本标记语言

顾名思义,它是一门标记语言 ,这个标记语言是一套标记标签,而这套标记标签就能用于控制网页的基本结构

这也是我们普通网页用的最多的一门语言,它经历了多个版本的发展,现在已经发展到5.0了.

CSSCascading Style Sheet 即叠层样式表,也叫级联样式表,顾名思义,它是用来控制网页样式的,现在最新的版本是3.0.

JavaScript:这个不要顾名思义,他和java没有关系,

java跟JavaScript就像

雷峰跟雷峰塔

李杰跟李连杰

张三跟张三丰

卡巴斯基跟巴基斯坦

有个基巴关系

但从名字就可以听出来,它是个脚本语言,用于控制交互,事件等等。实际上(发明JavaScript语言的人当时在Oracle(甲骨文)公司,而这个公司用的是最火的语言java,取这个名字只是为了搭搭java的顺风车=。=)


以上 介绍的每一种语言我们之后都将花大篇幅详细的阐述,所以现在不要着急.


课外拓展

来,手把手跟我一起敲个网站

www.freecodecamp.cn

相信聪明的你进去就知道该怎么做了吧!

没错,这是github上最最最最火的开源项目—"freecodecamp"

学完三分之一,你就已经算得上初级工程师了哦

看到右上角的challenges了吗

你每完成一个跳战,challenges就加一,我在300等你哦.

另:github是世界上最大的分布式版本控制系统(代码托管网站),无数的知名企业,大牛,等都把自己的代码托管在上边。这是一个开源的平台,大家都把自己智慧结晶的代码贡献出来,然后其他人能学习,分享,修改以创造出更好的东西出来。当然,你也可以在上边学好英语。

话不多说,注册个就知道了github.com

你可以follow一下我(conanskyforce)哦,不定时出些有意思的东西


HTML篇

刚刚已经讲了,HTML是超文本标记语言的意思,既然是语言,那自然有语法咯?对!HTML的语法很简单,跟着学两下就会了。

HTML标签 HTML标签是由尖括号包围的关键词,比如<html>,<body>

标签通常都是成对出现的

比如<b></b>,<p></p>

HTML文档描述网页,包含HTML标签和文本,我们一般也把HTML文档称为网页

浏览器的能够解析HTML文档,并以网页的形式显示他们.所以浏览器就 不会显示出标签来,而现实的都是文本,图片,视频之类的

我们来看一段

<html>

<body>

<h1> Heading tag</h1>

<p> Paragraph tag</p>

</body>

</html>

<html>标签与之间的文本描述网页

<body>之间的文本是可见内容

<h1>表示1级标题

<p>表示段落

<h1>表示1级标题

<p>表示段落

你可以随便打开一个网页,然后右键鼠标,查看网页源代码,就可以看到这个网页背后的代码了。

这些代码就都是由HTML写的,有些你还不认识,不过没关系,以后我们都会学到

写你的第一个html网页

打开电脑上的记事本

在记事本中输入以下代码

<!doctype html>

<html>

<body>
<h1> 你好,世界!</h1>

<p>我的第一个段落</p>

</body>

</html>

然后另存为以'.html'结尾的文件

接下来用浏览器打开这个网页

你就能看到你的第一个网页了^_^

上一篇下一篇

猜你喜欢

热点阅读