学习Web前端个人心得

作者：吴泽发

时间：2016.11.9

（一）先说说我的个人情况和怎么接触前端。我专业是测控技术与仪器的，只会C语言和Linux，自学过Mysql一些基础内容，但也有学过PLC、EDA、Labview、单片机、Matlab等编程课，不过都偏相于硬软件相结合。九月初，一次偶然的机会，班里的艾大神用几句简单的代码，实现一个简单的个人网页，当时很好奇，感觉发现了什么新鲜事物，仿佛一下子就被这技术深深吸引了，从此我开始了前端自学。

一开始学习前端技术还是比较迷茫的，首先不知道从何入手，通过查阅了大量书籍与资料，决定了先从Git开始学习,先保障自己能把作品传到github上,这对后期提高学习兴趣有很大帮助，Git我是从廖雪峰的官方网站学的，里面有一套完整的Git教程，个人认为比较全和详细，教你如何安装软件、搭建环境变量、上传文件到库里、克隆别人的作品、分支管理等一系列基本操作，就不做详细说明了。

做完这一步过程，你就可以随时分享你的源码和参考别人优秀的源码作品了。然后我开始了HTML、CSS的学习，我用的开发工具是HBuilder，然后开始去W3C把HTML、CSS一整套内容先快速学习一遍，记得，一定要动手敲代码，跟着做题，多思考琢磨。（还有也可以去慕课网，里面的视频全是干货，老师也比较幽默，学起来也比较轻松，不过还是得通过多练）HTML它是简单的标记语言，一般熟练了就能很快地使用它，就能建立起网页的基本结构了，学完它，你就得开始学CSS了，CSS它像是一门样式修饰语言。可以勉强算作弱类型语言，能让HTML更美观地呈现出来，好了，学完这两样你就可以做出一个静态的主页出来了，然后你就可以传到github上秀秀你的小作品。学习过程一定得给自己一些动力，有好的正向的反馈，不然很难坚持下来。所以你得多动手写代码，建议尽自己所能写一个简单的个人主页并把它弄到最好，一步步地修改完善，当你弄出一个好的主页，那时你就会有满满的成就感。（这个阶段没有基础的同学大概需要两周时间）当然区间需要你全心投入，认真总结思考，千万不要三天打鱼两天晒网!然后你就可以开始模仿一些作品了，百度、淘宝、京东主页等，看看他们主页的静态布局自己能不能完成，重复训练，完整地写几个页面下来，大概就能熟练地运用HTML、CSS标签了。

以上阶段我大概花了一个月，因为这些阶段在宿舍学，也比较懒散，所以进度也比较慢。然后这时，你如果想往这方向发展的话，得更深一步学习了。然我开始学习PS的一些内容，同样建议去慕课网学习，能让你短时间内了解PS前端工程师需要具备的技能，而且那讲师很幽默内容也很全。然后你就要学会切图，把UI设计师psd格式的图片转换成用HTML和CSS呈现出来，这时你就得深入学习DIV+CSS了，这能让你结构更清晰，作品更有效地布局，有助于后期维护修改。

学习了以上内容，我相信你对页面布局已经不会感到害怕了，接下来只需要去熟练，多写代码，争取短时间能更快更高效地完成。接下来我就开始学习BootStrap框架，以前需要大量的代码才能呈现出来的导航效果，现在只要添加几个类，就能很快地呈现，珊栏系统特别好用，而且自带媒体查询，能很好适应屏幕大小，你需要去学习它的一些功能对应的类，重复去使用加深印象，如果你需要修改内容也可以在后面添加你想改的样式（一般不修改原先的内容），没错，学习了这些内容以后，你就将学会一个很好的呈现效果的框架，我把之前写的个人主页用BootStrap自己去实现一遍，同时获得了很好的效果。

中间学了几个小技巧，iconfont字体库、CssSprite制作、animate CSS、Sublime text3，其中我想说下Sublime text3，简直就是开发神器，一句指令就能完成十几句代码，不过建议初学者还是多熟练敲代码好，等后续真，正需要开发的时候再深入学习。为了让页面有动态效果，接下来我开始学了CSS3，学会了用transition、transform、animation制作一些简单动态。接下来我就开始学JavaScript了，一些基本内容基础还是相对简单，不过到了后面对象、DOM、Ajax就相对费劲了，因为自己现在正处于这个阶段，所以也不好分享太多心得体会，等后面再慢慢更新内容。（有人建议JavaScript一些难得内容可以先跳过，如果时间不允许的话，当然学扎实是最好的），然后就得开始学JQuery了，它是一个神奇的JS库，JS里一些需要很长的代码它只需几句代码就可实现，我也正在学习，所以也不太好说经验总结，不过它相对原生JS效率明显比较低，不过也能大大加快开发速率

以上大概是我目前学习的内容，当然还有一些细节不太好分享，也求一些大神能给我点经验，如何更好地走web这条路。同时也欢迎各位想学web前端的朋友们可以一起分享经验，共同进步。我相信当你喜欢上了一件事，你会激发出无限的激情与动力，这就是我学前端的理由，我相信只要你喜欢的事情，肯花时间，符合实际，总归会收获好的成果的，加油！（经验只供参考，欢迎各位交流，如果有不足之处，请指出，必虚心请教，本文不经同意，禁止转载）