UI设计和Web前端哪个比较好
UI设计和Web前端哪个比较好
　　UI设计和Web前端哪个比较好学习?针对朋友们的疑问YJBYS小编搜集了以下的内容，欢迎阅读!
　　UI设计根据这三方面来展开学习：
　　平面设计
　　在达内UI设计培训第一阶段学习，主要针对零设计基础学员设置(有基础的学员可申请跳过)学习内容包括企业VI设计、企业画册设计、平面设计与后期印刷等知识。学习工具为PS、AI、coreldraw，学完这一段可以从事大多数平面设计工作。
　　在这一阶段中我们将学习Web界面设计、PC客户端软件界面设计、(X)HTML/HTML5语言、CSS样式表、布局技巧与浏览器兼容等技术。
　　移动界面设计
　　这一阶段是UI设计真正核心所在，学习内容包括：四种主流风格的图标设计、交互设计、移动界面设计，学习工具也进一步扩展为：AxureRP、Android、iOS。学完后将能够从事专业UI设计。
　　web前端根据这四方面来展开学习：
　　在互联网的初级阶段，Web前端工程师并不重要，用户不讲究体验，能上网就很开心来了，那时客户端与服务器的交互是页面和页面的交互，用户对前端的程序要求的比较低，有个表单，能提交一个名字，有一个文本框，能在网上和人聊一句好就很好啦，因此不需要Web前端工程师。
　　但随着互联网发展的今天，互联网的系统越多越多，越来越复杂，用户不能满足基本功能的需要，对互联网体验要求越来越高，客户端与服务器的交互不在是简单页面和页面的交互，而变为页面和页面+ 程序+数据的交互，其中实现与客户交互和体验的程序就是Web前端工程师完成的，这时Web前端工程师就诞生了，随着用户对体验和交互要求越高，系统功能越复杂，Web前端工程师的岗位就越重要。
　　我们经常听到用户体验，那么什么是用户体验?这不用详细回答了，即是能够增加用户停留时间，吸引用户持续浏览页面，而Web前端开发工程师以及UI设计的网页设计师、APP界面设计师需要做的就是在美化页面，实现公司形象展示和功能之外，能够多多提高用户体验，这样，才能实现自己真正的价值。那么web前端学习那个只是呢?
　　HTML5基础
　　在这一阶段主要学习，HTML5、CSS3、JavaScript基础，以及UI设计交互，完成京东页面的实现。
　　JavaScript核心
　　在这一阶段中我们将学习JavaScript核心，DOM编程，完成各种页面动态效果以及动态交互，实现2048游戏实战项目。
　　web前端核心
　　这一阶段是web前端真正核心所在，学习内容包括：jQuery、http协议及server端技术、HTML5高级，完成页面各种功能及效果，能够实现服务器端的通信分析，实现京东订单页的功能分析。
　　web前端高级技术
　　这一阶段是web前端技术提升阶段，学习内容包括：bootstrap、angularJS、web APP、常用JS框架，微信开发，实现web页面到移动端的迁移和部署，掌握微信产品设计和接口开发实现的相关技能。
　　那么学UI设计和web前端哪个好
　　综合来说，决定是否学习UI设计师培训课程--UI设计，还是Web前端开发，都是与页面前端有更大的关系，而且都是目前社会上比较缺少的人才，而我们学生需要的就是能够选择好自己想学习的课程，以及适合自己学习的方向，不论是UI设计培训还是Web前端开发培训，尽力的学习好它，让它为你所用。测试自己适合学习哪个课程最好的方法，是去听一下免费课程，学完才知道这个职业是否适合自己发展。
下页更精彩：1
本文已影响人
UI设计和Web前端哪个比较好相关推荐
[UI设计和Web前端哪个比较好]网友评论
<div class="ds-thread" data-thread-key="321195" data-title="UI设计和Web前端哪个比较好" data-image="">JS培训—参加JavaScript培训需要学什么基础？
& 本文是参加学习的内容简介，介绍些基础知识，包括js基本概念、 JScript 的变量、js的数据类型、3.JScript 的运算符、js流程控制、js函数。有需要的朋友可以参考下基本概念javascript是一门解释型的语言，浏览器充当解释器。js执行引擎并不是一行一行的执行，而是一段一段的分析执行。 延迟脚本HTML4.0.1中定义了defer属性，它的用途是表明脚本在执行时不会影响页面的构造。也就是说，脚本会延迟到整个页面都解析完毕后再执行。因此，在&script&元素中设置defer属性，相当于告诉浏览器立即下载，但延迟执行。在XHTML文档中，要把defer属性设置为defer=“defer&异步脚本html5为&script&定义了async属性。整个属性与defer属性类似，都用于改变处理脚本的行为。同样，与defer类似，async只适用于外部脚本文件，并告诉浏览器立即下载文件。但与defer不同的是，标记为async的脚本并不保证按照指定他们的先后顺序执行。指定async的目的是不让页面等待脚本文件下载和执行，从而异步加载页面其他内容。因此，建议异步脚本不要再加载期间操作DOM区分大小写ECMASCript中的一切（包括变量，函数名和操作符）都区分大小写。1. JScript 的变量变量在第一次用到时就设置于内存中，便于后来在脚本中引用。使用变量之前先进行声明。可以使用 var 关键字来进行变量声明。var count, amount, // 用单个 var 关键字声明的多个声明。变量命名变量名包括全局变量，局部变量，类变量，函数参数等等，他们都属于这一类。变量命名都以类型前缀+有意义的单词组成，用驼峰式命名法增加变量和函式的可读性。例如：sUserName，nCount。前缀规范：每个局部变量都需要有一个类型前缀，按照类型可以分为：12345678s：表示字符串。例如：sName，sHtml；n：表示数字。例如：nPage，nTotal；b：表示逻辑。例如：bChecked，bHasLogin；a：表示数组。例如：aList，aGroup；r：表示正则表达式。例如：rDomain，rEmail；f：表示函数。例如：fGetHtml，fInit；o：表示以上未涉及到的其他对象，例如：oButton，oDate；g：表示全局变量，例如：gUserName，gLoginTime；JScript 是一种区分大小写的语言。创建合法的变量名称应遵循如下规则：注意第一个字符不能是数字。后面可以跟任意字母或数字以及下划线，但不能是空格变量名称一定不能是 保留字。javascript是一种弱类型语言，JavaScript&会忽略多余的空格。您可以向脚本添加空格，来提高其可读性。var是javascript的保留字，表明接下来是变量说明，变量名是用户自定义的标识符，变量之间用逗号分开。如果声明了一个变量但没有对其赋值，该变量存在，其值为Jscript 值 undefined。强制类型转换在 Jscript 中，可以对不同类型的值执行运算，不必担心 JScript 解释器产生异常。相反，JScript 解释器自动将数据类型之一改变（强制转换）为另一种数据类型，然后执行运算。例如：12345运算 结果&数值与字符串相加& 将数值强制转换为字符串。布尔值与字符串相加& 将布尔值强制转换为字符串。数值与布尔值相加& 将布尔值强制转换为数值。要想显式地将字符串转换为整数，使用&parseInt&方法。要想显式地将字符串转换为数字，使用&parseFloat&方法。JavaScript&变量的生存期：当您在函数内声明了一个变量后，就只能在该函数中访问该变量。当退出该函数后，这个变量会被撤销。这种变量称为本地变量。您可以在不同的函数中使用名称相同的本地变量，这是因为只有声明过变量的函数能够识别其中的每个变量。如果您在函数之外声明了一个变量，则页面上的所有函数都可以访问该变量。这些变量的生存期从声明它们之后开始，在页面关闭时结束。2.js的数据类型jscript 有三种-&主要数据类型、两种-&复合数据类型和两种-&特殊数据类型。主要（基本）数据类型字符串数值布尔复合（引用）数据类型对象数组特殊数据类型&Null`Undefined`字符串数据类型：字符串数据类型用来表示 JScript 中的文本。在js中，虽然双引号（&&）和单引号(&#39;&#39;)均可表示字符串，而且它们几乎没有任何区别。但只使用双引号(&&)来表示字符串被认为是最佳的。一个字符串值是排在一起的一串零或零以上的 Unicode 字符（字母、数字和标点符号）。什么是Unicode？Unicode为每个字符都提供了唯一的数值，不管是什么平台、什么程序或什么语言。开发unicode是为了给处理世界上存在的所有字符提供统一的编码。数值数据类型我们需要明白一点，JScript 内部将所有的数值表示为浮点值，因此，在 Jscript 中整数和浮点值没有差别。Boolean数据类型布尔（逻辑）只能有两个值：true 或 false。js数组和对象详情看我这篇文章-&javascript学习总结— —数组和对象部分Null 数据类型：可以通过给一个变量赋 null 值来清除变量的内容。Jscript中&typeof&运算符将报告&null&值为&Object&类型，而非类型&null。1234567891011&html&xmlns=&&&xml:lang=&en&&&head&&&&meta&http-equiv=&Content-Type&&content=&text/charset=UTF-8&&/&&&title&&/title&&&script&type=&text/javascript&& &&&alert(typeof null);&&/script&&/head&&body&&/body&&/html&null用来表示尚未存在的对象，常用来表示函数企图返回一个不存在的对象。Undefined&数据类型：如下情况将返回 undefined 值：对象属性不存在，声明了变量但从未赋值。null和undefined的区别123alert(typeof&undefined); //output &undefined& alert(typeof&null); //output &object& alert(null&== undefined); //output &true& ECMAScript认为undefined是从null派生出来的，所以把它们定义为相等的。12alert(null&=== undefined); //output &false& alert(typeof&null&== typeof&undefined); //output &false& null与undefined的类型是不一样的，所以输出&false&。而===代表绝对等于，在这里null === undefined输出false&另外，这里介绍一种比较重要的数据类型——引用数据类型引用数据类型javascript引用数据类型是保存在堆内存中的对象，JavaScript不允许直接访问堆内存空间中的位置和操作堆内存空间，只能通过操作对象在栈内存中的引用地址。所以引用类型的数据，在栈内存中保存的实际上是对象在堆内存中的引用地址。通过这个引用地址可以快速查找到保存在堆内存中的对象。下面我们来演示这个引用数据类型赋值过程&自然，给obj2添加name属性，实际上是给堆内存中的对象添加了name属性，obj2和obj1在栈内存中保存的只是堆内存对象的引用地址，虽然也是拷贝了一份，但指向的对象却是同一个。故而改变obj2引起了obj1的改变。基本类型值指的是那些保存在栈内存中的简单数据段，即这种值完全保存在内存中的一个位置。而引用类型值则是指那些保存在堆内存中的对象，即变量中保存的实际上只是一个指针，这个指针指向内存中的另一个位置，该位置保存对象。简而言之，堆内存存放引用值，栈内存存放固定类型值。&&在&ECMAScript&中，变量可以存在两种类型的值，即原始值和引用值。原始值存储在栈（stack）中的简单数据段，也就是说，它们的值直接存储在变量访问的位置。引用值存储在堆（heap）中的对象，也就是说，存储在变量处的值是一个指针（point），指向存储对象的内存处。123456&script type=&text/javascript”&var box = new Object(); //创建一个引用类型var box = &lee&;& //基本类型值是字符串box.age = 23;& //基本类型值添加属性很怪异，因为只有对象才可以添加属性。alert(box.age); //不是引用类型，无法输出；&/script&3.JScript 的运算符优先级：指运算符的运算顺序，通俗的说就是先计算哪一部分。结合性：同一优先级运算符的计算顺序，通俗的说就是从哪个方向算起，是左到右还是右到左。数据类型转换String() 转换为字符串类型Number() 转换为数字类型Boolean() 转换为布尔类型parseInt：将字符串转换为整数。从字符串的开头开始解析，在第一个非整数的位置停止解析，并返回前面读到所有的整数。如果字符串不是以整数开头的，将返回NaN。如：parseInt（“150 hi”）返回的值是：150，parseInt(&hi&)返回的值是：NaN。parseFloat：将字符串转换为浮点数。 从字符串的开头开始解析，在第一个非整数的位置停止解析，并返回前面读到所有的整数。如果字符串不是以整数开头的，将返回NaN。如：parseFloat(&15.5 hi&) 返回的值是：15.5，parseFloat(&hi 15.5&)返回的值是：NaN。eval：将字符串作为javascript表达式进行计算，并返回执行结果，如果没有结果则返回undefined。&4.js流程控制对于js流程控制语句，这里只讲几个比较难懂的。其他不赘述。等下附上一张思维导图。1.for...in 语句对应于一个对象的每个，或一个数组的每个元素，执行一个或多个语句。12for&(variable in&[object | array])statements 参数：variable：必选项。一个变量，它可以是 object 的任一属性或 array 的任一元素。object,&array：可选项。要在其上遍历的对象或数组。statement：可选项。相对于 object 的每个属性或 array 的每个元素，都要被执行的一个或多个语句。可以是复合语句。虽然条件控制语句（如if语句）只在执行多条语句的情况下才要求使用代码块（左花括号&{&开头，右花括号&}&结尾）,但最佳实践是始终使用代码块。123456if(args)&&alert(args);//容易出错&if(args){&&alert(args);//推荐使用}5.js函数函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。Jscript&支持两种函数：一类是语言内部的函数，另一类是自己创建的。JavaScript&函数允许没有参数（但包含参数的小括号不能省略），也可以向函数传递参数供函数使用。更多关于函数的知识请访问我的另一篇文章：javascript学习大总结（四）function函数部分对象的组成12方法——函数：过程、动态的属性——变量：状态、静态的
阅读数：4086
今日头条iOS客户端启动速度优化
技术的正宗与野路子
史上最全的C/C++资源，不看你后悔
李明杰，网名M了个J，不仅仅是名师，更是多个世界流行iOS框架作者(目前在国内的使用率非常高，对移动开发有着独到的见解和深入的研究，除Android、iOS开发外, 李老师也深入研究HTML5、phoneGap、Sencha-Touch、Less、Bootstrap、AngularJS、NodeJS等前端利器。学生们都称李明杰老师为“App工厂”、“iOS男神”。
不只是IT论坛。
小码哥教育公众号热门关键词:
热门关键词:
UI设计需要学什么?要学多久？？
学费：咨询 优惠价格：咨询
开课时间：2022-2
学时：半年制 浏览量：
授课机构：
上课地点：武汉市洪山区珞狮路206号-18#
联系方式: 027-
UI设计需要学什么?要学多久？
首选IT新时空，办学18周年，专业从事UI设计实训教育。
30秒测试自己是否适合做设计师？点击下面链接知晓：
/zhuanti/testonline.html?36501yy&
&&&&&&&&&&&&&&&&&&
行业信息：
&&& 移动互联网技术日新月异，带来了UI/UE领域的快速发展。如此良好的行业发展前景，也决定了UI/UE技能人才需求量加大。
&&& 而当今天的用户早已不满足于简单界面功能的使用而更注重情感体验时，企业对于UI设计师的要求也上升到需要把他们对生活日常的理解和灵感用到设计中而不是机械地完成设计任务――即创意型高级UI设计师，这也是普通UI设计师和优秀UI设计师的区别之一。
&　　2015学ui设计有前途吗？根据职友集最新薪资统计，在北上广一线城市，初级UID年薪大概在5-6万之间，而企业对专业UI设计师开出了30-50万/年的高薪，薪资诱人让人心动。UID人才缺口巨大，专业UI设计人才更加稀缺，专家预测到2015年整个UID行业的人才缺口将达到100万。
课程设置：
一、UI交互设计预备：
1.课前介绍：课程介绍，上课模式，学习环境，生活环境，学生自我介绍及相互认识。
2.办公自动化：Windows、wｏｒd、excel、ppt办公应用基础；办公软件在广告设计方向的应用（预算表、工程汇报、PPT讲稿等）
3.美术设计基础：设计素描、水粉、速写的原理及实践，投影、视图、透视，灯光表现,户外写生等。
4.美术设计提高：设计素描、水粉提高课程、光和影的写实手法、审美观念的提高、色彩搭配的提高，配色原理的提高。
5.手绘和速写训练：手绘的基础、手绘图标的训练、速写的训练、界面的基础创意。
6.人机交互的概念：人机交互概念与模型、人机交互的研究内容与方向 、人机交互的发展历史与未来趋势、认知心理学与人机工程学概述 、交互设备、人机交互技术、交互概念设计。
7.行业职业分析：行业介绍，UI设计师职业发展与规划，UI设计项目工作流程，UI设计师工作范围，UI设计师必备技能，UI设计师常用设计工具及常用术语，UI设计师就业流程。
8.专业设备应用：打印机、复印机、扫描仪、传真机，数码相机等专业设备应用和讲解以及操作。
二、UI软件设计部分：
1.Photoshop：熟练掌握PS在图像编辑、图像合成、校色调色及特效制作四大部分的技巧以及配合AI的应用。
2.Illustratｏｒ：AI工具使用，印刷出版、专业插画、多媒体图像处理和互联网页面的制作以及配合PS的应用。
3.Firewｏｒks：讲解FW在网页切片、图层、帧、gif动画、画布设置中的应用以及配合其他软件进行使用。
4.Axure RP：交互软件设计学习，创建基于网站构架图的带注释页面示意图、操作流程图、以及交互设计，并可自动生成用于演示的网页文件和规格文件。
5.综合提高应用：
1).讲解桌面隐喻概念、图标的国际规格与色彩支持、什么是好的图标？
2).利用illustratｏｒ、firewｏｒks等软件进入深入学习，主要学习图标质感的表现（水晶、金属、木质、其他材质）
3).图标的规范及应用、3d图标的应用、启动图标的设计应用。
三、UI交互设计部分：
1.Dreamweaver：讲解DW的人性化功能以及在页面架构和前端开发应用领域的使用技巧，css样式表的应用，网站的管理和维护。
2.Flash：讲解FL在视频、声音、图形和动画方面的应用，可以各种动画制作、导航界面、互动效果以及其他奇特的效果。
3.HTML：HTML的语法及HTML的最新特性,HTML的实际应用及案例分析。
4.Web标准布局DIVCSS：详解DIV+CSS布局重构的高级技巧，使学员能够针对不同的用户体验设计出不同的网站结构布局。熟悉各种浏览器的特点，并能熟练掌握各种浏览器兼容的制作方法和技巧。
5.网页交互设计Javascript：Javascript使网页和用户之间实现了一种实时性的、动态的、交互性的关系，它使网页变得更加鲜活。在这里我们将学到Javascript的交互理论与常用的web特效，用足够的创意，开辟交互动画的新时代。
30秒测试自己是否适合做设计师？点击下面链接知晓：
/zhuanti/testonline.html?36501yy
&&&&&&&&&&&&&&&&&&
IT新时空咨询QQ：
IT新时空咨询电话：027-
IT新时空咨询网址：/?36501yy
IT新时空地址：武汉市武昌洪山区珞狮路206-18#
阅读上一篇：阅读下一篇：
本培训机构相关资讯
??????????
培训机构联系方式
本培训机构其他课程
???????????????
如何选择一对一课外辅导班？
　　如果您的孩子在学习上存在这样那样的问题，您不妨拨打一个400免费咨询电话，找教育专家聊聊，也许仅仅几分钟的免费电话就将改变您孩子的未来。点击您所在市查询本地名师一对一辅导400免费咨询电话:　　
【】【】【】【】【】【】【】【】【】【】【】【】【】【】【】【】【】【】【】【】
三百六十行，欢迎各培训机构加盟javascript教程：史上最全的javascript学习路线图
全国课程咨询热线
>>javascript教程：史上最全的javascript学习路线图
javascript教程：史上最全的javascript学习路线图
本文来源于：HTML5小组 日 12:25:46
JavaSctipt学习路线完成整个课程大纲需要花上6~8周的时间，将学会完整的JavaScript语言（包括jQuery和一些HTML5）。如果你没有时间在6个星期里完成所有的课程（确实比较有挑战性），尽量不要超过8个星期。花的时间越长，掌握和记忆各种知识点的难度就越大。1～2周(简介，数据类型，表达式和操作符)如果你还不是很了解HTML和CSS，完成Codecademy上的web基础任务。阅读《JavaScript权威指南》或者《JavaScript高级程序设计》的前言和第1~2章。十分重要：在书中遇到的每个样例代码都要动手敲出来并且在火狐或Chrome浏览器控制台中跑起来、尽量蹂躏它（做各种试验）。也可以用jsfiddle，但不要用Safari浏览器。我建议用火狐搭配Firebug插件去测试和调试代码。浏览器控制台就是可以让你编写和运行JavaScript代码的地方。完成Codecademy&JavaScript Track上的Introduction to JavaScript部分。阅读《JavaScript权威指南》第3~4章。或者阅读《JavaScript高级程序设计》第3~4章。你可以跳过位操作部分，在你的JavaScript生涯中一般不会用上这个。再次说明，记得要不时停下来把书本的代码敲到浏览器控制台里（或者JSFiddle）做各种测试，可以改变几个变量或者把代码结构修改一番。阅读《JavaScript权威指南》第5章。至于《JavaScript高级程序设计》则暂时没有阅读任务，因为前面已经把相关知识覆盖了。完成Codecademy&JavaScript Track上的2~5部分。JavaScript变量学习路线图，点击图片收藏大图JavaScript数据类型学习路线图，点击图片收藏大图JavaScript函数学习路线图，点击图片收藏大图JavaScript运算符学习路线图，点击图片收藏大图3~4周(对象，数组，函数，DOM，JQuery)JavaScript数组学习路线图，点击图片收藏大图JavaScript流程控制学习路线图，点击图片收藏大图JavaScript字符串函数学习路线图，点击图片收藏大图JavaScriptDOM学习路线图，点击图片收藏大图以下三选一：两本书会涉及更多的一些细节，但只要看完我的博文，你可以完全放心地跳过这些细节。阅读我的博文JavaScript 对象详解.阅读《JavaScript权威指南》第6章。阅读《JavaScript高级程序设计》第6章。注意：只需要看“理解对象”（Understanding Objects）部分。阅读《JavaScript权威指南》第7~8章或者《JavaScript高级程序设计》第5和7章。此时，你应该花大量时间在浏览器控制台上写代码，测试if-else语句，for循环，数组，函数，对象等等。更重要的是，你要锻炼和掌握独立写代码，不用借助Codecademy。在Codecademy上做题时，每个任务对你来说应该都很简单，不需要点帮助和提示。如果你还卡在Codecademy上，继续回到浏览器上练习，这是最好的学习方法。就像詹姆斯年轻时在邻居的篮球场上练球，比尔盖茨在地下室里学习编程。持续地练习，这一点点的进步积累起来效果会非常惊人。你要看到这个策略的价值，相信它是可行的，全心投入进去。Codecademy会造成已掌握的错觉。使用Codecademy最大的问题是，它的提示和代码小片段会让人很容易就把答案做出来，造成一种已经掌握这个知识点的错觉。你可能一时看不出来，但这样做你的代码就不是独立完成的了。但目前为止，Codecademy依然是学习编程的好帮手。特别是从一些基本的代码结构如if语句，for循环，函数和变量去指导你了解小项目和小应用的开发过程。回到Codecademy完成JavaScript路线。做完6~8部分（数据结构做到Object 2）。实现Codecademy上Projects路线的5个基础小项目（Basic Projects）。做完之后，你已不再需要Codecademy了。这是一件好事，因为自己做的越多，学得就越快，就能更好准备开始独立编程。阅读《JavaScript权威指南》第13，15，16和19章。或者阅读《JavaScript高级程序设计》第8，9，10，11，13和14章。这本书没有涉及到jQuery，而Codecademy上的jQuery知识也覆盖得不够。可以看看jQuery的官方教程，免费的：/你也可以在《JavaScript权威指南》第19章了解更多的jQuery知识。完成全部的jQuery教程/。JavaScript终极编辑器：WebStorm在你实现第一个项目之前，如果打算以后做JavaScript开发者或者经常用到JavaScript，最好现在就去下载WebStorm的试用版。这里可以学习怎么使用WebStorm（专门为这个课程写的）。毋庸置疑，WebStorm是JavaScript编程最好的编辑器（或IDE）。30天试用后要付$49.00，但作为JavaScript开发者，这应该是除了买书以外最明智的投资了。确保在WebStorm中启用JSHint。JSHint是一个检查JavaScript代码错误和潜在问题的工具，强制你的团队按照规范写代码。用WebStorm最爽的地方是JSHint会自动在错误的代码下显示红线，就像文字处理程序中的拼写检查。JSHint会显示一切的代码错误（包括HTML），促使你养成良好的习惯，成为更好的JavaScript程序员。这很重要，当你真正意识到WebStrom和JSHint对你的巨大帮助时，你会回来感谢我的。此外，WebStorm是一个世界级，专业人员使用的IDE，用来编写专业的JavaScript web应用，所以你以后会经常用到它。它还结合了Node.js，Git和其它JavaScript框架，所以即使你成为了明星级的JavaScript开发者，你还是会用到它的。除非以后出现了更多的JavaScript IDE。公平起见，我在这里提一下Sublime Text 2，这是仅次于WebStorm的JavaScript编辑器。它的功能不及WebStorm丰富和完整（即使添加了一堆插件）。做小修改的时候我会用到Sublime Text 2，它支持很多语言，包括JavaScript，但我不会用它来构建完整的JavaScript Web应用。第一个项目-动态问答应用此时，你已经掌握了足够的知识去建立一个稳固的，可维护的web应用。在做完我为你设计的这个应用之前不要看后面的章节。如果你卡住了，去Stack Overflow提问并且把书上相关的内容重新看一遍直到完全理解这些概念。接下来开始建立一个JavaScript问答应用（还会用到HTML和CSS），功能如下：这是一套单选测试题，完成之后会显示用户的成绩。问答应用可以产生任意多的问题，每个问题可以有任意多的选项。在最后的页面显示用户的成绩。这个页面只显示成绩，所以要把最后一个问题去掉。用数组存所有的问题。每个问题包括它的选项和正确答案，都封装成一个对象。问题数组看起来应该是这样：//&这里只演示一个问题，你要把所有问题都添加进去&var&allQuestions&=&[&{&question:&&Who&is&Prime&Minister&of&the&United&Kingdom?&,&choices:&[&&David&Cameron&,&&Gordon&Brown&,&&Winston&Churchill&,&&Tony&Blair&],&correctAnswer:&0&}&];当用户点击“Next”时，使用document.getElementById或jQuery动态的添加下一个问题，并且移去当前问题。在这个版本里“Next”是唯一的导航按钮。你可以在本文下方评论求助，最好是去Stack Overflow提问，在那里会有及时而准确的回答。5～6周(正则表达式，Window对象，事件，JQuery)JavaScript正则表达式学习路线图，点击图片收藏大图JavaScriptwindow对象学习路线图，点击图片收藏大图阅读《JavaScript权威指南》第10，14，17，20章。或者阅读《JavaScript高级程序设计》第20，23章。记得要把样例代码敲到浏览器控制台上，尽可能蹂躏它，做各种测试，直到完全理解它是怎么工作，它能干些什么。此时，你用起JavaScript来应该很顺手，有点像武林高手要出山了。但你还不能成为高手，你要把新学到的知识反复使用，不停的学习和提升。升级之前做的问答应用添加客户端数据验证：保证用户回答了当前问题才能进入下个问题。添加“Back”按钮，允许用户返回修改答案。最多可以返回到第一个问题。注意对于用户回答过的问题，选择按钮要显示被选中。这样用户就无需重新回答已经答过的问题。用jQuery添加动画（淡出当前问题，淡入下个问题）在IE8和IE9下测试，修改bug，这里应该会有得你忙了。 ;D把问题导出JSON文件添加用户认证，允许用户登陆，把用户认证信息保存在本地存储（local storage，HTML5浏览器存储）。使用cookies记住用户，当用户再次登陆时显示“欢迎用户名回来”。7周，可延长到8周(类，继承，HTML5)阅读《JavaScript权威指南》第9，18，21，22章。或者阅读我的博文JavaScript面向对象必知必会或者阅读《JavaScript高级程序设计》第6，16，22，24章，第6章只读“创建对象”（Object Creation）和“继承”（Inheritance）部分。注意：这部分是本课程中技术性强度最大的阅读，要根据自身的状况考虑要不要全部读完。你至少要知道原型模式（Prototype Pattern），工厂模式（Factory Pattern）和原型继承（Prototypal Inheritance），其它的不作要求。继续升级你的问答应用：页面布局使用Twitter Bootstrap，把问答的元素弄得看起来专业一些。而作为额外奖励，用Twitter Bootstrap的标签控件（译者注：原文地址失效，已改）显示问题，每个标签显示一个问题。学习Handlebars.js，将Handlebars.js模板用在问答应用上。你的JavaScript代码中不应该再出现HTML代码了。我们的问答应用现在越来越高级啦。记录参加问答的用户成绩，展示用户在问答应用中与其他用户的排名比较。在学完Backbone.js和Node.js后，你会用这两种最新的JavaScript框架重构问答应用的代码，使之变成复杂的单页面现代web应用。你还要把用户的认证信息和成绩保存在MongoDB数据库上。接下来：构思一个项目，趁热打铁迅速的去开发。卡住的时候参考《JavaScript权威指南》或者《JavaScript高级程序设计》。当然，还要成为Stack Overflow的活跃用户，多问问题，也要尽量回答其它人的提问。继续提升精通backbone.js中高级JavaScript进阶不侧漏精通Node.jsMeteor.js入门（即将出炉）三个最好的JavaScript前端框架（即将出炉）一些鼓励的话祝你学习顺利，永不放弃！当你做不下去觉得自己很蠢的时候（你会时不时这么想的），请记住，世界各地的其他初学者，甚至是有经验的程序员，也会不时产生这种想法的。当你学有所成的时候，放心的将你的成果分享给我们吧，哪怕是个微不足道的，小到显微镜都看不到的小项目。
28/05 28/05 28/05 28/05 28/05 28/05 28/05 28/05 28/05 28/05
29/09 29/09 29/09 29/09 29/09 24/03 24/03 24/03 24/03 24/03
北京博看文思分公司地址：北京石景山路42号总工会2层(总部)
咨询电话： 010-
面授课程：iOS培训、HTML5培训、Android培训、UI设计
广州博看文思分公司地址：广州越秀区人民北路大新银行3层
咨询电话：020-
面授课程：iOS培训、HTML5培训、Android培训
厦门博看文思分公司地址：厦门思明区湖滨东路319号C栋1层
咨询电话：
面授课程：iOS培训、HTML5培训、Android培训
成都博看文思分公司地址：四川成都武侯区长华19号万科汇智中心15层
咨询电话：028-
面授课程：iOS培训、HTML5培训、Android培训
西安博看文思分公司地址：陕西西安高新区绿地蓝海大厦
咨询电话：029-
面授课程：iOS培训、HTML5培训、Android培训
石家庄博看文思分公司地址：河北石家庄裕华区建设南大街269号师大科技园B座5层
咨询电话：5
面授课程：iOS培训、HTML5培训、Android培训
青岛博看文思分公司地址：山东市南区燕儿岛路市南软件园2号楼7层
咨询电话：1
面授课程：iOS培训、HTML5培训、Android培训
郑州博看文思分公司地址：河南郑州郑东新区郑东商业中心1栋1018层
咨询电话：2
面授课程：iOS培训、HTML5培训、Android培训
日照博看文思分公司地址：山东日照东港区大学城四季花园
咨询电话：
面授课程：iOS培训、HTML5培训、Android培训
福州博看文思分公司地址：福建省福州市马尾区马尾图书馆第四层（自贸试验区内）
咨询电话：5
面授课程：iOS培训、HTML5培训、Android培训
深圳博看文思分公司地址：深圳宝安区互联网产业基地A区2栋4层
咨询电话：2
面授课程：iOS培训、HTML5培训、Android培训
Copyright (C)
| 电话： | 地址：北京石景山区总工会博看文思 | ICP证：京ICP备号 | 京公网安备：55