where interesting happend !

web前端学习路线

jimmy

从大学开始学习写网页到现在快4年了。大学学了一些C# 的东西,除了对后面写js有一些帮助外,对页面的搭建一点儿帮助都没有。换句话说,我基本就是零基础学习web前端,在自己的鼓捣下和坚持下,有了一些自己的心得体会。 关于前端最基础的知识,可以参考w3school

前端包括三个部分内容:

  1. html (超文本标记语言)

  2. css(层叠样式)

  3. javascript,简称js,也叫脚本。

html

html是网页的基本骨架,包括很多的标签,标签们按照一定的叠放排布规则组合成网页的基本结构。就类似盖房子,很多砖块可以盖好房子。

打开网页,右键查看源代码,可以看出网页由很多的类似 <div class=”header”> </div> 的标签组成。如图:

image

css

css是用来对html进行样式修饰,包括文字的大小、颜色,元素的高框、位置等,就是为了美化页面而存在的。对应不同的html标签时,主要通过定了类名或者id来进行确定。

打开一个css文件时,都是 .header或者 #user-name之类的,就是对应我们html的标签 <div class=”header”></div>

js

入门学习时,可以先不学习js,先把 html + css 练得一定熟悉后,再学习js。

js主要是增强页面的效果,包括一些基本的交互操作。如信息填写提交,一些网页内在的逻辑判断和显示。一个用户交互复杂的网页,对js的要求特别高,常见的如 百度地图、网页小游戏等。

如果想要写出一个用户体验很好的页面,js就是技术的瓶颈,如果js没有学好,最后我们只能永远处于搭建纯静态的页面,就好比贴窗花,但是怎么样把整个屋子弄得更加的舒适,我们无能为力。

小建议

前端的学习,个人建议从 模仿 照抄别人的代码示例开始,下载好看示例
拿这个例子来说,新建站点目录,把示例的文件夹结构、图片素材都拷进来。我们要做的就是将它的html、css自己手动抄写一遍。如图:

image

我刚开始学习时,就是对着别人的html和css完完全全地键盘敲上去,在敲的过程中慢慢地理解了一些最基本的东西,比如标签的类型,主要的样式属性等。抄一次下来,胜过看好几天书本,做好几天笔记。

笔记,这个东西我觉得在写代码的过程中效果很小,因为写前端其实没有多少的捷径,无非就是多写一点,多总结,对于布局等技巧有自己的理解。

再者,对于前期入门,两个东西很重要:坚持 成就感

Comments

Proudly published with Hexo