フロントエンド プログラマー: 月給 5,000 ～ 50,000、私は何をしましたか?

フロントエンド プログラマー: 月給は 5,000 から 50,000 です。フロントエンド開発のような高度な技術分野で希望の仕事を見つけるにはどうすればよいですか?カフェでコーヒーを飲みながらコードを入力するだけで、昇進して昇給し、家と車を購入し、バイ・フメイと結婚して人生の頂点に達するというキャリアの夢を実現しますか?この記事「進化論: 0から100まで、原生動物の繁栄のための精神的飼料の歴史」は、あなたのキャリアを加速させる力を確実に与えてくれるでしょう。
フロントエンド開発の作業はますます複雑になっており、フロントエンド開発の学習リストを作成するだけでもすでに困難な作業です。以前は、フロントエンド開発の仕事に就くために必要なのは、HTML、CSS、JavaScript を作成できることだけでした。さて、Web 開発は単なるコーディング以上のものです。インターネット上にはより多くのコンテンツがあり、より多くの人々とより多くのデバイスがインターネットにアクセスできるため、Web フロントエンド開発スキルがより多く必要になります。読み込み時間、パフォーマンス、さまざまな画面サイズ、さまざまな入力方法、ビルド システム、展開戦略、コードの編成方法など、現在考慮する必要がある問題は数多くあります。
これはまだ架空のフロントエンド開発ですか?実際、情熱がある限り、これらは依然として非常に興味深いものです。では、フロントエンド開発の仕事に具体的に何を準備する必要があるでしょうか?
業界を始めましょう: 5 つの主要なハードウェア
お願いします。以下のものを準備してください
1 人間の脳: IQ は平均レベルを超えています
強い願望: 私のコードはブラウザーを備えたどのデバイスでも実行できる必要があります。
ラップトップ: Windows、Mac OS X、または Linux を実行できる限り、それほどお金がかかる必要はありません。もちろんデスクトップ コンピューターだけを使用することもできますが、カフェに座るのに持ち運ぶことはできません...
テキスト エディター: 推奨されるものには Atom、Visual Studio Code、TextMate が含まれます。これらはすべてMac OS、Windows 無料版、Sublime、WebStorm は他に何ですか? ああ、これらは非常に人気がありますが、70 ドル以上の費用が必要です...
ジュニア資格要件
いくつかの専門的な基礎。ブラウザが理解できる 3 つの主要な言語、つまり HTML、CSS、JavaScript、つまり三位一体を学習する必要があります。
非常に重要な点は、他の言語を学ぶ前に、Web ページをさまざまな画面サイズに配置する方法と、ボタンが押された後にどのように動作するかを必ず理解する必要があるということです。リソース。
Codeacademy: インタラクティブなコードに沿ったチュートリアル (ちなみにこのサイトは爆弾です)
初心者のための Web 開発: webplatform.org.の記事
MDN: https://developer.mozilla.org/en-US/docs/Web
2. 中上級パス
3 つの主要な言語をマスターしたら、専門能力開発プロセスの学習を開始できます:
コマンド ライン: コマンド ラインは知っているかもしれませんが、最も基本的な操作をマスターし、その方法に精通している必要があります。環境や奇妙なシェル スクリプトは頻繁に使用するので、それらを構成するために使用します。
CSS だけではもう十分ではありません。CSS 前処理: Sass、LESS があります。
ビルド システムの構築方法を理解する: Gulp や Grunt などのタスク スクリプターを構築し、LESS を CSS にコンパイルし、JavaScript を連結し、静的リソースを圧縮するために minify し、それらをロードする非同期または同期の方法を選択します。その後、優れたビルド システムが必要となります。コードをテストするためのローカル Web サーバーを含めて、これを自動的に実行できます。
コードのバージョン管理、git。
コードを github で共有してください!
ウェブサイトをオンラインに展開しましょう。 heroku.com や https://pages.github.com などの無料のサービス プロバイダーを見つけることができます。これらは、ほとんど現代のフロントエンド開発者が使用するツールとテクノロジーです。これで、あなたもフロントエンド開発者になることができます。エンジニア 。
高度な爆発装置。シンプルなレイアウトと大きな高解像度の写真を備えた、友人のビジネス用の Web サイトを構築することができました。しかも、携帯電話でも見栄えがよくなります。では、他に何を学ぶべきでしょうか?
ウェブサイトをコンテンツ管理システム (CMS) と統合します。 CMS を使用すると、コーディングを行わずに、ユーザー インターフェイスを通じてコン​​テンツを追加、削除、変更、整理できます。これがブログ サイトの仕組みです。たとえば、無料の WordPress など、オープンソースの CMS に慣れると非常に役立ちます。
CMS の構築方法を学ぶということは、Node.js や PHP などのサーバーサイド言語に精通する必要があることを意味し、さらに MySql や MongoDB などのデータベースの扱い方も知りたいということになります。
Angular、React、Ember など、非常に重要な優れたインタラクションを備えた Web アプリケーションを実際に構築できるように、JavaScript フレームワークに慣れましょう。好きなものを選択するだけですが、必ずマスターしてください。
JavaScript のデザイン パターン、JavaScript にもデザイン パターンはありますか? はい、読んでください。
空を突き破る究極技。コミュニケーションスキル！あなたは友人とコミュニケーションをとる必要があります。彼らはあなたのプログラマのパートナーであり、あなたの上司であり、あなたの友人です。質問がある場合は、stackoverflow.com にアクセスし、ネットワークを拡張し、meetup.com にアクセスし、ブログを書いてください。学習経験の一部を提供し、Gitgub にプル リクエストを投稿してください。
インターフェイス設計とユーザー エクスペリエンス設計 UI/UX 設計、フロントエンド開発パートナーは、基本的な UI/UX 設計の知識を持っている必要があります。検索の最適化では、ウェブサイトの検索ランキングを向上させて人々が検索しやすくする方法を知る必要があります。 CSS トランジション効果、ボタンのホバー CSS アニメーションを作成し、右側からスライドインするナビゲーション メニューにも滑らかなアニメーションが必要です。
パフォーマンスに関しては、ウェブサイトの読み込みをできるだけ早くし、DOM リフローと再描画操作を減らし、スクロールのパフォーマンスのボトルネックを防ぎ、JavaScript を最適化し、この Google ウェブ開発者の基礎をお読みください。
Jasmine や QUnit など、いくつかのテスト フレームワークを使用して Javascript 単体テストを実装します。継続的インテグレーション (CI)、CircleCI、Travis CI、Jenkins などの、パートナーと使用するための一連の自動テストおよびデプロイメント ツールの構成方法を理解する
その他の非常に便利なボーナス スキル。
↓↓↓これらは必須ではありませんが、目立つようにするのに役立ちます:
CSS3、SVG、Canvas API を使用してアニメーションを実装します。
バックエンド開発、Node.js
最後に: 仕事を見つけましょう!
スキルを持つだけでは十分ではなく、それを示すことができる必要があります。また、できることは次のとおりです。
小さな Web サイトを構築し、gitub コードベースを公開し、コードとドキュメントが明確で美しいことを確認し、お読みください
ミートアップにアクセスしてください。上司や投資家を見つけて、ブログを開始し、LinkedIn アカウントを申請してください
Web テクノロジーは常に変化しているため、満足のいく仕事を見つけたとしても、最終的にはモチベーションを維持する必要があります。時々次の場所に行く必要があります: CSS Tricks、SitePoint、Smashing Magazine
もちろん、CSDN のような中国のコミュニティもあります。つまり、何か問題が発生した場合、コミュニティには常に助けてくれる人がいます。喜んでお手伝いします。プロフェッショナルとしての姿勢を保ち、謙虚さを保ち、クールなものを作りましょう。
高羅峰兄弟は弟子を無料で募集しています: http://www.hdb.com/party/lzcw-comm.html
LAMP兄弟のオリジナルPHPビデオチュートリアルCD/「PHPを詳しく説明する」を無料で受け取ります。お問い合わせください。詳細については、公式 Web サイトのカスタマー サービス:
http://www.lampbrother.net
【Brothers IT Education】PHP、Linux、HTML5、UI、Android およびその他のビデオ チュートリアル (コースウェア + ノート + ビデオ) を学びましょう!
ネットワークディスクチュートリアルのダウンロード: http://pan.baidu.com/s/1sjOJiAL

上記はフロントエンドプログラマーの紹介です：月給5Kから50,000、私がやっていること、内容の側面も含めて、PHPチュートリアルに興味のある友人に役立つことを願っています。