智能社:Javascript之Vue.JS

课程简介:

Vuejs由于其轻量化,组件化,速度快而迅速成为前端框架的佼佼者,本系列是基于Vuejs最新的稳定版来进行录制的
[code]官方课程链接:https://ke.qq.com/course/159512[/code]

课程目录:

智能社:Javascript之vue.JS(一)
1. 认识Vue
2. vue和angular的区别?
3. vue基本雏形
4. 认识vue里面几个常用的指令
5. bootstrap+vue的简易留言
6. 其他指令全面认识?
7. computed的使用
8. 属性和事件
9. class和style
10. 模板
11. 过滤器
12. vue的交互
13. 使用vue制作百度和360搜索下拉框
智能社:Javascript之vue.JS(二)
1. 计算属性的使用
2. 提高循环的性能,让重复数据显示出来
3. vue实例的简单方法
4. 自定义过滤器
5. 自定义指令
6. 自定义键盘事件
7. 数据的监听
8. vue组件
智能社:Javascript之vue.JS(三)
1. 组件间数据传递、同步数据更新
2. vue-router
3. slot的使用
4. vue-cli、vue-loader
5. vue-devtools
6. vue构建SPA应用
智能社:Javascript之vue.JS(四)
1.vue-loader和vue-router的结合使用
2.vue-cli的使用流程
3.常见报错信息
4.默认端口的更改
5. simple、webpack、webpack-simple、 browserify、browserify-simple的项目模板使用 以及推荐
智能社:Javascript之vue.JS(五)
1.vue2.0与1.0的区别
2.组件模板片段代码的替换
3.组件的简洁语法定义
4.生命周期的变化
5.新增生命周期
6.vue2.0里面的循环变化
7.track-by的代替者
8.自定义键盘指令的替换
9.封杀过滤器
10. 2.0里组件通信的问题
11. 更加靠谱的组件通信方案: 单一事件管理通信
智能社:Javascript之vue.JS(六)
1.vue2.0的过渡(transition)
2.过渡的钩子函数(hook)
3.多个元素过渡
4.vue-router2.0的使用
5.路由和动画结合
6.vue脚手架2.0的使用
7.vue-loader结合路由
8.loader的顺序问题
智能社:Javascript之vue.JS(七)
1.bootstrap与vue2.0
2.Element-UI的全局使用
3.Element-UI的按需使用
4.结合less的使用
5.axios的简单使用
6.Mint-ui的使用
智能社:Javascript之vue.JS(八)
1.vue2.0自定义全局组件
2.use使用
智能社:Javascript之vue.JS(九)
1.vuex的讲解以及实例
智能社:Javascript之vue.JS(十)
1.vue2.0仿手机新闻项目
智能社:Javascript之vue.JS(十一)
1.总结

课程截图:

前端开发常用工具集

课程简介:

前端web开发工作是网页开制作的工具,目前有很多工具,介绍几个比较实用的工具。

课程目录:

01EditPlus 3.51中文版

02 windows 下vim编辑器

03 Adobe Dreamweaver CS5简体中文版(绿色免激活版)

04 sublime中文版+使用方法

05 firebug汉化版

06 HttpWatch Pro V7.0.23汉化版

07 Aptana-Studio

08 FastStone Capture 7.4简体中文绿色免安装版。

09 Dreamweaver CS6绿色版

10.WebStorm-2016.1.1

11.typora-setup-x64

感谢来自@nuanyang 的投稿!

前端数据展示工具 Echarts基础教程

课程简介:

适用人群
前端开发者 数据可视化爱好者 数据统计分析从业者 数据新闻工作者 在校学生

课程概述
人类正在以空前的速度制造数据。如果没有可视化,数据的理解将越发困难。懂得更好地将数据可视化的人会赢得竞争优势,因为他们具备独特的洞察力。数据可视化或将成为人类弄懂海量数据的惟一方法,此处省略2万字…

其实我就想教会你玩ECharts,零基础的入门教程,尽我所能给你讲述ECharts的各项细节、标准玩法和最佳实践,覆盖ECharts 最常用的5个基础、8类图表和9个组件,相信我,这会是全球最权威的讲解。

