BootstrapWeb前端开发学习误区,你掉进去了没?

从接触网站开发以来到现在,已经有三个年头了啊,前几日有时候整理电脑资料看到当时为参与系里面一个竞技而做的率先个网站时,勾起了在那网站开发道路上的一串串纪念,成功与喜欢、烦恼与纠结都无时或忘,感慨颇多。

                          Bootstrap 1

先从大家学习上的一个误区开首谈起。

Web前端的学习误区

网页制作是电脑专业同学在高校时期都会触发到的一门课程,而上学网页制作所用的首先个集成开发环境(IDE)想必大多是Dreamweaver,那种所见即所得的“吊炸天”IDE为我们打造网页带来了天翻地覆的有利。

入门快、见效快让我们在无意识中曾经长远爱上了网页制作。此时,很三个人会沦为一个误区,那就是既然借助这么帅的IDE,通过鼠标点击菜单就能够高速方便地成立网页。

那就是说大家为啥还要去学习HTML、CSS、JavaScrpt、jQuery等这几个苦逼的代码呢?那不是舍简求繁吗?

但是随着学习的深入,就会发觉大家步入了一种窘境——过分的依赖IDE导致我们不知晓其促成的真相,知其然但不知其所以然。

于是在页面效果出现问题时,大家便仓皇,更不要提什么开展页面优化以及完毕部分更尖端的应用了。其缘由是分明的——聪明的IDE成全了大家的惰性,使大家忽略了华丽的网页背后最本色的内容——code。

科学的矛头胜过无谓的努力

有八只蚂蚁想翻越一段墙,寻找墙那头的食物。一只蚂蚁来到墙脚就果断地向上爬去,不过每当它爬到大半时,就会出于忙绿、疲倦而跌落下来。就算它不泄气,三次次跌下来,又便捷地调整一下谈得来,重新先河向上爬去。

另一只蚂蚁观望了一晃,决定绕过墙去。很快,这只蚂蚁绕过墙来到食物前,初叶享受起来;而另一只蚂蚁还在不停地跌落下去又再度先导。

诸多时候,成功除了勇气、绳锯木断外,更要求方向。也许有了一个好的方向,成功来得比想象的更快。倘诺在错误的旅途奔跑,再怎么卖力也是徒劳无益。学习Web前端也是那样,首先应当选取一个不错的就学路线。

Web前端的学习路线
结合自身的就学经历、近期率领学生的阅历以及公司中实际上项目标急需,在那里将Web前端的学习分为以下多少个等级,具体的读书路线图如图所示:

                                 
 Bootstrap 2

先是等级——HTML的就学

超文本标记语言(HyperText 马克(Mark)-up Language
简称HTML)是一个网页的龙骨,无论是静态网页仍旧动态网页,最后回到到浏览器端的都是HTML代码,浏览器将HTML代码解释渲染后展现给用户。由此,大家亟须精通HTML的主干协会和常用标记及性能。

HTML的上学是一个回想和透亮的历程,在求学进程中可以凭借Dreamweaver的“拆分”视图协法学习。在“设计”视图中看效率,在“代码”视图中学本质,将各样视图的优势发挥到极致,那种对照学习的法门弥补了单纯识记HTML标签和性能的枯燥乏味,想必对各位初学的小盆友们的话肯定是极好的!

在读书了HTML之后,大家只是领悟了各种“原材料”的制作方法,要想盖一幢楼房就还索要把那一个“原材料”依照大家设计的方案组合布局在一道并举行一些体裁的吹嘘。(web前端学习互换群:328058344
禁止闲谈,非喜勿进!)

于是进入第四个级次——CSS的上学

CSS是英文Cascading Style
Sheets的缩写,叫做层叠样式表,是力所能及真的成功网页表现与内容分其余一种体裁设计语言。相对于传统HTML的展现而言其样式是可以复用的,那样就极大地提高了俺们开发的速度,下跌了保安的老本。

而且CSS中的盒子模型、相对布局、相对布局等可以落到实处对网页中各目的的任务排版举办像素级的可依赖控制。通过此阶段的就学,大家就足以顺遂落成“一幢楼宇”的建设。

“楼房”建设到位以后,大家可以付出用户选拔,可是只要想让用户得到更佳的经验,大家仍是可以对“楼房”举行更深一步的“装修”,让它看起来更“豪华”一些。

为了完结这一个职务,大家进去第多少个阶段——Java的读书

Java是一种在客户端广泛运用的脚步语言,在Java中间为我们提供了有些平放函数、对象和DOM操作,借助那几个内容大家能够来落到实处部分客户端的特效、验证、交互等,使我们的页面看起来不那么鲁钝,屌丝须臾间逆转高富帅!有么有?

那时,也许你还沉浸在Java给您带来的惊喜之中,但您的项目老总却意料之外对你大吼道

“这么些意义在××浏览器下不包容,重新搞……”

“不匹配?”弹指间石化了有木有?

“我擦,坑爹啊!那可是花了本人一个夜间写了几百行代码搞定的呦,吐血了都!”

Java的包容性和复杂性有时候真的让我们发烧,还好有“大神”帮我们做了打包。

接下去我们进去第四个等级——jQUery的读书

jQuery是一个免费、开源的轻量级的Java库,并且万分各类浏览器(jQuery2.0及后续版本废弃了对IE6/7/8浏览器的支撑),同时现在有那多少个根据jQuery的插件可供接纳,那样在我们兑现部分增进的动态效果时更方便飞快,大大节约了大家付出的时刻,进步了开支进度,那也丰裕浮现了其write
less,do more的为主大旨。这么些Feel倍儿爽!有么有?

“豪华楼堂馆所”至此突兀而起,可是每日这么日复一日,年复一年的盖楼,好繁琐!能依旧不能够将大楼内部每一个独自部件模块化,当必要盖楼时就像是堆积木一样组成在联合,那样岂不是爽歪歪?可以兑现吗?答案是自然的。

那种思想在Web前端开发中也是相符的,于是乎就出现了各样前端框架,在此处推荐给我们的是Bootstrap。
Bootstrap是推特(TWTR.US)推出的一个开源的用来前端开发的工具包,是一个CSS/HTML框架,并且协理响应式布局。一经推出后颇受欢迎,一直是GitHub上的看好开源项目。

在项目支出进程中,大家得以看重Bootstrap提供的CSS样式、组件、Java插件等疾速的达成页面布局和体裁设置,然后再有针对性的微调样式,那样基于框架进行开发大大减弱了开发周期。站在巨人的双肩上就是爽!

Web前端的学习指出

最后给大家你一言我一语在上学Web前端中的一些提议和格局。

在CSS布局时须求注意的一个问题是不胜枚举同室缺少对页面布局进行总体分析,无法从宏观上对页面中盒子间的嵌套关系进展把握,就热切出手去做,导致页面中各元素间的关联很混乱,不难并发盒子在扭转时错位等情事。提议大家在布局时使用“自顶向下,逐步细化”的考虑,先用多少个盒子将页面从完整上划分,然后渐渐在盒子中一连嵌套盒子。

应用好Firebug那个利器。Firebug一方面可以在大家学习进程中辅助大家调试自己的页面,另一方面大家可以运用Firebug方便地查看、分析别人网站的源代码,“偷”也是一种技术!

“君子生非异也,善假于物也”,在上学的进度中还要多浏览部分杰出的网站,善于分析借鉴其布置思路和布局方法,见多方能识广,进而才得以贯通,取别人之长为我所用。

相关文章