
Web開発者向けの変更に関するこの投稿のコンテキストでは、特に.NETで「スタック」している多くの開発者がいます。
まだアートを改善し、変化するトレンドに適応し始めていない場合は、今日から始めてください。
Webアプリケーションを適切に開発することを検討してください。 これらのヒントに基づいて、常識を組み合わせて組み合わせてください。
そして今、ウェブ開発者があなたがすることのピークにとどまるための6つのヒント。
1-より良いJavascriptとCSSを書くことを学ぶ
完全なJSとCSSを所有していない場合、あなたは死んでいます。
基本的なJavaScriptを習得した後、Javascriptを記述するためのより高いレベルの言語抽象化を理解します。
CoffeeScriptまたはTypeScript 。
また、一般的なJavascriptライブラリを学習します。
- JQuery-すでにおなじみのはずです。 そうじゃない?
- Require.js-ファイル/モジュールローダー。
- Underscore.jsは、信じられないほど便利なJavaScriptライブラリです。
- modernizr-ユーザーのブラウザーがHTML5およびCSS3から何ができるかを学習します
- history.js-履歴の状態/ API
また:
それでも、Microsoftテクノロジー/ C#バックグラウンドを使用している場合は、TypeScriptの学習を開始してください。
CSS側では、 SASSおよび/またはそれ以下 -マスターCSS3テクニック 、
ブラウザでのCSS3プロパティのサポートにご期待ください 。 アダプティブレイアウトの理解とメディアクエリの使用 。
2-レスポンシブフレームワークの紹介
現在、モバイルデバイスでのWebの使用が増加しているため、Webサイトがさまざまな既定のアクセス許可のサポートを確認することへの期待が高まっています。
常にメディアクエリを使用したくない場合は、いくつかのレスポンシブフレームワークを確認することをお勧めします。
レスポンシブWebデザインの目標は、さまざまなデバイスに対するWebサイトの汎用性です。 さまざまな解像度と形式のデバイスからWebサイトを簡単に表示できるようにするために、適応Webデザインテクノロジーは、特定のタイプのデバイス用にWebサイトの個別のバージョンを作成する必要はありません。 1つのサイトは、インターネットアクセスを備えたスマートフォン、タブレット、ラップトップ、テレビ、つまり、あらゆる解像度で動作します
私の個人的な好みは、 Twitter BootstrapとZurb's Foundationです。
私はBootstrapで多くの仕事をしてきましたが、その機能に感銘を受けました。
読むことが重要です:
3-一般的に使用されるJavascript MVCフレームワークの探索
一流のJavascript開発者になる。 サーバーサイド開発用のJavascript MVCフレームワークはたくさんありますが、少なくとも5つチェックアウトしてください。
- Backbone.js
- Angularjs
- Spine.js
- KnockoutJS (MVVM)
- Ember.js
- ゆい
それらを比較して対比するには、 TodoMVCを見てください 。これは非常に便利です。
同じTodoアプリケーションを提供するプロジェクトは、現在最も一般的なJavaScript MVCフレームワークのMVCコンセプトを使用して実装されています。
4-RESTとHTTPを理解する
安らかなサービスとマスターサーバー側のテクノロジーを理解する。
たとえば、 Node.js。
.NETを使用している場合は、 Web APIから始めてください。
さらに、RESTのプロパティの理解。 ハイパーメディアを理解する。 RESTサービスを上記のMVCのいずれかにリンクし、有用なものを作成します。
必須の読書:
これらの記事は、始めるのに役立つはずです。 また、Meteor、SignaIRなどの進捗状況を追跡し、
Webソケットを使用できるユーザー
準備ができたらすぐに
5-流行語を超えたHTML5を理解する
HTML5標準はまだ承認されておらず、進行中のままですが、これはそれらの広範な適応を妨げません。 サイトの開発中に、
多くの興味深い開発ツール(Phonegapなど)を使用できます。これにより、たとえばアプリケーションでブラウザーHTML5アプリケーションを圧縮できます。
モバイルデバイス(ハイブリッドアプリケーション)向けであり、ネイティブデバイスと同程度に配布します。
HTML5(Eng。HyperText Markup Language、バージョン5)は、インターネット上で使用される主要なテクノロジーだけでなく、World Wide Webのコンテンツを構造化して表示するための言語です。 これはHTML規格の5番目のバージョン(当初は1990年に作成され、その最後のバージョンは1997年に標準化されたHTML4であり[1])、2012年11月現在開発中です。 その主な目標は、最新のマルチメディアアプリケーションでの作業をサポートする言語を改善する一方で、人間にとってのコードの読みやすさとコンピューターおよびデバイスの実行の明確さを維持することです
HTML5には多くの優れた記事があります。
- Nettuts cの例によるステップバイステップ
- Smashing Magazineの記事はかなり良い出発点です。
設計哲学と思考プロセスについてさらに理解する。 - 上位25のHTML5プロパティ
最も便利で興味深いHTML5 Javascript APIと機能をご覧ください。 Webソケット、アプリケーションキャッシュ、Canvas API、ビデオ/オーディオなど。
HTML5ボイラープレートをベースとして使用し始めます。 www.initializr.com
HTML5プロパティの概要
http://html5please.com/やCanIUseなどを使用します。
ユースケースベースのユースケースを改善するために使用できるHTML5プロパティの更新について最新情報を入手してください。
また、クロスプラットフォームハイブリッドアプリケーションを構築するためのプラットフォームとしてHTML5を使用している主要なプレーヤーにも注意してください-ウェブサイトだけでなく、デスクトップとモバイルにも。
6-最適化
開発したものすべてを最適化し、準備ができたら最適化します。
いくつかの開発者ツールを使用してページを調査し、Javascriptのパフォーマンスを確認します。
必要に応じてネットワークトラフィックを確認します。 Fiddlerのようなツールを知る
Screenflyなどのツールを使用して、さまざまな解像度と画面形状の画面を確認します。
Rippleなどのシミュレーターを使用して、モバイルデバイス上のサイトの動作をテストします。
これがほとんどのヒントです。 幸運のコーディング。
ソース:
Web開発者の時代の変化-生き残るために読むべき6つのヒント