検索
ホームページウェブフロントエンドhtmlチュートリアルあなたを素晴らしい人にするための3つのヒント

あなたを素晴らしい人にするための3つのヒント

Jun 24, 2017 am 10:57 AM
専門家フロントエンド新入りテクノロジー

フロントエンドを初めて使用する初心者は、次のように疑問に思うかもしれません:

基礎ゼロからフロントエンド コースを学ぶことはできますか?

フロントエンドの学習を始めるにはどうすればよいですか?

あなたがフロントエンド ワーカーであれば、次のように尋ねるかもしれません:

どうすれば自分自身を改善できるでしょうか?

天井が低いフロントエンド開発は本当にボトルネックに遭遇しましたか?

次に、学習、実践、進歩の 3 つの側面からこれらの質問に答え、私のフロントエンドの成長経験を共有します。

1

学習章

フロントエンドを学習するには、まず良い基礎を築くことをお勧めします。 ここでの基本は、コンピューターの基本と専門的な基本の 2 つのカテゴリに分類されます。

これらの基礎がなくてもフロントエンドはできると思う人もいるかもしれませんが(これが、以前に敷居が低いと述べた理由です)、これらの基礎知識を習得し、理解するかどうかで、どこまでできるかが決まります。学習のこの部分は段階的なプロセスであり、一夜にして達成できるものではありません。

では、これらの基礎知識を学ぶにはどうすればよいでしょうか?

書籍、コード、標準から始めることをお勧めします。

書籍: 特定の知識ポイントを理解する必要がある場合、さらにいくつかの関連書籍を読み、問題についてのさまざまな著者によるさまざまな説明を参照して理解を深めます。それに比べて効果は優れています。

コード: 知識を習得したかどうかを確認する良い方法は、コードを読むことです。それは知識への理解を深めてくれるだけでなく、ギャップを埋め、新たな気づきを与えてくれます。読む価値のあるソースコードは何ですか?

本のコード

先輩が残したコード

フォーラムでの経験

ウェブサイトのコード

多数公開ソースコードは可能です参照ソースとして使用されます

· これまでに書いたコードを要約すると、さまざまな驚きが得られるでしょう

標準: 日常生活で問題に遭遇したとき、私たちはソースを追跡する必要があります。そして基準を調べることが重要です。インターネット テクノロジーの更新と反復は非常に速く、インターネット上のリソースは良いものから悪いものまでさまざまです。したがって、審査の重要な方法の 1 つは、基準を参照することです。フロントエンド関連の標準は、主に業界標準とメーカー標準の 2 つの側面に分けられます。

業界標準を策定する組織は主にecma組織/IETF組織/W3C組織

メーカー標準を策定するプラットフォームは主にIE/Chrome/Firefoxなど

2

実践編

ボトルネックに遭遇した学生にとって、練習段階は非常に重要です。どのような方法で勉強しても、最終的な目標は実践的な問題を解決することだからです。

実際の問題を中心に考えると、問題は実際には 4 つの側面に分けることができます: 問題の発見、問題の分析、問題の解決、および問題の解決です。

製品の機能要件、開発の非機能要件、質問、提案、苦情など、問題を発見するにはさまざまな方法があります。フロントエンドエンジニアは考えてまとめることが求められることが多く、それが私たちにとっての課題でもあります。

問題を見つけたら、問題の本質を分析し、問題を引き起こした要因を特定し、複数の関係者とコミュニケーションを取り、複数の解決策を提案し、長所と短所を分析する必要があります。それぞれを選択し、実際の状況に基づいて問題を解決します。

ビジネスにおいて、バグの8割は主にビジネスロジックの検討不足、論理的な判断処理の欠如、標準的でないデータ形式などによって発生します。この種のバグは比較的早く修正できますが、行ったり来たりしたり、新しいバグが発生したりするのは簡単です。これらのバグは開発者の有効な作業時間を短縮します。

さらに、バグの 15% は開発者自身のコーディングの問題、つまり技術的なバグによって引き起こされますが、開発者がソフトウェア プラットフォームやフレームワークに慣れ、自身のプログラミング レベルとプログラミング リテラシーを向上させるにつれて、このバグは解決されます。徐々に減少します。

最後に、問題を解決し、理解を深め、その後、単純な問題の解決策を複雑な問題に適用する、これも改善への方法です。

3

上級編

あるレベルに達すると、個人の能力が伸びにくくなり、ネックに遭遇します。このとき、個人的な観点から始めて天井に達しているかどうかを理解する必要がありますが、チームの観点から始めて突破口を見つけることもできます。

個人の能力を深く広範囲に分析できます。 深さは、外観、原理、実装の 3 つの段階に分かれています。 外観は前述した基本段階です。次の段階は、原理を理解し、知識ポイントを把握して特定できるようになることです。実装段階は、既存の知識体系を最大限に活用し、応用することです。

幅広さの観点から、専門スキルと分野の範囲の 2 つの部分に分けることができます。専門的なスキルは、知識体系を網羅し、理解することから始まります。つまり、対象範囲が十分に広いかどうか、また、一般的なソリューションがどの程度馴染みがあるかどうかです。分野の範囲を拡大するには、モバイル端末、デスクトップ端末などの他の製品についての理解が必要です。

上記の点が優れていれば、あなたは優秀なフロントエンドエンジニアになるでしょう。しかし、個人の優秀さだけでは十分ではなく、チームの優秀さも必要です。

プロセス、効率、コラボレーションに焦点を当てた、チーム内のブレークスルー。 NetEase の現在の作業モデルは基本的に次のプロセスに従い、比較的詳細で標準化されています。

| 新しい要件をオンラインで

要件 → インタラクション → ビジュアル → 開発 → セルフテスト → テスト → バグ修正 → テスト → バグ修正 → テスト → インタラクティブ確認 → 視覚的確認 → オンライン申請 → 確認 → オンライン

| ホットフィックスはオンラインです

問題のフィードバック→バグ修正→テスト→バグ修正→テスト→オンライン申請→確認→ホットフィックスはオンラインです

最後に、2つの文を共有したいと思います:

常に謙虚で慎重な精神を持ち続けます。

常に学習能力の育成を強化します。

フロントエンド学習への道では、自己学習と改善に加えて、先輩フロントエンド開発エンジニアとコミュニケーションを取り、他の人の経験を利用して効率的な学習方法と急速な進歩を得るのも良い方法です。私のグループに参加すれば、偉い人たちが毎日お互いにコミュニケーションを取れるようになります

以上があなたを素晴らしい人にするための3つのヒントの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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

Web開発におけるHTML、CSS、およびJavaScriptの役割は次のとおりです。1。HTMLは、Webページ構造を定義し、2。CSSはWebページスタイルを制御し、3。JavaScriptは動的な動作を追加します。一緒に、彼らは最新のウェブサイトのフレームワーク、美学、および相互作用を構築します。

HTMLの未来:ウェブデザインの進化とトレンドHTMLの未来:ウェブデザインの進化とトレンドApr 17, 2025 am 12:12 AM

HTMLの将来は、無限の可能性に満ちています。 1)新機能と標準には、より多くのセマンティックタグとWebComponentsの人気が含まれます。 2)Webデザインのトレンドは、レスポンシブでアクセス可能なデザインに向けて発展し続けます。 3)パフォーマンスの最適化により、応答性の高い画像読み込みと怠zyなロードテクノロジーを通じてユーザーエクスペリエンスが向上します。

HTML対CSS対JavaScript:比較概要HTML対CSS対JavaScript:比較概要Apr 16, 2025 am 12:04 AM

Web開発におけるHTML、CSS、およびJavaScriptの役割は次のとおりです。HTMLはコンテンツ構造を担当し、CSSはスタイルを担当し、JavaScriptは動的な動作を担当します。 1。HTMLは、セマンティクスを確保するためにタグを使用してWebページの構造とコンテンツを定義します。 2。CSSは、セレクターと属性を介してWebページスタイルを制御して、美しく読みやすくします。 3。JavaScriptは、動的でインタラクティブな関数を実現するために、スクリプトを通じてWebページの動作を制御します。

HTML:それはプログラミング言語か何か他のものですか?HTML:それはプログラミング言語か何か他のものですか?Apr 15, 2025 am 12:13 AM

htmlisnotaprogramminglanguage; itisamarkuplanguage.1)htmlStructuresandformatswebcontentusingtags.2)ItworkswithcsssssssssdjavascriptforInteractivity、強化を促進します。

HTML:Webページの構造の構築HTML:Webページの構造の構築Apr 14, 2025 am 12:14 AM

HTMLは、Webページ構造の構築の基礎です。 1。HTMLは、コンテンツ構造とセマンティクス、および使用などを定義します。タグ。 2. SEO効果を改善するために、などのセマンティックマーカーを提供します。 3.タグを介したユーザーの相互作用を実現するには、フォーム検証に注意してください。 4. JavaScriptと組み合わせて、動的効果を実現するなどの高度な要素を使用します。 5.一般的なエラーには、閉じられていないラベルと引用されていない属性値が含まれ、検証ツールが必要です。 6.最適化戦略には、HTTP要求の削減、HTMLの圧縮、セマンティックタグの使用などが含まれます。

テキストからウェブサイトへ:HTMLの力テキストからウェブサイトへ:HTMLの力Apr 13, 2025 am 12:07 AM

HTMLは、Webページを構築するために使用される言語であり、タグと属性を使用してWebページの構造とコンテンツを定義します。 1)htmlは、などのタグを介してドキュメント構造を整理します。 2)ブラウザはHTMLを分析してDOMを構築し、Webページをレンダリングします。 3)マルチメディア関数を強化するなど、HTML5の新機能。 4)一般的なエラーには、閉じられていないラベルと引用されていない属性値が含まれます。 5)最適化の提案には、セマンティックタグの使用とファイルサイズの削減が含まれます。

HTML、CSS、およびJavaScriptの理解:初心者向けガイドHTML、CSS、およびJavaScriptの理解:初心者向けガイドApr 12, 2025 am 12:02 AM

webdevelopmentReliesOnhtml、css、andjavascript:1)htmlStructuresContent、2)cssStylesit、および3)Javascriptaddsinteractivity、形成、

HTMLの役割:Webコンテンツの構造HTMLの役割:Webコンテンツの構造Apr 11, 2025 am 12:12 AM

HTMLの役割は、タグと属性を使用してWebページの構造とコンテンツを定義することです。 1。HTMLは、読みやすく理解しやすいようなタグを介してコンテンツを整理します。 2。アクセシビリティとSEOを強化するには、セマンティックタグなどを使用します。 3. HTMLコードの最適化により、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ヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強力な PHP 統合開発環境

VSCode Windows 64 ビットのダウンロード

VSCode Windows 64 ビットのダウンロード

Microsoft によって発売された無料で強力な IDE エディター

MantisBT

MantisBT

Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。

SecLists

SecLists

SecLists は、セキュリティ テスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティ テスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティ テストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジング ペイロード、機密データ パターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテスト マシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。