美文网首页
前端小白入♂门

前端小白入♂门

作者: conanskyforce | 来源:发表于2017-06-13 15:58 被阅读0次

前端小白入♂门

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

所谓前端,是和后端相对的,我们一般把用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'结尾的文件

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

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

相关文章

  • 前端小白入♂门

    前端小白入♂门 要想前端入门,首先我们得弄清楚什么叫前端. 所谓前端,是和后端相对的,我们一般把用java,php...

  • 前端小白初入职场

    今天是2018年9月12日,毕业了的时间过得很快,我已经23岁了,是一名刚刚毕业的前端小白。 2018年6月25日...

  • 导言

    本人是南乔,前端小白一个,初入vue,望各路大神指点一二,不胜感激。

  • 前端入坑之路

    作为一枚前端的小白,还是要给刚刚入坑的小朋友们总结几条建议以及总结前端学习之路。 相信刚刚开始准备学习前端之前,可...

  • 初入前端,小白学习中。。。。。

    随着web前端的飞速发展,学习web前端的人员也是越来越多,在移动互联网时代,我们的生活与前端息息相关。纯 Web...

  • 带个小白徒弟入前端记

    二流大学毕业了怎么办?选的行业与自己期待相去甚远如何是好?工资三四千不如洗碗工心里怎么服气?朋友培训现在做IT月工...

  • angular初入门ing......

    之前在面试的时候被问到会不会用angular库,我默认了不学过,对于初入前端的小白来说,况且还是自学前端的...

  • 点击新创建出来的保存按钮创建下一条新的数据

    几个月前转行前端,最近一直想写一些前端方面的文章,不求多深入,只希望能帮到和我一样初入前端,努力的小白们,我会慢慢...

  • webpack publicPath解决图片路径问题

    本人也是刚入前端坑的小白,如有错误,望指正。先上结论:publicPath”项被许多Webpack的插件用于在生产...

  • 前端小白

    第一次写文章,工作快三年了,两年的编程工作经历,时间过得好快。感觉自己和刚刚毕业的时候,变化不是很大。

网友评论

      本文标题:前端小白入♂门

      本文链接:https://www.haomeiwen.com/subject/exhvsttx.html