当然,这只是入门基础教程,高深复杂的技巧不会出现啦(其实是会的还不够多-_-!!)。但我相信大部分场景下这就够了,过去一年多我看到过无数的案例,在我看来80%的人也只用到ECharts20%的功能,11类图表的混搭使用以及600多个选项在三级控制下接近2亿个变化组合配合事件机制使得ECharts成为一个极具生命力的图表库,身为作者也是不断的在用户需求的激发下才学会了很多新的玩法,这是一件值得骄傲的事情,在“LEGO”的世界里有无穷尽的作品,他仅局限于你的创造力。

[code]官方课程链接:http://study.163.com/course/introduction.htm?courseId=1016007[/code]

课程目录:

章节1:导读
课时1Hello ECharts( 课程介绍,免费浏览 )
课时2Why ECharts( ECharts特性介绍 ,免费浏览)

章节2:基础教程
课时3EC基础-1:如何使用官网,如何引入ECharts,第一个ECharts例子
课时4EC < 组件 > 详解:直角系组件,网格,坐标轴,grid,axis
课时5EC【 图表 】详解:直角系图表,(堆积)折线图,line
课时6EC【 图表 】详解:直角系图表,(堆积)柱形图,条形图,bar
课时7EC < 组件 > 详解:标题,title,图例,legend
课时8EC < 组件 > 详解:直角系组件,区域缩放控件,dataZoom
课时9EC < 组件 > 详解:详情,tooltip
课时10EC【 图表 】详解:直角系图表,K线图,k
课时11EC【 图表 】详解:直角系图表,散点图,气泡图,scatter
课时12EC【 图表 】详解:饼图,圆环图,南丁格尔玫瑰图,pie
课时13EC【 图表 】详解:仪表盘,gauge
课时14EC【 图表 】详解:漏斗图,funne
课时15EC【 图表 】详解:地图,map
课时16EC < 组件 > 详解:缩放漫游和值域漫游组件,rc & dataRange
课时17EC < 组件 > 详解:工具箱,toolbox
课时18EC基础-2:标注,标线,markPoint,markLine(免费浏览)
课时19EC基础-3:主题,theme(免费浏览,见参考资料)
课时20简单动态数据

课程截图:


感谢来自@一杯清茶 的投稿!

Web前端攻城狮培养计划 js/h5/web前端开发培训入门学习视频教程

课程简介:

零基础web前端学习路线,前端小白入门课程让你先学习基础知识,系统学习html、css、js、jQuery,然后进阶,最后再到精通,一套完成的前端工程师学习路线图,本专题是你走进前端世界的不二选择!

系统学习前端四大基础html、css、js、jQuery,配合800+练习题and教辅资料,你将有能力独立开发应用这些功能的项目

实现Web端界面和移动端的界面;比如,网站设计、网页界面开发、前台数据的获取和绑定、以及动态特效等等!

课程官方链接:https://class.imooc.com/sc/20

课程目录:

步骤1: HTML基础
HTML主要是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言,为搭建网页结构做出第一步。本阶段主要介绍了HTML的语法基础、表格、表单、等标签,并有案例结合,达到学以致用。
第1课-HTML基础
第2课-HTML表格
第3课-HTML表单
第4课-案例搭建网页HTML结构
第5课-HTML基础测试

步骤2: CSS基础
CSS是一种定义样式结构如字体、颜色、位置等样式的语言,被用于为页面添加效果。本步骤主要介绍了CSS的基础语法、选择器、文本、背景、列表、盒子模型、浮动、定位以及网页的布局方式。
第1课-CSS选择的艺术
第2课-CSS文本样式
第3课-盒子模型
第4课-CSS背景和列表
第5课-float浮动
第6课-CSS定位(position)
第7课-CSS网页布局基础
第8课-网页布局案例
第9课-CSS基础测试

步骤3: JavaScript基础
JavaScript是一种解释性脚本语言,主要用来向HTML页面添加交互行为。本阶段主要带领大家学习JS的基本语法、流程控制语句、函数、对象、DOM、BOM、事件以及轮播图的案例,实现网页的交互效果。
第1课-JavaScript语法
第2课-JavaScript流程控制语句
第3课-JavaScript函数
第4课-JavaScript内置对象
第5课-JavaScript DOM基础
第6课-JavaScript DOM事件
第7课-JavaScript BOM基础
第8课JavaScript实现轮播特效
第9课JavaScript基础测试

