聊一聊我的前端之路

记得那年,毛毛细雨,一尘不染,百无禁忌,欲罢不能,高不胜寒,那个图书馆里,我抱着暖烘烘的电脑,搞弄着我的Photoshop,忽然一阵强风,七仙女说,你别画我了,那么丑,去学前端吧!

——————————————————————–以上意淫——————————

好吧,进入正题,我应该是在16年开始接触网页设计,那时候我还不知道前端这个词语;也是因为初三的时候用着MTK的手机,第一代免流“玖玩浏览器”,php+mysql一个网页代理实现那个时代的免流程序,作者 @tianylw 现在躺着我的好友列表里,不折不扣的PHP大神,那时候最喜欢留个QQ名字啥的。。打开手机万能编辑器 RE 码(修)出(改)了人生第一份 HTML,想到这里,我觉得我应该做些什么了;

经过我一年的摸索和错路,总结写经验给后来人吧(PS:本人现在还是菜鸟);

——————————————————————–Me分割线——————————

前端基础很重要,基础就是(html,css);

有人说这个很简单,我之前也是这样认为的,但是现在觉得很难,有很多你不知道的细节出来,比如margin这个属性本质上描述的是兄弟和兄弟之间的距离;最好不要用这个marign表达父子之间的距离,比如在一个父子关系的盒子,子盒子里面使用margin-top属性,得到结果不是小盒子挤下去了,而是父盒子;这是很多新手会犯的错误,我也犯过,请善用padding,了解各个样式属性的特性;各种的浏览器Heck和兼容性问题不在此讨论;关于HTML学习分清块元素和行内元素,以及各个标签的作用;

——————————————————————–Me分割线——————————

接下来可能就要学习Javascript(脚本语言)

在学习JS上,没有什么捷径,而且很枯燥,必须要走的路,多加练习推荐阅读 JavaScript高级程序设计(第3版) ,记住欲速则不达的道理,这本书足够你去学习JS的了,不推荐看那些,7天学习js,从30入门到精通,老老实实的把这本书啃完在说!嚼不烂也没关系,先看一遍;

没有书的朋友,我在这里提供一份 JavaScript高级程序设计(第3版)高清完整PDF中文+英文+源码,还是建议去买一本,咯咯咯群主在图书馆看完的,哈哈哈。。。

链接:http://pan.baidu.com/s/1gfJZvDT 密码:dmbl

——————————————————————–Me分割线——————————

关于HTML5和CSS3,时代的潮流自从flash宣布不在更新的时候H5已经没有对手和理由不去推进了。但是H5本质上只是增加一些语义化的标签,不要认为他是另一门语言。更不要先学习HTML5/CSS3,你在学HTML/CSS的时候就已经接触到了,比如盒模型box-sizing:border-box;或者header footer 在你学习css的积累下,h5很容易就学会了,但是,目前为止在PC端上并没有太大的作用,在移动端的地位无可撼动,原因就是PC端浏览器对H5,C3的兼容性不太好(其实是使用最新版浏览器的人少),只能用一些js插件弥补一些,而手机浏览器基本不用考虑兼容问题;

——————————————————————–Me分割线——————————

或许你也猜到了,接下来可能要去学习一些插件,插件多到我都不想去举例,我没有太多说的,需要就学,方便就好,喜欢就好,学好以上的东西不怕插件,看看文档即可,不要去记太多插件,留着点脑容量去学习node.js;

关于node我没什么好说的,摸瞎中。。。

——————————————————————–Me分割线——————————

以上就是我学习的一些心得总结吧,因为自己经验不足,如有不妥之处欢迎指出纠正!

发表评论

邮箱地址不会被公开。 必填项已用*标注