目次
1. ごめんなさい、Jquery:
5. そういえば、私は考えすぎます:
6. 最高のあなたに会いましょう: Angularjs
最後に、
ホームページ ウェブフロントエンド htmlチュートリアル こんにちは、2016 後半_html/css_WEB-ITnose

こんにちは、2016 後半_html/css_WEB-ITnose

Jun 21, 2016 am 08:58 AM

3年生の2学期から独学でフロントエンドの勉強を始めて、断続的にフロントエンド関連の仕事を探し始めて半年以上経ちました。卒業と就職の岐路に立っています。私はかなり怠け者です。 。 。スタートが遅れたのでノンストップで追いつくしかない、走ろう、スモールフロントエンド!

この 2015 年の総括を書くにあたって、私には経験を語る言葉はありません。ただ、過去を踏まえ、これからも偉大な神々の足跡をたどりたいと思います。時には巨人の肩の上に立って未来を見てみましょう!

1. ごめんなさい、Jquery:

就職する前、当時は何の基礎もありませんでしたが、卒業後のプレッシャーに駆られていただけでした。 Baidu での開発終了、ネイティブ JS から直接学び始めました。もう学ぶことができなかったので、知り合いのコンピューター部門の先輩に尋ねたところ、Jquery のことを知り、よし、学んでみようと思いました。 。 。ただし、あまり興味がありません。 。 。私は「High School」を購入したので、jquery は「High School」全体をカプセル化しただけで、私がやりたいことはすべて実行してくれました。それではネイティブ JS を続けましょう。当時は、さまざまな特殊効果を模倣した単なるネイティブ JS でした。その後、仕事を見つけるための「作品」として、テーマを考えて、Web サイトを作成しました。 🎜> 後で、私が間違っていたことに気づきました。まあ、これらを書くのはフロントエンドの基礎のほんの一部にすぎません。結局のところ、デモを行うのは難しいことであり、開発効率が最も重要です。今は主に jquery を使って作業していますが、その結果、対応する既製のコンポーネントが存在するようになりました。以前は無知だったので、それを使用するようになりました。幸いなことに、フロントエンドの基盤としてネイティブ JS は失われておらず、基本的なコンポーネントは一般的に jquery の形式で作成されています。プラグインを使用しますが、jquery のためにネイティブ JS を徐々に無視したくないため、暇なときにネイティブ JS を使用して実装します。

2.

フロントエンドのモジュール化は非常に必要です。これまで、モジュール化はあまり練習せずに構想段階にありました。結局のところ、私は偉大な神の足跡を追いかけています。仕方なく Yu Bo さんの Seajs を選択し、最初に書いた jquery といくつかのコンポーネントをモジュールに分割し、Seajs を使用してまとめようとしました。作業中のフロントエンド構造が安定してきたため、それは不可能でした。すべてを一度に変更する必要があるため、ローカルに新しいディレクトリを作成し、ローカルのフロントエンド構造が適切であることを証明するために、時間ができたらそれを非公開で再編成する方法を考えました。モジュール性についての私自身の考えに従って、結果がどのようなものであれ、それが良いかどうかに関係なく、最初は自分のブログを実験の場として使用し、それが良いかどうかに関係なく、単純なモジュールも作成しました。私の謙虚な意見としては、冗談として扱ってください。

3. 弱者の強力な力 - CSS:

フロントエンド開発の最も基本的な部分は、バックエンドの観点からは言及する価値がないかもしれませんが (この小さな不満は無視してください...)、確かに私はそう思います。これらの基本に精通しており、さまざまなブラウザの互換性を明確に理解しているので、目を閉じていても簡潔で明確な HTML と CSS を書くことができます。実際、これは私自身にとって長期的な要件に過ぎません。 JS だけでなく、HTML と CSS もモジュール化します。JS を相互にエコーし合うためには、CSS のモジュール性を無視することはできませんが、CSS に関する限り、非常に合理化され、モジュール化され、再利用可能になりたい場合は、次のようにすることができます。

はい、CSS にいくつかの論理的な要素を導入する必要があります。

そうですね、SASS は人気のある CSS プリコンパイラーの 1 つです。フロントエンドとバックエンドは以前は Less に基づいていましたが、その後すべてが Sass に変わり始めました。つまり、現在 Bootstrap にどれだけ熟練しているとしても、フロントエンド スタイルを構築するためのそのアイデアは学ぶ価値があると思います。 Sass をフロントエンド スタイルの構築ツールとして使用して、合理化されたモジュール化された再利用可能なスタイルを実現することは、もちろん夢ではないと思います。