步骤4: jQuery基础
jQuery是一个快速、简洁的JavaScript框架,设计宗旨是“write Less,Do More”。本阶段将为大家介绍jQuery的基础语法、选择器、DOM、事件、插件、瀑布流案例等。
第1课-jQuery选择的艺术
第2课-jQuery DOM操作
第3课-jQuery事件
第4课-jQuery插件
第5课-jQuery弹出层案例
第6课-瀑布流布局案例
第7课jQuery基础测试

步骤5: 实战案例
通过前面步骤的学习,我们学会了网页开发的基础知识,本阶段将由多年开发经验的老师带领你体验企业开发中的流程,从ps切图到最后的网页完成,积累项目开发经验。
第1课-Photoshop辅助工具
第2课-统一挂号平台案例
第3课-实战测试

课程截图:

感谢来自@gf779464689 的投稿!

Python前后端分离开发Vue+Django REST framework框架学习实战视频教程

课程简介:

Python前后端分离开发Vue+Django REST framework实战
采用当前流行的前后端分离式开发技术,涉及RESTFul API基础知识和Vue项目结构分析,解决了技术开发单一的痛点,拥有超前的技术融合技能,让你在开发的领域比别人技高一筹!

课程重点讲解RESTFul API知识,主要面向后端开发者,为了补充后端同学对前端Vue认知不足,本课程特意简单的讲解了Vue前端项目的结构以及如何调试每个API接口数据。

课程由慕课网发布,猴头客收集整理于网络,如有侵权,请联系猴头客删除!!

课程目录:

第1章 课程介绍
介绍课程目标、通过课程能学习到的内容、和系统开发前需要具备的知识
1-1 课程导学

第2章 开发环境搭建
介绍系统开发所需的开发环境的搭建, 包括前后端开发所需要的IDE、 mysql、navicat、nodejs、cnpm的配置等, 还介绍了如何配置python虚拟环境
2-1 pycharm的安装和简单使用
2-2 mysql和navicat的安装和使用_1
2-3 windows和linux下安装python2和python3_1
2-4 虚拟环境的安装和配置
2-5 vue开发环境搭建
2-6 资源获取方式和提问方式

第3章 model设计和资源导入
本章节分为项目初始化、model设计和数据导入三部分。 章节详细的讲解了如何初始化项目、分析业务需求之后设计django的app、然后设计好各个app的model,然后介绍如何配置已经写好的xadmin后台管理系统、以及如何去单独使用django的model去从原始文件导入初始化商品数据。…
3-1 项目初始化
3-2 user models设计
3-3 goods的model设计
3-4 trade交易的model设计
3-5 用户操作的model设计
3-6 migrations原理及表生成
3-7 xadmin后台管理系统的配置
3-8 导入商品类别数据
3-9 导入商品和商品类别数据-2

第4章 vue的结构和restful api介绍
本章介绍了一些基础概念,包括restfulapi以及vue前端项目中的一些概念, 以及vue前端项目的组织结构介绍。了解这些概念会让大家在后续的章节中遇到对应的名词时候不会感觉到陌生
4-1 restful api介绍
4-2 vue的基本概念介绍
4-3 vue源码结构介绍

第5章 商品列表页
本章非常详细的介绍了如何从django开始一步步深入到drf去完成商品的列表页功能, 本章节是课程最重要的一章。也是drf学习的基础。本章节从列表页的功能作为突破点去介绍drf的最重要的一些概念,如apiview, viewsets,router,serializer、分页、过滤等功能, 通过这些知识会让大家对drf有一个整体的概念。 …
5-1 django的view实现商品列表页
5-2 django的serializer序列化model
5-3 apiview方式实现商品列表页-1
5-4 apiview方式实现商品列表页-2
5-5 drf的modelserializer实现商品列表页功能
5-6 GenericView方式实现商品列表页和分页功能详解
5-7 viewsets和router完成商品列表页
5-8 drf的Apiview、GenericView、Viewset和router的原理分析
5-9 drf的request和response
5-10 drf的过滤
5-11 drf的搜索和排序
5-12 总结

