您的位置:首页 > Web前端 > JavaScript

B/S学习之旅

2016-01-17 14:46 465 查看
从今年5月份开始,延期了两次,终于把B/S的学习完成了,细细回忆一下,自己又有怎样的收获和心得,让我们一起来体味。



整体认识

牛腩新闻发布系统      

B/S由牛腩入手,先通过对牛腩新闻发布系统的学习,对B/S技术有个整体的认识,对每个技术的作用有个初步的了解,然后通过详细的学习,对web开发相关技术各个击破,本阶段分别看不同的技术专题视频,来巩固学习过的内容。

前30讲的内容很丰富。前几集是新闻发布的准备工作。软件安装、数据库设计、画图和文档。接着讲了后台的一些知识点。对B/S三层有了初步的了解。学习了后台的一些知识点:SQLHelper编写和重构,类的编写,了解了什么是SQL注入,学习了存储过程和触发器。后几集初步了解了CSS。并用CSS简单做了一些界面,后面还要继续学习。

31~45集继续讲解了DIV+CSS前台界面设计,对于CSS语言的学习有了进一步地加深。36~45集是后台代码与前台界面的整合及其他杂七杂八的花哨。接触到了ajax.jQuery的学习,在学习的过程中遇到了很多问题,都一一解决。也总结了很多.Net的知识点总结成了博客。学习的收获还是很大的。

46~63:新闻页面的整合,主要修改前台CSS与后台已经编辑好的D层和B层连接起来。配置文件导向错误页,用户体验很重要,不能把出现报错的代码页面暴漏给用户,所以做好配置导向错误页这一块很重要。发布网站,发布方法很多,但是原理是一样的。尝试了两种方法成功发布,但是在尝试第三种的时候把原文件破坏了。导致不能使用,这里一定要注意做好备份工作。最后是真假分页,查询数据库不能一块把文件查出来,这样很浪费时间,带给用户的体验度不佳,所以要按页查找。真假分页就是这样的区别。

牛腩新闻发布系统的学习涵盖了B/S的基本内容,对比C/S的学习,有很多东西都是相同的。比如D层、B层和Model基本一样。在界面中,C/S是客户端类型的。B/S是Web网站式。接触并学习了很多新的东西,div+css和table对网页的布局,js jquery ajax,了解了其功能和初步用法。初步学会了怎样发布网站,怎样真假分页。对后台sql语句的编写和调试更加熟悉,之前没有能真正领会,现在感觉对其的知识点已经非常透彻。

更多详情请点击:http://blog.csdn.net/u013037201/article/category/3168503

各个击破

HTML孙鑫

做完了牛腩新闻发布系统,对网页中的html元素有了初步的认识,本阶段是对html元素的一个进一步的了解。

之前学习的牛腩,对HTML仅仅有一个模糊的认识,此视频对HTML进行了深入的讲解,使我对其有了清楚的人认识。HTML元素、框架有了明确的认识,对其标签、标记和属性也有了一定掌握,定义表格、表单也能够独立实现,用文本文档可以简单实现网页结构。这只是基础的学习,对HTML还要在以后的学习中不断加深理解和巩固。

更多详情请点击:http://blog.csdn.net/qwlzxx/article/details/46325025

Asp.net北大青鸟

接下来会有相当一段的时间一直处于用ASP.NET编码的阶段,所以这个阶段很特别要。通过这的学习,要慢慢开始理解BS与CS的不同之处。此阶段主要是熟悉Asp.net中的控件,以及积累一定的代码量。

北大青鸟的学习经历了足足有三个星期,学习过程中,最大的障碍就是视频中所用软件和系统早已过时,如今用上最新的软件和系统很多功能多少都有些变化。不过万变不离其宗,同样的功能不可能消失,只是改变了名称或位置。细心加上耐心,这些问题都不是问题。视频中基本所有的例子都已经实现,“灰常“有成就感。

编程是一门艺术,看着这些知识都在你的手下通过键盘和鼠标一一给融会贯通,实现各种各样的功能。在调试和运行下一个漂亮的结果让你感到之前付出的一切在这一刻都是值得的。

