検索
ホームページウェブフロントエンドCSSチュートリアル上達を妨げる10の学習法をベテランがまとめ

1. はじめに

Web フロントエンドに携わる人々はたくさんいますが、学習方法や学習習慣は基本的にまったく同じではありません。 Web フロントエンド (または直接インターネット) に関しては、年を重ねて学ぶ業界であることは誰もが知っています。以前記事を書いたときに、たくさんの学習方法や提案について触れました。今日は趣向を変えて、私が個人的にお勧めしない学習法や、上達の妨げになっていると思う学習法についてお話していきたいと思いますので、ぜひ皆さんも参考にしてみてください!追加やご指摘がございましたら、ご指摘ください。意見交換してお互い助け合っていきましょう!

2. 具体的な状況

1. チュートリアルを見て練習しないでください

これは学習における最大のタブーとも言えますし、最も注意すべきことでもあります。インターネット上には、JavaScript、html5、css3 など、さまざまな言語、さまざまな知識、さまざまな側面をカバーするチュートリアルがたくさんあります。結局のところ、検索するだけでたくさんのものが見つかるのが最大の利点です。インターネットはリソースの共有です。しかし、多くの人はチュートリアルを読むだけで実際の操作を行いません。ブログやビデオチュートリアルのチュートリアルがどれだけ優れていても、自分でコードを書いて学習しなければ、この学習方法は深く記憶されず、忘れやすくなってしまいます。何でも!また、チュートリアルがいくつかあるため、実践的な練習に従わないと混乱する可能性があります。個人的なアドバイス: 自分に合ったチュートリアルを選択し、それを練習してコードを作成してください。チュートリアルを見ながらコードを書いていなくても!チュートリアルを読んだ後は、必ず自分で実践してください。その過程でいくつかの問題に遭遇するかもしれませんが、そうすることでより多くのことを学び、記憶力が強化されます。

2. フレームワークかライブラリだけを学ぶ

JavaScript (以下:js) に関しては、以前ほど深刻な状況ではありませんでしたが、私が大学やインターンシップに参加していた頃は、まだ jquery が主流だった時代でした。チャット中に多くの人がこう言います: jquery があるのに、なぜ js を学ぶ必要があるのですか? vue では、なぜ js を学ぶ必要があるのでしょうか?このような質問に直面して、私はその時は答えられませんでした。jquery や vue は js で実装されています。js を知らないと、jquery や vue を学ぶのは最初は難しいでしょう。 jquery や vue を学ぶときは、あまり深く考えてはいけません。さらに、場合によってはプロジェクトで jquery や vue の使用が許可されていない場合、基本的にコードを書くことができなくなります。このとき、他のフレームワークやライブラリを学習すると、基本的には新しい言語を学習するのと同じになります。個人的な提案: まず強固な基礎 (html+css+js) を築き、次に他のフレームワークやライブラリを学習します。 JSのことは知っていますが、JSのフレームワークやライブラリを学ぶのはドキュメントやAPIを確認するだけとはあえて言いません。しかし、少なくとも js フレームワークやライブラリを学ぶことはそれほど難しくありません。

3. コードを書くことに集中する

これは私が以前から持っていた習慣です。結合、インスタンス化、継承などの専門用語を延々と理解しています。混乱した!他の人が何を言っているのか分かりません!インターネットの技術は非常に速く更新され、フレームワーク、ライブラリ、ツールが時々リリースされます。ただし、すべての新しいテクノロジーが学習を必要とするわけではありません。ただし、コードを書くことだけに集中していて、新しいテクノロジーを理解していない場合は、そうなると、簡単に前進が止まり、競争力を失ってしまう可能性があります。個人的な提案: コードを書くときは、コードを理解し、コードを理解していることを確認してください。そして、技術的な更新があるかどうかを確認するためにニュースにもっと注意を払ってください。新しいテクノロジーが便利だと思う場合、または興味がある場合は、さらに詳しく学ぶことができます。結局のところ、インターネットは学びながら学ぶ必要がある分野であり、テクノロジーの更新が非常に速いため、流行についていけなければ淘汰されてしまう可能性があります。

4. 複雑なプロジェクトへの連絡が早すぎる