第6章 商品类别数据和vue展示
本章节实现了商品分类数据的获取以及商品的搜索功能,本章节不仅实现商品分类列表数据的获取还包括分类详情的获取,在获取到数据后和vue前端项目完成了联调, 也简单介绍了vue项目中是如何完成商品分类数据的显示。
6-1 商品类别数据接口-1
6-2 商品类别数据接口-2
6-3 vue展示商品分类数据
6-4 vue展示商品列表页数据-1
6-5 vue展示商品列表页数据
6-6 vue的商品搜索功能

第7章 用户登录和手机注册
本章节完成了drf的登录和手机注册功能,首先从drf的token登录原理和实现讲起,然后引申出jwt的登录方式,在详细的讲解了jwt的原理之后我们会讲解如何将jwt登录集成到drf中。在手机注册的功能开发中我们详细的讲解了如何集成云片网到短信发送功能以及如何去完成短信的验证功能,本章节还会详细的讲解serializer的字段验证功…
7-1 drf的token登录和原理-1
7-2 drf的token登录和原理-2
7-3 viewsets配置认证类
7-4 json web token的原理
7-5 json web token方式完成用户认证
7-6 vue和jwt接口调试
7-7 云片网发送短信验证码
7-8 drf实现发送短信验证码接口-1
7-9 drf实现发送短信验证码接口-2
7-10 user serializer和validator验证-1
7-11 user serializer和validator验证-2
7-12 django信号量实现用户密码修改
7-13 vue和注册功能联调

第8章 商品详情页功能
本章节详细的讲解商品详情页功能的开发,包括商品的详情的展示、商品的收藏功能和热卖商品的接口开发,在收藏功能中会介绍到drf的权限以及认证配置
8-1 viewsets实现商品详情页接口
8-2 热卖商品接口实现
8-3 用户收藏接口实现
8-4 drf的权限验证
8-5 用户收藏功能和vue联调

第9章 个人中心功能开发
本章节介绍个人中心功能的开发,如个人信息修改、用户收藏管理、留言管理、收货地址的管理和订单管理等。本章还会介绍drf的文档相关功能, 让大家体验到drf的文档自动化管理功能。本章节会更进一步介绍drf的权限、认证配置功能, 也会讲解到动态设置serializer、权限和认证等功能…
9-1 drf的api文档自动生成和功能详解
9-2 动态设置serializer和permission获取用户信息
9-3 vue和用户接口信息联调
9-4 用户个人信息修改
9-5 用户收藏功能
9-6 用户留言功能
9-7 用户收货地址列表页接口开发
9-8 vue和收货地址接口联调

第10章 购物车、订单管理和支付功能
本章节讲解系统的购物车、订单管理和支付宝支付的功能, 本章节除了讲解功能之外也会带领大家去完成服务器远程代码调试的功能, 支付宝的支付功能我会通过结合支付宝官方文档的方式来讲解支付宝支付的原理以及全流程, 这些知识点让大家不仅能够完成支付宝的支付功能还能理解到支付宝的支付的完整过程,让大家即使用其他…
10-1 购物车功能需求分析和加入到购物车实现
10-2 修改购物车数量
10-3 vue和购物车接口联调
10-4 订单管理接口-1_1
10-5 订单管理接口-2
10-6 vue个人中心订单接口调试
10-7 pycharm远程代码调试-1
10-8 pycharm远程代码调试-2_1
10-9 支付宝公钥、私钥和沙箱环境的配置
10-10 支付宝开发文档解读
10-11 支付宝支付源码解读
10-12 支付宝通知接口验证
10-13 django集成支付宝notify_url和return_url接口-1
10-14 django集成支付宝notify_url和return_url接口-2
10-15 支付宝接口和vue联调-1
10-16 支付宝接口和vue联调-2

第11章 首页、商品数量、缓存、限速功能开发
第十一章本章节除了完成系统的一些剩余细节之外还能了解到drf的缓存机制以及限制api访问频率的功能。本章节我们会通过django的信号量方式实现商品数量的修改、本章节会讲解api限速的原理。
11-1 轮播图接口实现和vue调试
11-2 新品功能接口开发
11-3 首页商品分类显示功能-1
11-4 首页商品分类显示功能-2
11-5 商品点击数、收藏数修改
11-6 商品库存和销量修改
11-7 drf的缓存设置
11-8 drf配置redis缓存
11-9 drf的throttle设置api的访问速度

