全面系统讲解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章 课程总结
对课程整体进行总结

课程截图:

Web前端开发工程师 移动前端开发视频课程

课程简介:

Web前端开发工程师,主要职责是利用HTML、XHTML、CSS、JavaScript、Flash等各种Web前端技术进行客户端产品的开发。完成客户端程序(也就是浏览器端)的开发,开发JavaScript以及Flash模块,同时结合后台开发技术模拟整体效果,进行丰富互联网的Web前端开发,致力于通过技术改善用户体验。

麦子学院WEB开发工程师入门到精通系统视频课程,如有侵权,请联系猴头客删除!

官方课程链接:http://www.maiziedu.com/course/web/

课程目录:

第一阶段:页面制作基础
从这一基础阶段开始,正式学习Web前端开发需要的编程语言HTML, CSS和JavaScript。HTML和CSS用于Web静态内容的展示,JavaScript用于Web动态交互。完成这一阶段前端开发的学习,你就可以独立实现一个动静结合的Web前端项目啦!

— 01.HTML+CSS基础入门
— 02.Javascript基础入门
— 03.Web前端开发规范
— 04.Html概述

第二阶段:主流框架应用
优秀的Web前端开发工程师一定都是追求高效率的”懒人“。这一框架阶段就是教你如何使用当今流行的Web前端框架,包括bootstrap、Angularjs等,来提高前端开发效率。在学习前端框架本身的同时,也希望你能掌握任意一种快速上手的web前端框架的方法!

— 01.锋利的Zepto
— 02.bootstrap入门
— 03.jquery基础应用
— 04.H5实现俄罗斯方块游戏

第三阶段:前端技术进阶
web前端开发进阶阶段的学习,主要是让大家快速掌握当今流行、实用、最新的技术,比如:less、sass、json、ajax等,并将这些前端技术快速用于实践,开发出更加符合客户体验度的web前端页面。

— 01.JavaScript面向对象编程
— 02.less从入门到精通
— 03.利用Sass编写高质量CSS
— 04.JSON入门
— 05.Web前端开发之Ajax初步
— 06.移动前端开发项目
— 07.AngularJS从入门到实战
— 08.Gulp+Angular+Express实现简易任务管理系统

第四阶段:前端技术拓展(选修)
web前端技术发展日新月异,因此前端技术的拓展学习及实践对于web前端工程师来说非常重要。本阶段就是基于KnockOut、Backbone、bootstrap、Webpack等技术的拓展学习和web前端项目的实战开发演练。

— 01.KnockOut从入门到精通
— 02.项目管理
— 03.前端开发项目:一起来做秒杀活动
— 04.ECMAScript6编程艺术
— 05.高级工程师手把手带你做企业门户前端
— 06.Backbone入门基础
— 07.企业网站后台制作实战
— 08.麦子商城项目制作
— 09.bootstrap综合实战
— 10.响应式web设计及项目实践
— 11.Webpack实战
— 12.Mock.js+Express实现京东商城数据模拟
— 13.Javascript 进阶
— 14.HTML5绘图
— 15.前端进阶指南
— 16.polymer入门教程
— 17.前端工程化
— 18.ReactJS从入门到实战
— 19.微信公众号JS全栈开发实战
— 20.Vue.js详解

课程截图:

云知梦:WEB前端开发 WEB前端新手入门视频教程

课程简介:

本路线图汇集云知梦大牛专家老师最新原创课程,路线图内容涵盖Html/CSS、Javascript、jQuery、 Node.js、Express JS 和 React及项目实战等方面,云知梦大牛专家讲师带你快速掌握HTML及CSS基础、到网页布局+实践、到JavaScript开发阶段、在到进阶阶段之jQuery、最后教你网站实践及优化调试,为您打开WEB前端工程师大门。本路线图是国内最权威、最全面的Web前端工程师职业学习路线图

课程目录:

第1章:开班典礼

第1课时WEB前端线上开班典礼

第2章:Sublime网站开发编辑器(第1部分)

第2课时Sublime软件安装

第3课时Sublime下vim编辑器启用

第3章:Sublime网站开发编辑器(第2部分)

第4课时Sublime快捷键使用

第5课时Sublime下emmet插件使用

第4章:HTML5页面标签(第1部分)

第6课时HTML5作用与使用

第7课时HTML5标签基础

第5章:HTML5页面标签(第2部分)

第8课时HTML5格式标签

第9课时HTML5文本标签

第6章:HTML5页面标签(第3部分)

第10课时HTML5图片标签

第11课时HTML5中图片热点

第7章:HTML5页面标签(第4部分)

第12课时HTML5中表格标签

第13课时HTML5超链接使用

第14课时HTML5中表标签

第15课时HTML5中表单元素和iframe框架

第8章:HTML5页面标签(第5部分)

第16课时HTML5中frame框架使用

第17课时HTML5新增标签

第18课时HTML5与DOM结合

第9章:CSS3样式设计(第1部分)

第19课时CSS3写法和优先级

第20课时CSS3强大选择器

第10章:CSS3样式设计(第2部分)

第21课时CSS3背景样式

第22课时CSS3边框与鼠标样式

第11章:CSS3样式设计(第3部分)

第23课时CSS3表格样式

第24课时CSS3边框和列表样式

第12章:CSS3样式设计(第4部分)

第25课时CSS3浮动样式

第26课时CSS3项目实例

第13章:CSS3样式设计(第5部分)

第27课时CSS3定位样式

第28课时CSS3圆角样式

第14章:CSS3样式设计(第6部分)

第29课时CSS3新增边框和背景样式

第30课时CSS3新增文本和字体样式

第31课时CSS3列和轮廓样式

第15章:JavaScript变量类型和语法(第1部分)

第32课时Javascript标签和位置

第16章:JavaScript变量类型和语法(第2部分)

第33课时Javascript变量类型

第34课时Javascript数组、对象和变量检测

第17章:JavaScript变量类型和语法(第3部分)

第35课时Javascript顶级全局方法和变量转换

第36课时Javascript运算符

第18章:JavaScript变量类型和语法(第4部分)

第37课时Javascript分支判断

第38课时Javascript循环控制

第19章:JavaScript内置对象(第1部分)

第39课时Javascript消息框

第40课时Javascript秒表特效

第20章:JavaScript内置对象(第2部分)

第41课时Javascript定时器

第42课时Javascript字符串函数

第21章:JavaScript内置对象(第3部分)

第43课时Javascript正则表达式

第44课时Javascript正则函数

第22章:JavaScript内置对象(第4部分)

第45课时Javascript数组函数

第46课时Javascript事件对象

第23章:JavaScript内置对象(第5部分)

第47课时Javascript键盘事件和特效

第48课时Javascript表单事件

第49课时Javascript表单特效

第24章:JavaScript内置对象(第6部分)

第50课时Javascript窗口事件

第51课时Javascript浏览器类型和滚动特效

第25章:JavaScriptBOM浏览器对象和DOM文档对象(第1部分)

第52课时Javascript浏览器对象和窗口对象

第53课时Javascript框架内特效

第54课时Javascript地址栏对象

第26章:JavaScriptBOM浏览器对象和DOM文档对象(第2部分)

第55课时JavascriptDOM对象和获取方法

第56课时Javascript操作非标准属性和对象集合

第27章:JavascriptDOM对象和Ajax技术

第57课时Javascript单选多选和全不选特效

第58课时JavascriptAjax无刷新技术

第28章:jQuery前端框架(第1部分)

第59课时jQuery类型转换和this使用

第60课时jQuery核心函数

第29章:jQuery前端框架(第2部分)

第61课时jQuery标签页特效

第62课时jQuery基础选择器

第30章:jQuery前端框架(第3部分)

第63课时jQuery筛选、过滤和查找选择器

第64课时jQuery文档处理和克隆操作

第31章:jQuery前端框架(第4部分)

第65课时jQueryCSS操作

第66课时jQuery实现左侧导航实例

第32章:jQuery前端框架(第5部分)

第67课时jQuery事件操作

第68课时jQuery事件委派和绑定

第33章:jQuery前端框架(第6部分)

第69课时jQuery效果特效

第70课时jQueryAjax极速操作

第34章:jQuery前端框架(第7部分)

第71课时jQuery工具操作

第72课时jQuery表单验证实例

第73课时jQuery高级表单验证实例

第35章:jQuery前端框架(第8部分)

第74课时jQuery城市级联特效

第75课时jQuery幻灯片特效

第36章:BootStrap框架(第1部分)

第76课时Bootstrap安装与使用

第77课时Bootstrap快速入门

第78课时Bootstrap栅格与排版 此课程缺失

第37章:BootStrap框架(第2部分)

第79课时Bootstrap表格和表格样式

第80课时Bootstrap表单和响应式图片 此课程缺失

第38章:BootStrap框架(第3部分)

第81课时Bootstrap下拉菜单

第82课时Bootstrap标签页实现

第39章:BootStrap框架(第4部分)

第83课时Bootstrap导航和导航条

第84课时Bootstrap分页、标签与徽章

第40章:BootStrap框架(第5部分)

第85课时Bootstrap列表样式

第86课时Bootstrap模态框特效

第41章:BootStrap框架(第6部分)

第87课时Bootstrap模态框和下拉菜单

第88课时Bootstrap工具提示和弹出框

第42章:响应式网站设计与布局(第1部分)

第89课时Bootstrap幻灯片插件

第90课时Bootstrap滚动监听

第43章:响应式网站设计与布局(第2部分)

第91课时JqueryMedia媒体查询

第92课时媒体查询外部引入

第93课时Bootstrap移动端项目开发

第94课时响应式项目完整设计与开发

第44章:Node.js前端框架(第1部分)

第95课时Nodejs安装与使用

第45章:Node.js前端框架(第2部分)

第96课时NodeJSREPL和Sublime开发环境

第97课时NPM模块库、WEB应用和回调函数

第46章:Node.js前端框架(第3部分)

第98课时Event事件、模块、函数和路由

第99课时NodeJS全局对象 此课程缺失

第47章:Node.js前端框架(第4部分)

第100课时NodeJS文件系统、GET请求和工具模块

第101课时JSAjax、PHP和Mysql完整项目 此课程缺失

第102课时JSJsonp、PHP、NodeJS和Mysql综合项目 此课程缺失

第48章:AngularJS前端框架(第1部分)

第103课时angularjs作用和实例

第104课时angularjs表达式

第49章:AngularJS前端框架(第2部分)

第105课时angularjs模型、作用域和控制器

第106课时angularjs过滤器、Http通讯和事件模块

第50章:AngularJS前端框架(第3部分)

第107课时angularjs表单验证和文件包含

第108课时angularjs路由和综合项目

第51章:PC网站前端开发(项目第1部分)

第109课时酒仙网目录分析与前端台结构

第110课时酒仙网后台开发

第52章:PC网站前端开发(项目第2部分)

第111课时酒仙网首页顶部导航

第53章:PC网站前端开发(项目第3部分)

第112课时酒仙网首页Banner设计

第113课时酒仙网首页菜单与幻灯片设计

第54章:PC网站前端开发(项目第4部分)

第114课时酒仙网左侧导航实现(第1部分)

第115课时酒仙网左侧导航实现(第2部分)

第55章:PC网站前端开发(项目第5部分)

第116课时酒仙网首页标签页实现

第117课时酒仙网右侧标签页实现

第56章:PC网站前端开发(项目第6部分)

第118课时酒仙网右侧幻灯片实现

第119课时酒仙网中部优惠推荐幻灯实现

第57章:PC网站前端开发(项目第7部分)

第120课时酒仙网葡萄酒馆楼层设计

第121课时酒仙网葡萄酒馆楼层右侧设计

第58章:PC网站前端开发(项目第8部分)

第122课时酒仙网下部官方推荐滑条实现

第123课时酒仙网下部官方推荐产品滑动实现

第59章:PC网站前端开发(项目第9部分)

第124课时酒仙网左侧滚动监听特效(第1部分)

第125课时酒仙网左侧滚动监听特效(第2部分)

第60章:PC网站前端开发(项目第10部分)

第126课时酒仙网右侧导航实现(第1部分)

第127课时酒仙网右侧导航实现(第2部分)

视频截图: