Web の完全なスタックを独学で学ぶ方法

Web のフルスタックを独学で学ぶ方法: まず、Web 開発プロセスの 3 層アーキテクチャ、つまりプレゼンテーション層、ビジネス ロジック層、データベース層を理解する必要があります。次に、次のことも理解する必要があります。マスターサービス管理、クラウドホストプラットフォーム、Webサーバー、データベース、ログシステム、その他の知識。

#インターネット業界は今も常に熱いですが、今後も熱いままだと思います。そのため、多くの友人がインターネットで学習する計画を立てており、トレーニングを選択する人もいれば、独学を選択する人もいます。しかし、インターネット技術を学ぶとなると、戸惑う友人も多いかもしれません。数日前、友人が私に、Web の完全なスタックを独学で学ぶ方法を尋ねました。次に、Web の完全なスタックを独学で学ぶ方法について説明します。

(推奨チュートリアル: html チュートリアル)

まず、Web フルスタックとは何か、Web を知るためにどのような知識を学ぶ必要があるかを理解する必要があります。フルスタック。

第二に、Web の全スタックを独学で学習するのは簡単なことではないことを知っておく必要があります。これには、継続するのに十分な忍耐力が必要であり、順番に効率的に学習する能力も必要です。できるだけ短い時間でしっかりと学ぶことができます。

Web 開発プロセスには 3 層のアーキテクチャがあります。

プレゼンテーション層: プレゼンテーション層は、Web サイトのフロントエンド部分とも呼ばれます。 Web サイトのユーザー インターフェイス関連の問題を処理します。

ビジネス ロジック層: ビジネス ロジック層は Web サイトのバックエンド層とも呼ばれ、データの検証と動的処理を担当します。

データベース層: 最後に、API を使用して Web サイトにデータを提供するデータ アクセス層があります。

上記の 3 つの層は、まとめてフルスタック Web 開発と呼ばれます。

フルスタック Web エンジニアとして、次の知識を知っておく必要があります:

1. サービス管理/運用保守

開発者は基本的なサーバー管理の知識を理解する必要があります。次の知識が含まれますが、これらに限定されません:

ユーザー インターフェイスを持たない端末または他の環境を介してサーバーにリモート接続する

基本的なシェル スクリプトを作成できる

ユーザーサーバー上のグループとグループ グループ管理

アプリケーションを提供するための Apache や Nginx などのサーバー プログラムの管理

ファイアウォール管理と権限管理

ソフトウェアのインストールと更新

これらの基本スキルに加えて、開発者は、Docker または Vagrant のような仮想マシン環境で、良好で健全な分離された開発環境を作成する方法を知っておく必要があります。上記のテクニックに詳しくない場合は、素晴らしい本をお勧めします。ここをクリックして購入してください。

開発者は、信頼性の高い本番環境のバックアップや、時間の経過とともにコードの変更を追跡できる共有可能で共同作業可能なコード ライブラリを開発するために、バージョン管理システムに非常に習熟している必要があります。現在、バージョン管理から完全に独立している開発者のワークフローは存在しません。バージョン管理に関する優れたビデオチュートリアルがありますので、ここから購入してください。

2. クラウド

実際の管理サーバーや仮想サーバーとは異なり、開発者は Heroku、Google Cloud、Azure、AWS などのクラウド ホスティング プラットフォームについて知っておく必要がある場合があります。

言わなければならないことの 1 つは、プラットフォームやツールは実用性よりも誇大広告であるということです。宣伝されているほどうまく機能しないプラットフォームやツールはたくさんありますが、誰もが話題にしているサービスを理解することは長期的には役立ちます。顧客はいつでもプロバイダーの変更を求める可能性があります。幸いなことに、私たちはクラウド ホスティング展開に関するこれらの決定的なガイドを持っています。

3. バックエンド

バックエンドでは、PHP や多数のフレームワークや CMS など、どの言語を選択するかを知ることに加えて、フルスタック開発者は次のことにも精通している必要があります。

Nginx や Apache などの Web サーバーは、運用とメンテナンスに密接に関係しています。

残念ながら、NodeJS は既に、JS、CSS、およびその他のリソース ファイルを、簡単にキャッシュできる静的ファイルにコンパイルできます。幸いなことに、NodeJS の学習を避けて PHP を使用する方法があります。

