专门为想要从事网页设计行业的学员开设的网页设计基础入门课程,该课程注重网页设计基础能力的培养和巩固,从简单的制作软件学习,系统的学习从事网页设计行业需要运用到的专业软件和能力,帮助学员打造扎实的网页设计功底。在学习过程中注重软件使用与实际案例相互结合学习,帮助学员增强软件运用能力,在大量的练习与实践中,积累更多的设计经验,为学成后步入社会,入职网页设计职业奠定一定的专业能力和设计经验,让学生顺利转行或者从事网页设计行业。
WEB前端JavaScript 交互培训
1、核心语法:
1)JavaScript的前世今生、javascript语法、介绍html5认识JavaScript、javascript中的对象、数组、变量、.流程控制(if…else switch…case while for)
2)随堂项目:九九乘法表、闰年计算、谁是高富帅(if…else.. Switch…case)
2、BOM与DOM操作:DOM操作:让一成不变的网页动起来;BOM操作:浏览器也有话要说
随堂项目:网页时钟的制作、回到顶部
3、事件编程:
1)javascript的事件机制:让网页回应你的问候;常见的JS事件:单击、双击、移动、悬停、焦点的获取与失去、浏览器的关闭与加载
2)随堂项目:1.选不中的按钮的实现 2.做一个计算器怎样?3.商品图片放大镜效果
4、正则表达式:
1)正则表达式的语法、利用正则表达式做字符匹配、面向对象编程:脱离过程走向对象
2)随堂项目:邮箱格式的验证、编写一个获取常见输入数据的格式验证类。
5、面向对象编程
1)面向对象编程简介、对象的创建、继承的实现、原型与原型链。
2)随堂项目:仿windows屏保气泡
6、JQuery
1)JQuery基础语法、JQuery选择器、JQuery的BOM与DOM操作、事件编程、常见动画与自定义动画编程、常见Jquery插件使用。
2)随堂项目:打地鼠游戏、抽奖轮盘制作
7、JQuery项目实战:图片轮播、利用jQuery制作拼图、贪吃蛇等项目实训
8、Ajax技术
1)Ajax技术介绍、json格式与XML格式详解、Ajax的post与get两种提交方式详解、服务器端的数据反馈机制说明、如何利用jQuery实现Ajax提交、 跨域访问的实现
2)随堂项目:用户注册、登录的Ajax无刷新实现、淘宝收货地址中省市级联的实现
9、Bootstrap:bootstrap介绍、bootstrap的栅格系统、CSS样式、组件、bootstrap的javascript插件
随堂项目:利用bootstrap构建移动商城首页、用户注册、登录等页面
10、ECMAScript6:1.webpack介绍 2.webpackg管用配置 3.模块处理module 6.3种加载器loaders的使用 4.编译器babel 5.插件plugins 6.热更新次操作 7.打项目终包
随堂练习:新前端开发环境搭建
学习方式
个性化授课:
根据个人进度及接受能力进行授课,无基础、跟不上不再是障碍
渐进式学习:
根据知识点及难易程度精选练习实例,在巩固与学新中一路进步
模块化教学:
根据效果图制作流程将学习内容进行科学组合,提高学习效率