产品经营技术进阶|学习笔记

虎扑上很火的一个题材是:『产品老总需不须求懂技术?必要懂到怎么水平?』

答案显明,当然须求懂。懂到成品CEO可以顺遂地与技术人士交换,正确评估一个成效的技艺落成难度,合理地向提议开发须求,准确把握、推进项目进程截止。

还有二个误区是:产品经营懂技术就是要去写代码,会写代码=懂技术。事实上,2个懂技术的出品老板需求了然的是:技术名词、开发流程、开发逻辑、开发种类、开发开支、开发人士分工。

小喵正好那两日看了36氪的「产品老董从零到一技巧进阶:不懂代码也能欣然地与开销相处」(链接见文末)。故写此文,总括元一导师提到的知识点,并整合小喵自己在技能世界的学习经历,梳理用户作为背后的技艺名词和原理,以及一旦产品经营希望进一步深造相应的技能知识可以从什么网站取得财富和指点

Bootstrap,上图基本包涵了贰个成品经营需求知道的具有基础技术入门知识。

内外端的划分,可以简简单单地了解为凡是运转在用户设备上的技巧都足以称为前端技术;而后端就是承担将那几个事物封装在
HTTP 的数额包中然后经过互联网传送到前端。前端包含HTML,CSS,JavaScript,jQuery 以及 Bootstrap ;后端包涵 HTTP
服务器,后端编程语言,数据库以及 库克ie 和 Session。

前者与后端

前端

  • HTML : 网页的名词
  • CSS:网页的形容词
  • Javascript:网页的动词

三个总体的HTML页面的代码框架中,CSS文件和JS文件是独自存在的。如下图:

<!DOCTYPE html>
<html>
    <head>
         <title>网页名称</title>
         <link href="style.css" media="screen" rel="stylesheet" />
    </head>
    <body>
         <img src="image.png">
    </body>
</html>
  • 响应式:
    响应式的主干就是让同2个网页可以在差别装备上呈现出不一致的来得效果,重假使透过
    CSS 来落成的。如下图:

      <!DOCTYPE html>
      <html>
      <head>
           <title>网页名称</title>
           <link href="style.css" media="screen"   rel="stylesheet" />
      </head>
      <style>
           h1 {
                color: red;
           }
           @media(max-width: 480px) {
           h1 {
                color: green;
           }
      </style>
      <body>
      </body>
      </html>
    

意思是一旦荧屏宽度大于480px,则颜色突显为革命,否则为暗紫。

  • jQuery与Bootstrap

jQuery 是1个美丽的 Javascript 库。jQuery 使用户能更便民地拍卖 HTML
,它可以使用户的 HTML 页面保持代码和 HTML 内容分别,通过 jQuery
,可以不用在 HTML 里面插入一堆 JS 来调用命令,只需求定义
ID(类似js的采纳器) 即可。

<style>
.red {color: red;}
.green {color:green;}
</style>
<body>
<h1 class="red">红色的大标题</h1>
<p class="green">绿色的正文</p>
</body>

上面即JS的class调用。

<script src="jquery.js"></script>
<script>
  jQuery(".red").animate({
  'font-size':'12px'
  },1000);
  jQuery(".green").animate({
  'font-size':'32px'
  });
 </script>

Bootstrap是推特推出的二个用来前端开发的开源工具包。它是3个CSS/HTML框架。

后端

后端包蕴HTTP服务器、应用服务器和数据库。

HTTP 服务器的绝无仅有义务就是把需求重返给客户端的资源文件封装在 HTTP
数据包里,这几个财富有只怕是它背后的应用服务器动态变化的,也有大概是保留在硬盘上的静态文件。它的听从就是把它背后的编程语言生成的各类HTML/CSS/Javascript,打包成2个 HTTP 请求,然后再装进到1个 TCP/IP
的数据包里发回给我们。

应用服务器就是平日意义上所说的码农负责的某个。他们的职务就是浮动前端须要的
HTML/CSS/JS 交给浏览器。

  • 静态后台:

    server {
    server_name next.36kr.com;
    root /next/www;
    }
    
  • 后端语言:
    若果要学的话,Ruby和PHP比较好学。
    学学能源:

  • Code
    Academy

  • 《七周七语言》- 图灵出版社

  • 数据库:
    1) MySQL:关系型数据库
    数据库定义了仓储消息的构造。
    在数据库中,存在着某些表。类似 HTML
    表格,数据库表含有行、列以及单元。
    在分拣存储音信时,数据库极度管用。

下边是壹个名为 “Persons” 的表的事例:

LastName FirstName City
Darcy Ann NY
Pettersen Nora LA

读书财富:《MySQL必知必会》

2) MongoDB: 非结构化数据库

读书能源:
[Coursera课程](https://zh.coursera.org/learn/web-
application-development)
mongoDB普通话社区
《七周七数据库》- 图灵出版社

  • 分别用户并重返新闻:库克ie和Session

咱俩得以将 Cookie 通晓为是服务器给各样用户分配的唯一 ID,那些 ID
由用户浏览器保存,而 Session
则是服务器为了保险这些会话在劳务器端保存的与 cookie 对应的用户数量。

Cookie保存在浏览器端,Session保存在劳动器端。

移动端

移步拔取的前端技术:

  • 原生:适合对速度、品质尤其敏感的应用,如拍照、录像类应用(4-6周)
  • 混合式:适合已有Web端,可以以最低资本将Web端内容迁移到移动端(3-4周)
  • 纯HTML5:除了以上二种,其余情状均适用(1-2周)

《产品老板从零到一技巧进阶》视频来看地址
视频讲者张元一,产品原型工具墨刀波特兰开拓者,首席码农。

相关文章