<commit_before># 了解前端
1. [前端攻城狮介绍](#intro)
1. [互联网公司的研发的工作流程](#workflow)
1. [前端要学什么](#learn)
1. [前端的具体工作](#work)
1. [前端常用软件介绍](#softwork)
1. [作业](#homework)
1. [拓展阅读](#reading)

## <a name='intro'>前端攻城狮介绍</a>
前端攻城狮从事的工作简单的说就是“将设计稿转换成WEB页面”。    
比程序员更懂设计，比设计师更懂编程。

## <a name='workflow'>互联网公司的研发的工作流程</a>
* 产品经理（PM）根据可行性调研后提需求，画原型图
* 设计师出交互设计稿
* 前端攻城狮和后端攻城狮进行开发
* 测试(QA)

## <a name='learn'>前端要学什么</a>
* 基础知识。如html，css，js，浏览器调试等
* 软技能。如沟通技巧，文档书写，用户体验的研究等

## <a name='work'>前端的具体工作</a>
1. 与PM，设计师，后端攻城狮沟通
1. coding
1. 自测

## <a name='softwork'>前端常用软件介绍</a>
### [Sublime](http://www.sublimetext.com/)
最性感的浏览器~

* 常用插件
    *  BracketHighlighter 高亮匹配的各种括号
    *  SideBarEnhancements 增强右侧边栏菜单的功能
    *  html-css-js prettify 格式化html,css,js代码
    *  Emmet

### [Chrome官网](http://www.google.cn/intl/zh-CN/chrome/?）
* 打开Chrome的控制台 F12<commit_msg>enchance<commit_after># 了解前端
1. [前端攻城狮介绍](#intro)
1. [互联网公司的研发的工作流程](#workflow)
1. [前端要学什么](#learn)
1. [前端的具体工作](#work)
1. [前端常用软件介绍](#softwork)
1. [作业](#homework)
1. [拓展阅读](#reading)

## <a name='intro'>前端攻城狮介绍</a>
前端攻城狮从事的工作简单的说就是“将设计稿转换成WEB页面”。    
比程序员更懂设计，比设计师更懂编程。

## <a name='workflow'>互联网公司的研发的工作流程</a>
* 产品经理（PM）根据可行性调研后提需求，画原型图
* 设计师出交互设计稿
* 前端攻城狮和后端攻城狮进行开发
* 测试(QA)

## <a name='learn'>前端要学什么</a>
* 基础知识。如html，css，js，浏览器调试等
* 软技能。如沟通技巧，文档书写，用户体验的研究等

## <a name='work'>前端的具体工作</a>
1. 与PM，设计师，后端攻城狮沟通
1. coding
1. 自测

## <a name='softwork'>前端常用软件介绍</a>
### [Sublime](http://www.sublimetext.com/)
最性感的浏览器~

* 常用插件
    *  BracketHighlighter 高亮匹配的各种括号
    *  SideBarEnhancements 增强右侧边栏菜单的功能
    *  html-css-js prettify 格式化html,css,js代码
    *  Emmet

### [Chrome官网](http://www.google.cn/intl/zh-CN/chrome/?)
* 打开Chrome的控制台 F12
{'fraction_non_alphanumeric': 0.19868342309994017, 'fraction_numerical': 0.01436265709156194, 'mean_word_length': 5.215613382899628, 'pattern_counts': {'":': 0, '<': 23, '<?xml version=': 0, '>': 23, 'https://': 0, 'lorem ipsum': 0, 'www.': 4, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4770947', 'n_tokens_mistral': 1178, 'n_tokens_neox': 1375, 'n_words': 107}