前端学习纪实 Section .1


PF53Of.md.jpg


从大二开始接触制作网页到现在
学习前端开发已经接近两个年头
期间大多时间处于自学状态
一路以来跌跌撞撞,有得也有失
在此简单总结,供人借鉴参考

在接触前端之前
我对课上讲的编程知识并不是十分擅长
曾经也一度怀疑自己是否适合这个专业
反而对Photoshop等软件技术更感兴趣
所以私底下开始自学ps,ppt等软件的使用

虽然这些软件与编程相关不大
但是不得不承认
这段自学经历为我之后的前端学习起到了至关重要的作用
首先,会使用Photoshop为我制作网页时提供了很多方便
并且学习PPT的布局排版也让我设计网页时更加得心应手
但是最重要的,这段学习经历培养了我的自学能力
让我感觉学习一门技术并没有想象中那么困难
尤其是在学习PS时,让我理解了:
大量的模仿与练习是学习一门技术的必经阶段
虽然这个道理并不高深,也并没有给我提供任何捷径
但是从现在来看,正是这个浅显的道理
让我自学的道路没有半途而废
让我在迷茫的困境中有所突破

真正开始学习前端是从大二开始
工作室的老师给我们普及了一下制作网页的基本知识
尽管知识并不深入,但是与枯燥的课堂知识相比
制作网页时,这种直截了当的感官刺激点燃了我学习的热情
开始用老师讲的理论进行更多的尝试
开始用记住的知识实现自己奇奇怪怪的想法
当想法更加离奇,创造欲更加旺盛的时候
老师的讲课进度已经供不应求
于是干脆自己主动地探索
去网上查询更有趣的效果,去搜索更聪明的实现方式
所以理所当然,与同在工作室学习的同学相比
展现出了一些领先的优势
我本来就是个要强的人
但是上大学之后,成绩中游,在编程方面也好像资质平平
所以强烈的自尊心推动着我分秒必争
证明自己并非一无是处,证明自己有一技之长

工作室的课程很快就结束了
我也正式进入完全自学的阶段
这期间以大量的练习为主,做的小Demo数不胜数
但是此时也凸显了我自学时的一个弊病
我并没有系统性的把基础知识都学习一遍
而是完全依照自己的想法去实现我想要的效果
导致我的知识体系中仍旧存在很多漏洞
当然大量的实践仍旧让我收获良多
至少对盒子模型有了直观的理解,在布局时可以做到随心所欲

最初的自学很依赖网上的视频教程
跟着视频里一步一步敲代码,没看懂的就倒回去再看一遍
纯粹理论的教程很难吸引我的注意力,
所以我看的视频大多都是代码实战
学习这种教程的过程是令人愉悦的
每模仿出一个作品都夹杂着满满的成就感
让人迫不及待地学以致用,举一反三
并且在实战教程中可以学到很多规范
比如目录结构应该如何创建
样式的类名应该如何命名
教程中还有很多实用的技巧
让人耳目一新,使用起来屡试不爽

在这期间我专注的技术始终是Html和Css
但是对Javascript仍旧怀着一种畏难的心理
从某种意义上来讲,与Html、Css相比
Javascript才更像是一门编程语言
而我对自己的编程能力,仍旧不抱有太多自信
但是后来也开始硬着头皮尝试
发现想象与事实确实存在着差距
一门编程语言的上手确实没有那么困难
并且网页的可交互性让这门语言更加容易理解
当时的心情是喜不自胜的,感觉自己翻越了一座大山
并不是因为自己把这门技术掌握的多么熟练了
而是因为跨越了那个禁锢我很久的心理障碍

一个学期很快就结束了
迎来寒假就代表着有更多的自由支配的时间了
在家的时间开始看更多的视频教程
"前端"这个名词让我感到越来越熟悉,越来越亲切
所以闲暇时间,也不忘看看相关的新闻,技术论坛
当时对这些信息了解并不深入
技术论坛里的内容我也感觉看得似懂非懂,云里雾里
但这个过程仍旧令我受益匪浅,
有些概念开始不明白是什么意思
但是看得多了也就有了一些印象
所以慢慢的就把这个习惯坚持了下来
好处就是开阔了自己得技术视野,并且让自己学会了谦虚致学
让自己感觉到还有很多东西要学,还有很多方向供自己去探索

寒假里我学习了jQuery和BootStrap
这种前端框架(库)的便捷性实在是令人称道
它们帮我省去了大量的时间,开发效率更加高效,开发过程更加优雅
这种快感对于我来说简直是一种精神鸦片,让人沉迷其中,不能自拔
作为初学者,过度依赖这种成熟的工具并不是什么好事
对于程序员来说,知其然而不知其所以然是一个隐患
它让人失去了对基础知识的专注,让人丧失了对细节的把控
让人忘记了写代码的时候该如何思考,也就让人失去了向更高水平迈进的方向
遗憾的是当时我并没有意识到这一点,仍旧依赖这些工具去达成自己的目标
结果就是我的自尊心越来越膨胀,感觉自己的技术越来越强大
可悲的是强大的只是工具,而我的技术一直停滞不前

这也就是我学习前端的过程中遇到的第一个瓶颈期
当时感觉hHtml、Css、Javascript这些技术不过如此,不值得深究
然而面对技术论坛中屡屡提及的闭包,原型链,Angular等等技术名词却仍旧一知半解,难以突破
所以这个过程十分迷茫,也不知道问题出在了哪里

开学以后,自己也仍旧学习着前端相关的内容
不过大多是看些零零散散的知识,诸如Canvas,Less等等
但是在宏观的层面上,没有任何实质性的突破
期间做了一件有意义的事,就是我在论坛上看到一篇文章
教人如何使用github-pages这个工具搭建一个静态的个人博客
这让我很感兴趣,于是也开始照猫画虎的忙碌了起来
一篇教程有时并不能让人清晰的理解整个过程
所以就在网上大量的搜索,找了好几篇相关的文章来回看
理解着其中相通的部分,对整个流程略知一二之后就开始动手尝试
凭借着自己蹩脚的英语在英文网站上盲目探索
用了整整半天的时间终于让自己写的页面出现在了对应的url中
心中窃喜,之前做的一直都是"见不得人"的网页
这次总算让自己的网页出现在互联网上了
总结一下这个小插曲我还是收获颇丰的
首先从这个静态博客中我知道了什么是Git,什么是Github
什么是域名,并且懵懵懂懂的知道了一个完整的网站应该具备哪些东西
更值得庆幸的是,我掌握了一种新的学习方式
不再只是依赖于网上的视频教程,终于发现网上的博客文章也是一个重要的资源
虽然里面的内容零零总总,单看一片文章很难理解
不过好在网上的文章足够多,解决问题的方式也足够新颖
对于攻克技术问题,不失为一种绝佳的途径

因为前端学习的过程实在冗长,所以这篇纪实暂且到此为止
之后的内容,下一篇再更

声明:Mragon|版权所有,违者必究|如未注明,均为原创|本网站采用BY-NC-SA协议进行授权

转载:转载请注明原文链接 - 前端学习纪实 Section .1


Carpe Diem and Do what I like