Webフロントエンドの急速な発展に伴い、Webフロントエンドを学習する人がますます増えています。モバイルインターネットの時代には、私たち一人一人が携帯電話に何十ものAPPを持っていると思います。これらのAPPの開発は、人気のあるWebと実際に同じですフロントエンド開発は密接に関連しています。
実際、今日のアプリの半分以上は、AndroidとWeb側の技術開発を組み合わせたハイブリッドハイブリッドモードを使用して開発されています。純粋なWebで開発されたアプリもいくつかあります。たとえば、私たちの有名なQQスペースは、WebフロントエンドのReactNativeテクノロジーを使用して開発されています。APPに加えて、モバイル端末でよく見られるH5ページも、主にWeb側のHTML5テクノロジーを使用して開発されています。もちろん、WebフロントエンドはフロントエンドWebページとAPPに限定されるものではなく、サーバー側のデスクトップレベルのアプリケーション、さらにはVRも含まれます。
今日は、主
にWebフロントエンド開発に必要な知識、スキル、およびラーニングパスについてお話します
。1. HTML5 + CSS3 + JavaScript
は、Web開発基盤の基盤です。HTMLはWebページ構造を担当し、CSSはWebページスタイルを担当し、JSは論理的な相互作用を担当します。最初の2つはマークアップ言語に似ています。ロジックはなく、JSがフロントエンドの最優先事項です。HTML5の新技術のほとんどは、JS学習と組み合わせる必要があります。
このステージは主に、ステーションを模倣し、基本に精通し、CSSを使用してレスポンシブなページを作成し、プロトタイプチェーン、クロージャー、デザインパターンなどのJSの深い知識を理解することです。理解して練習する。
2. JQuery + BootStrap + Ajax + Json
jQueryはJSのアプリケーションライブラリで、ネイティブJS開発の効率を向上させることができます。Bootstrapは、携帯電話/タブレット/ PCなどの複数のデバイスのページサポートの実装を簡単にする応答フレームワークです。非同期相互作用にはAjaxテクノロジーが使用され、マップアプリケーションなどのページを更新せずにデータを更新できます。Jsonは、主要なプログラミング言語で広く使用されているデータ形式です。
jQueryとブートストラップは、記述されるコードの量を単純化し、非常に楽しいものですが、あまり堅実でない人にはあまり使用しないことをお勧めします。Ajaxとjsonは通常、バックエンドとの対話に使用され、実際のビジネスでよく使用されます。
3. Git / SVN
バージョン管理ツール。主にチーム開発中のファイルの競合を回避するために使用され、ファイルに戻ることもできます フロントエンドはGitの学習を推奨しています。
4. Nodejs + Mysql / MongoDB（オプション）
サーバー上で実行されるJavaScript。Expressはその拡張MVCフレームワークです。その中で、最も一般的に使用されるnodejsはnpmパッケージマネージャーで、さまざまなWebサイトにアクセスしてリソースパッケージをダウンロードしません。データベースの学習にはMongoDBまたはMySQLを選択できます。前者はNodejsに適していますが、ほとんどのWebサイトはPHP + Mysqlの組み合わせになっています。PHPを学習する計画がある場合は、最初にMysqlを学習できます。
5. ECMAScript6
JavaScript言語標準。ES6には多くの新しい概念が追加されており、以前のバージョンでのJSの多くの欠点を補っています。開発にES6を使用するプロジェクトが増えています。ES5を理解してから学習するのが最善ですが、現時点では、実際のプロジェクトの互換性を考慮して、ES6をBabel経由でES5にコンパイルしてデプロイする必要があります。
私は長年開発に携わってきた古いWebフロントエンドプログラマーです。現在、私は自分のWebフロントエンドプライベートカスタマイズコースを辞任しています。昨年、1か月かけて2019年に最も適したWebフロントエンドラーニングドライグッズを企画しました。この種のフレームワークは整理され、すべてのフロントエンドの友人に送信されます。取得したい場合は、ヘッドライン番号をたどって、バックグラウンドで私を信頼してください：フロントエンドは無料で入手できます。
6. Angular / React / Vue
3つのフロントエンドフレームワークにも独自のエコシステムがあり、ニーズに応じて学習することを選択します。現在、企業に対する最大の需要は依然としてAngularですが、最近の傾向では、reactとvueの方が人気があります。現在、フロントエンド技術の開発は速すぎるため、ツールやフレームワークは書籍をめくるよりも速く更新されるため、ドキュメントを調べたり読んだりすることをお勧めします。学習の過程で、さまざまな作図ツールが使用されることがよくあります。
7.
このような他の一般的なツールは、ニーズに応じて学習することを選択することです。現在、より一般的に使用されているのはWebpackで、プログラミングスタイルの異なる複数のファイルをパッケージ化できます。たとえば、ES6 / AMD / CMDなどのモジュール化により、ブラウザーで実行できるファイルを識別してコンパイルできます。CSSプリコンパイルフレームワークであるSass / Lessは、論理的な方法でCSSコードを記述できます。Gulp / Gruntビルドツールは、コードを自動的に圧縮およびマージできます。
8.その他のバックエンドプログラミング言語
現在、市場には基本的にバックエンド言語、PHP / JAVA / Nodejs / Pythonなどが必要です。
プログラミングを学ぶ上で最も重要なことは、練習、より多くのコードのノック、そしてもっと試すことです。問題を独自に解決する能力と探求と研究の精神が不可欠です。興味があれば、テクニカルブログを作成して、githubにいくつかのオープンソースプロジェクトをアップロードすることもできます。
優れたプログラマーは単なるプログラマーではありません。
フロントエンド学習の注意事項
まず、
何をしてもしっかりした基礎を築く必要があります。しっかりした基礎が必要です。Webフロントエンドトレーニングに参加することも例外ではありません。しっかりした基礎があって初めて、新しいスキルをより深く学ぶことができます。ジュニアウェブフロントエンドエンジニアとして、最も基本的な技術要素であるHTML、CSS、JavaScriptが必要です。これは、Webフロントエンドエンジニアとして習得する必要があるものです。Webフロントエンドのエントリしきい値は実際には非常に低く、他の言語の学習リズムが遅い、そして速いのに比べて、彼は最初は遅いプロセスです。したがって、初期の学習プロセスでは、その基本的なスキルを簡単に習得できます。HTML5テクノロジーの普及により、Webフロントエンドの学習がより簡単になります。
第二に、細部に注意してください
「詳細が成功か失敗かを決定する」という格言があります。多くのWebフロントエンド開発者は、作業のスピードを追求するために一部の詳細を無視しています。例：コードへのコメント、コードの命名規則、コードの簡潔さなどを追加します。これらはすべて重要ではないように見えるかもしれませんが、プロジェクトの進捗状況と独自の機能の改善に深刻な影響を与えています。開発プロセス中に適切なコメントを追加すると、技術的なポイントの印象が深まり、後で変更するプロセスでの迅速な検索が容易になります。標準化されたコード命名により、チーム間のコミュニケーションが容易になり、作業効率が向上します。簡潔なコードを使用できますコードの役割を直感的に示します。
3番目：継続的に学習を強化する
優れたWebフロントエンドエンジニアは、どれだけ長く働いているのではなく、すばやく学習できるために優れています。Webフロントエンドの開発は、幅広い知識をカバーする特別な仕事であり、インターネット業界の技術更新速度は非常に速く、迅速に学習する能力がなければ、時代に遅れをとることは困難です。したがって、Webフロントエンドエンジニアとして、私たちは常にスキルを学び、改善する必要があります。
質問については、お問い合わせください：チー電気の供給にを。電力供給オペレーションモンスター