美文网首页
学习前端的一些感想吧

学习前端的一些感想吧

作者: 前排兜售土鸡蛋 | 来源:发表于2018-05-21 18:07 被阅读0次

            加入创业办到离开,已经快两年了吧。其实挺感激创业办的,让我在创业园和创业网遇到很多的大可爱和小可爱。创业园让我有幸结识很多有想法、敢执行的大佬;创业网则让我能够接触上从小就认为“高大上”的前端知识。W3cschool则是我在学习前端知识时的良师了。

            第一次接触前端是创业网(www.chinadxscy.csu.edu.cn)的技术部招新,心怀着想要学一门技术的想法,来到网站参加了面试。面试过程几乎没有涉及到任何技术层面的知识,本来还担心在自己完全没有任何基础,将面临着来自各个院系的大佬们的技术压制…能说会道在这个时候拯救了我,心里还是特别开心。通过面试后接下来就是部门的培训——一场快速、大量的HTML、CSS知识灌输,最后需要完成一个对当时的我来说是一个十分艰巨的复试任务(简单的静态页面布局),只有通过复试任务,才能成为网站的试用员工。我不想成为一个只会说不会做的人,由此,开启了我的前端学习之旅。

            接受复试任务后的我心里特别的紧张,因为自己什么都不知道,培训次数少、快速、信息量大,自己又缺乏动手的机会,所以我有点方,好在部门的学长给我推荐了w3cschool,让我有了一个全面认识HTML、CSS的机会,找到一个权威的解答我疑惑的地方。刚开始接触HTML,有大量的标签要记住,w3c上有一个“亲自试试”的按钮,我就在w3c上吧所有的标签都试过一遍,最后发现,其实大多是标签都是有语义化的,比如标签很容易就联想到paragraph、header这些单词,很容易就把它们都记下来啦,感觉其实也不是很难~

            我把大部分的标签都记住以后就发现,通过这些标签写出来的东西是在是难以入目了,然后又认识了CSS,最开始接触CSS是部门培训,一次培训下来两个多小时,然后一脸懵逼的走出教室…这些都好难记住,还不好理解,培训到最后我对CSS都没有一个具体的了解。一脸懵逼的我还是默默的回寝室上w3cschool,由此打开新世界的大门——原来我们看到的所有的网页好看的布局全都是CSS实现的,比如背景的渲染,字体的颜色,还有一些HTML原本自带的巨丑无比的默认样式都是用CSS修改的!也就是说,网页要渲染的好看,就要用CSS来实现!因为好看,激起了我的兴趣,我开始在w3cschool上自己学习css样式。

            学习过程中也遇到一些难点,也是非常重要的点,比如说div盒子模型,在w3cschool上我才认识到,所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。也就是所有的HTML标签都可以看成一个盒子,都可以给对应的盒子添加宽高、边框、背景颜色、改变内容的字体颜色等等,w3cschool是个好东西,学好div盒子模型以后,瞬间觉得自己对所有的标签都有一个系统的了解,任何的HTML元素在我的手里就像一个个没有装饰过的小盒子,我只要对它们添加样式,好看的布局立刻能呈现在我的眼前!因此我div盒子画出了我网页上第一个大白,复试任务也顺利的通过,成为了试用员工!

            在这个过程中我认识到HTML给我的网页赋予了结构。它就像是人的骨架那样让你保持站立。当我们已经学会了如何给网页准备好骨架以后,接下来就是在此基础上添加一些皮肤让它好看一点了。CSS——级联样式表就是用来美化你的HTML页面的。

            身边的朋友们知道我会写静态页面,纷纷来找我帮忙布局静态页面,我做的他们都很满意,自己也赚到了好几顿饭(开心),也算是对自己的一种肯定吧!在接下来的日子里,我深知简单的网站的培训学到的东西还是很少,所以就在w3cschool上把其他没有培训过的知识自学了一遍,也完成了w3cschool上的很多的小案例,经过这些基础的锻炼,能模仿一些好看的页面,后来我发现,我在SCND上看别人写的特效的时候我居然都能看懂,并且也能开始独立写一些实用的小案例!简直开心到起飞!现在我已经能布局像淘宝、天猫、国美这样的大型电商网站,黄天不负有心人,我希望我能在前端的路上越走越远,下一步可进军学习JavaScript啦~

            w3cschool是个好东西!几乎所有的API都能在上面找到,是一个特别能打基础的地方,好好利用,基础会很扎实。

    传送门:www.w3cschool.cn

    相关文章

      网友评论

          本文标题:学习前端的一些感想吧

          本文链接:https://www.haomeiwen.com/subject/wgsqjftx.html