WEB前端开发学习小结

原创 2015年08月27日 22:18:54

     引言】

  在经过了将近六个月的学习时间终于对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等。自己花费了大概两天的时间整理自己这半年的思想上和技术上的进

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

斗的路上的同学们一定要加油!只要我们努力就有进步!!!
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

极客学院web前端开发学习教程

  • 2017年05月25日 11:07
  • 57B
  • 下载

web前端开发需要学习什么?

一、了解前端:   Web前端开发是从网页制作演变而来的,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web1.0时代产物,那时网站的主要内容是静态的,用户使用网站的行为也以浏览为主。...

为什么学习web前端开发?

本文主要分析web开发的相关方向及技术,为想投入web开发的同学提供下参考。 什么是WEB开发 说到WEB开发就不得不提两种架构模式,B/S架构和C/S架构。 互联网发展初期,大多数...

WEB前端开发学习----12. JavaScript 选项卡效果

选项卡无处不在,记录一个简单的JS实现方法.

Web前端开发技能学习

Web前端开发所涉及的内容主要包括W3C标准中的结构、行为和表现,那么这三项中我们需要掌握的核心技能是什么呢?   1.开发语言   HTML发展历史有二十多年,历经多次版本更新,HTML5和CS...
  • ggk2015
  • ggk2015
  • 2015年09月28日 16:21
  • 139

Web前端开发学习3:SEO代码优化

一代码优化概述        关于代码优化的知识是纯理论的知识,学习的很枯燥。在学到CSS时,不免遇到CSS+div进行代码优化的知 识,因此在网上看了一些关于这方面的知识,简单的整合一下,梳理自己所...

WEB前端开发学习----5.理解 CSS 浮动float

首先需要明白两个概念:行内元素 , 块元素。

web前端开发学习预备知识

web开发大概分为前台和后端,前台又可以分为美工,交互设计,js编程。后端了解不多,前端的话,可以按如下思路系统学习: 基础知识: html + css。这部分建议在 www.w3school...

WEB前端开发学习----2.HTML表格table标签

在css没用流行之前,网页都是用表格,也就是table标签制作的。虽然现在不用table...

web前端开发学习经验总结

开博第一篇文章。谨以此文祭奠大学逝去的时光。 web开发大概分为前台和后端,前台又可以分为美工,交互设计,js编程。后端了解不多,前端的话,可以按如下思路系统学习: 基础知识: ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:WEB前端开发学习小结
举报原因:
原因补充:

(最多只允许输入30个字)