## Directed learning
The table below contains instructor led, paid, front-end courses, programs, schools, and bootcamps.
If you can't afford a directed education, a self directed education using screencasts, books, and articles is a viable alternative to learn front-end development for the self-driven individual.
<table>
<thead>
<tr>
<th data-field="company">company</th>
<th data-field="model">course</th>
<th data-field="year">price</th>
<th data-field="onsite">on site</th>
<th data-field="remote">remote</th>
</tr>
</thead>
<tbody>
<tr>
<td>Iron Yard</td>
<td><a target="_blank" href="http://theironyard.com/courses/front-end-engineering/">Front End Engineering</a></td>
<td>12,000</td>
<td>multiple locations</td>
<td></td>
</tr>
<tr>
<td>Udacity</td>
<td><a target="_blank" href="https://www.udacity.com/course/nd001">Front-End Web Developer Nanodegree</a></td>
<td>200 monthly</td>
<td>multiple locations</td>
<td>yes</td>
</tr>
<tr>
<td>The New York Code + Design Academy</td>
<td><a target="_blank" href="http://nycda.com/classes/front-end-101/">Front End 101</a></td>
<td>2,000</td>
<td>New York, NY</td>
<td></td>
</tr>
<tr>
<td>Portland Code School</td>
<td><a target="_blank" href="http://www.portlandcodeschool.com/advancedfe/">Advanced Front-end Developer Tools</a></td>
<td>2,000</td>
<td>Portland, OR</td>
<td></td>
</tr>
<tr>
<td>BLOC</td>
<td><a target="_blank" href="https://www.bloc.io/frontend-development-bootcamp">Become a Frontend Developer</a></td>
<td>4,999</td>
<td></td>
<td>yes</td>
</tr>
<tr>
<td>Thinkful</td>
<td><a target="_blank" href="http://www.thinkful.com/courses/learn-web-development-online">Frontend Web Development</a></td>
<td>300 per month</td>
<td></td>
<td>yes</td>
</tr>
<tr>
<td>General Assembly</td>
<td><a target="_blank" href="https://generalassemb.ly/education/front-end-web-development">Frontend Web Development</a></td>
<td>3,500</td>
<td>multiple locations</td>
<td></td>
</tr>
<tr>
<td>Hackbright Academy</td>
<td><a target="_blank" href="http://hackbrightacademy.com/courses/front-end-web-development/">Front-End Web Development</a></td>
<td>3,000</td>
<td>San Francisco, CA</td>
<td></td>
</tr>
<tr>
<td>HackerYou</td>
<td><a target="_blank" href="http://hackeryou.com/front-end-web-development-immersive/">Front-end Web Development Immersive</a></td>
<td>7,000 - 7,910</td>
<td>Toronto, Canada</td>
<td></td>
</tr>
<tr>
<td>The Flatiron School</td>
<td><a target="_blank" href="http://flatironschool.com/frontend">Introduction to Front-End Web Development</a></td>
<td>3,500</td>
<td>New York, NY</td>
<td></td>
</tr>
<tr>
<td>Austin Coding Academy</td>
<td><a target="_blank" href="http://www.austincodingacademy.com/front-end/">The Front End Track</a></td>
<td>1,490 per class</td>
<td>Austin, TX</td>
<td></td>
</tr>
<tr>
<td>Codeup</td>
<td><a target="_blank" href="http://codeup.com/night-bootcamp/">Night Front-End Bootcamp</a></td>
<td>8,500</td>
<td>San Antonio, Texas</td>
<td></td>
</tr>
<tr>
<td>Betamore</td>
<td><a target="_blank" href="http://betamore.com/academy/front-end-web-development/">Front-end Web Development</a></td>
<td>8,500</td>
<td>Baltimore, MD</td>
<td></td>
</tr>
<tr>
<td>Codify Academy</td>
<td><a target="_blank" href="http://codifyacademy.com/thecourse.php">Front-end Web Development</a></td>
<td>4,000</td>
<td>multiple locations</td>
<td></td>
</tr>
<tr>
<td>DecodeMTL</td>
<td><a target="_blank" href="http://www.decodemtl.com/">Learn Front-end Web Development</a></td>
<td>2,500</td>
<td>Montreal, QC</td>
<td></td>
</tr>
<tr>
<td>gr8code</td>
<td><a target="_blank" href="https://gr8code.com/our-programs/front-end-bootcamp/">Front-End Bootcamp</a></td>
<td>10,000</td>
<td>Tampa, FL</td>
<td></td>
</tr>
<tr>
<td>LearningFuze</td>
<td><a target="_blank" href="http://learningfuze.com/frontend-development/">Part-Time Front-End Development Course</a></td>
<td>2,500</td>
<td>Irvine, CA</td>
<td></td>
</tr>
</tbody>
</table>
- Introduction
- 什么是前端开发者?
- 第一部分: 前端开发实践
- 前端的工作职称
- 常用的网络技术
- 前端开发技术栈
- 前端开发做什么
- 团队中的前端
- 全才神话
- 前端的面试问题
- 前端工作版块
- 前端薪资
- 如何培养前端开发者?
- 第二部分: 前端开发学习
- 自主学习
- Internet/Web
- Web浏览器
- DNS
- HTTP/网络
- Web 主机
- 前端开发综合学习
- 用户界面和交互设计
- HTML & CSS
- SEO
- Javascript
- Web 动画
- DOM, BOM & JQuery
- Web 字体
- 无障碍设计
- Web/浏览器 API
- JSON
- 静态网页生成器
- 前端应用架构设计
- 接口/API 设计
- Web 开发者工具
- 命令行
- Node.js
- 模块加载器
- 包管理器
- 版本控制
- 构建 & 任务自动化
- 网站性能优化
- JS 测试
- 无壳浏览器
- 离线开发
- 安全
- 多平台开发
- 指导学习
- 前端指导学习
- 前端开发者从哪里学
- 前端简报, 资讯 & 博客
- 第三部分: 前端开发工具
- 常用前端开发工具
- DOC/API 浏览
- SEO
- 原型和框架
- 图表
- HTTP/网络
- 代码编辑
- 浏览器
- HTML
- CSS
- DOM
- JavaScript
- 静态网页生成器
- APP(桌面, 移动, 平板等) 管理
- 脚手架
- 模板
- UI 部件 & 组件
- 数据可视化
- 图形
- 动画
- JSON
- 测试框架
- 数据存储
- 模块/包加载
- 模块/包仓库
- Web/云/静态主机托管
- 项目管理 & 代码托管
- 合作 & 交流
- CMS 托管/API
- BASS
- 离线
- 安全
- 任务管理
- 部署
- 网站/APP 监控
- JS 错误监控
- 性能