编程我们很早就开始接触,但是ASP.NET编程却对我们来说很陌生。它究竟是一个什么样的东东呢?让我们揭开它神秘的面纱,拭目以待吧。

也许地球人都知道啊,但还是想强调一下。ASP.NET它不是一种编程语言,它只是基于Windows的Web应用程序和服务的工具。但是它编程还是需要用到语言的,一般都用C#语言进行编程。通过的我的学习个人经验啊,用好了ASP.Net编程构建Web应用程序,将大大地节省时间,减小代码量,让所建立的站点更安全和交互。

ASP.NET编程一般都用VS,但我想说用VS做页面真心不怎么样,排版花费精力和时间较大。下载了一个Macromedia Dreamweaver,非常方便易用。但是它也有缺点,用它写后台代码没有编程语言提示。所以做页面美工的时候,Dreamweaver只适用于静态页面。其它还是要用VS来编程的。学习ASP.NET,一定要先学会语言编程。以C#为例,要先学会使用C#语言,这样你在编程过程中才会得心应手。

更多详情请点击:http://blog.csdn.net/u013037201/article/category/5576997


XML刘伟

此阶段向你简单介绍XML,通过这一阶段的学习,能够了解XML与HTML的不同之处。

XML刘伟视频对XML的讲解挺细致的,对比着HTML来讲更加能够将知识编制成知识网。在视频中,只讲了XML基础,DTD和Schema三部分内容。讲得都是基础,并不是XML的全部,通过网上找到了一些资料,发现XML还有很多得的东西需要学习和总结。学到的东西只是沧海一粟。大概先了解了一些,待以后再深入学习。

更多详情请点击:http://blog.csdn.net/u013037201/article/category/5605427


北风网李炎恢JavaScript视频

该阶段是JS较为系统的学习,弥补我们对从JS基础学习到框架应用的过渡,该视频中所讲到的理论都会跟随着对应的实例,讲师一边讲理论,一边带领实践,可以说是对JS基础部分的充分学习。另外,这部分视频对JS的面向对象上的应用进行了很好的阐述,为我们以后使用JS面向对象应用时提供指导,达到更好的抽象、封装、继承、多态的效果,使前段程序更加灵活。

视频大概从90集往后是实现了一个类似于Jquery的JS库,封装了很多基本的使用,正因如此,我们从中可以学习到不仅仅是如何简单使用一个JS库,更可以学习到JS库的来源以及原理,为我们以后更好的使用JS库进行开发提供支持。

JS学习从7月份开始,直到现在才结束。培养计划上是两周完成的任务。却用了将近五个多月。自己的时间管理到底做得是有多不好啊。一开始很认真得对代码进 行分析和实现。时间却消耗了大把大把。又赶上软考、自考、等级考试。更是一直拖着不走。这个项目自己真是付出了80%却收获了20%啊。不过这也是对自己 的一个教训。认识自己时间管理的一个能力。师傅说,培养计划上的一切安排都是针对一般人的。要想比一般人强,那就得用的时间,完成的质量都比培养计划上 高。学习要刻苦,但是更要聪明智慧地学习。通过这次学习,不仅学习到了JS的相关知识,也认识到自己在学习方法上、时间管理上的不足,这对自己来说无疑是
一笔财富。

更多详情请点击:http://blog.csdn.net/u013037201/article/category/5612769


精通CSS.DIV网页样式与布局

在前面的学习中,在牛腩中对CSS样式有了初步的实践认识;对asp.net控件也有了一定的熟悉度;对javascript脚本也有初步的认识。通过这一阶段,会学习一些asp.net网页样式设计的实例。即是对牛腩阶段中css样式设计的回顾,也是对以后项目实践中css设计的实践视野基础。

CSS的学习分了三个阶段进行学习:

 第一阶段: 首先很高兴自己能够按时完成了这项任务。在这次收获中最大的是时间管理。只有尽量严格执行计划,那么进度才会保证。

其次是知识的学习,初始CSS。CSS是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。为了弥补HTML的缺陷而引入了CSS。 CSS包含很多方面的内容,最基础的是它的基本语法。包含CSS选择器、选择器声明和CSS继承。其它是它的更多功能。但在HTML中表现形式都趋于一 致。它的样式都在<style></style>中包含,是对主要的内容的一个样式的调整和控制。

自学能力的提高。在提高班的学习难得之处就是培养自学能力。没有人会手把手教你,也没有老师给你传授知识,有的只是一个引导,你按部就班得去学就可以。不懂就动手解决,很好地培养了自学能力。

第二阶段:这部分的学习效率很高,很快就看完了。但是看过去留下的印象并不深刻。这样的学习不是自己想要的。听师傅说,做项目还是要回来针对性地学习的。这是基于有 印象的基础之上。之所以有这个结果还是自己总结不到位,只是很快地就看过去了,思考得比较少。总结时再回去看视频中讲解的文件,感觉比看视频容易理解多 了。CSS,还需要继续学习啊。

第三阶段:项目完成的那一刻,感觉CSS蹭蹭地就过来了。学时并不长,大概5h多,花费了一周的时间。CSS在牛腩中便用到了,但那时候对其的认识还是比较肤浅的, 通过这次深入的学习,针对性地学习了CSS,学会了CSS是如何控制网页的样式与布局的。非常期待项目中CSS的学习,招标系统提供了自己一个很好的平 台,认真对待学习和每个项目,相信将其达到灵活运用的程度不成问题。

更多详情请点击:http://blog.csdn.net/u013037201/article/category/6037945


JQuery实战视频教程

对asp.ent控件、css样式设计、javascript脚本有了基础的理解与实践。有了html、asp.net控件、样式设计和脚本语言做基础,这个阶段是对B/S阶段之前所学的一个综合。

JQuery的学习很顺利,印象最深的是它与JS相似之处。因为之前学过,所以非常顺手。HTML负责页面内容,CSS负责页面样式,Javascript负责页面行为。此视频的学习积累了很多的属性和方法,以后还要在实战中多多应用才是。BS这一块的内容,一定要快速得了解地看完,多做项目,在实践中深入学习。很期待自己能够实习的那一天。


AJAX微软深入浅出Ajax教程

对asp.ent有了一个整体的认识,对javascript和XML有了单独的的接触,对框架的概念也有了一定的了解,jQuery就是javascript的框架,并在jQuery中对Ajax异步有了一个浅浅的认识。

Ajax阶段的学习建立在B/S阶段之前多有知识的基础上,是对javascript和XML的综合技术的运用,在此阶段深入接触异步的概念。

在做牛腩新闻发布系统时,与AJAX有一面之缘。仅限于名字的熟悉,其它的就一无所知,觉得它很高大上,这一次对AJAX进行了专项学习。将其神秘面纱慢慢揭了下来。这次的学习也只是对于AJAX初步的了解,对于其中核心技术的细节在这里没有过多地介绍,有兴趣可以查阅相关资料进行了解。关于AJAX的知识还有待实践中来更好地深入学习。

更多详情请点击:http://blog.csdn.net/qwlzxx/article/details/50531034


其它

对asp.ent有了一个整体的认识,对javascript和XML有了单独的的接触,对框架的概念也有了一定的了解,jQuery就是javascript的框架,并在jQuery中对Ajax异步有了一个浅浅的认识。留了一个尾巴,还有BS模板学习和教务系统之拔苗助长计划。

模版学习是在BS项目之前安排,通过对模版的专门学习,使我们站在巨人的肩膀上实现项目,使我们的项目更加专业化,商业化。模板的学习在项目开发过程中完成。

教务系统主要解决有关教学活动的行政事务,以学生为主体,提高教务活动的管理效率,整体改观学校管理面貌。这里主要接触的是评教系统,旧版考试系统以及现在正在开发的ITOO高效云平台。

更多详情请点击:http://blog.csdn.net/u013037201/article/category/6039647

小结

B/S的学习已经完成,从5月份牛腩到现在学了有半年多的时间,虽说按计划在执行,但也延期了几次,对于知识点掌握地不是太好,还是需要在项目中反复进行实践学习的。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  BS HTML Asp.net JavaScript