やるべきことが多すぎる激務な便利屋になるのを拒否し、フロントエンド エンジニアにとって給料 10 倍アップも夢ではない_html/css_WEB-ITnose

フロントエンド エンジニアの皆様:

フロントエンド開発のトップ技術分野で好きな仕事を見つけるにはどうすればよいですか?カフェでコーヒーを飲みながらコーディングすることで、昇進して給料が上がり、家と車を購入し、バイ・フメイと結婚して人生の頂点に達するというキャリアの夢を実現しますか?フロントエンド開発の作業はますます複雑化しており、フロントエンド開発の学習リストを列挙するだけでもすでに困難な作業です。以前は、フロントエンド開発の仕事に就くために必要なのは、HTML、CSS、JavaScript の書き方を知っていれば十分であると考えられていました。さて、Web 開発は単なるコーディング以上のものです。インターネット上にはより多くのコンテンツがあり、より多くの人々とより多くのデバイスがインターネットにアクセスできるため、Web フロントエンド開発スキルがより多く必要になります。

ロード時間、パフォーマンス、さまざまな画面サイズ、さまざまな入力方法、ビルドシステム、デプロイメント戦略、コードの編成方法など、現在検討する必要がある問題がたくさんあります。これはまだ架空のフロントエンド開発なのでしょうか?実際、情熱がある限り、これらは非常に興味深いものです。では、フロントエンド開発の仕事には具体的に何を準備する必要があるのでしょうか?

• エントリーレベルのキャリアトップ 5 ハードウェア

以下のものをご用意ください

人間の脳: 平均レベル以上の IQ で十分です

強い願望: 私のコードは、ブラウザを備えた任意のデバイスで実行する必要があります。

ラップトップ: Windows、Mac OS X、または Linux を実行できる限り、高額な費用は必要ありません。もちろん、デスクトップ コンピューターだけを使用することもできますが、カフェに座るときにそれを持ち運ぶことはできません...

テキスト エディター: 推奨されるものには、Atom、Visual Studio Code、 TextMate。Mac OS と Windows には無料版があります。Sublime と WebStorm はどうでしょうか? ああ、これらは非常に人気がありますが、少なくとも 70 ドルの費用が必要です...

回避プロキシ:これは誰もが知っているので説明はしません

• ジュニア資格要件

いくつかの専門的な基本

方法を学ぶ必要がありますブラウザを使用して理解する 3 つの主要な言語: HTML、CSS、JavaScript - 聖なる三位一体!

非常に重要な点は、他の言語を学ぶ前に、Web ページをさまざまな画面サイズに配置する方法と、ボタンを押した後にコンテンツを表示する方法を必ず理解しておく必要があるということです。何かをしてください！

役立つ学習リソース

Codeacademy、初心者向け Web 開発、MDN

• 中級上級パス フロントエンド プログラマー:

3 つの主要な言語をマスターしたら、専門能力開発プロセスの学習を開始できます。

1. コマンド ライン: コマンド ラインでも実行できますが、最も基本的な操作をマスターし、環境の設定方法や奇妙なシェル スクリプトは頻繁に使用するため、よく知っている必要があります。

2. CSS だけではもう十分ではありません。CSS 前処理: Sass、LESS があります。

3. ビルド システムの構築方法を知る: Gulp や Grunt などのタスク スクリプターを構築し、LESS を CSS にコンパイルし、JavaScript を連結し、静的リソースを圧縮するために minify し、それらをロードする非同期または同期の方法を選択します。優れたビルド システムでは、コードをテストするためのローカル Web サーバーを含め、これを自動的に実行できる必要があります。

4. コードのバージョン管理、git。

5. Github でコードを共有してください。

6. Web サイトをオンラインにします。 HEROKU や Github などの無料のサービス プロバイダーを見つけることができます。

これらは、ほとんど現代のフロントエンド開発者が使用するツールとテクノロジーです。これで、あなたもフロントエンド開発エンジニアになれます。

• 高度な爆発装置

あなたは、友人のビジネス用の Web サイトを構築することができました。シンプルなレイアウト、高解像度の画像を備えており、携帯電話でも見栄えがよくなります。では、他に何を学ぶべきでしょうか?

Web サイトをコンテンツ管理システム (CMS) と統合します。 CMS を使用すると、コーディングを行わずに、ユーザー インターフェイスを通じてコン​​テンツを追加、削除、変更、整理できます。 これがブログ サイトの仕組みです。たとえば、無料の WordPress など、オープンソースの CMS に慣れると非常に役立ちます。

CMS の構築方法を学ぶということは、Node.js や PHP などのサーバーサイド言語に精通する必要があることを意味し、さらに、次のようなデータベースの扱い方も知りたいということになります。 MySql または MongoDB として。

Angular、React、Ember など、非常に重要な優れたインタラクションを備えた Web アプリケーションを実際に構築できるように、JavaScript フレームワークに慣れましょう。好きなものを選択するだけですが、必ずマスターしてください。

JavaScript のデザイン パターン、JavaScript にもデザイン パターンはありますか? はい、読んでください。

• 空を突き破る大技

1. コミュニケーション能力！あなたは友人たちとコミュニケーションをとる必要があります。彼らはあなたのプログラマーのパートナーであり、あなたの上司であり、あなたのユーザーであり、質問がある場合は、stackoverflow にアクセスし、ネットワークを拡張し、meetup.com にアクセスしてください。学習体験のために、Gitgub にプル リクエストを投稿してください。

2. インターフェイス設計とユーザー エクスペリエンス設計 UI/UX 設計、フロントエンド開発パートナーは、基本的な UI/UX 設計の知識を持っている必要があります。

3. SEO の最適化。Web サイトの検索ランキングを向上させ、人々が検索しやすくする方法を知る必要があります。

4. CSS トランジション効果。ボタンのホバー CSS アニメーションを記述します。右側からスライドインするナビゲーション メニューにもスムーズなアニメーションが必要です。

5. パフォーマンスに関しては、Web サイトの読み込みをできるだけ速くし、DOM のリフローと再描画操作を減らし、スクロールのパフォーマンスのボトルネックを防ぎ、JavaScript を最適化し、開発者の基本事項を読みます。

Jasmine や QUnit など、いくつかのテスト フレームワークを使用して Javascript 単体テストを実装します。

継続的インテグレーション (CI)。CircleCI、Travis CI、Jenkins などのパートナーと使用する自動テストおよび展開ツールのセットを構成する方法を理解します。

• その他の便利なボーナス スキル

これらは必須ではありませんが、目立つのに役立ちます。CSS3、SVG、Canvas API を使用してアニメーションを実装します。バックエンド開発、Node.js

スキルを持っているだけでは十分ではありません。それを示すことができる必要があります。また、次のこともできます。

1. 小さな Web サイトを構築して公開するGitub コード ライブラリを参照し、コードとファイルが明確で美しいことを確認し、README も用意してください

2. meetup.com にアクセスして上司や投資家を見つけ、ブログを開き、linkedin を申請しますアカウント

3. Web テクノロジーは常に変化しているため、満足のいく仕事を見つけたとしても、最終的にはモチベーションを維持する必要があります。時々次の場所に行く必要があります。 CSS のコツ。 、SitePoint、Smashing Magazine

4 . もちろん、CSDN のような中国のコミュニティもあります。つまり、何か問題が発生した場合、コミュニティには常に助けてくれる人がいます。

5. プロフェッショナルとしての姿勢を保つ: 謙虚さを保ち、クールなものを作りましょう。

(この記事は「Dianrong Gangster」の許可を得て転載しています。原題は「フロントエンド プログラマー: 私の月給は 5K から 50,000 ですが、私は何をしましたか」です。画像出典: christiaan_008 CC ライセンス。無断転載はご遠慮ください。）