热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

我的WEB前端辛酸史

前言:想当初我也是个无知骚年,学完学校的C语言基础课程之后也就再也没有什么想法了(期间还看了看JAVA,但是发现并不能够学好,索性就放弃了),由于当时期末C语言程序答辩的时候,我自

前言:想当初我也是个无知骚年,学完学校的C语言基础课程之后也就再也没有什么想法了(期间还看了看JAVA,但是发现并不能够学好,索性就放弃了),由于当时期末C语言程序答辩的时候,我自己仿照网上的一个博客,自己跟着用C语言做了一个简单的银行取款机的系统,于是被冠以“大神”的称号(其实并不是),然后在大一下学期期末,跟朋友见面一个当年毕业在做前端的学长(当时也是好崇拜的眼神看着学长),然后跟学长了解到了,前端的发展,也感觉到前端,仿佛很简单(其实到现在并不觉得),就跟着入坑了。

开始:然后那个暑假,就自己在家捯饬,最开始是在“我要自学网”上面看视频教程(当时还不知道或者还没有慕课网这样的教学网站),学着还是很顺的,html和css都看完了,但是有一个很坑爹的地方就是学Javascript的时候,就只有前面的那些基础的东西(也就是跟C语言差不多的什么变量类型啊这类的简单的东西,C语言学好了这些可以一笔带过的)是免费的,之后的高级点的东西居然要收费!!(现在看来一点也不高级),就这样我就把这些课程看完了一遍。
可能有很多童鞋和我一样,看完这些东西之后会处于一种懵逼的状态(这写东西到底能干嘛0.0),好吧,由于很懵逼,我又带着懵逼的状态,又看了一遍,但是这次看并不像之前一样只是看而已,我会跟着老师的视频里面的代码一行一行的写,然后看看效果(也就是一些教程demo),好吧,我承认,这样看一遍下来我还是很懵逼的 。之后我做了一个连我现在想起来都觉着很牛逼的举动,我直接开始在网上搜索网页模板了,想要开始看别人的源码了,就是这么误打误撞,搜索到了一个很不错的网站www.jq22.com,然后下载了一个当时觉得很吊的模板(现在应该叫插件),然后打开开始看里面的源码(对于一个JS基础很差得初学者来说,还是很难的,而且当时还不知道什么是jquery,天了噜),接下来就开始在下载下来的那个页面中开始捯饬了,具体也就是一个一个的试,看看删除掉会有什么变化之类的(因为也不是很懂,也就只有这样乱撞了)。
在捯饬了一阵模板之后我觉着不行,我要自己弄点东西出来,然后就接着下载了好几个模板,然后开始组合,由于当时比较喜欢动漫,就现在草稿纸上先设计好有哪些模块,然后根据需要去做相应的页面模块,想要什么动画效果就去下载相应效果的模板,然后生搬硬套,终于凑合着在IE(现在很痛恨的一个浏览器)上面能够展示的一个页面,当时做了①音乐播放②轮播幻灯片③本页锚点导航④侧边导航条样式⑤圆角矩形排布,现在想想,当时也是有够厉害的。

大二新学期:大二上学期,我们居然开了一门叫做WEB前端基础的课程,哎呀我去,这不是我放假的时候学的东西么。上课的老师也是很开放的,说又想做前端的同学和她联系,哈哈哈哈,于是我就厚颜无耻的把我在假期做的东西发给了老师,让他观看,之后她很惊讶的问我居然知道bootstrap,然后我也很惊讶的问了一句那是什么(又处于懵逼状态了t_t),然后老师说你不是在你的网页里面用到了么,然后还截图给我看,然后我赶紧百度什么是bootstrap,后来接触了才知道是一个很厉害的框架,之后我帮那个老师做了一个网页,用的就是bootstrap,也是一阵的捯饬,终于做出来了一个像样的成品,本来还以为老师会给点辛苦费,结果,哼哼~~~不过这个实际项目是真的锻炼到了我,让我从那以后用bootstrap得心应手。在给老师做项目的这个期间,我也发现慕课网,然后便贪婪的在上面学习,其实现在看看上面的教学也是一些基础,想要真的学到很多,必须做实际项目,遇到问题,然后去百度或者谷歌这个问题,看别人的博客中怎么教你解决。

