WEB前端开发学习小结

【引言】

在经过了将近六个月的学习时间终于对B/S的学习有了一定认识,在这段时间里可以说自己的收获非常的多,从一

个对web开发没有任何基础的小小小菜鸟变为了一个菜鸟,虽然自己现在还是一个菜鸟,但是自己和半年前的自己对

比进步还是巨大的,因为现在的自己至少到了知道“是什么?”的阶段,对已项目中用到的知识还是比较熟悉的(宏

观),在这个过程中也会因为一个错误困扰自己很长时间,因为那是自己对于挑错还是非常不熟悉的,像哪些辅助工

具firebug等都不知道是什么,而现在运用的还算是比较灵活,这些进步都是在这段时间里面的付出得到的,下面就来

总结一下自己在这半年的时间里到底都学习到无聊哪些知识;

【牛腩新闻发布系统】

知识小结 :牛腩新闻发布系统是我们学习B/S阶段的一个入口,可以说是零基础学习牛腩系统,只是根据老师讲

解的代码来实现想要的功能,里面设计到的知识非常的光,可谓是”麻雀虽小,五脏俱全“ 啊,比如:asp.net中的

验证控件、js代码、jquery知识的运用等。这些都是在这个系统中涉及到的基本的知识,也是我们web开发的基石。

学习收获:自己也是从这个系统开始喜欢上了B/S开发,这个项目花费了我将近40天的时间,在这个过程中没有参

考源码,都是自己跟着老师一步一步的实现,有时候一集视频需要反复的看好几遍,就为了挑一个错,在这个过程中

几乎没有求助别人,自己收获是非常大的。

在这个过程中除了对基础知识的学习外,对了解了iiis服务器和做web开发一些必要的辅助功能《【牛

刀小试】——IIS配置》,对firebug有很深的认识,感受到了她在web开发过程中的贡献。另外学会了如何在VS中发

布一个web服务以及在发布过程中遇到的问题:请参考我的博客《【牛刀小试】——详解VS2010WEB项目发布》;另外

自己也对webconfig(配置文件)有了一定的了解,配置文件在以后的项目中也是占据着举足轻重的地位,所以了解

它的结构对于我们的开发也是非常有帮助的。更多的知识分享请参考我的系列博客《【牛刀小试】》。

【HTML视频学习】

知识小结:视频中主要讲解了一些HTML的元素和标签,比较详细的介绍了这些元素的属性,以及我们应该如何运用

这些属性来达到我们在界面中想要的一些简单的效果,讲解了 一些前台布局的基本元素的知识,像哪些无符号和有

符号列表和表格的内容,这些都是前台界面布局的基础。还介绍了一些表单的东西,如何实现超链等。

学习收获:因为是快速入门学习,所以在知识讲解上总是没有那么的详细。但是知识面的广度还是有的。我们有了

牛腩系统作为基础,在接收这方面的知识还是比较容易的,因为当我们听到或者是实现一些小例子的时候总是能联想

到牛腩里面学习到的内容。这样我们就能很自信的学习下去。

在学习的时候一些没有接触到的元素当时就简单的了解了一下,现在几乎都已经用到了在项目中。所以

说现在对里面讲解的一些元素的掌握还是比较熟悉的。

【ASP.NET视频学习】

知识小结:在这个视频的开始就给我们讲解了web程序的体系结构以及HTTP的工作原理并简单介绍了一下web的开发

过程,介绍了一些基本对象像Page类、Request类、Server对象等。另外重点介绍就是基本控件包括web控件和HTML控

件,在最后给我们讲解了一些web程序的发布和部署的基本知识。详细的总结请参考我的博客《【浅谈ASP.NET】——

视频总结

学习收获:在学习视频的时候是比较痛苦的因为视频比较卡,另外就是视频中的老师用的vs版本太低了,我们都

vs2013了,他还是vs.net版本呢。这样在实现例子的时候不是那么顺畅,尽管是这样我还是耐心的看完,并且实现了

视频中大多数的例子。在这里面学习了很多的使用的对象,像session和cookie、Request、Application等,这些东

西在后来的项目中也是经常见到的。当时让我兴奋的时候哪些基本控件,他们真是太强大了,像内部的基本控件、验

证控件、列表控件等,里面详细介绍的那个datagrid控件给我后来做项目提供了很大的帮助。

【XML视频学习】

知识小结:视频中给我们讲解了XML的本质,解释了到底什么事XML以及它的应用场景,对比学习XML和HTML之间的

差异,XML的元素以及属性和XML的树状结构并给我分享了良好的XML格式。在第二部分给我们讲解了DTD的基本属性和