Composer などの PHP (http://www.ujiuye.com/zt/php/) パッケージ管理ツールは、最新の開発環境で使用できます。 ElasticSearch (ここで紹介) などは、

優れた API 設計から切り離せません。ほとんどの新しい Web ページは API に基づいており、フロントエンド (詳細は後述) のみを提供するため、

エンジンこれは、Web サイトのパフォーマンスを向上させるために非常に重要です。

Cron ジョブとバックエンド作業では、Gearman や Crunz などのライブラリを使用してください。

キャッシュを理解するには、Varnish、Redis、その他の優れたツールを使用してストアをシャードできます。プロジェクトを複数のホストにデプロイできるようにするためのデータ

4. データベース

データベースは、十分に把握することを除けば、基本的に構造的な変更は行わないため、別個の部分です。リレーショナル データベース (MySQL または PostgreSQL) のデータ スキーマを理解するには、フルスタック エンジニアは、Neo4j のようなグラフ データベースはもちろん、MongoDB、Redis、または Cassandra などの非リレーショナル データベースについてもある程度の知識を持っている必要があります。

残念ながら、これらはすべてサーバー上のものであり、すべてフルスタック エンジニアの制御下にあります。 RestDB や Google 所有の Firebase など、Mong に似たリモート ソリューションもいくつかあります。

5. フロントエンド

通常のフロントエンドのナレッジ グラフがどのようなものかを知りたい場合は、JavaScript セクションにあるこの優れた記事を読むことができます。ただし、フルスタック エンジニアとして、

NodeJS と NPM

Yarn

を理解する必要があります。

Typescript、ES6、LESS、SCSS、SaSSのコンパイルに使用されるプリプロセッサとコンパイラ (Babel など)

Grunt や Gulp などのビルド ツール

VueJS などのフレームワークReact、Angular

Webpack、Browserify、Rollup などのモジュール パッケージ化ツール

6、Design

設計の観点から、フルスタック開発者は変換方法を理解する必要があります。実際に使用可能な HTML および CSS コードを作成する前に、プロトタイプ図を作成します。その後、JS を使用してインタラクションを作成でき、バックエンドは偽のデータを使用して運用環境をシミュレートすることもできます。この重要なプロトタイプの図面が完成し、ユーザー エクスペリエンス デザインとインターフェイス デザインの準備が整った場合にのみ、実際の開発を開始できます。これ自体が難しい作業であり、特別なツール セット (

Photoshop と Illustrator、または Gimp/Inkscape などのオープン ソース ツール) が必要です。このようなツールの詳細については、デザイン チャネルにアクセスしてください。

Atom や Sublime Text などのクールで高速なエディター (ここでは 10 個の便利な Sublime プラグインを紹介します)

Subtlepattern の背景セレクターとカラー セレクターは、いくつかの色と一致させることができます

CSS グリッド システム

上記のフロントエンドと JS データ シミュレーションに必要なすべての知識

プロトタイプ図をオンラインで公開し、誰もが閲覧して提供できるようにします。フィードバックについては、Ngrok が提供します。非常に使いやすい

7. ログ システム

アプリケーションの健全性を効果的に監視するには、フルスタック開発者はエラーを追跡し、エラー ログを見つけて、有用な情報を抽出できる必要があります。それらの情報。フルスタック開発者は、アプリケーションがいつハングするかわからない場合に備えて、CPU や I/O 使用量の増加などの傾向をログから予測する必要もあります。この部分は運用と保守にも関係しますが、いくつかの特別なスキルが必要です。

ロギング システムの構築に必要な知識を理解するのに役立つ、優れた ELK スタックの記事をお勧めします。これには、ログを検索するための ElasticSearch、ログを収集するための Logstash、優れたグラフでログを表示するための Kibana、さらにはソリューションを提供するための Logz.io が含まれています。

8. モバイル端末

最後に、モバイル端末について説明します。 iOS および Android の Web ビューがより効率的になり、PWA (プログレッシブ Web アプリ) の出現により、ネイティブ アプリは開発するには複雑すぎるため、時代遅れになりつつあります。したがって、フルスタック エンジニアは、クライアント アプリケーションが API を呼び出して実行できるようにするために、PWA や React Native、あるいは NativeScript、Tabris、Cordova、Phonegap などの WebView を理解する必要があります。

以上がWeb の完全なスタックを独学で学ぶ方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。