ホームページ ウェブフロントエンド htmlチュートリアル front-end_html/css_WEB-ITnoseの理解と意見

front-end_html/css_WEB-ITnoseの理解と意見

Jun 24, 2016 am 11:24 AM

1. フロントエンドとは何ですか?

ちょうどフットボールの試合のように、フォワードの人もいればミッドフィールダーの人もいて、ディフェンダーの人もいて、サブの人もいるなど、みんなが違うポジションで違うことをして、最終的に完全試合を達成する、フロントエンドのようなものです。ここで前に進むには、最後のキックでボールをゴールにシュートする必要があります。

フロントエンドはジョブであり、その作業領域はブラウザーです。アートやデザインを扱うだけでなく、Ajax がバックグラウンドからデータを取得する方法を理解する必要もあります。最も重要なことは、画像合成後の Web ページがユーザーに表示され、Web ページのインタラクティブな効果が実現される必要があることを理解することです。

フロントエンドはデザインとバックエンドの中間領域にあり、過去と未来を繋ぐ役割を果たします。これには、フロントエンドエンジニアが水平方向の幅広い知識ベースを持っていることが必要です。サーバー テクノロジーだけでなく、製品やインタラクションについても理解する必要があります。

HTML、CSS、JavaScript という 3 つの基本スキルを習得する必要があります。さらに、Web で使用される PHP またはその他のプログラミング言語の知識も必要です。

フロントエンド ワーカーは主にユーザー、ブラウザ、データ インターフェイスに重点を置きます。

2. フロントエンドエンジニアの価値は主にどこに反映されますか?

(1) ユーザーがより便利に情報を入手できるようにします。 PSD を取得してオンライン コードを作成した後は、真剣に取り組む必要がある詳細がたくさんあります。フォーム上のさまざまなインタラクションや、ページのさまざまな要素 (領域) 間の情報のインタラクションはすべて、自分の技術的能力とユーザー自身の認識に頼って完了する必要があります。

(2) フロントエンドをより標準化、標準化する。さまざまな仕様を調べ続け、異なるバージョン間の違いを比較し、導入された新機能の重要性 (技術的またはビジネス的) を考えてください。この業界の最新の発展に注意を払い、革新のポイントを特定し、問題やバグに対する独自のアイデアや解決策を要約して共有し、会社、同僚、業界全体に貢献し、フロントエンドの開発を促進します。

フロントエンドを深く学ぶには、さまざまなフロントエンド ライブラリやフレームワークのアーキテクチャ設計、さまざまな W3C 標準に関する詳細な調査、JavaScript 言語自体の調査、ブラウザの原理、ネットワーク伝送プロトコルの原理の分析など、お待ちください。

3. どのようなスキルを習得する必要がありますか?

(1) ブラウザの互換性の問題を解決します。フロントエンドは少なくとも 3 つのブラウザ コアのインターフェイスを知る必要があり、さまざまな不可解なバグに直面する必要があります。フロントエンド テクノロジーも日々変化しており、CSS3 仕様がいつ完成するかはまだ不明です。

(2) 水平的なスキルは幅広くあるべきです。インタラクション デザイン、ビジュアル デザイン、いくつかのバックグラウンド テクノロジーを理解し、http プロトコル、Linux 操作、シェル、vim、git、svn に習熟し、少なくとも 1 つのバックエンド言語 (java、c++、php、python) に精通している。少なくとも 1 つの MVC 開発フレームワークと、さまざまなフロントエンド オープン ソース プロジェクト (jquery、requirejs、seajs、bootstrap、yui...) を「オブジェクト指向」、「プロセス指向」、「関数型」で柔軟に使用する必要があります。プログラミング方法、リッチ クライアント アプリケーションの一般的なアーキテクチャ パターンであるデザイン パターンも理解する必要があります。

(3) 垂直スキルは深い必要があります。 js、css、html5、css3…

(4) ユーザーエクスペリエンスに注意を払い、インタラクションデザインを理解する。プロダクト マネージャーやインタラクション デザイナーによるエラーの検証を支援するのは、フロントエンド エンジニアの義務と責任です。ページの実装者として、起こり得る問題を事前に予測できなければ、後からさらに多くのエラーが発生することになります。

4. どのような知識構造を持つべきですか?

写真アドレス: http://www.zhihu.com/question/19588629

5. 研究開発チームのフロントエンドはどこですか?

理想的な状況は、フロントエンドの入力がまだ PSD ドラフトであることです。製品とデザインの能力が十分でない場合は、フロントエンドもインタラクション デザインに参加する必要がある場合があります。出力は動作するモジュールまたはページです。フロントエンドはサーバー テンプレート (php、jsp) から直接動作を開始します。作業を開始する前に、フロントエンドとバックエンドの学生がページで使用する変数と ajax 通信インターフェイスを作成し、その後、個別に開発します。継続的にデバッグとテストを行います。この開始方法を使用すると、フロントエンドはインターフェイスとデータ構造に基づいてページの HTML 構造と CSS 構造を設計でき、冗長な作業を最小限に抑えることができます。これにより、フロントエンドがより主観的な主導権を発揮できるようになり、またバックエンドが基礎となるアルゴリズムのロジックやデータの保存と通信にさらに注意を払うことができるようになります。

