Webフロントエンドインターフェースの設計に必須のスキル

Webフロントエンドインターフェースの設計に必須のスキル

[必須] ユーザーインターフェース
PhotoShop/花火デザイン
    アーティストと協力して、スケッチを Web ページに準拠した特定のデザインに変換します。レイヤー化された高品質の PSD および PNG を迅速に作成する機能。PSD および PNG のコンテンツを div、css、テーブルなどの HTML コードに迅速に変換する機能。

フラッシュデザイン
    基本的なアニメーション効果と複雑なインタラクティブ システム設計、サードパーティの SWF 補助設計ソフトウェアと複雑なインタラクティブ システム設計の理解、さまざまな外部リソース (PNG、JPG、MP3、WAV など) に対する強力な統合機能。サードパーティの補助設計ソフトウェア(AE、SwishMax、Swift3D など)に精通している

[必須] ブラウザ側(Webアプリケーション)
HTML/CSS の翻訳
    基本レイアウトは、エレガントな HTML コードを使用してプラットフォーム間で厳密に実装され、可能な限り標準に準拠し、SEO を考慮しています。基本的にどのプラットフォームやブラウザでも一貫性が保たれます。さまざまな CSS ハックを知る必要はありませんが、問題に遭遇したときに情報を調べてできるだけ早く解決する方法を知っておく必要があります。 JavaScript 開発者に最適な DOM 構造を提供できるため、JS 開発者は開発中に「限界まで拡張されている」のではなく「すべてが準備ができている」と考えることができます。

JavaScript/Ajax/DOM
    基本的なDOM操作、AJAXを理解し、データ通信用の基本的なDOM操作を実装でき、効率的なOOPコードを記述してメンテナンスコストを削減できます。ニーズに基づいてさまざまな開発を実行し、適切なフレームワークを選択し、最高のコード効率、最高のユーザーエクスペリエンス、最小のコードダウンロードを実現し、単一または複数の製品ラインでコードの再利用を最大化できます。

フラッシュ開発
    Timeline の ActionScript 操作に基づいて、シンプルなインタラクションとマスターを実現し、データ層通信 (サーバーとローカル SharedObject と) を実現できます。AS1-3 に精通しており、ニーズに応じてさまざまな RIA を開発できます。 Flash Player 8 または Flash Player 9 のどちらのサポートが必要な場合でも、最高の開発効率と最大限の柔軟性 (HTML レイヤーのインターフェイス設計など) を実現できます。

[必須] クライアント側(デスクトップアプリケーション)
アポロ
    製品レベルのパッケージング、基本的な技術的理解(パッケージ化の方法、HTML や JavaScript の追加方法など)を習得しながら、Apollo の API を使って OS のファイル I/O 機能を独自に設計・開発できるようになります。 基本的なスキルを習得しながら、「3Dコンセプトシステム」についても理解を深めていきます。ここでの「3D」は、設計、開発、展開を意味します。アポロ
    Windows プレゼンテーション ファンデーション、WPF/E (Silverlight)
    (未定、追加歓迎)

[追加] サーバー側 (編集: 検討の結果、このスキルは評価に含まれません)
もともと、「Webフロントエンドエンジニアスキルリスト」の基準(サーバーおよびデータロジック層のスキル)として、「1. 簡単なサーバーサイド技術とスクリプト」と「2. MediaServer(Red5)インターフェース」が記載されていました。しかし、フロントエンドエンジニアがサーバーサイドのスキルを習得する必要性については懐疑的な友人も多いようです。確かに、上記のようなプレゼンテーション層のスキルを習得するのは簡単ではなく、フロントエンドエンジニアは非常に勤勉です。しかし、一方で、苦労の理由は何なのでしょうか?日夜div CSSと格闘しているときに、そのことを考えたことがあるかどうかはわかりません。私の経験では、フロントエンドの大変な作業は次の点にあります。
繰り返し作業が多く、div と css が大量に繰り返されます。コピー アンド ペーストできたとしても、何千もの div 行の海で入り口を見つけるのは非常に苦痛です。要件はより頻繁に変わります。多くの場合、数時間のハードワークの末にクロスプラットフォームの問題が解決され、IE6、7、Firefox で同じ効果を表示でき、JavaScript のインタラクションもほぼ完了します。突然、要件が変わると言われました。これは間違いなく大きな痛みです。
表面的には、これはサーバー側のスキルとは何の関係もないかもしれませんが、サーバー側に関する十分な知識を持つことは間違いなく役立つと思います (もちろん、すべての問題を解決できるわけではありません)。結局のところ、情報構造とデータベースは密接に関連しており、サーバーはデータベースに接続するための唯一のチャネルです (少なくともほとんどの B/S アプリケーションではそうです)。基本的なサーバーサイドのスキルを習得することは、同じロジック層の開発者がインターフェースを設計する際に非常に重要です。さらに、開発中に HTML プレゼンテーション層をデータから分離することは、サーバー側のさまざまなテンプレート テクノロジにも関連しています。たとえば、PHP の Smarty テンプレート (以前使用したことがある)、jsp の model2 コンセプトなどです。 HTML 構造の設計方法、HTML の再利用方法、さらには HTML レイヤーでの OOP の開発 (現在、新しい製品ラインで設計しているフロントエンド開発プロセス) はすべて、サーバーからのサポートを必要とします。少なくとも、PHP プログラマーに何が必要かを伝える必要があります。 PHP についてまったく何も知らない場合は、始める意味がありません。
さらに、起業家のチームには、人員が非常に限られていることがよくあります。運用コストを最小限に抑えるために、すべての技術担当者はサーバー側の技術についてある程度理解している必要があります。 Web ページのタイトルを変更するためだけに、PHP プログラマーにリモート サーバーへの接続を依頼する必要がある場合、会社全体の運用コストが大幅に増加します。
まとめ:技術的な詳細を理解する必要はないと思いますが、原則は知っておくべきです。1つか2つのデザインアイデアをマスターできればベストです(結局のところ、データロジックはすべてここにあり、HTMLとJavaScriptを見るだけでは人々の知識にはまだ限界があり、この制限により長い間時間が制限されていました)。それは貴重な資産になります。
【補足】モバイル側(評価対象外)
多くの友人がフロントエンドエンジニアに将来性がないというメッセージを残すのを見ると、モバイルデバイスのスキルを習得することも将来を広げるために必要なのだろうか?ここでもう少し述べさせてください。中国の技術者の将来については、確かに「暗い」と言えるでしょう。衝動的な雰囲気のせいで、技術系の才能のある人が技術職を早期に諦めてしまうこともよくありますし、全体的な道徳的な陰謀のレベルが単純な技術系の職員を惨めにさせてしまうこともあります (私の周りではそういうケースが多すぎるので、詳しくは触れませんが、笑)。
技術者や開発者として、ひたむきに献身的な姿勢を維持することに加えて (これが前提であり、それがなければ何も語れません)、自分自身を守る方法と自分自身を強化する方法も学ばなければなりません。社会はあなたに同情しません。自分自身を守ることができるのはあなただけです。
フラッシュライト
(未定、追加歓迎)
ジャワ?
(未定、追加歓迎)

<<:  Dockerは複数のポートマッピングコマンドを有効にします

>>:  MySQLはデータ復旧を実装するためにbinlogログを使用する

推薦する

React サーバーサイドレンダリング原則の分析と実践

ほとんどの人は、サーバーサイド レンダリング (SSR と呼んでいます) の概念について聞いたことが...

Webページ作成の質問: 画像ファイルのパス

この記事は 123WORDPRESS.COM Lightning によるオリジナルです。転載する際に...

Vueは画像切り替え効果を実現

この記事の例では、画像切り替え効果を実現するためのVueの具体的なコードを参考までに共有しています。...

jQuery カスタム虫眼鏡効果

この記事の例では、jQueryのカスタム虫眼鏡効果の具体的なコードを参考までに共有しています。具体的...

Oracle VM VirtualBox の CentOS7 オペレーティング システムのインストール チュートリアル図

目次インストール手順環境設定実行構成インストール手順ダウンロードアドレス: バージョン6.0 最初に...

CSS でよく発生する問題の整理 (ロゴのハッキング/コンテナの固定/画像の垂直方向の中央揃え)

1. IEブラウザモードハックロゴ1. CSSハックロゴコードをコピーコードは次のとおりです。 ie...

Vueルーティングナビゲーションガードの簡単な理解

目次1. グローバルガード1. グローバル前線警備2. グローバル解像度ガード3. グローバルポスト...

Docker がポート 2375 を公開し、サーバー攻撃を引き起こす問題と解決策

docker リモート API を学習した学生であれば、ポート 2375 についてよくご存知だと思い...

HTML ドラッグ アンド ドロップ機能の実装コード

Vueベースこの機能の核となるアイデアは、JavaScript コードを通じてページ上のノードの左余...

MySQLでクエリキャッシュを実行する方法と失敗を解決する方法

関数を使用する前にパラメータのプロパティを理解して、関数の使い方をより深く理解する必要があることは誰...

Dockerデータ管理とネットワーク通信の使用

Docker をインストールし、Docker コアとインストールを通じて簡単な操作を実行できます。 ...

Ubuntu インストール cuda10.1 ドライバ実装手順

1. cuda10.1をダウンロードします。 NVIDIA 公式ウェブサイト リンク: https:...

VMware15 centos7 ブリッジモード ssh に突然アクセスできなくなる問題を解決する

仮想マシンに独自の LAN IP を持たせたいので、テストを容易にするためにブリッジを使用します。 ...

CSS が初期読み込み時の白い画面の時間に与える影響

外部 CSS ファイルを使用したレンダリング パイプライン上図では、HTML データの要求から DO...

MYSQL の 3 つのツリー構造テーブル設計の長所と短所の簡単な分析と共有

目次導入質問設計 1: 隣接リストテーブルデザインSQL の例デザイン 2: パスの列挙テーブルデザ...