web视觉设计师 |
PS针对前端工程师的特训 |
通过各种不同风格GUI设计,掌握Photoshop等相关软件操作基础,熟练使用软件,切图调色,存储格式与技巧。 |
|
让你学会web前端工程师必会的专有美图技能。 |
前端入行须知 |
了解编程行业知识,行业术语,行业主流公司概况,GitHub与W3C,发展方向展望。 |
|
轻松了解工作流程,清楚自身定位,懂得如何配合上下游完成工作! |
前端编辑器 |
Atom、Sublime Text、WebStorm、IDEA、Notepad++、Hbuilder、Visual Studio Code |
|
马上开战选择一个主流且有格调的编辑器开发吧! |
图片与文字轻松布局 |
快速入门,熟悉页面布局,图片与文字常规样式编辑,搭建主流div+css布局。<a>标签超链接 |
|
各类高大上的网站图文布局从此在你眼中都是简单的拼图游戏而已! |
CSS基础应用 |
定位、浮动和,div+css主流布局方式,利用定位完成局部交互效果,Z-index,overflow,Button与border制作各种按钮样式,icon库调用 |
|
让炫酷的交互变得如此简单,仅仅三五行代码让页面动起来~ |
文字样式 |
文字固有字体、设置字体、字间距、行间距lineheight、字体对齐、特殊符号、特殊字体、字体大小、加重字体、标题字体等字体全攻略。 |
|
文字字体喜欢什么样就做什么样! |
列表与表格 |
table在页面中书写表格、组合表格、表格框样式等。li,ul有序无序列表制作与列表样式等。 |
|
列表使用率非常高,一定要学会哦!表格学会你可以写个Excel程序啦! |
CSS基础动画 |
animation移动旋转缩放动画,transform过渡动画,校色与透明度 |
|
网页动画不在话下~ |
JS代码基础 |
变量、常量、数据类型,数据类型转换、表达式、运算符、try-catch、函数、判断语句、循环语句、概念、数组、闭包函数、函数的作用域、面向对象、定时器 |
|
jQuery |
导航栏与下拉列表、回到顶部与滚动条、选项卡(Tab)切换、搜索栏展开与关闭、轮播图、侧边功能栏展开与隐藏、JQ调色与透明度避免兼容性问题 |
|
将来接私活,咱得学会调库,不能一点一点做啊!事半功倍! |
上传网页到空间(流程规范详解) |
将页面上传到服务商空间的流程与规范,实现互联网访问。Chrome浏览器开发者模式测试。浏览器兼容破解方案 |
|
是时候啦!我们来把前面学的做的网页上传到互联网!让大家看! |
加载视频 |
全屏、伪全屏、弹幕、播放按钮、移动端兼容性、进度条拖动、暂停按钮、停止播放按钮、倍速播放、格式优化与带宽匹配 |
|
今后你开发的页面就有视频啦! |
小游戏开发 |
开发一个愤怒的小鸟游戏来总结复习前面的知识 |
|
开发个游戏练练手。 |
前端开发 |
表单 |
form表单提交,GET/POST方法,正则表达式验证 |
|
高级验证规避常规和不常规问题,让你与后台合作更加轻松. |
Ajax与json |
利用Ajax与json进行异步加载数据,在不重新加载页面的情况下更新后台数据 |
|
web前端进阶必备,不会异步加载你都不好意思说自己是web前端开发工程师 |
高级网页组件 |
瀑布流等,进度加载动画,购物车特效,时间戳与秒杀模块设计,分页,超出滚动范围加载,评星功能,评论功能,弹出层、与新手指导功能、DOM节点动态更新,canvas绘制统计图表,WEB3D展示与调用 |
|
各种网页组件功能自己开发喽~ |
SEO、SEM |
为网页添加合适的SEO、SEM属性,title,alt,相应速度,关键词布局,面包屑等对搜索引擎排名进行结构优化。 |
|
优化的能力达到新的境界! |
电商网站 |
结合淘宝、天猫中直通车及宝贝详情页设计,讲解产品推广专题界面设计特点,与页面气氛渲染设计 |
|
电商辣么火,工作随我选!因为我会电商专题哦! |
前端框架 |
MV*模式 |
基于框架(库)理解MVC、MVP、MVVM模式及其缺陷,ES6书写标准 |
|
主流前后端分离开发,你要自己自己做哪些工作! |
MySQL数据库 |
用户输入信息保存与调用 |
|
想留下用户的信息反馈?那就来给你的页面来输入框连上数据库! |
主流后台接口 |
主流Java、php、c、vb、c#等(包括Python)接口如何实现对接,获取数据与解析 |
|
前端工程师不得不会的后台技术,此刻掌握! |
优化加载速度实战 |
安装统计数据代码测试,代码结构优化,图片预加载,代码冗余去除,大图片切片加速,模糊加速/CDN加速/带宽调整/SDK缓存 |
|
想PK掉别的web前端工程师?那就做出比他们更快也页面! |
AngularJS实例化,笔记(备忘录)应用 |
AngularJS构建一个单一页面应用程序(SPAs:Single Page Applications) |
|
打破js框架原始认知,完成数据双向绑定,简易DOM操作,让你觉得原生js和jQuery等dom操作的库是如此之蠢! |
Node.js |
安装与部署Node.js,CommonJS,request方法,Promise,API-Buffer,API-Stream |
|
主流框架,大众趋势,不学Vue,Node坐等out! |
Vue基础 |
Viewport配置,epubjs核心渲染,数据传输,方法调用,VUE中的事件种类,属性与数据绑定,侦听器,IF,SHOW,FOR,Todolist组件,Vue-cli脚手架工具构建项目 |
|
Vue模拟携程飞机票订票系统 |
我们使用VUE来实践一个订票系统项目 |
|
CSS预编辑器之Less、Sass和Scss |
加快样式处理,自动处理浏览器兼容,利用嵌套、运算符、3D、混入和条件等高级语法完善css进阶 |
|
让代码变得优雅,让速度加快到飞起,为你加强提升! |
前端资源/打包工具之webpack |
多种静态资源js/less/jade/coffee等转化为一个静态文件,减少页面的请求 |
|
多层复杂关系网络简化处理,让谁的谁谁一步到位,简单到难以置信! |
WEB_APP |
swiper移动端触摸内容滑动库应用 |
实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果;3D过渡切换;掌握swiper animate制作微展示 |
|
想不想让自己做一个手机相册、请柬等等,来来来~swiper实现你的小小梦想! |
jQuery Mobile |
微型JQ移动小框架来啦! |
|
先来一个移动小框架热身 |
BOOTSTR响应式 |
通过使用的设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相对应的布局。最终达到网站的不同尺寸布局。 |
|
这么流行的设计,别说你不知道。啥是响应式?快来学习一起制作吧! |
mui |
利用hello 与hello H5+开发移动app,并实现与安卓和iOS的混合式开发 |
|
手机应用程序APP难么?难有怎样,你也一样可以开发! |
跨平台构建React基础 |
React中的UI组件,Todolist增加删除列表,React中的传值方案,掌握虚拟DOM和Diff算法,ReactNative制作IOS/Android |
|
安卓和iOS牛批么?呵呵,来来来~用react这把利刃干掉他们! |
React手机点餐系统 |
使用React上手一个手机点餐系统 |
|
手机/PC视频应用l联合开发 |
手机/PC视频应用l联合开发 |
|
微信小程序开发 |
开发者工具使用,轮播图,获取后台数据,小程序中的循环便利,开发一款微信读书小程序 |
|
毕业项目 |
毕业设计,移动视频网站全站建设 |
制作个人毕业设计、简历统一投递。参加就业指导。移动建站完整视频网站全攻略 |
|
整理明天与素材,管理时间的列表做好!开始做一个完全属于自己的作品! |