Bootstrap出品经营技术上阶|学习笔记

知乎上老火之一个问题是:『产品经营需不需要懂技术?需要理解到什么水平?』

答案昭昭,当然要掌握。懂到产品经营能够胜利地同技术人员沟通,正确评估一个效应的艺实现难度,合理地朝提出开发需要,准确把握、推进项目进度为止。

还有一个误区是:产品经理知道技术就是如果失去描绘代码,会刻画代码=懂技术。事实上,一个解技术之出品经理需要了解的凡:技术名词、开发流程、开发逻辑、开发体系、开发成本、开发人员分工。

小喵正好就点儿天禁闭了36氪的「产品经营于零星至同样技能进阶:不懂得代码也能欢喜地跟出处」(链接见文末)。故写此文,总结元一先生提到的知识点,并成小喵自身以技能领域的上学经验,梳理用户作为背后的技巧名词和公理,以及一旦产品经理希望越深造相应的技术知识可以打如何网站取得资源与指导

落得图基本涵盖了一个出品经营需要懂得的富有基础技术入门知识。

前后端的剪切,可以概括地解啊是运行在用户设备上之艺都可叫前端技术;而后端就是承受将这些事物封装在
HTTP 的数据包中然后经过网传递到前端。前端包括
HTML,CSS,JavaScript,jQuery 以及 Bootstrap ;后端包括 HTTP
服务器,后端编程语言,数据库和 Cookie 和 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>
  • 响应式:
    响应式的主干就是是为与一个网页可以当不同装备及展现出不同的显示力量,主要是通过
    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 是一个地道之 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是Twitter推出的一个用来前端开发的开源工具包。它是一个CSS/HTML框架。

  • 前端学习资源:
    初学地址:w3schools
    简单易行实战:Code
    Academy
    初始开:One
    Month
    Javascript:JavaScript教程-廖雪峰的官方网站

后端

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

HTTP 服务器的绝无仅有任务便是拿需要返回给客户端的资源文件封装在 HTTP
数据包里,这个资源来或是它后的应用服务器动态变化的,也产生或是保存在硬盘上之静态文件。它的用意就是是将她背后的编程语言生成的各种
HTML/CSS/Javascript,打包改成一个 HTTP 请求,然后又封装到一个 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中文社区
《七周七数据库》- 图灵出版社

  • 区分用户并回到信息:Cookie和Session

咱们得以 Cookie 理解为是服务器被每个用户分配的唯一 ID,这个 ID
由用户浏览器保存,而 Session
则是服务器为了掩护这个会话在服务器端保存之以及 cookie 对应之用户数量。

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

移动端

挪动使用之前端技术:

  • 原生:适合对速度、性能特别灵巧的采用,如拍照、视频类应用(4-6完善)
  • 混合式:适合已发Web端,可以坐最低资本将Web端内容迁移至移动端(3-4周到)
  • 纯HTML5:除了上述两种植,其他情况都适用(1-2到家)

《产品经营打零碎至同样技能进阶》视频相地址
视频讲者张元一,产品原型工具墨刀老祖宗,首席码农。

相关文章