Front-end_html/css_WEB-ITnose についての考えと洞察

最初は何事も難しいです。

フロントエンドに関する私の知識と洞察を共有するために真剣に記事を書こうと思ったとき、この文が本当に意味があることに突然気づきました。

近年、Web フロントエンドについては、人材の不足、学習の容易さ、高額な報酬、全体的な勢いの良さなど、さまざまな噂が飛び交っています。バックエンド開発にあまり詳しくない同僚に会い、フロントエンドを学ぶにはどのような内容を習得すればよいか尋ねたことがあります。また、IOS開発に携わっていてフロントエンドを学ぶつもりだった人の話を聞きました。フロントエンド市場における人材不足は次のようにもてはやされています:

現在、インターネット業界のほぼ全体でフロントエンドが不足しています。この問題はベンチャー企業だけでなく、上場企業や大手企業にも存在します。そうです、優秀なフロントエンドエンジニアはジャイアントパンダよりも希少なのです。 ... ...

国内のインターネット業界だけでなく、海外でもフロントエンドエンジニアの需要は高く、不足しています。

そのようなお世辞には、私は反対も支持もありません。なぜなら、立場や経験が違うと、人それぞれに物事の捉え方が異なるからです。成都から北京に来た新人として、フロントエンドについての私の理解を話させてください。

1. 地域の違い

成都のほとんどの企業では、カットと植字を担当する一種の Web エンジニアがいます。ある程度の PS を理解し、レイアウトに HTML と CSS を使用できるようにする必要があります。これらの人々は、新卒で働き始めたばかりであることが多く、彼らにとってレスポンシブ レイアウトは高度なスキルです。私もその一員になれたことを光栄に思います。そのおかげで、私は写真をカットするスキルを習得しました。このレベルになると、部外者は簡単に始めることができると思うかもしれませんが、実際にはまだ遠いです。

もう 1 つのタイプは、より強力なプログラマです。彼らは js と php、jsp などのバックエンド言語を知っています。しかし、彼らは html、css、js を非常に基本的なものとして扱い、HTML ページとバックエンド言語を明確に区別しません。 。そのため、.php、.jsp で終わるページもよく見られます。

北京に来て、ようやく本物のウェブフロントエンドを見ました。まるで一生前のことのように、もっと早く来なかった自分が嫌いになることがよくあります。学習がゆっくり進むにつれて、北京のフロントエンドがより明確な方向性を持っていると感じるでしょう。

私たちはユーザーエクスペリエンスに細心の注意を払い、各ページはPC側からモバイル側に合わせて最小幅320ピクセルのレスポンシブレイアウトを採用します。HTML5/CSS3関連のアプリケーションにさらに注意を払います。機能を超えた、より合理的な処理をユーザーエクスペリエンスに提供します。面接でよく聞かれるフロントエンドのパフォーマンス最適化について本気で考えていきます。したがって、gulp+require を使用してフロントエンド コードをビルドし、圧縮し、パッケージ化し、cdn にアップロードします。

一般に、北京ではフロントエンドがよりプロフェッショナルで明確で、開発がより優れています。

2. 関心は重要ですか?

私はこの問題について非常に真剣に考えてきましたが、多くの先輩マスターが私に「関心は非常に重要です。」と言いました。しかし、私は自分の状況を注意深く分析した後、反対の結論に達しました。

だって、興味を持って生計を立てることができるものを何も見つけていないからです。そして今は、このように努力を続ける限り、フロントエンド業界で居場所を残せると感じています。現実的に言えば、自分の決心をして拒否しない限り、それを選択することができます。結局のところ、誰もが自分自身を食べて生きていかなければなりません、ほとんどの人は自分の利益に従って生きることができないと思います。

「10,000時間の天才理論」とは、ある方向に10,000時間集中すれば、その方向の専門家になれるというものです。この原則はフロントエンドにも当てはまります。関心よりもフォーカスが重要です。

3. あなたの進歩に影響を与える考え方は何ですか?

しっかりしていない。

少なくとも今確認できるのは、フロントエンドの方向性は悪い選択ではないということです。最初の頃はUIデザインとフロントエンドの間で迷うことが多かったです。 UIデザインに少し興味が湧いた気がします。特にチャイナテレコムのビデオ再生アプリのデザインに参加してからは、将来的には優れたUIデザイナーになれるチャンスがあるとさえ思いました。しかし、フロントエンドのほうがより早く上達できるとも感じています。そのため、私は長い間この問題に悩まされ、停滞していました。実際、どの方向をしっかりと選択したとしても、現在のインターネット業界ではそれが非常に人気のある選択であり、誰もが成功する日が来ます。最大の間違いは躊躇することだ。

せっかち。

もし私が最終的に優秀なフロントエンドエンジニアになれなかったとしたら、最大の原因は私の性急なメンタルにあるはずです。

