sdsdfsdfsdfs / angularJS-project-introduce

现在网上查找AngularJS的教程几乎都是一些教我们怎么使用控制器,教我们怎么使用某一个点,却不会教我们遇到问题怎样解决,所以如果不通过一次的不管大小的项目的实战,我们很难了解一般使用AngularJS开发的时候都会出现什么问题。

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

angularJS-project-introduce

现在网上查找AngularJS的教程几乎都是一些教我们怎么使用控制器,教我们怎么使用某一个点,却不会教我们遇到问题怎样解决,所以如果不通过一次的不管大小的项目的实战,我们很难了解一般使用AngularJS开发的时候都会出现什么问题。

在这里我希望完成的是一个调查问卷网站的前端页面开发的工作,也希望能够将其讲解出来,能帮助初学者一些忙。其实我也是一个刚开始接触AngularJS的人,但是我们也知道如果你去应聘前端开发相关工作的时候你可不会说你去应聘AngularJS开发工程师,这些都属于前端开发的范畴,所以说我个人认为对于一些框架我们不必看见了就去追赶,还不如看看自己的JavaScript的基础有没有掌握牢固呢!框架随时都有可能没落,什么一门语言也是这样的,我们需要的是一种学习的能力,需要的是一种技巧。

好了,不多发表个人观点了。我们还是来介绍一下这个教程将要做什么吧!我们将会使用bootstrap.css和AngularJS以及自己的一些css、JavaScript、HTML结合起来完成一个调查问卷的前端页面开发,但是这其中我们不会涉及到与后台相交互,所以我们不会讲解后台有关的编程与设计思路(我也不擅长),这个调查问卷网站的数据不能保存,刷新之后就不会存在了。

这不是一个完全没有AngularJS基础的介绍的东西,所以如果你希望从这里获取有关AngularJS的基础性的东西,我还是要告诉你你会失望的,所以你必须得有一些基础,那么什么样的基础可以学习这个教程呢?把这个网站关于AngularJS的内容过一遍就好了。angularJS教程

该项目的设计稿纸以及要求来源于百度前端技术学院2016春季的任务50(task50)——微型调查问卷网站的制作,但是我不会使用Photoshop之类的图像处理软件,所以对于稿纸上的尺寸我都是通过自己臆想得到的,如果你会使用Photoshop,希望你不要这样做。

最后需要说明一点,我们会在这个项目中使用AngularJS 1.5版本的,这个版本在IE8(包括IE8)不支持,所以你一定要做好准备,另外我们暂时不考虑将其写成响应式的页面,所以对于大屏的设备来说浏览的效果会更好。我已经自己做好了一个样本,欢迎查看,里面的代码没有进行压缩,如果你想看的话,可以自己复制。

由于我在写到新建问卷的时候发现使用文字来表述这些我使用的方法很难,所以我就没有具体地进行讲解,所以这几个文件夹是没有意义的investigateList、create、createPie,但是我在AllCodesHere文件夹中贴出了全部的代码,可以提供一些参考。

希望能够见谅,我写到后面才发现要表述我的逻辑很困难,尤其是我的初衷是向初学者介绍整个网站的逻辑方法,这需要每一个点都涉及到,也就是说如果真的要做到这一点,那么我需要写上可能有一小本书的内容,而我本人现在的时间很紧张,不可能做到这一点,所以我决定最后贴出全部的代码,也许这样的方式会更有效一些。

About

现在网上查找AngularJS的教程几乎都是一些教我们怎么使用控制器,教我们怎么使用某一个点,却不会教我们遇到问题怎样解决,所以如果不通过一次的不管大小的项目的实战,我们很难了解一般使用AngularJS开发的时候都会出现什么问题。


Languages

Language:JavaScript 57.6%Language:HTML 28.9%Language:CSS 13.5%