这里我要逼逼一下怎么在慕课网上学习了,慕课网上有一个很不错的前端工程师计划,就按照这个计划的课程学下来,一个简单的网页就能够从你的手中诞生了,但是要注意学习方法,我自己的学习方法就是:
①快速看一遍教程(如果是视频就看),如果是编程练习就直接看看上面的一些用法,然后把别人的代码复制过来看看效果。
②在快速过完一遍的基础上,再来第二次学习,这次就跟上次不一样了,因为之前看过一遍,所以就知道具体有哪些东西,只是还是不熟悉罢了,如果是视频,我就按照老师写的代码,自己写一边,如果是编程练习,就在网页上完成之后复制到本地,保存起来,方便之后温习。
③过完第二遍,再来第三遍,这一次是专门去看之前还是没有熟练的知识点,反复练习三四次,理解到了之后,整个体系就大概出来了。之后就可以去找找实战项目来做了,也可以自己想一个虚拟项目来练手。
怎么去找练手的项目呢,首先你可以自己想一些点子来坐坐看,或者可以参照别人的网页来做,如果你想跟老师做项目呢,那就要先拿出能够展示出你的能力的作品出来,让老师觉得你是个可塑的人,就行啦,然后再在项目之中学习,在或者找几个合得来的人去参加类似的比赛,我就参加过全国服务外包大赛,比赛真的能够锻炼人,不仅仅是技术上,还有各方面的能力。

接下来:在比赛完了之后,也就是大三上学期,我好像就变得无所事事了(阿西吧),由于比赛还是得到了名次,所以我还是能够勉强在工作室混下去,刚开始也就是在弄一些讲座之类的,什么学长讲堂啊,WEB特训班开班啊,这些东西,导致我完全没有时间学习新的技术,而且工作室里面也有相应的项目(全部都能够用之前的经验做好的),学院网站首页重构,投票系统页面,工作室网页页面重构,教务系统页面重构,等等事情,也就在期末的时候,了解到一点reactJS,进而知道了nodeJS,angularJS,这些JS的框架,后面也自己去面试了一些公司(因为学校已经不能再教给我什么了,就想出去找点刺激的),结果真的被刺激到了,由于之前一直用的是框架和JQUERY,导致我的JS能力很差,所以在寒假的时候在家里好好地补习了一下,然后还学习了一下react,能够做一个简单的TODOlist。在假期中老师也推荐了一个公司给我,推荐我去当实习生,也就是现在的这家公司testbird,在这家公司里面开始了我真正的JS道路,刚开始几天看了一些关于JS很不错的博客,也开始使用起git,开始学习node,angular,也在做公司的项目中的一些小细节的修改,比如改改文字内容,改改页面的样式,最近接到的最能够练技术的就是写一个滑块动画(经过询问和我自己的努力终于在周末把这个功能给做好,挺有成就感的)。

当然现在就是好好地在公司里面学技术啦,之后学到技术了,也想到BAT的大公司里面去实习(现在大三下学期,实习一学期看看能有多少能耐,之后再去面试一些好的公司)

废话:由于人长得丑,个矮,还胖,至今没有女朋友(其实我是不想说我现在太忙了,没时间去弄这个你信么?),在撸代码期间,我也喜欢玩游戏,喜欢看电影,喜欢出门玩,等等但是我做事都是有自控能力的,该做什么就做什么。而且作为一个程序猿,自学能力一定要强,要善于面对问题面对困难,用于去想办法解决问题…………废话也就这么多了吧