この状況は、学校でも現在の訓練機関でも比較的一般的です。フロントエンドを学んでいる人の多くはしっかりした基礎を築いていないので、大きなプロジェクトをやろうと脅している人もいれば、志胡をやりたい人もいれば、世紀の幸運のような大きな目標を達成したい人もいると聞きました。等々!しかし、彼らは誰も Web サイトのビジネス プロセスやロジックを理解することさえできず、最終的にはますます混乱してしまい、諦めてしまいました。以前の大きな目標は未完成のプロジェクトになり、最も有用な機能は単なるコードの演習になりました。実質的に意味のないことに多くの時間を費やしてしまいました。個人的な提案: 単純なものから複雑なものまで、複雑な Web サイトには単純なモジュールが多数あります。最初は簡単な関数から始めて、1つの関数が完成したらそこに関数を追加するのもいいでしょう。私が現在働いている会社もそうです。バックエンド管理システムは数ヶ月かけて開発し、社員のログインと登録のみだった機能から、一つずつ機能を追加していき、徐々に改善してきています。 (Webフロントエンド学習交流グループ: 328058344 雑談禁止です、興味ない方は入らないでください!)

5. 野心的で成功に熱心すぎる

この状況は、訓練機関出身の人によく見られます。すべての都市がこんな感じかどうかは分かりませんが、ここ広州ではこんな感じです。それは、目標が非現実的で、自分自身のことを十分に理解していないだけです。以前、グループチャットに参加していた金銀銀の時代は、就職活動をしている人が多く、チャットをしているうちに研修機関の人たちとたくさん出会いました。履歴書には、卒業したばかりで訓練機関で数か月間訓練を受けたか、または数か月間訓練を受けたかが記載されています。市場に出て2、3年いる人の割合。要するに、自分は何でもできると自慢しているのです!しかし、質問が出てくるとすぐに、10問中9問はわかりません。クロージャとは何かと問われてもわかりませんし、プロトタイプとは何かと問われてもわかりません。相続とは何なのか聞いてみましたが、まだ分かりません。ここで私が深く印象に残った質問について話さなければなりません。私はそのような人たちに対処するためにこの質問を使用します。どの人があらゆる種類のことに熟達し、あらゆる種類の方法で自慢しているかを見てください。早速質問してみましたが、誰も正解できませんでした。質問は以下の通りです。


alert(a)
a();
var a=3;
function a(){
 alert(10)
}
 alert(a)
a=6;
a();

上記は表面的な現象に過ぎません。さらに重要なのは、あまりにも意気揚々としていると、仕事を見つけるのが難しくなる可能性があります。なぜなら、会社によっては最高給与が 4,000 ドルまでしか与えられないと考えているのに、あなたは 9,000 ドル以上の給与を得る能力があると考えているからです。この状況では仕事を見つけるのは難しいです!それも良い印​​象はありません!さらに、それはあなたのキャリアの選択に影響を与える可能性があります。個人的なアドバイス: 現実から始めて自分自身を評価してください。あなたが知っていることと、会社に何をもたらすことができるかを考えてください。また、他の人の提案を参考にして、他の人の技術レベルや給与を比較したり、オンラインで面接の質問を探して、それらの面接の質問に答えられるかどうかを確認したりすることもできます。最後に、自分自身と自分の現状を評価してください。

6. 困難を見つけたら逃げる

開発中に、実現できないと感じた要件や機能に遭遇したことがある人は多いと思います。 「この機能はそれほど重要ではないので、やらなくても大丈夫ですか?」など、あらゆる手段を使って回避しようとします。この機能をこれまでに実行したことがないので、理解できません。この機能を外部に委託することはできません。エスケープワードがたくさんあります。考えてもいいのですが、毎回逃げていて、時間が経っても技術レベルは基礎段階のままでしょうか?今後どうすれば技術レベルを向上させることができますか?個人的なアドバイス: 困難には正面から立ち向かいましょう。 Web フロントエンド開発では、困難に遭遇するのは普通のことです。困難に遭遇しなければ、それは問題です。問題に直面したときは、そこから逃げるのではなく、挑戦する必要があります。誰もが自分の技術レベルを向上させたいと考えています。難しい問題に挑戦することは、技術レベルを向上させる良い機会ではないでしょうか。今まで無理だと思っていた難問をクリアできたら、それは技術レベルが上がった証です!そうじゃない?また、このような開発では、新しい知識を探索したり、難しい問題に挑戦したりせずに、毎日単純なビジネス コードを書くのはあまり楽しくないと感じています。

7. 使用できる限り、最適化はしたくない

