Java フロントエンドについて学ぶべきこと

実際には、Java はフロントエンドの知識の大部分を占めていませんが、完全な Web サイトまたはアプリケーションを形成するには、フロントエンドとバックエンドを常に組み合わせる必要があります。ここでは Java の学習ルートの一般的な紹介を示します。 Java フロントエンド (参考のみ)。

推奨コース: Java チュートリアル 。

Java フロントエンド学習コンテンツ:

第一段階 - HTML 学習

HyperText Mark-up Language (略して HTML) は Web ページのスケルトンです。静的な Web ページであっても動的 Web ページであっても、最終的にブラウザに返されるのは HTML コードです。ブラウザは HTML を解釈します。コードを作成してユーザーにレンダリングします。したがって、HTML の基本構造と共通のタグと属性を習得する必要があります。 HTML の学習は記憶と理解のプロセスです。学習プロセス中に、Dreamweaver の「分割」ビューを使用して学習を支援できます。 「デザイン」ビューで効果を確認し、「コード」ビューで本質を学び、それぞれのビューのメリットを最大限に活かすこの比較学習は、HTMLのタグや属性をただ覚えるだけの退屈さを補ってくれるはずです。すべての初心者へ。の小さな友達 これは私たちにとって素晴らしいことです!

HTML を学習した後、私たちはさまざまな「素材」の製造方法を習得しただけです。建物を建てたい場合は、これらの「素材」を用途に応じて使用する必要があります。デザインスキームがまとめられ、いくつかの美化が実行されます。

第 2 段階 - CSS の学習

CSS は英語の Cascading Style Sheets の略称で、カスケード スタイル シートと呼ばれ、Web ページを真にスタイル化できます。プレゼンテーションをコンテンツから分離するデザイン言語。従来の HTML のパフォーマンスと比較して、スタイルを再利用できるため、開発速度が大幅に向上し、メンテナンス コストが削減されます。同時に、CSS のボックス モデル、相対レイアウト、絶対レイアウトなどにより、Web ページ内の各オブジェクトの位置とレイアウトをピクセル レベルで正確に制御できます。この学習段階を通じて、私たちは「建物」の建設を無事に完了することができます。

「建物」の建設が完了したら、ユーザーに引き渡して利用してもらうこともできますが、ユーザーにさらに良い体験をしてもらいたい場合には、「建物」をさらに「装飾」して利用することもできます。より「豪華」に見せます。

第 3 段階 - Java の学習

Java はクライアント側で広く使用されているスクリプト言語です。Java には、オブジェクト、DOM などの組み込み関数が用意されています。これらのコンテンツを利用して、いくつかの操作を実装できます。 クライアント側の特殊効果、検証、インタラクションなどにより、ページの見栄えが鈍くなり、diaosi は金持ちやハンサムな人々に瞬時に反撃することができます! それは可能でしょうか? Java の互換性と複雑さは時々頭を悩ませることもありますが、幸いなことに、 「マスター」が梱包を手伝ってくれました。

第 4 段階 - jQUery の学習

jQuery は、無料のオープンソースの軽量 Java ライブラリであり、さまざまなブラウザ (jQuery 2.0 以降のバージョン) と互換性があります。 IE6/7/8 ブラウザのサポートを放棄しました)同時に、多くの jQuery ベースのプラグインから選択できるため、豊富な動的効果をより便利かつ迅速に実装できるようになり、大幅な節約が可能になります。開発時間の短縮により、開発速度が向上し、書き込みを減らし、より多くのことを実行するという中心的な目的を完全に反映しています。これはとても気持ちいいです! できるでしょうか?

「豪華な建物」が建てられましたが、毎日、毎日、毎年、このように建物を建てるのはとても面倒です! できるでしょうか?できましたか? 建物内のすべてのコンポーネントをモジュール化して、建物を建てるときに

積み上げたブロックのように組み立てることができたら素晴らしいと思いませんか? それは達成できますか? 答えは「はい」です。

このような考え方は Web フロントエンド開発にも適しているため、さまざまなフロントエンド フレームワークが登場していますが、ここで皆さんにお勧めするのは Bootstrap です。

