2019 网络公司私密资料(一)web 前端工程师成长学习路线 + 必杀技能
第一阶段《Web 前端工程师必备技能》
独一无二的特色: 全程以知识点结合案例讲解, 让你吃透每个知识点
第一章: html 常用标签
语言是什么 ,Web 前端开发语言, HTML 超文本标记语言 , 网页主体结构 , 常用标签, 超链接(a 标签),Img 图片标签
案例一: 小文章认识标签
第二章: 常用 CSS 和 CSS 规范
CSS 选择器 ,class 类名选择器, 标签选择器, 样式表, 内部样式
行内样式, CSS 命名规范, 组合选择器, 后代选择器, 子代选择器, 毗邻元素选择器, 兄弟元素选择器
案例一: 选择器的使用
第三章: 两种不同的盒模型
标准盒子模型(默认), 怪异盒模型, 盒子模型 Border 边框讲解, 盒子模型外边距
盒子模型内边距, 盒子模型占位计算, 外边距合并解决办法
案例一: border 绘制三角形和彩色四边形 案例二: 图文展示效果 案例三: 怪异盒子模型演示
第四章: 元素的显示类型与转换
样式初始化, 元素类型转换, 内联元素对于以下属性特殊化, 块级元素和内联元素的具体应用
案例一: 左侧导航栏 案例二: 精选市场选项卡 案例三: 美食选项卡
第五章: img,a, 路径
图片四要素: src 图片路径, alt 图片不显示替换文本, width 图片原始宽 ,height 图片原始高
a 标签内部属性: href 创建另一个文档链接, target 属性定义网页打开方式, 锚点 , 创建邮件, 下载
路径: 相对路径, 绝对路径
hover 伪类
案例一: hover 改变导航栏样式
第六章: 文本与字体的各种样式
font 字体样式, text 文本样式, 特殊符号, 垂直对齐方式, 移出隐藏
案例一: 居中导航栏 案例二: 手机介绍选项卡 案例三: 小广告
第七章: 背景 background 及圆角属性
背景: 颜色, 图片, 重复, 定位, 尺寸, 背景固定
border-rardis: 单角样式, 多角样式
案例一: 背景图片组合 案例二: 简单按钮 案例三: 小子弹
第八章: CSS 渐变
鼠标样式(cursor), 透明(opacity) , 渐变(gradient), 线性渐变 linear-gradient, 径向渐变 radial-gradient
案例一: 太极图 案例二: 写轮眼
第九章: 浮动(float)
浮动概况, 浮动的一般情况 , 浮动的特殊情况 , 浮动对文字的影响
float 浮动后的特征 和 inlink-block 特征对比, 清除浮动, 清除浮动的多种办法, min-width 的运用
案例一: 出师表 案例二: 左右内容排版 案例三: 护肤产品列表
第十章: 定位(position)
position 定位概况, static , 相对定位 relative, 绝对定位 absolute, 固定定位, z-index 层的位置关系
案例一: 轮播布局 案例二: 果果精品
第十一章: 表单(form)
form 详解, form 中的控件 input,input 边框线, outline 外轮廓线
案例一: 百度登录框 案例二: 百度注册表单
第十二章: 表格
table 表格结构 ,table 样式重置, table 的默认特征, table 单元格合并, display:table 的特征
案例一: 电影选坐 案例二: 数据列表
第十三章: 百花齐放的选择器
CSS3 伪类, 多元素组合选择器, 结构性伪类选择器, 属性选择器
案例一: 导航栏不同样式的改变 案例二: 图片样式改变
第十四章: 伪元素和样式优先级
伪元素: before,after
选择器优先级, 外部样式, 样式优先级
案例一: 丝带导航栏 案例二: 小图标使用
第十五章: 过渡 (transtion) 和动画(animation)
过渡: transition
动画: animation
关键帧: @keyframe
案例一: 小球运动 案例二: 背景图片改变
第十六章: 变换和阴影和遮罩
2D 变换 transform
3D 变换 transform
阴影 box-shadow, 遮罩(mask)
案例一: 选择二级导航栏 案例二: 相册效果 案例二: 滚动按钮
第十七章: 阿里图标 + CSS 高级应用
内联框架(iframe),ico 网站 logo, 阿里图标
案例一: 阿里图标使用
第十八章: ps 工具常用技巧
安装 PS, 菜单栏介绍, 工具栏工具名称及快捷键 , 蒙版, 链接图层, 图层分组, 图层右键菜单, 混合模式, 菜单栏详细讲解
第十九章: 项目实战
每期的项目实战都会不一样, 每期都是以企业标准来讲解开发项目实战
项目实战一: 咖啡网站 项目实战二: 风味小厨
第二十章: 终结篇: 网站上线(空间, 域名)
如何购买空间和域名, 网站上传工具 ftp 使用, 最终实现网站上线
来源: http://www.jianshu.com/p/760455da7000