第12章 第三方登录
本章节完成系统的第三方登录集成功能,章节从oauth2.0的原理开始,带领大家去自动实现微博的登录过程之后再代理大家去集成第三方登录的开源项目, 让大家不仅可以轻松集成微博、qq和微信登录以外还能去轻松集成自己想要集成的其他第三方登录…
12-1 第三登录开发模式以及oauth2.0简介
12-2 oauth2.0获取微博的access_token
12-3 social_django集成第三方登录-1
12-4 social_django集成第三方登录-2

第13章 sentry实现错误日志监控
本章节首先带领大家去体验sentry的错误日志管理功能,让大家领略到sentry的错误日志记录还能及时接收到邮件通知,然后带领大家通过docker去搭建一个自己的错误日志管理系统,最后讲解如何将sentry集成到drf中。
13-1 sentry的介绍和通过docker搭建sentry
13-2 sentry的功能
13-3 sentry 集成到django rest framework中-1
13-4 sentry 集成到django rest framework中-2

课程截图:

ES6零基础教学 解析彩票项目 全面讲解ES6的特性及应用

课程简介:

ES6零基础教学 解析彩票项目
还在为ES5复杂难懂的语法而头疼?有了ES6我们不再烦恼,本课程会全面讲解ES6,结合ES5对比讲解ES6的特性,教你如何应用ES6开发项目,让你的代码更简洁清晰。本课程是围绕ES6的功能特性逐一展开的,通过ES6开发一个复杂的彩票网站,带你深入了解ES6的语法特性,结合项目将每个知识点运用到实战中,融会贯通,做到从学习到精通。

通过本课程的学习,学会ES6的语法,你能应对一般的前端工作,胜任初级前端开发工程师

学习目的:
手把手由浅入深的讲解ES6
从零开始学习ES6语法,针对特定知识点量身设计的迷你案例,深入掌握ES6每个知识点

复杂度较高的彩票项目
使用ES6开发复杂度较高的彩票项目,完整的开发项目流程,掌握如何最佳的发挥ES6优势

全面讲解ES6的特性及应用
熟练掌握ES6语法特性,教你在项目中如何选型和实施

兼容IE8+的ES6自动化构建
使用babel、gulp、webpack-stream完成兼容IE8+的ES6自动化构建,解决浏览器兼容性问题

课程由慕课网发布,猴头客收集整理于网络,如有侵权,请联系猴头客删除!!

课程目录:

第1章 课程介绍
ES6作为最新的JavaScript核心语言标准,成为前端工程师必备的技能之一。本章首先介绍ES6的基本概念及历史背景让大家走近ES6,了解什么是ES6以及学习ES6的必要性;然后会为大家简明扼要的讲述ES6带来了哪些新特性以及这些特性有什么作用。…
1-1 课程介绍

第2章 项目构建
工欲善其事必先利其器,本章重点讲述如何使用Gulp、Babel、Webpack做好ES6工程的构建;通过手把手编写gulp脚本完成ES6的自动编译、打包、文件监听、浏览器热更新、模板自动更新、服务热启动等,在本章大家不仅可以学到gulp、babel、webpack相关知识,还可以学习到工程架构思想及做法。…
2-1 项目构建介绍
2-2 项目目录创建
2-3 命令行处理,创建JS编译任务脚本
2-4 创建模板、服务任务脚本
2-5 文件自动监听,项目构建测试

第3章 es6语法
本章通过语法介绍、实例演示、实用技巧三个维度来讲解ES6所有新特性,包括Let和Const、解构赋值、数组扩展、字符串扩展、函数扩展、正则扩展、数值扩展、对象扩展、类与对象、Set和Map数据结构、Symbol、Proxy和Reflect、Generator(async\wait)、遍历接口、Decorator修饰器、模块化,在本章可以系统的学习ES6相关的所有知识…
3-1 let.const命令
3-2 解构赋值
3-3 正则扩展
3-4 字符串扩展(上)
3-5 字符串扩展(下)
3-6 数值扩展
3-7 数组扩展
3-8 函数扩展
3-9 对象扩展
3-10 Symbol用法
3-11 set-map数据结构
3-12 map-set与数组和对象的比较
3-13 Proxy和Reflect
3-14 类与对象
3-15 Promise
3-16 Iterator
3-17 Generator
3-18 Decorators
3-19 Module模块化

第4章 项目实战
本章重点是运用ES6语法去构建实际的项目(彩票电商),通过需求分析、项目架构思考、模块划分、服务端程序部署、前端代码编写、联调测试几个步骤,真实还原实际业务开发流程。大家在本章可以学习如何转变开发思维及设计代码的能力,举一反思将ES6强大的特性运用到实际业务中去…
4-1 需求分解和目录创建
4-2 创建倒计时模块
4-3 创建数据计算模块
4-4 创建接口模块(上)
4-5 创建接口模块(下)
4-6 创建彩票基础模块(上)
4-7 创建彩票基础模块(中)
4-8 创建彩票基础模块(下)
4-9 创建彩票业务模块
4-10 创建服务接口和模拟数据
4-11 前后端联调

第5章 课程总结
本章主要回顾ES6的知识点,帮大家梳理重点和难点;学会ES6语法不难,活学活用到项目才是关键,本章也会温习上个章节实战的思路和技巧,给大家提供一些学好ES6的建议和方法

5-1 课程总结

课程截图:

小凡老师五天手把手教你:项目实战-美团网 web前端开发入门到实战视频课程

课程简介:

这套在腾讯课堂免费讲课的视频 ,小凡老师在去年3月份已经免费分享出这套实战项目教程,是不可多得的精品课程。
1.对于前端开发人员来说,最核心的技能是什么?
2.前端基础,学的怎么样,能否独立开发一些项目?
3.对css和js掌握的怎么样?了解、熟练、精通or迷失
4.你对项目课程的期待是怎样的,希望通过本次项目收获些什么?
5.抱着什么样的心态,来学习本次项目?
上面的答案,都在本套视频教程中,绝对干货,让你提高前端实际开发经验

课程截图:

01讲 项目介绍
02讲 搭建整体的结构
03讲 顶部导航1
04讲 顶部导航2
05讲 中间的搜索区域
06讲 左边的全部下拉列表1
07讲 左边的全部下拉列表2
08讲 整个的nav部分及总结
09讲 底部的链接及选项卡
10讲 底部的获取-客服
11讲 项目模块实现
12讲 主页中名店抢购和美食
13讲 阶段小结
14讲 倒计时效果
15讲 三角形的边
16讲 滚动的名店导航
17讲 名店导航无缝效果
18讲 列表页开始
19讲 列表的基本结构
20讲 margin负值的理解
21讲 商品筛选条件栏
22讲 侧边栏及省略号
23讲 margin重合的问题
24讲 dom0级与dom2级事件
25讲 js文件组织及变量重名
26讲 图文混排-最近浏览
27讲 图文混排-用户评价
28讲 用户打分及印象标签
29讲 吸顶效果
30讲 详细页吸顶效果
31讲 页面小图标设置优化
32讲 总结祝福

课程截图:

所向披靡的响应式开发 响应式网页开发一招致胜

课程简介:

做一套多端适配的互联网金融响应式网页
源于互联网金融真实案例
以一个实际上线的互联网金融网页为案例,实际演示响应式网页的成型过程
响应式开发所有知识
包含了响应式开发所涉及到的几乎全部知识点,而且不仅限于开发,还涵盖了产品、设计、流程等方方面面,让你一次性将响应式开发学会
对初学者非常友好
讲师切实考虑到了初学者理解上的问题,每个知识点讲解都非常细致,只要你具备HTML、CSS、JavaScript基础就可以学习本课程

课程由慕课网发布,猴头客收集整理于网络,如有侵权,请联系猴头客删除!

课程目录:

第1章 前期准备
第2章 如何组织项目目录结构
第3章 开始编写HTML代码
第4章 如何实现PC端的样式
第5章 如何实现移动端的样式
第6章 如何实现响应式广告及响应式图片
第7章 Node.js简介
第8章 如何处理兼容性及在多个设备上进行调试
第9章 如何打包发布
第10章 课程扩展1 — 选择一个趁手的IDE
第11章 课程扩展2 — 聊聊原型设计和切图
第12章 课程大作业

课程截图:

layUI前端框架使用详解 国产UI框架layUI视频教程

课程简介:

