首页 供应 求购 产品 公司 登陆

上海web前端培训、专业师资团队、成就白领人才

  • 发布时间:2019-06-19 14:43:27
    报价:面议
    地址:上海,浦东,上海徐汇、黄浦、浦东、普陀、虹口、松江
    公司:上海育通教育信息咨询有限公司

    手机:15584140180
    微信:feifanzhu2016
    用户等级:普通会员

    我校针对目前网页宣传行业的广大需求,培养具备综合素质和技能的网页设计师。使学员精通网页设计岗位所需的各项专业技能,并具备独立承担网页设计、网站开发项目的能力和实践经验。学员毕业后可以从事网页宣传公司、大型网站开发公司、广告策划设计公司、各公司网络部、网络推广部等岗位的工作。

    高级WEB前端工程师精品班  (2019体系)

    一阶段(WEB前端布局与交互开发)

    一、WEB前端HTML5/CSS3布局与样式

    1、HTML标签:HTMl5简介与入门、文本、图像、链接、表格、列表、智能表单、结构化标签等内容

    随堂项目:

    1.文章页面的结构化布局。包括文章标题、正文、图片、页面背景、作者、发表时间等信息

    2.利用table标签课程表的实现

    3.利用form、input表单标签实现简单登录注册页面

    2、CSS基础语法

    常见样式:CSS3简介、css3引入方式、常见样式、文字与文本、颜色、背景色、精灵图片等

    随堂项目:首页导航栏的制作

    3、CSS选择器:css选择器:标签选择器、类选择器、ID选择器、后代选择器、群组选择器、伪类选择器、结构化伪类选择器、属性选择器、兄弟选择器、子元素选择器

    4、CSS盒子模型:盒模型简介、盒模型组成部分、盒模型常用场景、弹性盒模型

    随堂项目:导航栏的制作,利用盒子模型拉开间距、hover效果添加后的内边距设定

    5、浮动与定位:浮动:float、clear、恢复塌陷的父容器高度。定位:一动不动的(static),跟着别人跑的(absolute),以自己为中心的(relative),固定的(fixed)

    随堂项目:导航栏左右布局的定位、二级菜单的实现、回到顶部的按钮

    6、响应式布局与页面优化处理:移动页面与PC端页面布局时候需要注意点、媒体查询在响应式布局中的应用、响应式布局中弹性盒模型的设计技巧、各种浏览器对于CSS样式的支持情况、页面优化需要注意的地方、解决跨浏览器兼容性问题

    随堂项目:移动端的用户注册页面、PC端的用户注册页面。

    7、静态页面切图项目实战:

    1)企业站实训:1.首页导航、二级菜单 2.banner轮播图 3.产品展示 4.成功案例 5.中心 6.联系方式 7.友情链接 8.版权申明 9.总结

    2)商城实训:1.首页(头部导航、分类搜索、秒杀产品、猜你喜欢、商品)2.用户中心(订单、个人信息、收货地址、账单)3.商品详情页(展示图、描述信息、促销价格、细节展示、产品详情) 4.登录&注册页面

    二、WEB前端js 交互

    1、核心语法:

    1)js的前世今生、js语法、介绍html5认识js、js中的对象、数组、变量、.流程控制(if…else switch…case while for)

    2)随堂项目:九九乘法表、闰年计算、谁是高富帅(if…else.. Switch…case)

    2、BOM与DOM操作:DOM操作:让一成不变的网页动起来;BOM操作:浏览器也有话要说

    随堂项目:网页时钟的制作、回到顶部

    3、事件编程:

    1)js的事件机制:让网页回应你的问候;常见的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、ECMAScript6:1.webpack介绍  2.webpackg管用配置 3.模块处理module 6.3种加载器loaders的使用 4.编译器babel 5.插件plugins 6.热更新次操作 7.打项目终包

    第二阶段(WEB前端-移动端开发)

    一、WEB前端移动端开发

    1、HTML5高级功能:

    1)canvas标签的使用、多媒体在网页中的使用、HTML5中的智能表单、HTML5中API的详解(定位、数据库存储)

    2)随堂项目:利用智能表单实现注册页面、利用canvas绘制小星星、利用HTML5中新功能实现一个近超市搜索页面。

    2、CSS3动画详解

    1)CSS3新增选择器、弹性盒模型、服务器字体、多重背景、边框图片、过渡动画与关键帧动画

    2)随堂项目:1.Running Man  2.天天跑酷 3.css旋转魔方

    3、WEBAPP开发

    1)1.移动端页面的设计要求

    2)HTML5动画的常见使用场景

    3)多媒体在页面中的使用

    4.商城项目首页、用户注册、登录、商品列表等页面的实现

    5.weui框架的介绍与使用

    随堂项目:京东商城移动端首页  在线答题系统

    4、公众号开发(JSSDK

    1)公众号介绍与申请开发账号

    2)公众号项目的文档与demo样例全解析

    3)调用API接口函数

    4)利用H5的新特性构建更富有表现力的活动页面

    5)常见分享、活动页面的设计与实现

    5、小程序开发

    1)小程序相关介绍及账号申请

    2)小程序开发环境搭建

    3)小程序布局原理

    4)小程序组件、API使用

    5)weUI使用

    6、Vue.js 

    1)Vue.js 简介 

    2)模板语法 

    3)指令系统 

    4)组件开发 

    5)生命周期 

    6)脚手架工具 

    7)数据请求 

    第三阶段(WEB高级框架与后台交互)

    1、Angular.js

    1)angular.js 简介   

    2)MVC概念

    3)指令系统          

    4)表达式

    5)数据绑定          

    6)作用域

    2、React.js

    1)react.js简介       

    2)开发环境搭建

    3)jsx语法            

    4)组件编程

    5)组件生命周期       

    6)路由使用

    3、PHP入门

    1)PHP语法简介 

    2)函数 

    3)会话控制 

    4)面向对象编程 

    5)常用MySQL语句  

    6)PHP链接数据库 

    7)通信接口api开发

    4、DedeCMS 

    详细讲解织梦系统软件的安装、模板、插件等使用;修改页面布局及细节;dede标签的使用方法;及如何替换、制作、修改、美化模板;熟练使用各类功能插件如社会化登录、在线客服等技术;结业后可快速制作常见商业网站

    第四阶段(岗前强化与就业指导)

    管理与沟通:心态与服务、职场商务礼仪、沟通与口才强化、职业素养提升、团队合作

    就业指导:毕业作品整理、行业规范与合同、职场与行业分析、企业观模与规划、职场岗位实战模拟、创业指导、实习与预工作

    提醒:联系时请说明是从志趣网看到的。

免责申明:志趣网所展示的信息由用户自行提供,其真实性、合法性、准确性由信息发布人负责。使用本网站的所有用户须接受并遵守法律法规。志趣网不提供任何保证,并不承担任何法律责任。 志趣网建议您交易小心谨慎。

©志趣网