6. フロントエンドエンジニアの未来は?

フロントエンドエンジニアは一般に、進むべき道は 3 つあると言います。1 つは前進すること、1 つは後退すること、そしてもう 1 つはフロントエンドに取り組んでさらに深く進むことです。今後は、フロントエンドの価値、つまりユーザー エクスペリエンスを最もよく体験できる、ユーザー エクスペリエンスとインタラクション デザイン、さらにはプロダクト デザイナーへと移行することになります。遡って、データベースとバックエンドから始まる Web 開発を行うことは、もはやフロントエンドとバックエンドを区別せず、ソフトウェアエンジニアとの統合の道です。ビジネス機能の実装に反映されます。最後に、私は詳細なフロントエンド開発、さまざまなフロントエンド クラス ライブラリ フレームワークのアーキテクチャ設計、ブラウザの原理と JS の研究、ネットワーク伝送プロトコルの原理の分析などを行ってきました。この道には多くの原理と基礎が含まれます。歩いている人はあまりいません。

フロントエンドの将来は次のとおりです。Google と Firefox の webos の開発により、ますます多くのソフトウェアがブラウザで実行され始めており、近い将来、ソフトウェア開発標準としてブラウザの API がオペレーティング システムの SDK に取って代わられるでしょう。 。 HTML5 の開発により、ブラウザーで実行されるのは単純なページではなく、複雑な Web アプリケーションになりました。フロントエンド エンジニアはもはやページ デザイナーではなく、Web アプリケーション エンジニアです。未来がウェブの時代になるのか、それともアプリの時代になるのか、まだ答えるのは難しい質問です。

参考: http://blog.tianya.cn/post-5620717-83777702-1.shtml

http://kingzs70.sinaapp.com/2013/05/11/my_view_on_the_career_development_of_web_front_end

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

ホット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衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

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

SublimeText3 中国語版

SublimeText3 中国語版

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

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

HTMLは初心者のために簡単に学ぶことができますか? HTMLは初心者のために簡単に学ぶことができますか? Apr 07, 2025 am 12:11 AM

HTMLは、簡単に学習しやすく、結果をすばやく見ることができるため、初心者に適しています。 1)HTMLの学習曲線はスムーズで簡単に開始できます。 2)基本タグをマスターして、Webページの作成を開始します。 3)柔軟性が高く、CSSおよびJavaScriptと組み合わせて使用​​できます。 4)豊富な学習リソースと最新のツールは、学習プロセスをサポートしています。

HTML、CSS、およびJavaScriptの役割:コアの責任 HTML、CSS、およびJavaScriptの役割:コアの責任 Apr 08, 2025 pm 07:05 PM

HTMLはWeb構造を定義し、CSSはスタイルとレイアウトを担当し、JavaScriptは動的な相互作用を提供します。 3人はWeb開発で職務を遂行し、共同でカラフルなWebサイトを構築します。

HTMLでの開始タグの例は何ですか? HTMLでの開始タグの例は何ですか? Apr 06, 2025 am 12:04 AM

Anexampleapalofastartingtaginhtmlis、それはaperginsaparagraph.startingtagsaresentionentientiontheyinitiateelements、definetheirtypes、およびarecrucialforurturingwebpagesandcontingthomedomを構築します。

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

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

WebアノテーションにY軸位置の適応レイアウトを実装する方法は? WebアノテーションにY軸位置の適応レイアウトを実装する方法は? Apr 04, 2025 pm 11:30 PM

Y軸位置Webアノテーション機能の適応アルゴリズムこの記事では、単語文書と同様の注釈関数、特に注釈間の間隔を扱う方法を実装する方法を探ります...

Giteeページ静的なWebサイトの展開に失敗しました:単一のファイル404エラーをトラブルシューティングと解決する方法 Giteeページ静的なWebサイトの展開に失敗しました:単一のファイル404エラーをトラブルシューティングと解決する方法 Apr 04, 2025 pm 11:54 PM

GiteEpages静的Webサイトの展開が失敗しました:404エラーのトラブルシューティングと解像度Giteeを使用する

CSS3とJavaScriptを使用して、クリック後に周囲の写真を散乱および拡大する効果を実現する方法は? CSS3とJavaScriptを使用して、クリック後に周囲の写真を散乱および拡大する効果を実現する方法は? Apr 05, 2025 am 06:15 AM

画像をクリックした後、散乱と周囲の画像を拡大する効果を実現するには、多くのWebデザインがインタラクティブな効果を実現する必要があります。特定の画像をクリックして周囲を作成してください...

HTML、CSS、およびJavaScript:Web開発者に不可欠なツール HTML、CSS、およびJavaScript:Web開発者に不可欠なツール Apr 09, 2025 am 12:12 AM

HTML、CSS、およびJavaScriptは、Web開発の3つの柱です。 1。HTMLは、Webページ構造を定義し、などなどのタグを使用します。2。CSSは、色、フォントサイズなどのセレクターと属性を使用してWebページスタイルを制御します。

See all articles