これも、多くの人が、作成されたコードは使用でき、ニーズを満たすことができると考えています。将来の最適化についてはまったく気にしていません。プロジェクトやプラグインの開発に関しては、私も「最初に実装してからこの方法を最適化する」ことを推奨しています。しかし、これで開発が終わったので、もう最適化について考えなくなるわけではありません。自分のコードを最適化したり、より良いコードの書き方を模索したりしないと、ましてや将来的に高品質で簡潔なコードを書くことはできません。高品質で簡潔なコードの書き方を学ぶための重要な方法をブロックしてしまうことになるからです。もう一つは、プロジェクトにおいては、現在問題が発生していなくても、将来的に問題が発生しないとは限りません。代わりに、プロジェクトの開発後、独自のコードを最適化し、より良い実装方法を模索し、高品質で簡潔なコードを作成するようにしてください。これは良い学習プロセスではないでしょうか?コードを最適化する方法については、非常にたくさんあります (たとえば、よく言われるように、コードが反復的すぎるため、デザイン パターンを導入する必要がありますか? Web サイトのパフォーマンスは平均的ですが、最適化できますか?)。この領域を最適化します。一気に最適化するというわけではありませんが、少なくとも以前より悪くなることはありません!最適化に関しては、以前にもいくつかのリソースを投稿しました。見つけるのは簡単で、オンラインには多くのリソースがあります。ちょっと見てみてください!

8. 理解できない場合は質問しないでください。

理解できない場合は質問しないでください。問題に遭遇したときは、決して同僚に質問しません。または他の手段で他の人に相談することもできます。そこで瞑想して、さまざまな解決策を試してください。このアプローチの最悪の結果は、最終的に問題が解決できず、同僚に開発状況を問い合わせられることです。問題が解決するのが最善の結果ですが、問題を解決するにはかなりの時間がかかることは間違いありません。分からなかったらすぐに聞いてください。これがこの言葉の意味です。問題が発生した場合は、すぐに他の人に質問してください。あまり考えていないか、まったく考えていません。これで問題は解決しますが、同僚に頻繁に質問することになり、同僚は非常にイライラすることになります。同僚の忍耐力が疲れきっていると、答えの調子があまり良くなくなる可能性があります。これは同僚との関係に影響を与えるだけでなく、今後同僚にアドバイスを求めるのが怖くなり、上記のように知らない、聞かないというリスクにさらされることになります。個人的なアドバイス: 必要に応じてアドバイスを求めてください。理解できない問題に遭遇した場合は、まずその問題を状況に合わせて考え、解決できない場合は、インターネットにアクセスして解決策を見つけてください。解決していない場合は、他の人に尋ねたり、同僚に尋ねたり、他のチャネルを通じて尋ねたりしてください。こうすることで、問題を解決するときに記憶力がより深くなり、頻繁に同僚に迷惑をかけることもなくなると考えることができます。

9. 理解できないのに理解したふりをする

このサブタイトルは表面的には上記と似ていますが、実際は異なります。理解できないのに理解したふりをするということは、他人に質問するとき、実際には他人の説明を完全に理解していないことを意味します。おそらくそれは、顔のせいかもしれません、または他人に長い間迷惑をかけるのが恥ずかしいから、または心配しているからかもしれません。あまりにも長い間他人に迷惑をかけているので、あなたは理解しているふりをします。しかし、これはしばらくの間あなたを騙すかもしれませんが、すぐに再び明らかになります。そうすると、しばらくしてからまた同じ質問をすることになり、他の人はさらに当惑して当惑することになります。他の人に迷惑をかけることも多くなります。個人的なアドバイス: 質問がある場合は、よほどせっかちな人でない限り、他の人に質問してください。質問にも丁寧に答えてくれますよ!したがって、他の人に質問するときは、その質問の理由を理解する必要があります。同僚が一度説明できず、答えが直接理解できなかった場合、多くの人はその質問の理由を理解できるようになります。詳細はまた改めて。同僚が仕事などで忙しいのが心配な場合は、適切な時間を選択できます。私が今、同僚に尋ねているのは、「質問しないでください。あるいは、質問したい場合は、徹底的に調べてください。」です。もちろん、私の同僚は私が質問するたびに、辛抱強く答えてくれ、さらに詳しく説明してくれます。

10. 要件を明確にせずにコードを書く

