上海非凡教育Web前端培训
编程始于全栈工程师,让你的项目“活”起来
快速咨询weB前端移动端开发
微信公众号开发开发(JSSDK)
1.是微信公众号项目开发的简介。
2.微信公众号项目的官方文档与demo样例全解析
3.调用微信官方API接口函数
4.利用H5的新特性构建更富有表现力的活动页面
5.常见微信分享、投票、活动、抽奖页面的设计与实现
随堂练习:非凡学院公众号项目实践
微信小程序
1.小程序相关介绍及账号申请
2.小程序开发环境搭建
3.小程序布局原理
4.小程序组件、API使用
5.weUI使用、云存储、云端数据库、云函数
网校实训项目:1.建立云开发环境 2.网校首页 3.教师分类页面 4.课程搜索页面5.课程详情页 6.个人中心 7.获取用户权限登录 8.购买课程页面 9.购物车
web前端开发培训
适合人群:
零基础学员,想要转行web前端学员,刚毕业学生,想要提升个人技能
简介:
IT术语太专业听不懂?来这里,优就业用最通俗的语言告诉你什么是Web前端,用数据告诉你Web前端的就业前景,用实战案例带你入门Web前端。做IT教育,我们是认真的!
学习目标:
了解web前端行业趋势,知道web前端需要学习的知识及版块
课程详情:
一章 Web前端入门科普知识
1节 科普动画第二章 各模块试听
1节 什么是Web前端?
2节 Web前端案例解析及制作
常见的html标签(上)
常见的html标签(下)
网页中插入图片和链
Web前端制作粽子宝宝实例讲解
CSS3打造手风琴图片滑动特效
CSS3制造逼真的下雪场景动画特效【Web基础课程】
jQuery实现图片轮播效果【Web进阶课程】
Canvas模拟实现【Web进阶课程】
Java Script制作有趣的打地鼠小游戏【Web进阶课程】
教学科目:毕业于西南科技大学计算机专业,多年网页设计经历,资深网页设计师,优秀职业培训讲师;曾任多家网络公司任专职设计师,熟练运用网页制作软件,拥有成熟的网站开发技巧。现任非凡学院专职讲师。
教学科目:曾任职武汉烽火电子商务有限公司任高级网页设计师;2013年任上海天佑电商有限公司设计主管;现任非凡学院高级签约网页设计讲师
学习Web前端的就业面很广,选择的岗位有:前端开发工程师、资深前端开发工程师、网站重构工程师、移动APP前端工程师、H5页面制作等等。
目前web前端分为"前端设计"和"前端开发"两种,前端设计是为网站的视觉设计,前端开发是网站的代码编辑,包括基本的HTML,CSS,JavaScript,现在最新的版本HTML5,CSS3和SVG。
目前比较注重前端的开发,因为大多数前端开发者都兼具了PS等美工技术的工作了。
开发桌面上的web应用程序
学习编程最好的结果是你在一个环境下学的东西可以应用到另外的环境中。先学习开发web应用程序的好处就是我们有一些方法可以让web应用程序直接在桌面上运行。例如,Adobe AIR是一个跨平台的即时运行平台,它能让你编写的程序运行在任何装有AIR的操作系统的桌面上。
AIR应用程序都是由HTML, Flash, 或 Flex 写成的,所以它能让你的web程序在桌面环境中运行。AIR是开发部署桌面应用程序的一个优秀的选择,就像我们提到过的10个让你值得去安装AIR的应用程序。
取消事件默认行为还有一种不规范的做法,就是返回 false。
link.onclick = function () {
alert('Lee');
return false; //直接给个假,就不会跳转了。
};
PS:虽然 return false;可以实现这个功能,但有漏洞;第一:必须写到最后,这样导致中间的代码执行后,有可能执行不到 return false;第二: return false 写到最前那么之后的自定义操作就失效了。所以,最好的方法应该是在最前面就阻止默认行为,并且后面还能执行代码。
link.onclick = function (evt) {
evt.preventDefault(); //W3C,阻止默认行为,放哪里都可以
alert('Lee');
};
link.onclick = function (evt) { //IE,阻止默认行为
window.event.returnValue = false;
alert('Lee');
};
跨浏览器兼容
function preDef(evt) {
var e = evt || window.event;
if (e.preventDefault) {
e.preventDefault();
} else {
e.returnValue = false;
}
}
上下文菜单事件: contextmenu,当我们右击网页的时候,会自动出现 windows 自带的菜单。那么我们可以使用 contextmenu 事件来修改我们指定的菜单,但前提是把右击的默认行为取消掉。
addEvent(window, 'load', function () {
var text = document.getElementById('text');
addEvent(text, 'contextmenu', function (evt) {
var e = evt || window.event;
preDef(e);
var menu = document.getElementById('menu');
menu.style.left = e.clientX + 'px';
menu.style.top = e.clientY + 'px';
menu.style.visibility = 'visible';
addEvent(document, 'click', function () {
本周仅剩 个试听名额
请键入信息,稍后系统将会把领奖短信发至您的手机