产品手记总部位于中国北京软件园附近。成立产品手记以帮助同学转行产品经理为主，采用公司化培训模式打造的培训机 构。 国内专注于产品经理培训机构。 产品手记是互联网产品领域专业的教育机构，学院培养对象为高校毕业生、转业者、及0-2年工作经验的产品经理。学院 以 “打造专业的产品经理系统学习平台”为愿景，着眼未来，专注于互联网产品经理系统知识培训，互联网产品经理知 识研究，以及产品实践。

首先，web前端需要掌握的技能：

　　HTML 和 CSS、JavaScript、jQuery、JavaScript 框架、前端框架、CSS 预处理器、RESTful 服务和 API 、响应式/移动设计、跨浏览器开发、内容管理系统、测试/调试等技能。

　　其中关键的技能包括HTML 和 CSS、JavaScript、jQuery

　　HTML，赋予网页内容结构和意义的语言，CSS，用于设计网页样式的语言。HTML(超文本标记语言)和CSS(级联样式表)是 Web 编码的基本构建块。仅 HTML 和 CSS 知识就可以让您构建基本的网站。

　　JavaScript，用于在网络上创建动态功能的脚本语言。允许您向网站添加大量功能，并且您可以仅使用 HTML、CSS 和JavaScript(简称 JS)来创建许多基本的 Web 应用程序。在基本的层面上，JS 用于创建和控制诸如实时更新的地图、互动电影和网络游戏之类的东西。

　　jQuery是一个 JavaScript 库：一组插件和扩展，可以让 JavaScript 开发变得更快更容易。jQuery无需从头开始编写所有代码，而是让前端 Web 开发人员将现成的元素添加到项目中，然后根据需要进行自定义(了解 JavaScript 如此重要的一个原因)。您可以将 jQuery 用于倒数计时器(opens in a new tab)、搜索表单自动完成(opens in a new tab)，甚至自动重新排列和调整网格布局的(opens in a new tab)大小。

　　前端开发常用工具

　　由于前端开发人员在他们的工作中结合使用设计和 Web 开发，因此他们使用的工具跨越了这些重点领域。

　　平面设计工具

　　在前端开发人员开始编码之前，他们通常使用图形设计工具来创建他们网站的原型，这样他们就可以在制定实际代码之前测试和试验用户界面。

　　如 Sketch 或 Photoshop)、原型制作工具(如 Balsmiq Mockups)或更的图形编辑工具(如 Figma 或插画师。)

　　代码编辑工具

　　代码编辑工具只是前端开发人员选择用来为其网站编写代码的程序。记事本这样的轻量级编辑器，或功能能更丰富的编辑器，如 Visual Studio 或 Eclipse。更多前端开发技巧

　　当然，前端开发人员所做的不仅仅是设计和编码网站的外观和感觉。下面，我们将介绍这些专业人士在工作中所依赖的一些更常见的附加技能。

　　使用 CSS 预处理器

　　大多数前端开发人员使用 CSS 预处理器为CSS 编码添加功能，使其更具可扩展性且更易于交互。在您的网站上发布代码之前，CSS 预处理器将其转换为格式良好的 CSS，可以在各种浏览器中运行，需要的是 LESS 和 SASS。

　　使用 API 和 RESTful 服务

　　一个前端开发者也将与互动，并利用API和RESTful服务的。REST(具象状态传输)是一种轻量级架构，可简化网络通信，而 API 和 RESTful 服务则遵循该架构。

　　看完之后你有没有对web前端更了解呢~有没有想要学习web前端的冲动、想要转行的朋友有没有更加决心想要学习它呢~感兴趣或者想要了解更多、想要学习的朋友就来产品手记吧。