Bootstrap は、Twitter がフロントエンド開発のために立ち上げたオープンソース ツールキットで、CSS/HTML フレームワークであり、レスポンシブ レイアウトをサポートしています。これは開始されると非常に人気があり、GitHub では常に人気のあるオープンソース プロジェクトでした。プロジェクト開発プロセスでは、Bootstrap が提供する CSS スタイル、コンポーネント、Java プラグインなどを使用して、ページ レイアウトとスタイル設定をすばやく完了し、目的の方法でスタイルを微調整できます。ベースの開発により、開発サイクルが大幅に短縮されます。巨人の肩の上に立つのは最高です!

Web フロントエンドに関する研究の提案

CSS をレイアウトするときに注意する必要がある問題の 1 つは、多くの学生がページ レイアウトの全体的な分析が不足しており、マクロの観点からページ内のボックス間の入れ子関係を把握できないため、焦ってしまうことです。 これを手作業で行うと、ページ内の要素間の関係が非常にわかりにくくなり、フローティング時にボックスの位置がずれやすくなります。皆さんも「トップダウンで徐々に洗練していく」という考え方を取り入れてレイアウトすることをおすすめします。 最初にいくつかのボックスを使用してページ全体を分割し、その後徐々にボックス内にボックスを入れ子にしていきます。
「紳士は他の人と変わらない。偽物が得意である。」 学ぶ過程で、より優れたウェブサイトを閲覧し、そのデザインアイデアやレイアウト方法を分析して参考にすることができ、いろいろな意味で知識が豊富で、 そうして初めて、私たちはすべてを理解し、他人の長所を自分自身のために利用することができます。同時に、Firebug をツールとして使いこなす必要があります。 Firebug は、学習プロセス中に自分のページをデバッグするのに役立つ一方で、Firebug を使用すると、他の人の Web サイトのソース コードを簡単に表示して分析できます。「盗む」もスキルです!

みなさん 成長や基盤は異なりますので、実情に応じて実践してください。繰り返しますが、フロントエンドの中核は js です。 CSSは難しくありませんが、積み重ねが必要です。私はフロントエンドについて次のように考えています:

css はワインのボトルのようなもので、高品質です。

html、CSS はタグとセレクター属性だけで構成されますが、スケーラブルで堅牢、または保守しやすいページを作成するのは簡単ではありません。ここで、ページの基本的な条件付きリフレクションを作成するときに重要なのは、それを迅速に完了する方法ではなく、インターフェースを変更する必要がある場合に、最小限のコード変更で必要なタスクを迅速に完了する方法を考えることです。これは、フロントエンドの持久力、体力、知性の三重テストです。

js は剣のようなものなので、研ぐ必要があります。

js は最初は実験のためのものでしたが、テクノロジーと社会の発展に伴い、その役割はますます重要になってきました。jQuery を初めて触り始めたとき、私はすでに js を知っていると感じていましたが、実際、それは氷山の一角にすぎませんでした。 js について知れば知るほど、変態的でかわいらしく、楽しくて制御が難しく、多くの互換性の問題を抱えていますが、互換性を解決することが私たちが生き残る基本的な方法です。 ajax から jsmvc までずっと見てみると、潮流はますます高くなっています

人生は夢です、それをやらなければなりません。

テクノロジーは生活の一部です。以前は野心的でしたが、今は落ち着いてコードを書いています。変えられるものは変え、変えられないものは受け入れる。命には限りがあり、兄弟は昼も夜も戦います。人生学習に対する態度は、せっかちでもせっかちでもなく、速くも遅くもなくです。耐えて自分を信じてください。世界を変えようとするのではなく、自分自身の人生を変えようと努めてください。飛躍的な歩幅を求めるのではなく、一度に一歩ずつ求めてください。苦しみのおかげで彼は私を作ってくれた 彼らは内側のほうが強いのです。挫折のおかげで私たちは成長し続け、バグのおかげで思考が深まります。フロントエンドのおかげで、彼は私たちに、空を支えるには 18 種類の武道が必要であることをさらに信じさせました。

以上がJava フロントエンドについて学ぶべきことの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。