济南天桥区h5培训班哪里有

HTML5+CSS3

JS交互设计
前端框架
HTML5基础、进阶
掌握HTML基本语法；掌握HTML常用标签及属性；掌握HTML语义化，掌握HTML5新增的结构化标签；掌握HTML5浏览器兼容方式，

CSS基础、进阶
掌握CSS语法及使用技巧；掌握DIV+CSS布局方法；掌握浏览器常见兼容性解决方案，掌握CSS3新增的选择器；掌握CSS3新增的样式属性；掌握弹性盒布局方法及技巧；掌握Animate动画库使用方法，

Less
掌握Less的使用方式；掌握Less的常用语法，

项目实战

小U商城（PC端）；小U商城（移动端）；小U商城后台管理系统（响应式）

JavaScript核心语法、DOM和BOM
掌握JavaScript的基本语法；掌握JavaScript内置对象；掌握JavaScript常见算法；掌握JavaScript函数应用，掌握DOM的各种操作等
JavaScript*进阶、面向对象编程
掌握JavaScript事件的对象；能够熟练使用正则表达式进行表单验证；掌握闭包的应用场景及优缺点；掌握AJAX的实现原理及封装等
Touch、jQuery、Zepto
掌握Touch.js在移动端的应用，熟悉jQuery常见操作；熟悉jQuery DOM操作；掌握jQuery核心API，掌握Zepto的使用方法，
优学在线
掌握项目的开发流程；掌握音频视频常用API使用；熟练使用WebAPIs编程，

Vue基础、Vue进阶
掌握Vue基础语法和指令；掌握Vue计算属性和监听的使用方法；掌握Vue组件的定义和基本使用，掌握Vue组件通信的方法等
TypeScript
掌握TypeScript基本类型的使用；能熟练在Vue-cli3.0中使用TypeScript，
React
掌握React的JSX语法使用；掌握React事件绑定的方法；掌握React组件的定义和通信；掌握React路由及相关路由组件的使用方法等
小U商城电商项目、优社区项目
掌握Vue相关知识的综合使用；熟悉Vue项目的开发、部署流程；熟悉Git版本控制软件的使用；熟悉数据可视化工具的使用，

JS 较早是为表单而发明的，因此在没有JS之前，所有操作都需要提交后端验证，发现有误再重定向回原页面。JS较初发明出来，就是做表单验证的。

围绕表单，添加了各种语义化的元素，事件，属性.

比如说label，在某个radio外围上它，既能说明它是什么东西，也能扩大点击范围

比如说fieldset，它拥有默认的框框，方便圈定某个区域，表明这里面的东西是表单(form默认不可见，CSS此时还未发明)

比如说， onchange, oninput, onsubmit等事件，提交与用户交互的友好度

比如说，readOnly, disabled, checked, 为表单元素增加各种状态

我们可以给一个定义，何谓表单元素 ?就是能向后端提供数据的元素

而这些元素通常都放在form元素中，但如果将它们单个拎出来，这个不好判定，我们还可以通过其他”外观”特征获得，就是它们的tagName都是input, button, select, textarea。其实option元素也算是表单元素，但它的数据需要提交到select 元素进行过滤，才能提交。

function isFormElement(el){

return /input|button|select|textarea/i.test(el.tagName)

}

在HTML5中，还添加类似datalist, output等元素，但它们只是辅助设施，没有直接给form提交数据的能力，因此不算是表单元素

form元素作为AJAX出现前的提交通道，杭州达内web培训重点说下：

form拥有如下属性

accept：值MIME_type 规定通过文件上传来提交的文件的类型

accept-charset：值charset 服务器处理表单数据所接受的字符集

enctype：值MIME_type 规定表单数据在发送到服务器之前应该如何编码

method：值get/post 规定表单数据发送的方式，get方法和post方法

name：值name 规定表单的名称

target：值_blank/_parent/_self/_top 规定在何处打开action URL

其中有三个重要属性：

1、action指定该表单发送时接受操作的地址

2、method指定表单数据发送的方法。可选值:get、post。get发送则表单内的数据将附加到url后发送。post则是在HTTP请求中发送。

3、enctype指定表单数据在发送的服务器之前如何编码，特别注意的是，当含有上传域时要设置编码方式为enctype=”multipart/form-data”，否则后台无法获取到浏览器发送的文件数据。是设置表单的MIME编码。默认情况，这个编码格式是application/x-www-form-urlencoded，不能用于文件上传;只有使用了multipart/form-data，form里面的input的值以2进制的方式传过去。才能完整的传递文件数据。FTP上传大文件的时候，也有个选项是以二进制方式上传。

表单里面的元素布置有一定的要求，如form里面一定放着fieldset，fielset里面包着legend，label包着说明文字与input，textearea…… label里要指定tabindex，就是tab切换的顺序。

<form>

  <fieldset>

    <legend>health information</legend>

    <label tabindex="1">height: <input type="text"></label>

    <label tabindex="2">weight: <input type="text"></label>

  </fieldset>

</form>