推荐阅读
  • 本文介绍了前端人员必须知道的三个问题,即前端都做哪些事、前端都需要哪些技术,以及前端的发展阶段。初级阶段包括HTML、CSS、JavaScript和jQuery的基础知识。进阶阶段涵盖了面向对象编程、响应式设计、Ajax、HTML5等新兴技术。高级阶段包括架构基础、模块化开发、预编译和前沿规范等内容。此外,还介绍了一些后端服务,如Node.js。 ... [详细]
  • 目录实现效果:实现环境实现方法一:基本思路主要代码JavaScript代码总结方法二主要代码总结方法三基本思路主要代码JavaScriptHTML总结实 ... [详细]
  • CSS3选择器的使用方法详解,提高Web开发效率和精准度
    本文详细介绍了CSS3新增的选择器方法,包括属性选择器的使用。通过CSS3选择器,可以提高Web开发的效率和精准度,使得查找元素更加方便和快捷。同时,本文还对属性选择器的各种用法进行了详细解释,并给出了相应的代码示例。通过学习本文,读者可以更好地掌握CSS3选择器的使用方法,提升自己的Web开发能力。 ... [详细]
  • Voicewo在线语音识别转换jQuery插件的特点和示例
    本文介绍了一款名为Voicewo的在线语音识别转换jQuery插件,该插件具有快速、架构、风格、扩展和兼容等特点,适合在互联网应用中使用。同时还提供了一个快速示例供开发人员参考。 ... [详细]
  • 解决Cydia数据库错误:could not open file /var/lib/dpkg/status 的方法
    本文介绍了解决iOS系统中Cydia数据库错误的方法。通过使用苹果电脑上的Impactor工具和NewTerm软件,以及ifunbox工具和终端命令,可以解决该问题。具体步骤包括下载所需工具、连接手机到电脑、安装NewTerm、下载ifunbox并注册Dropbox账号、下载并解压lib.zip文件、将lib文件夹拖入Books文件夹中,并将lib文件夹拷贝到/var/目录下。以上方法适用于已经越狱且出现Cydia数据库错误的iPhone手机。 ... [详细]
  • 计算机存储系统的层次结构及其优势
    本文介绍了计算机存储系统的层次结构,包括高速缓存、主存储器和辅助存储器三个层次。通过分层存储数据可以提高程序的执行效率。计算机存储系统的层次结构将各种不同存储容量、存取速度和价格的存储器有机组合成整体,形成可寻址存储空间比主存储器空间大得多的存储整体。由于辅助存储器容量大、价格低,使得整体存储系统的平均价格降低。同时,高速缓存的存取速度可以和CPU的工作速度相匹配,进一步提高程序执行效率。 ... [详细]
  • 分享css中提升优先级属性!important的用法总结
    web前端|css教程css!importantweb前端-css教程本文分享css中提升优先级属性!important的用法总结微信门店展示源码,vscode如何管理站点,ubu ... [详细]
  • 本文介绍了互联网思维中的三个段子,涵盖了餐饮行业、淘品牌和创业企业的案例。通过这些案例,探讨了互联网思维的九大分类和十九条法则。其中包括雕爷牛腩餐厅的成功经验,三只松鼠淘品牌的包装策略以及一家创业企业的销售额增长情况。这些案例展示了互联网思维在不同领域的应用和成功之道。 ... [详细]
  • 本文介绍了JavaScript进化到TypeScript的历史和背景,解释了TypeScript相对于JavaScript的优势和特点。作者分享了自己对TypeScript的观察和认识,并提到了在项目开发中使用TypeScript的好处。最后,作者表示对TypeScript进行尝试和探索的态度。 ... [详细]
  • 本文介绍了Python高级网络编程及TCP/IP协议簇的OSI七层模型。首先简单介绍了七层模型的各层及其封装解封装过程。然后讨论了程序开发中涉及到的网络通信内容,主要包括TCP协议、UDP协议和IPV4协议。最后还介绍了socket编程、聊天socket实现、远程执行命令、上传文件、socketserver及其源码分析等相关内容。 ... [详细]
  • Python实现变声器功能(萝莉音御姐音)的方法及步骤
    本文介绍了使用Python实现变声器功能(萝莉音御姐音)的方法及步骤。首先登录百度AL开发平台,选择语音合成,创建应用并填写应用信息,获取Appid、API Key和Secret Key。然后安装pythonsdk,可以通过pip install baidu-aip或python setup.py install进行安装。最后,书写代码实现变声器功能,使用AipSpeech库进行语音合成,可以设置音量等参数。 ... [详细]
  • Mac OS 升级到11.2.2 Eclipse打不开了,报错Failed to create the Java Virtual Machine
    本文介绍了在Mac OS升级到11.2.2版本后,使用Eclipse打开时出现报错Failed to create the Java Virtual Machine的问题,并提供了解决方法。 ... [详细]
  • javascript  – 概述在Firefox上无法正常工作
    我试图提出一些自定义大纲,以达到一些Web可访问性建议.但我不能用Firefox制作.这就是它在Chrome上的外观:而那个图标实际上是一个锚点.在Firefox上,它只概述了整个 ... [详细]
  • 知识图谱——机器大脑中的知识库
    本文介绍了知识图谱在机器大脑中的应用,以及搜索引擎在知识图谱方面的发展。以谷歌知识图谱为例,说明了知识图谱的智能化特点。通过搜索引擎用户可以获取更加智能化的答案,如搜索关键词"Marie Curie",会得到居里夫人的详细信息以及与之相关的历史人物。知识图谱的出现引起了搜索引擎行业的变革,不仅美国的微软必应,中国的百度、搜狗等搜索引擎公司也纷纷推出了自己的知识图谱。 ... [详细]
  • SpringMVC接收请求参数的方式总结
    本文总结了在SpringMVC开发中处理控制器参数的各种方式,包括处理使用@RequestParam注解的参数、MultipartFile类型参数和Simple类型参数的RequestParamMethodArgumentResolver,处理@RequestBody注解的参数的RequestResponseBodyMethodProcessor,以及PathVariableMapMethodArgumentResol等子类。 ... [详细]
author-avatar
mks8896386
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有