誰もが短期間で知識と経験があり、尊敬されるフロントエンド エンジニアになりたいと考えています。また、これは避けがたい精神的な問題だと思います。他人の給料の高さや自分の苦境が常に心を乱しやすいのです。そのため、「1ヶ月で初心者から上級者まで」「3ヶ月で初心者から上級者まで」といったキャッチコピーが人気です。しかし実際には、これは不可能です。このようなスローガンを掲げた研修機関は、ただ始めるだけです。フロントエンド業界で数年間働いている古い同級生が、自分がこの業界ですでに優れていると考えられているとはあえて言わない可能性さえあります。数年で上手くなれないわけではありませんが、落ち着いて修煉に集中できる人は非常に少ないです。つまり、実際の状況は、 ゆっくり、最速で

卒業して数年が経ち、私の進路上の最大の障害はこの2つの精神的な問題であると感じています。これは私の公式アカウントの本来の目的でもありますが、私が学んだことを少しずつ整理して、よりシンプルに、より直接的に、自分自身のブランドを確立していきたいと思っています。そして第二に、自分自身のメンタルを鍛えます。ここに注目してサポートしてくださった皆様に感謝します。

この公開アカウントでは、主にフロントエンドの技術知識や職場の不満を共有します。WeChat ID isreact を検索してフォローしてください。一緒に成長しましょう。 ^_^

4. 新たなテクノロジーにどう対処するか

フロントエンドは初心者にとって実際には多すぎると感じることがよくあります。

easyui、bootstrap、FoundationなどのUIフレームワークを学びたいです。自分の静的ブログを始めたい場合は、wordpress、jekyll、hexo などとは何ですか

構築ツールを学びたい場合は、grunt、gulp、webpack などとは何ですか

伝説的で強力なライブラリもたくさんあります、jQuery、Angular、vue、react など

最初は誰が誰よりも優れているかをどうやって見分けることができますか?気をつけないとかなり回り道をしてしまうかもしれません。

したがって、この時点で、私たちは真実を理解しなければなりません。基礎の重要性は、学習能力を向上させる能力にあります。

ブートストラップ、angularjs は当初、私にとって伝説のように存在しており、到達することはできませんでした。そして多くの企業は、採用時に従業員がこれらのテクノロジーを習得できることを望んでいます。それで、私は基礎が非常に弱かったときに学習を始めました。当然ですが、効果はほとんどありません。逆にフロントエンドへの自信がなくなり、心が揺れやすくなり、自分には向いていないと感じてしまいます。

しかし、基本が徐々に改善されるにつれて、bootstrap と angularjs をマスターするのはそれほど難しくないようであることがわかりました。ドキュメントを見るだけで、これらのテクノロジーを適切な方法で適用することもできます。これは以前の私にとってはまったく信じられないことでした。そのため、以前は手の届かなかったものから、今では手の届くものまで、基礎の重要性が分かりました。

最近非常に人気のある React や Webpack などについては、以前ほど使いこなすのが難しいとは感じません。これらの技術が普及している理由は、それを習得できる人が多く、特に習得が難しいボトルネックがないことを示しています。基礎が十分に強固であれば、これらのテクノロジーのトレンドセッターになれるでしょう。

5. フロントエンドはそれほど単純ではありません

フロントエンドが単純ではない理由は、知識ポイントの習得やテクノロジーの実装にあるのではなく、より良いソリューションを見つけることにあります。最も単純なページ レイアウトであっても、優れたソリューションは無限にあります。たとえば、私が学生だった頃は、ほとんどすべてのページ レイアウトを実装するためにテーブル要素がよく使用されていました。今では、ドキュメント フローを理解し、フロート、さまざまなボックス モデル、BFC などを使用できるようになりました。初心者にとって、レイアウトを実現するまでのギャップは非常に大きいです。

ページに小さな関数を実装するために大量の JS コードを書き始めたところから、一部の人は HTML/CSS を使用して数行のコードを使用するだけでページ全体のすべてのアニメーションを制御できることに後で気づきました。間のギャップも非常に大きいです。したがって、フロントエンドは外部の世界が考えているほど単純ではなく、バックエンド プログラミング言語を習得するほど簡単でもありません。したがって、私たちは畏敬の念を持ち続けなければなりません。

6. その他

学習方法

現段階での私の理解では、最も確実な学習方法は蓄積だと思います。インターネット時代において、知識を得ることがますます容易になっているように見えるという非常に一般的な幻想があり、多くの人がいわゆる情報過剰を心配しています。しかし、実際には、私たちにとって本当に役立つ情報を把握することはさらに困難です。フロントエンドのナレッジは比較的分散・断片化が進み、多様化が進んでおり、ナレッジの蓄積は非常に重要なプロセスです。

英語はとても重要です

英語が重要である理由は、外国の技術が私たちのものよりも発達しているためです。私たちは自分自身を向上させるために外国の記事を読む必要があり、Google検索で自分の質問に対する答えを見つける必要があることがよくあります。

一般的に、フロントエンドに向かう途中で、私は動揺、混乱、混乱に遭遇しました。停滞するのは衝動的なメンタルのせいでもあります。幸いなことに、彼らは一歩ずつ近づいてきました。そして、この方向性が私の努力にとって不公平なものではないと、自信を持って自分に言い聞かせることができます。

長い時間をかけてやっとこの記事を書き終えて、大泣きしてしまいました！記事を書くことはプログラマーにとって本当に大きな挑戦です。感想は何事も最初は難しく、中盤も難しく、最後も難しい。