要件を受け取った後、多くの人は要件を明確にする前に最初にコードを書くことになります。もう 1 つの状況は、多くの人がコードを書きながら要件について考えることです。この開発方法は、要件を誤解した場合に備えてのものです。これにより、作成したコードの大部分を変更したり、完全に削除して書き直す必要が生じる可能性があります。要件を明確に理解せずにコードを作成する可能性は非常に高いはずですが、一般に、プログラマーがコードを追加、削除、変更、チェックするのは通常のことなので、この状況を検出するのは困難です。私自身はわかりませんが、上司が技術共有の際に提案したのは、もう少し複雑な要件については、まず要件を明確にし、単純にフローチャートを描いてから、最初にコードを記述するというものです。をクリックして、コードを書き始めます。こちらに関しては現在実装中です!よほど単純な要件でない限り、スクラッチパッドにフローチャートを描くだけです。フローチャートに従ってコメントを書いてからコードを書くと、より整理され、コードが明確になります。ただし、以前ほどではありません。開発時間も効率も向上!

3. 概要

Web フロントエンドの現在の市場状況は、他の都市は知りませんが、広州は確かにあまり良くなく、競争も非常に激しいです。その理由は、多くの研修機関とエントリーレベルのフロントエンドが存在するためです。このような状況に直面して、私たちにできることは、その時々で学び、技術レベルを向上させることだけです。この方法によってのみ、高い競争力を確保し、多くの人々より目立つことができます。自分自身を学び、上達させるには、自分に合った学習方法を持つことに加えて、上達を妨げる学習方法からも学ぶ必要があります。以上の10点は私個人の考えです。それが米国にとって良いことを願っています!最後に、良い学習方法、悪い学習方法があればアドバイスをお願いします。みんなで意見を交換し、学び合いましょう!

以上が上達を妨げる10の学習法をベテランがまとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
スライドアウトフッタースライドアウトフッターApr 09, 2025 am 11:50 AM

マークアップと呼ばれる魅力的な新しいサイトが起動しました。キャッチフレーズ:Big Techがあなたを見ています。ビッグテクノロジーを見ています。 Upstatementからの素晴らしい仕事。

好きなページ好きなページApr 09, 2025 am 11:47 AM

先日、JavaScriptでRSSフィードを解析することについて投稿しました。また、RSSのセットアップについて、Feedbinがその中心にある方法について話していることについても投稿しました。

Sanity.ioのためにCodepen Gutenberg Embed Blockを再現しますSanity.ioのためにCodepen Gutenberg Embed Blockを再現しますApr 09, 2025 am 11:43 AM

Chris CoyierのWordPressのGutenbergエディターの実装に触発された、Sanity StudioのプレビューでカスタムCodepenブロックを作成する方法を学びます。

CSSでラインチャートを作成する方法CSSでラインチャートを作成する方法Apr 09, 2025 am 11:36 AM

ライン、バー、パイチャートは、ダッシュボードのパンとバターであ​​り、データ視覚化ツールキットの基本的なコンポーネントです。確かに、SVGを使用できます

SASSをプログラミングして、アクセス可能な色の組み合わせを作成しますSASSをプログラミングして、アクセス可能な色の組み合わせを作成しますApr 09, 2025 am 11:30 AM

私たちは常にWebをよりアクセスしやすくしたいと考えています。色のコントラストは単なる数学なので、SASSはデザイナーが見逃したかもしれないエッジケースをカバーするのに役立ちます。

SVGでタータンパターンを生成する静的サイトを作成する方法SVGでタータンパターンを生成する静的サイトを作成する方法Apr 09, 2025 am 11:29 AM

タータンは、スコットランド、特にファッショナブルなキルトに通常関連する模様のある布です。 Tartanify.comでは、5,000を超えるTartanを集めました

PHPテンプレートのフォローアップPHPテンプレートのフォローアップApr 09, 2025 am 11:14 AM

少し前に、PHPのテンプレートについてJust Php(基本的にHeredoc構文)に投稿しました。私は文字通り、いくつかの超基本にその手法を文字通り使用しています

ブートストラップコンポーネントを備えたモーダルイメージギャラリーの作成ブートストラップコンポーネントを備えたモーダルイメージギャラリーの作成Apr 09, 2025 am 11:10 AM

他の写真を表示するためにナビゲーションを使用して画像の大きなバージョンを開くWebページの画像をクリックしたことがありますか?

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強力な PHP 統合開発環境

AtomエディタMac版ダウンロード

AtomエディタMac版ダウンロード

最も人気のあるオープンソースエディター

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。

SublimeText3 Linux 新バージョン

SublimeText3 Linux 新バージョン

SublimeText3 Linux 最新バージョン

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい