|
加入人人都是制品经理【起点学院】制品经理实战训练营，BAT制品总监手把手带你学制品
倘若评选近几年互联网行业最火的职位，制品经理必定能够排到前三。到如今，非常多人毕业之后直接担任了制品经理/助理的岗位，这亦得益于制品岗俨然已作为了非常多企业校招时的重头戏。
与直接以制品经理岗位为职业起点的应届生区别，业内亦存在非常多优秀的制品经理是由于如研发、视觉设计等其它岗位转化过来。针对转岗做制品的人来讲，先前的工作经验无疑在必定程度上亦增多了自己的优良。 
行业背景
针对制品经理来讲，思维规律能力、沟通表达能力等等都是很重要的人才衡量标准。同期若在某些岗位有比较多的认识，亦会增多其竞争力。例如程序猿出身的制品经理，常常对技术实现的可行性、研发工作量等方面有必定的先天优良；视觉设计出身的制品经理，常常在页面设计、用户体验等方面更胜一筹。
换个方向来理解，制品经理需要认识制品全部开发周期关联的各样知识，才可具备作为优秀制品经理的基本素质（重视：只是具备了基本素质罢了）。因此我个人保持的一个观点便是制品经理要有孜孜不倦的学习态度，对关联的行业充满好奇心，换句说好奇心改变制品经理的视野格局（怎么这么像某个手机品牌的slogan...）。
为何要学习前端知识？
说回来咱们的主题，制品人为何要学习前端知识？我感觉最重要的原由是两个：技术门槛低、更接近用户和UI设计，另一还会带来一个便利性。 
首要，前端研发技术门槛相对较低。相比APP、后台服务器等项目，前端研发要简单的非常多，针对技术门外汉来讲，完全能够放下对“编程”两个字的恐惧心理，并且因为技术门槛低，做的东西更易所见即所得，在学习过程中更能带来成就感，而这种成绩感正向的激发出更加多学习热情。因此说，倘若你是一名不懂技术的制品经理，剧烈举荐经过前端研发这门技术来走进程序猿们的世界。
其次，前端更接近用户和UI设计。跟后端区别，用户直接面对运用的便是前端页面，因此在研发过程中需要持续地站在用户的方向去思虑问题，这在用户体验方面会和制品经理的职责产生必定的化合功效。同期，前端亦需要更加多的关注页面布局、视觉展现等等，这在UI设计层面亦能和制品经理的职责相辅相成。因此说，站在制品经理的方向来看，前端研发相比其他技术更适合进行深层次的探索。
另一，当测试web项日前端页面时还有个好处，由于有前端知识，因此自己能够随时查看页面中各元素的属性，并能进行细节的调节且能实时看到效果。这般在和前端研发、UI设计师等沟通时更加方便准确，经过你的实验后，能够直接跟她们说按钮的高度改为24px会不会更好一点，而不是很模糊的说按钮的高度调小一点吧。这在必定程度上亦会提高全部团队的协作效率。
前端的技术体系有那些？
学习前端知识前，首要要先从宏观层面对全部前端体系有个大致的认识。因为我亦不是技术出身，更专业的分析诠释能够经过查找关联的知乎问题等资料去认识，以下只是我站在制品经理方向的有些不成熟的理解，若有误欢迎请能手指正。 
1、入门篇：html、css
针对用户而言，最直观的东西无非便是能够肉眼看到的东西，而html/css便是用来干这个的。html 指的是超文本标签语言，说白了便是一堆标签，标签中定义了网页中展现的各样元素，例如网页的标题、正文中的文字、照片、视频等等；CSS 指层叠样式表（Cascading Style Sheets），说白了便是定义html中元素的表现形式，例如字号、颜色、对齐方式等等。
在学习周期，要认识非常多东西，包含但不局限于： 常用html标签的含义，例如<a>**</a>定义一个链接等CSS的框模型，即margin、border、padding等详细的含义表率什么；CSS选取器的种类，如元素选取器、类选取器以及一般的用法CSS定位模式都有那些？......我之因此举几个例子说明，是想显示在咱们学习的过程中，不要钻知识点的牛角尖，更要学会分模块的总结思考，这般才可融会贯通，学起来更加有效。在这个周期举荐w3school 在线教程，这个网站虽然看起来非常接地气，但非常适合入门学习。
2、进阶篇：JavaScript、jQuery
经过入门篇的学习，基本上能够写有些静态的界面了。而JavaScript则是用来实现交互效果，让html、css展示的静态页面动起来。例如当鼠标悬浮到分享按钮上方，则会弹出分享途径的一个小窗口，这个便是用JavaScript实现出来的。 
在认识有些基本的JavaScript概念之后，则能够继续学习jQuery，其实便是一个JavaScript代码库，经过jQuery能够明显降低咱们编写交互效果的难度。
这个周期一样举荐w3school 在线教程这个网站进行学习，同期亦能够经过专业的途径去认识有些前端UI框架的社区网站，供给海量 CSS 样式与 jQuery 插件，从而能够帮忙咱们快速的制作有些酷炫的交互网站。
以上两个篇章基本便是前端的内容，在知乎上曾看到这般一句描述，按照非常贴切：html是名词，css是形容词，javascript是动词，三个互相协同才是一个句子。针对制品经理而言，学习认识这些知识已然足够了，完成达到了学习前端的初衷，倘若对此非常感兴趣，想学的更深入，则能够更进一步。
3、能手篇：web server、 php等后端知识
前端完成为了浏览器页面展示的运算，页面的展现离不开服务器和数据库的支持，这便是后端的研发。后端的架构不像前端已然有很知道的标准形式，日前存在各样方法，况且技术门槛相比前端亦比较高。我对这块的认识亦非常少，有兴趣的朋友能够移步更专业的地区去学习认识。
学习前端小心得
虽然我大一学过C++语言，但并无走研发的路线，所学到的知识亦仅限于书本，因此严格道理上我亦是一个技术门外汉。由于近期的一个web项目和自己的好奇心驱动，因此才在近期不到一月内的零散时间学习认识有些关联的知识（日前水平有限，仍需继续科研），学习过程中的有些小心得亦期盼能跟大众分享。 先经过文中分享的网站教程，认真过一遍html+css的知识点，尽可能全面细致，有些知识点看不懂没关系，但最少要在脑海中留下印象（下一点会说明为何）教程中会有有些小练习，尝试理解并能够自己写有些拓展的页面展示，过程中发掘不睬解的点要回过头再去细看对应的知识点（仅有先留下印象才可定位到问题在哪里，而后知识点和实践结合起来更能方便理解把握）仿照有些简单的静态网页，例如电商登录页面，利用学到的html、css知识临摹出来，时期能够经过查看网页源码帮忙自己思考（不会看源码的朋友请自动百度），重点熬炼自己html标签的运用、css属性运用、以及div定位布局等方面的知识能够先学习html+css入门的知识，写有些静态页面有了必定基本之后，再起始学习JavaScript知识，而后给制作的静态页面添加交互效果，循序渐进的学习，尽可能不想要着一步到位，否则容易打消积极性能够尝试写一下小的项目，例如个人的网站。一样在过程中会遇到非常多问题，要学会持续回到第1、2点进行复盘学习帮忙对知识点的加深，亦要学会经过参考其它网页源码获取思路，最重要的要持续总结思考个人练习作品分享
在学习过程中，我亦尝试写了一个个人网站，日前还非常简陋（大神勿喷），分享出来供大众一块学习交流。
对了，倘若想把自己的网站挂到网上，还需要学习建站技术，购买域名、主机服务器等。日前对详细的过程我亦不太清楚，今后有时间能够科研一下把网站放上去，想想还算是比较有成就感的一件事情。
倘若大众感兴趣，日前只能把网页文件下载到本地，而后本地打开查看（这般亦有个好处，用到的图标和背景照片能够更方便的拿到），欢迎大众交流指正。
本文由 @刘鹏 原创发布于人人都是制品经理 ，未经许可，禁止转载。
| 
发表于 2024-11-2 16:40:56