4. 革新的です。ターニングポイント: Nodejs

Nodejs がフロントエンドであるかバックエンドであるかに関係なく、標準の変革的な影響は、内部モジュールと外部モジュールで呼び出されます。 require モジュールの形式; したがって、NPM コミュニティが非常に強力であることは必然であり、すべての主要なライブラリとフレームワークが Nodejs に基づいてモジュール実装を実装しています。フロントエンド; Grunt、Gulp、Browserify、Webpack など、さまざまなフロントエンド自動化ツールがフロントエンドの作業に常に新しい活力をもたらしています。

申し訳ありませんが、あまり勉強していません。 Nodejs についてはまだですので、誇張がある場合は無視してください。Huamanlou のブログには多くの欠点があるため、改善する必要があります。

5. そういえば、私は考えすぎます:

計画を立てると誓うたびに、それは時間のペースで徐々に薄れていき、過去を振り返るたびに、私はただそれを思い出します。ため息を残す:時間はどこへ行った?笑、結局のところ、やるべきことをやるのは良いことですから、私のような小さなフロントエンドの夢が白昼夢にならないことを願っています。

6. 最高のあなたに会いましょう: Angularjs

現在の仕事の状況は、依然としてチームワークでなければならないことはあまり変わっていません。ただ、暇な時間が増えるだけです。 2016 年、私は Angularjs をよく学びたいと考えていますが、一方では、私の実験分野ではさらに多くのコンテンツが必要であり、バックエンド プログラムを変革するために Angularjs を使用する予定です。まずはブログの練習として使ってみましょう!人気のあるフロントエンドフレームワークはたくさんありますが、専門家の間でもさまざまな意見があります。食欲が少なく、パンを一口で食べることができないため、Angularjsを選択します。主なものは次のとおりです。 Angularjs の考え方は私にとって非常に魅力的ですが、MVC、ルーティング、双方向データ バインディング、依存関係注入、コマンド システムなどは、どれだけ学んでも私にとっては未知のものであり、無限に刺激的です。これらのアイデアは、おそらく今の私にとって最も重要なことです。

最後に、

今日はようやく落ち着いて、2016 年の仕事を簡単にまとめてみました。

こんにちは、Angular!

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、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衣類リムーバー

AI Hentai Generator

AI Hentai Generator

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

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

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

SublimeText3 中国語版

SublimeText3 中国語版

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

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

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

< Progress>の目的は何ですか 要素? < Progress>の目的は何ですか 要素? Mar 21, 2025 pm 12:34 PM

この記事では、HTML< Progress>について説明します。要素、その目的、スタイリング、および< meter>との違い要素。主な焦点は、< Progress>を使用することです。タスクの完了と< Meter> statiの場合

< datalist>の目的は何ですか 要素? < datalist>の目的は何ですか 要素? Mar 21, 2025 pm 12:33 PM

この記事では、HTML< Datalist>について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。

HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? Mar 17, 2025 pm 12:20 PM

記事では、HTML5クロスブラウザーの互換性を確保するためのベストプラクティスについて説明し、機能検出、プログレッシブエンハンスメント、およびテスト方法に焦点を当てています。

< meter>の目的は何ですか 要素? < meter>の目的は何ですか 要素? Mar 21, 2025 pm 12:35 PM

この記事では、html< meter>について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化< Meter> < Progress>およびex

HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? Mar 17, 2025 pm 12:27 PM

この記事では、ブラウザのユーザー入力を直接検証するために、必要、パターン、MIN、MAX、および長さの制限などのHTML5フォーム検証属性を使用して説明します。

ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか? ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか? Mar 20, 2025 pm 05:56 PM

この記事では、モバイルデバイスのレスポンシブWebデザインに不可欠なViewportメタタグについて説明します。適切な使用により、最適なコンテンツのスケーリングとユーザーの相互作用が保証され、誤用が設計とアクセシビリティの問題につながる可能性があることを説明しています。

< iframe>の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? < iframe>の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? Mar 20, 2025 pm 06:05 PM

この記事では、< iframe>外部コンテンツをWebページ、その一般的な用途、セキュリティリスク、およびオブジェクトタグやAPIなどの代替案に埋め込む際のタグの目的。

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

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

See all articles