アドバンスト プロダクト マネージャー テクノロジー丨Study Notes_html/css_WEB-ITnose

【記事概要】 Zhihu で非常に人気のある質問は、「プロダクト マネージャーはテクノロジーを知る必要がありますか?」です。どれくらい知る必要がありますか? 』

答えは明らかです、もちろんそれを理解する必要があります。プロダクトマネージャーは、技術担当者と円滑にコミュニケーションをとり、機能実装の技術的難易度を正しく評価し、開発要件を合理的に提案し、プロジェクトの進捗を正確に把握・推進できることを理解する。

もう 1 つの誤解があります。プロダクト マネージャーがテクノロジーを理解している場合、コードを書ける = テクノロジーを理解している必要があります。実際、テクノロジーを理解しているプロダクトマネージャーは、専門用語、開発プロセス、開発ロジック、開発体制、開発コスト、開発者の分業などを理解しておく必要があります。

Xiao Miao は、たまたま 36 Krypton の「ゼロから 1 への技術進歩: コードがわからなくても開発者と楽しく仲良くなれるプロダクトマネージャー」 (記事の最後にリンク) を視聴しました。 。したがって、私は Yuan Yi 先生が言及した知識ポイントを要約し、Xiaomiao 自身の技術分野での学習経験と組み合わせて、ユーザー行動の背後にある技術用語と原則を整理し、プロダクト マネージャーがさらに学習したい場合に備えて、この記事を書きました。対応する技術知識があれば、どのサイトからリソースやガイダンスを入手するかから始めることができます。

上の図は基本的に、プロダクト マネージャーが知っておく必要がある基本的な技術的な入門知識をすべてカバーしています。

フロントエンドとバックエンドの分割は、ユーザーのデバイス上で実行されるあらゆるテクノロジーをフロントエンドテクノロジーと呼ぶことができ、バックエンドはこれらを HTTP データ パケットにカプセル化して送信する役割を担うと単純に理解できます。ネットワーク経由でフロントエンドに送信されます。フロントエンドには HTML、CSS、JavaScript、jQuery、ブートストラップが含まれ、バックエンドには HTTP サーバー、バックエンド プログラミング言語、データベース、Cookie、セッションが含まれます。

フロントエンドとバックエンド

フロントエンド

• HTML: ウェブページの名詞
• CSS: ウェブページの形容詞
• JavaScript: ウェブページの動詞

コードフレームワーク完全な HTML ページ、CSS ファイル、JS ファイルは個別に存在します。以下に示すように:

• 応答性:

応答性の中核は、主に CSS を通じて、同じ Web ページが異なるデバイス上で異なる表示効果を提示できるようにすることです。以下に示すように:

は、画面幅が 480px を超える場合は色が赤で表示され、それ以外の場合は緑で表示されることを意味します。

• jQuery と Bootstrap

jQuery は優れた Javascript ライブラリです。 jQuery を使用すると、ユーザーは HTML をより簡単に処理できます。jQuery を使用すると、コマンドを呼び出すために大量の JS を HTML に挿入する必要がなくなります。 js セレクターに似ています)。

Bootstrap は、Twitter がフロントエンド開発のために立ち上げたオープンソース ツールキットです。 CSS/HTMLフレームワークです。

前端学习资源：

初学地址： w3schools

简单实战： Code Academy

开始驾驭： 1ヶ月

Javascript： JavaScript教程-廖雪峰的官方网站

後端

後端には HTTP サーバーが含まれており、アプリケーションサーバーとデータベース。

HTTP サーバーの唯一のタスクは、HTTP パケットでクライアントに返す必要があるリソース ファイルをカプセル化することです。このリソースは、背後のアプリケーション サーバーによって動的に生成される場合もあれば、サーバーに保存される静的なファイルである場合もあります。ハードディスク。その機能は、背後のプログラミング言語によって生成されたさまざまな HTML/CSS/JavaScript を HTTP リクエストにパッケージ化し、それを TCP/IP データ パケットにカプセル化して送信することです。

アプリケーション サーバーは、通常の意味でコーダーが責任を負う部分です。彼らの責任は、フロントエンドに必要な HTML/CSS/JS を生成し、ブラウザに渡すことです。

静的バックエンド:

バックエンド言語:

学びたいなら、Ruby と PHP の方が学びやすいです。

学習リソース:

• Code Academy
• 「7 週間で 7 つの言語」 - Turing Press

データベース:

1) MySQL: リレーショナル データベース

データベースは、情報を保存するための構造を定義します。

データベースにはいくつかのテーブルがあります。 HTML テーブルと同様、データベース テーブルには行、列、セルが含まれます。

データベースは、情報をカテゴリに保存する場合に非常に役立ちます。

以下は、「persons」という名前のテーブルの例です:

学習リソース: 「MySQL を知っておくべき」

2) MongoDB: 非構造化データベース

学習リソース:

• Coursera コース
• mongoDB 中国語コミュニティ
• 「Seven Weeks and Seven Databases」 - Turing Publishing House

ユーザーを区別して情報を返す: Cookie と Session

Cookie はサーバーによって各ユーザーに割り当てられる固有の ID として理解できます。 Session は、このセッションを維持するためにサーバーがサーバー側に保存する Cookie に対応するユーザー データです。 Cookie はブラウザ側に保存され、セッションはサーバー側に保存されます。

モバイル

モバイル アプリケーションのフロントエンド テクノロジー:

• ネイティブ: 写真やビデオ アプリケーションなど、速度とパフォーマンスに特に敏感なアプリケーションに適しています (4 ～ 6 週間)
• ハイブリッド: 既存の Web クライアントに適しており、Web コンテンツを最低コストでモバイル クライアントに移行できます( 3 ～ 4 週間)
• 純粋な HTML5: 上記 2 つを除き、他のすべての状況が適用されます (1 ～ 2 週間)

この記事は Product 100 によって推奨され、紹介されています

記事の出典: Jianshu

記事の著者: Zong Xiao Meow

フレンドリマインダー:

出典が間違ってマークされている場合は、タイムリーに修正するために QQ: 2977686517 にご連絡ください。ご理解とご支援に感謝します。

公式 Weibo @product100 と WeChat 購読アカウント chanpin100ghsd をフォローしてください。サプライズがあるでしょう!