本系列课程为大家介绍的是一款优秀国产UI框架layUI,该框架是一款采用自身模块规范编写的情怀级前端UI框架,遵循原生HTML/CSS/JS的书写与组织形式,门槛极低,拿来即用,2016年一经发布,广受好评,极具热度,可谓是web开发界的一匹黑马。
课程须知:
一些基本的HTML、CSS、JavaScript基础即可,有无实战开发经验均可。
老师告诉你能学到什么?
1.后盾网大牛讲师分享的含金量极高的前端技巧和经验
2.layUI框架的架构思想和优势
3.l4.ayUI框架的引入
4.layUI框架的页面元素的使用(颜色、图标、动画、按钮、表单、导航、选项卡、进度条、面板、表格、徽章、时间线、辅助)
5.layUI框架的内置模块(弹出层、日期与时间、分页、数据表格、表单、流加载、工具集、代码修饰器)

课程目录:

1前言

2为什么要用layUI框架

3layer组件的引用方法

4layer组件的使用方法详解

5用layer组件快速开发一个表单验证提示效果

6layDate组件的使用方法详解

7layUI框架模块化架构特点

8layUI的基础文件引用

9页面元素之颜色、图标

10页面元素之动画、按钮

11页面元素之菜单、导航

12页面元素之选项卡、进度条、表格

13页面元素之徽章、时间线、辅助

14内置模块之轮播图模块

15内置模块之分页模块

课程截图:

全面系统讲解CSS,工作应用+面试一步搞定

CSS是前端开发过程中必不可少的知识点,也是最难彻底掌握的部分。本课程系统梳理CSS中各方面的知识点,帮助前端工程师更清晰地了解实际工作中如何应用CSS技术的,更好地面对日常使用和顺利通过面试关!

适合人群及技术储备要求
只要有HTML、CSS基础就能学习!无论是即将毕业的学生,或是想转行做前端开发,还是有一定工作经验的前端
开发者,本课程都能帮助你建立起CSS的知识体系,更好地应对各种CSS需求,且让你在前端面试中脱颖而出!

学前必备技术
HTML基础 / CSS基础

课程由慕课网发布,猴头客收集整理于网络,如有侵权,请联系猴头客删除!!

课程目录:

第1章 课程介绍
对课程整体进行介绍

第2章 HTML基础强化
讲解HTML常见元素、版本(HTML4/XHTML/HTML5的关系)以及HTML元素的分类和嵌套关系。关注元素默认样式和定制化。

第3章 CSS基础
全面讲解CSS基础知识,包括层叠样式表的基本规则和含义、选择器(分类、特性、权重、性能)、非布局样式属性、CSS hack以及一些案例分析(checkbox等)。

第4章 CSS布局
讲解布局样式属性(display/position/z-index/flex/float)以及它们之间的关系和组合使用。以三栏布局案例讲解常见的布局方式(float/absolute/margin/table-cell/flex)。

第5章 CSS效果
讲解效果相关属性(box-shadow/border-radius/background/clip-path)及应用。重点讲解多背景、多投影的应用和3D效果实践。

第6章 CSS动画
讲解动画的原理和基本概念(补间、关键帧、逐帧),以及动画的作用(提示、引起注意、提升体验)。然后讲解transition动画、关键帧动画和逐帧动画的实现,最后关注动画高级控制技巧(起止、循环、easing、事件)。

第7章 预处理器
讲解预处理的作用,使用常见的两种预处理语言(Sass / Less)讲解预处理器常用特性(嵌套、变量、Mixin、Extend、循环、模块化等)。最后以EST为例讲解预处理库的使用。

第8章 Bootstrap
讲解Bootstrap的原理和基本使用方式,响应式布局的原理和使用以及Bootstrap的定制。

第9章 CSS工程化方案

讲解PostCSS和基于PostCSS的CSS工程化体系(autoprefixier / cssnext等),然后讲解CSS模块化方案(css modules),最后以webpack为工具讲解CSS文件的组织和打包构建。

第10章 三大框架中的CSS
分别讲解在Angular React和Vue中如何利用框架提供的CSS特性来处理CSS代码。

第11章 实战案例
通过一个实际项目,来真真切切了解CSS在企业中是如何应用

第12章 课程总结
对课程整体进行总结

课程截图: