FED-Learn-Path
FED-Learn-Path copied to clipboard
blade254353074
前端学习路线
FED-Learn-Path
HTML
- HTML5模板
- HTML5标签
- 详解HTML 头标签元素的意义以及使用场景
- 标签语义化
- nav, section, article, aside, menu, menuitem, figure
- p, br, hr, blockquote, code, pre
- title, mark, small, del, i, em, sub
- header, footer, summary, details, time, dialog
- ul li, dl dt dd, h1 to h6
- fieldset, legend, form , label, input, select
- table, caption, thead, tbody, th, thd, tfoot
- SEO
CSS
-
CSS Tricks
- CSS实例
- CSS选择器优先级
- 定位(Position)
- 盒模型(BoxSize)
- 清除浮动(Clearfix)
- 水平居中
- 垂直居中
- 左右结构，流式布局
- 上下结构
- a链接伪类 (a:link、a:visited、a:hover、a:active)
- font-family
- input美化
- file upload按钮美化
- CSS选择器(CSS Selector)
- 模拟下拉菜单
- 字符超出隐藏
- 背景图片尺寸(background-size)
- before & after 伪元素
- 伪元素应用 - CSS3 Button
- CSS3实现 - 加载动画
- Media Query - 媒体查询
- Web Font(在线字体)
- 字体图标
- 在线字体
- CSS3动效
- CSS3 Filter - 滤镜特效
- CSS3渐变
- FlexBox[图]
- Sass
- 为什么要用CSS预编译工具
- SCSS语法
- CSS实例
-
UI框架
-
设计 +
JavaScript
- 库
- jQuery (DOM操作、ajax、事件委托、自定义事件、js动画...)
- Zeptojs (小型jQuery 9.1kb，移动端jQuery类库，语法相同)
- Underscore/lodash (数据操作库)
- 模板引擎 (为什么要用模板引擎?)
- 前端模板
- artTemplate
- helper实例
- TmodJS 模板预编译工具
- Handlebars
- Handlebars文档笔记
- Handlebars中文文档
- Mustache
- artTemplate
- 后端模板(Java)
- JSP
- FreeMarker
- 前端编写FreeMarker所要掌握的
- FreeMarker中文手册
- 前端模板
- 框架
- 实例
- 选项卡
- 轮播图
- 代码片段
- HTML转义
- 时间格式化
- n小时前 - n天前
- 前端分页
- jQuery插件模板
- 原生AJAX - xhr1 & xhr2
- jQuery AJAX
- Form & AJAX文件上传
- js优化 & 编码技巧
- 模块化
- 为什么要模块化
- CommonJS规范
- AMD规范
- CMD规范
- Sea.js
HTML-CSS-JS测试
RESTful
移动端Web前端
- HTML5/CSS3
- 移动端性能优化指南[图]
- Safari按钮Reset
- 媒体查询 + REM单位
- web app变革之rem
- 用rem来做响应式开发
- rem + media query示例
前端构建
版本控制
- Git
- Git常用命令速查表[图]
- Git for Windows
- Git中文版教程
开发工具
- 编辑器
- Sublime Text3
- Sublime Text快捷键[图]
- Sublime Text 3解放鼠标的快捷键总结
- 动图展示16个Sublime Text快捷键用法
- Sublime Text3 插件
- Atom
- VS Code
- Sublime Text3
- IDE
- WebStorm
- HBuilder
- Cloud9 IDE
- Visual Studio
- 调试工具
blade254353074