常见用法,在最后一部分给我们讲解了Schema技术,从Schema的定义入手分析了它的强大作用。

学习收获:在学习这个视频的时候感觉有点虚,只是对视频中介绍的概念简单了了的了解了一下并没有做深入的

学习,并且在后来的项目中自己负责的那块也没有用到XML的知识,所以对这方面的知识理解的并不深刻,但是对于

XML基本结构还是比较熟悉的,这也可能是收获最多的地方了,这方面的知识会在后面的学习中更加的注意。

【JavaScript视频学习】

知识小结:这个视频很细致的讲解js的基本知识,可以说是给零基础的人看的;视频中针对基本知识就讲解了33

章,讲解了了js的语法、数据类型、语句这一块和BS差不多的在、知识;也讲解了正则表达式、基恩对象类型以及匿

名函数和函数的闭包等。从DOM基础开始自认为开始进入了核心部分。DOM的进阶是js控制前台界面的入口,有了这方

面的知识我们就可以动态控制前台的样式。动态加载脚步和样式让我们的前台更加的灵活。表单的处理使我们在前台

数据传输和性能方面有了很大的提升。在最后的时候讲解我们在后面常用的一种数据格式JSON.同时给我们简单的讲

解了一下AJAX的知识,这些都是为后面那个博客前端的例子做铺垫。通过博客前端的例子将前面讲解的理论知识都用

于实践,让我们更加的加深了印象。


学习感受:
js是这个项目中花费时间最长的一个子项目,因为里面的东西太多太散,在学习的时候也没有怎么总

结,是因为很小自己认为都不值得总结,其实并不是这样的,这是一个极其错误的想法。就是因为知识点比较零散所

以我们才需要不断的总结,将知识编制成网。这样我们就不会觉得很枯燥。庆幸的时候自己在这个阶段正好接触一个

项目,在这个项目中自己体会到了js的强大功能。也领会到了js到底在项目中怎样运用,笔记明显不足的地方就是对

js里面的知识太陌生,里面有的属性和方法自己都不知道,这样导致自己在做项目的时候非常的吃力,不能很好的运

用js来给我解决问题。自己认为js学习是一个不断积累的过程,我们需要不断的积累遇到的js的函数和用法,这样才

能更加灵活的运用js来解决更多的问题。

上面的东西是我们在没有接触项目以前学习的东西,感觉非常的枯燥,因为里面有很多的东西都是非常的不

熟悉,也不知道到底有什么用途,所以学习起来没有什么兴趣,正好在这时候开始接触了一个项目,开始和牛

人们合作完成项目,开始接触真正的B/S项目。也是自己一边看他们的代码一边查阅资料来补充自己没有见过的

知识,向下面将要和大家分享的东西都是在项目中用到的,当时非常的吃力,但是因为第一次接触项目吗。过

意干劲非常的足,随着项目的进行开始慢慢的了解了里面的内容,当在学习下面的知识的时候感觉非常的轻

松。

【CSS+DIV布局】

知识小结:这些东西在牛腩新闻系统和自己的项目中都接触到了,所以学习这个视频的时候很容易上手。在视频中

我们学习了,css的基本语法、图片的样式、怎样用css控制表格样式、怎样制作下来菜单、网页的排版、以及滤镜的

使用,在最后的时候我们也学习了css和ajax的结合,这样对于我们系统在性能上有很大的提升。

滤镜做出的效果

学习收获:通过视频中的小例子让我们对css+div深深折服,我们可以利用css+div制作出各种各样的唯美的界面,

利用里面讲到的技术,像网页的排版,以及我们常见的那些谷歌搜索框的匹配功能都能实现,这个技术为我揭开了

web开发的一层面纱,最重要的就是我们利用这些比较基础的东西能理解那些比较复杂的代码,我认为这是最重要

的,这些东西都是为以后B/S模板的学习打下坚实的基础。

【JQuery视频学习】

知识小结:视频中主要是给我们介绍了很多的非常实用的方法和属性,通过一些非常实用的小例子,像级联下拉

框的小例子 标签效果  可编辑的表格等,这些例子里面用到了非常实用的东西。

学习收获:在学习这个视频的时候自己感叹非常的多,因为自己在项目用用了很多的js代码实现的功能在jquery

可以用一个小函数就轻松实现了。所以我们常用这么一句话来总结jquery:“jquery是一个非常优秀的JavaSctipt

库”,这就说明了它是对js进一步的封装,并且在兼容方面非常的强大,可以兼容多个浏览器。同时它有很多的成熟

的插件,这样是我们在实现比较特殊的功能的时候既方便有快捷,但是现在自己对jquery的掌握是非常欠缺的,视频

中一些函数都是自己没有见过的,所以在后期的学习中会注重这方面的积累。

【ajax学习】

知识小结:视频中从原理上给我们讲解了ajax的知识,其中包括:一些DOM基础,js创建对象 五步使用

xmlHttpRequest以及xmlHttpRuest的对象扩展问题,在最后的时候给我们讲解了怎样装载XML文档的知识,其实最核

心的思想就是“异步更新”,在在性能上面有很大的提高,像百度搜索框中输出一个字以后就自动匹配功能就是利用

这个思想来实现的。

学习收获:在学习视频的时候最大的感受就是“讲的什么东西啊?和我在项目中用的都不一样!”,因为之前

在项目中用过ajax的知识,ajax的传参机制也是那时候明白的,所以在看视频的时候感觉什么都不一样,后来了解到

视频中讲到的都是原生的东西,而我们用的大多是封装以后的比较简单的东西,这样虽然我们可以很容易上手,但是

在性能方面还是比较瘦影响的,这样在后期优化系统的时候是非常需要这些原理上的东西的,所以通过这个视频对

ajax的理解又有了更深层的理解。

【图书管理系统】

知识小结:在这个图书管理系统中运用到的知识有:后台采用EF实体架构,前台布局采用了bootstrap知识布局,

在数据交互的时候运用了js ajax等知识。

项目收获:在花费整整一个月的时间(非全职)完成了我们的这个图书管理系统,我们三个人在这一个月中收获

都非常的多,当我们我的进度刚开始ASP.NET 冯尧比我快点 超哥比冯尧快点,也就是说我们对前台的知识知道的非

常的少,对于后台的EF架构更是什么都不知道,以前都没有听说过这么个名词。我们都是一边查阅资料一边学习。在

在这一个月中我们每天晚上都会聚在一起来说一下今天的进度,自我鼓励,然后说一下明天的任务,就这样在基础非

常薄弱的情况下,我们在规定的时间内完成了我们的第一个B/S项目。

作为项目组长的我在这一个月中收获的更多,提前接触了很多的知识,当然收获的不仅仅是技术,在规定

的时间内完成这个项目,在很大程度上取决于我们的那种坚持的信念,从一开始我们就没有说过放弃,每天的晚会都

进行自我激励,展现我们自己的成果,这样会让我们很有成就感,这样我们每天都有很大的动力来进行我们的项目。

【B/S模板学习】

学习收获;这一方方面的学习主要是让我们学习牛人们制作的模板,我们需要学习人家的界面布局的思想,配色技

巧、元素配置等,最重要的是我们需要利用前面学习的知识,像js css等来读懂人家写的代码,理解人家的布局思

路,这样我们才能在人家的基础上来改动,我们需要站在巨人的肩膀上,先感受真正的布局,然后才能设计出属于自

己风格的界面,一个友好的界面在整个项目中是非常重要的,但是我们在这方面是比较欠缺的,所以在这一段的学习

中我们是不可缺少的。

【小结】

转眼间走过了半年的时间,上面是自己在这半年的时间了根据培养计划上的一点学习收获,通过翻阅自己的笔记和

博客总结了一下自己在这半年来的学习收获,当然除了培养计划上面的的内容自己在项目中接触到一些基本框架的知

识也在不断的学习中,像 EF实体 MVC  WCF等。自己花费了大概两天的时间整理自己这半年的思想上和技术上的进

步,所以我们只要坚实的走过每一天,踏实的走过每一步,收获和进步总是在那么不经意间就能感受到。所以正在奋

斗的路上的同学们一定要加油!只要我们努力就有进步!!!

版权声明:本文为博主原创文章,未经博主允许不得转载。

时间: 2024-10-04 13:41:41

WEB前端开发学习小结的相关文章

WEB前端开发学习:源码canvas 雪

WEB前端开发学习:源码canvas 雪 双旦节要到了,程序员们为了响应气氛,特别用代码制作了动态雪花,WEB前端开发学习的初学者们一起跟着案例做一遍吧! <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body style="overflow: hidden;margin:

2018web前端学习路线,详谈web前端开发学习路线

近几年IT业可谓是发展火热,而且新生了很多的职业.在这众多的新生职业中备受瞩目的当属web前端工程师了,web前端在IT行业真正受到重视的时间不超过五年,但是web前端的发展前景却是非常的可观,好前景高薪资吸引了众多的人投入到前端开发的学习当中去,想学好web前端,这份web前端开发学习路线分享给你. 好的学习方法和掌握好正确的学习路线可以让我们的学习达到事半功倍的效果,如果你新手想要学习web前端的话,那么这份前端的学习路线图很适合你.这份学习路线的课程涵盖JavaScript.HTML5.C

web前端开发学习路线图分享,详谈2018web前端开发学习路线

近几年IT业可谓是发展火热,而且新生了很多的职业.例如安卓开发工程师.iOS开发工程师.在这众多的新生职业中备受瞩目的当属web前端工程师了,前端工程师薪资高,就业发展前景好,更多的人选择了这一职业成为自己的发展方向,想要自己成为一名合格的web前端工程师,web前端开发学习路线图值得大家去看看.挺适合大家借鉴来学习的.web前端课程包括了几个方面的内容: 1.学习HTML,这是最简单,最基本的是要掌握div,formtable.Ulli.P.跨度.字体这些标签,这些都是最常用的,尤其是DIV和

Web 前端开发学习之路(入门篇)

字数1374 阅读4622 评论0 喜欢49 以前学习过一段时间的web前端开发,整理了一些我看过的/我认为比较好的学习资料(网站.书籍).不要问我为啥没有进阶版,我只是一条产品汪而已,求轻喷.== 以下引用知乎 @李路 的话. 以我的经验,大部分技术,熟读下列四类书籍即可. 入门,用浅显的语言和方式讲述正确的道理和方法,如head first系列全面,巨细无遗地探讨每个细节,遇到疑难问题时往往可以在这里得到理论解答,如Definitive Guide/Programming xx系列实践,结合

web前端开发学习路线

首先分享一下我的经验,想做好一件事,必须要花费一些功夫,然后是多学.多思.多练.多交流.多总结,发现自己的问题,然后一定要克服,在状态不好的情况下,往往要及时调整.新手学习前端的话,一定要想想为什么要学习它,是出于一种什么心态,然后定位好自己,多向大牛请教,多教一些没有自己水平高的人,那样往往能让自己成长的快,切勿急躁.初学可以看一些入门视频教程,之后可以买一些书,做一些小项目,要学会投资,分析自己的现状及能力,实时调整,一定要有自己的想法,懂得创新.在这里一定要对自己做分析,然后找出一种适合的

web前端开发学习课程大纲路线图及学习方法分享

想学好web前端开发,要学会阅读别人优秀的代码.web前端开发思想并不是统一固定不变的,阅读别人代码的过程就是间接的在向别人学习,这一过程中可以学习别人的开发思路,不同的人思路是不一样的,如果别人写的代码很优秀.很简单.且运行和性能上有很大的优势,就有很多可以借鉴的地方. 以下这份web前端学习路线图适合所以零基础的学员学习,都是从浅入深,没有基础的同学跟着视频教程及课程大纲一步一步的学习是可以很好的掌握的. 那么想要学好html5前端开发,那么需要掌握的专业技术有: 第一阶段:前端页面重构 内

干货教程 | Web前端开发学习入门指南

互联网的高速发展,让企业对于Web前端开发人员的需求越来越大,想要进入这行的人自然也逐渐增多.很多新手在进入这行时都会徘徊.犹豫.疑问,想学习又怕学不好,下面就和Web前端小编一起来看看. 1.HTML的学习 超文本标记语言(HyperTextMark-up Language简称HTML)是一个网页的骨架,无论是静态网页还是动态网页,最终返回到浏览器端的都是HTML代码,浏览器将HTML代码解释渲染后呈现给用户.因此,我们必须掌握HTML的基本结构和常用标记及属性. HTML的学习是一个记忆和理

web前端开发学习视频教程下载(百G)

1.妙味WEB前端开发全套视频教程 链接: http://pan.baidu.com/s/1bf1Ow2 密码: 2yyu 2.极客学院前端教程(html5 Bootstrap Nodejs) 链接: http://pan.baidu.com/s/1eQFcHoe 密码: iem6 3.前端与移动开发基础视频(h5\css3\html\css) 链接: http://pan.baidu.com/s/1c1wiSQc 密码:2cp4 4.2015前端工程师培训视频教程(html5\UI\JS\JQ

web前端开发学习路径图

第一阶段 WEB前端工程师课程 HTML语句,HTML页面结构.css语法.style属性.link和style标签.id属性.等HTML语句中的相关属性: 通过Dreamweaver制作出跨越平台限制和跨越浏览器兼容性的页面,掌握Dreamweaver成为Web前端工程是的关键. 浏览器兼容性问题处理:XHTML与CSS校验,XHTML校验器,CSS校验器:解决如:Chrome.Safari.firefox.opera 等主流浏览器的兼容问题. 第二阶段 WEB前端移动端+响应式布局 Boot