特別なプラグインをインストールせずにモバイルデバイスで動作するWebサイトにアニメーションを埋め込む方法は? 画面解像度の異なるデスクトップPCだけでなく、モバイルデバイスでも正しく表示される「ゴム」レイアウトの使用方法 JavaScriptフレームワーク(バックボーンとノックアウト)を使用してユーザーインターフェイスを開発する方法 CoffeeScriptやSassなどの最新のWeb開発者ツールは、コードの最適化にどのように役立ちますか? クロスブラウザーコードテストを実施する方法 Gitツールを使用してサイト開発プロセスを計画する方法は?
著者がはじめに書いているものは次のとおりです。
現代の世界では、Web開発者の要件はHTML、CSS、およびJavaScriptの構文の知識に限定されません:今日、十分にテストされたコードを記述し、対話型インターフェイスを作成し、外部サービスを使用し、時にはサーバーを調整する(または少なくともデバイスを理解する)能力も高く評価されていますアプリケーションのサーバー側)。 この本には、40を超える実用的なヒントが含まれています。クライアントを無関心にしないオリジナルのCSSデザイントリックから、あなたとユーザーの生活を楽にするサーバーセットアップトリックまで。 すでに実証済みの方法と最先端のソリューションの組み合わせは、さまざまな問題を解決する最適な手段のより完全な全体像を作成するのに役立ちます。
この本は誰のためですか?
Webアプリケーションを構築している場合、この本はあなたのためです。 Webデザインまたは外部インターフェイスの開発に携わっており、Web開発の分野で知識を拡大したい場合は、より効率的に作業すると同時にサーバー側デバイスの微妙さを掘り下げるのに役立つ新しいテクノロジーとライブラリを使用できます。
アプリケーションのサーバー側を開発しているが、外部インターフェースを作成する最新の方法に遅れないように努力している場合は、特に技術とテストのセクションでここで何か役に立つものを見つけるでしょう。
最後に、ここで説明するメソッドの多くは、JavaScriptとjQueryを使用してアプリケーションのクライアント側のコードを記述した経験があることを前提としています。 そのような経験がない場合は、それらをすべて読み、コード例を注意深く分析してください。 困難は問題のより詳細な研究を刺激します。
この本には何が含まれていますか?
まず、より高度なWeb開発手法への道のりで、いくつかの重要で興味深い例を分析します。 各レシピは、一般的な問題の記述から始まり、最も可能性の高いシナリオのコンテキストで解決されます。 同時に、タスクは大きく異なる可能性があります。異なるブラウザーでサイトをテストする方法。 簡単な静的サイトを迅速に構築して自動的に実装する方法。 結果を電子メールで送信する簡単な連絡先フォームを作成する方法。 ApacheでURLリダイレクトを設定し、ページメンテナンスを保護する方法。 問題の解決方法だけでなく、この方法で解決する方が良い理由も説明します。 この本はレシピのコレクションにすぎないため、より複雑なアーキテクチャを詳細に説明する余裕はありません。 それでも、各レシピの後に、追加アクションの方向を示す「追加機能」セクションがあります。
レシピはトピックごとにグループ化されていますが、本に記載されている順序で読む必要はありません。興味のあるものを選択してください。 各章では、シンプルなものからより複雑なものまで、レシピが示されています。
第1章「甘いレシピ」では、 CSSやその他のツールを使用してページをより活気に満ちた興味深いものにする方法について説明します。
第2章「ユーザーインターフェイス」では 、JavaScriptフレームワーク(KnockoutやBackboneなど)などのツールを使用してユーザーインターフェイスを改善する方法、およびHTMLメッセージを送信するためのより便利なテンプレートを作成する方法について説明します。
第3章「データ」では 、ユーザーデータの操作方法を学習します。 簡単なフィードバックフォームを作成し、クライマックスとして、CouchApp CouchDBを使用してデータベース駆動型アプリケーションを構築する方法を示します。
第4章「モバイルデバイス」では、ユーザーインターフェイスに関する議論を続け、さまざまなモバイルプラットフォームでの作業方法を説明します。 セクションの一部はjQuery Mobileに、一部はマルチタッチイベント処理に専念しています。 さらに、モバイル版のページを作成する必要がある場合とその方法を学習します。
第5章「ワークフロー」では、データ管理プロセスを改善するための手法について説明します。 ここでは、大きなスタイルシートで作業するときにSASSを使用する方法と、さまざまなシステムと互換性のあるクリーンなコードを作成できるJavaScriptの新しい方言であるCoffeeScriptを紹介します。
第6章「テスト」では、自動テストを使用して「防弾」サイトをさらに作成する方法と、独自のJavaScriptコードをテストする方法を学習します。
最後に、 第7章「ホスティングと実装」で最終製品の作成に進みます。 最初に、テスト環境として使用される仮想マシンを作成します。これにより、アプリケーションの最終実装前に個々のコンポーネントの動作をテストできます。 次に、安全なWebサイトを作成し、コンテンツを適切にリダイレクトして保護する方法を示します。 また、目的のファイルをダウンロードすることを忘れずに、サイトを自動的に実装する方法も示します。
何が必要ですか
この本は多くの新しい方法を紹介します。 それらのいくつかは非常に新しいため、まだ変更される可能性がありますが、これらの方法は、それらについて何かを伝えるのに十分確立されていると考えています。 それでも、Webテクノロジーの急速な発展を考慮に入れて、この本のソースコードに使用されているライブラリのコピーを追加することで、私たちに遅れずについていく機会を提供します。
要件を最小限に抑えようとしましたが、読書に没頭する前に何かを見つける必要があります。
HTML5とjQuery
この例では、HTML5マークアップを使用します。 特に、マークアップでは、自己終了タグは見つかりません。 いくつかの例では、次のような新しいタグに遭遇します
. HTML5, «HTML5 CSS3. - ».
jQuery: , . jQuery 1.7 Google. jQuery, .
, . , . , . — , . Windows, cmd.exe
. OS X Linux Terminal
.
:
$ mkdir javascripts
$
, , . , , , — Windows, OS X Linux.
Ruby
Ruby, ( , Rake Sass). Ruby « 1. Ruby ».
QEDServer
. QEDServer — , . QEDServer Windows, OS X Linux. , , — Java Runtime Environment. « », . , . Ajax- .
, , QEDServer, ( webdevelopmentrecipes.com ).
- Linux Apache PHP. 37 « » . webdevelopmentrecipes.com . VirtualBox .
, , - .
pragprog.com/titles/wbdev , .
:
www.piter.com/book.phtml?978545901510
www.ozon.ru/context/detail/id/18099349
.
.
. HTML5, «HTML5 CSS3. - ».
jQuery: , . jQuery 1.7 Google. jQuery, .
, . , . , . — , . Windows, cmd.exe . OS X Linux Terminal
.
:
$ mkdir javascripts
$
, , . , , , — Windows, OS X Linux.
Ruby
Ruby, ( , Rake Sass). Ruby « 1. Ruby ».
QEDServer
. QEDServer — , . QEDServer Windows, OS X Linux. , , — Java Runtime Environment. « », . , . Ajax- .
, , QEDServer, ( webdevelopmentrecipes.com ).
- Linux Apache PHP. 37 « » . webdevelopmentrecipes.com . VirtualBox .
, , - .
pragprog.com/titles/wbdev , .
:
www.piter.com/book.phtml?978545901510
www.ozon.ru/context/detail/id/18099349
.
.
. HTML5, «HTML5 CSS3. - ».
jQuery: , . jQuery 1.7 Google. jQuery, .
, . , . , . — , . Windows, cmd.exe . OS X Linux Terminal
.
:
$ mkdir javascripts
$
, , . , , , — Windows, OS X Linux.
Ruby
Ruby, ( , Rake Sass). Ruby « 1. Ruby ».
QEDServer
. QEDServer — , . QEDServer Windows, OS X Linux. , , — Java Runtime Environment. « », . , . Ajax- .
, , QEDServer, ( webdevelopmentrecipes.com ).
- Linux Apache PHP. 37 « » . webdevelopmentrecipes.com . VirtualBox .
, , - .
pragprog.com/titles/wbdev , .
:
www.piter.com/book.phtml?978545901510
www.ozon.ru/context/detail/id/18099349
.
.
. HTML5, «HTML5 CSS3. - ».
jQuery: , . jQuery 1.7 Google. jQuery, .
, . , . , . — , . Windows, cmd.exe
. OS X Linux Terminal
.
:
$ mkdir javascripts
$
, , . , , , — Windows, OS X Linux.
Ruby
Ruby, ( , Rake Sass). Ruby « 1. Ruby ».
QEDServer
. QEDServer — , . QEDServer Windows, OS X Linux. , , — Java Runtime Environment. « », . , . Ajax- .
, , QEDServer, ( webdevelopmentrecipes.com ).
- Linux Apache PHP. 37 « » . webdevelopmentrecipes.com . VirtualBox .
, , - .
pragprog.com/titles/wbdev , .
:
www.piter.com/book.phtml?978545901510
www.ozon.ru/context/detail/id/18099349
.
.
. HTML5, «HTML5 CSS3. - ».
jQuery: , . jQuery 1.7 Google. jQuery, .
, . , . , . — , . Windows, cmd.exe
. OS X Linux Terminal
.
:
$ mkdir javascripts
$
, , . , , , — Windows, OS X Linux.
Ruby
Ruby, ( , Rake Sass). Ruby « 1. Ruby ».
QEDServer
. QEDServer — , . QEDServer Windows, OS X Linux. , , — Java Runtime Environment. « », . , . Ajax- .
, , QEDServer, ( webdevelopmentrecipes.com ).
- Linux Apache PHP. 37 « » . webdevelopmentrecipes.com . VirtualBox .
, , - .
pragprog.com/titles/wbdev , .
:
www.piter.com/book.phtml?978545901510
www.ozon.ru/context/detail/id/18099349
.
.
. HTML5, «HTML5 CSS3. - ».
jQuery: , . jQuery 1.7 Google. jQuery, .
, . , . , . — , . Windows, cmd.exe
. OS X Linux Terminal
.
:
$ mkdir javascripts
$
, , . , , , — Windows, OS X Linux.
Ruby
Ruby, ( , Rake Sass). Ruby « 1. Ruby ».
QEDServer
. QEDServer — , . QEDServer Windows, OS X Linux. , , — Java Runtime Environment. « », . , . Ajax- .
, , QEDServer, ( webdevelopmentrecipes.com ).
- Linux Apache PHP. 37 « » . webdevelopmentrecipes.com . VirtualBox .
, , - .
pragprog.com/titles/wbdev , .
:
www.piter.com/book.phtml?978545901510
www.ozon.ru/context/detail/id/18099349
.
.
. HTML5, «HTML5 CSS3. - ».
jQuery: , . jQuery 1.7 Google. jQuery, .
, . , . , . — , . Windows, cmd.exe
. OS X Linux Terminal
.
:
$ mkdir javascripts
$
, , . , , , — Windows, OS X Linux.
Ruby
Ruby, ( , Rake Sass). Ruby « 1. Ruby ».
QEDServer
. QEDServer — , . QEDServer Windows, OS X Linux. , , — Java Runtime Environment. « », . , . Ajax- .
, , QEDServer, ( webdevelopmentrecipes.com ).
- Linux Apache PHP. 37 « » . webdevelopmentrecipes.com . VirtualBox .
, , - .
pragprog.com/titles/wbdev , .
:
www.piter.com/book.phtml?978545901510
www.ozon.ru/context/detail/id/18099349
.
.
. HTML5, «HTML5 CSS3. - ».
jQuery: , . jQuery 1.7 Google. jQuery, .
, . , . , . — , . Windows, cmd.exe
. OS X Linux Terminal
.
:
$ mkdir javascripts
$
, , . , , , — Windows, OS X Linux.
Ruby
Ruby, ( , Rake Sass). Ruby « 1. Ruby ».
QEDServer
. QEDServer — , . QEDServer Windows, OS X Linux. , , — Java Runtime Environment. « », . , . Ajax- .
, , QEDServer, ( webdevelopmentrecipes.com ).
- Linux Apache PHP. 37 « » . webdevelopmentrecipes.com . VirtualBox .
, , - .
pragprog.com/titles/wbdev , .
:
www.piter.com/book.phtml?978545901510
www.ozon.ru/context/detail/id/18099349
.
.
. HTML5, «HTML5 CSS3. - ».
jQuery: , . jQuery 1.7 Google. jQuery, .
, . , . , . — , . Windows, cmd.exe
. OS X Linux Terminal
.
:
$ mkdir javascripts
$
, , . , , , — Windows, OS X Linux.
Ruby
Ruby, ( , Rake Sass). Ruby « 1. Ruby ».
QEDServer
. QEDServer — , . QEDServer Windows, OS X Linux. , , — Java Runtime Environment. « », . , . Ajax- .
, , QEDServer, ( webdevelopmentrecipes.com ).
- Linux Apache PHP. 37 « » . webdevelopmentrecipes.com . VirtualBox .
, , - .
pragprog.com/titles/wbdev , .
:
www.piter.com/book.phtml?978545901510
www.ozon.ru/context/detail/id/18099349
.
.
. HTML5, «HTML5 CSS3. - ».
jQuery: , . jQuery 1.7 Google. jQuery, .
, . , . , . — , . Windows, cmd.exe
. OS X Linux Terminal
.
:
$ mkdir javascripts
$
, , . , , , — Windows, OS X Linux.
Ruby
Ruby, ( , Rake Sass). Ruby « 1. Ruby ».
QEDServer
. QEDServer — , . QEDServer Windows, OS X Linux. , , — Java Runtime Environment. « », . , . Ajax- .
, , QEDServer, ( webdevelopmentrecipes.com ).
- Linux Apache PHP. 37 « » . webdevelopmentrecipes.com . VirtualBox .
, , - .
pragprog.com/titles/wbdev , .
:
www.piter.com/book.phtml?978545901510
www.ozon.ru/context/detail/id/18099349
.
.
. HTML5, «HTML5 CSS3. - ».
jQuery: , . jQuery 1.7 Google. jQuery, .
, . , . , . — , . Windows, cmd.exe
. OS X Linux Terminal
.
:
$ mkdir javascripts
$
, , . , , , — Windows, OS X Linux.
Ruby
Ruby, ( , Rake Sass). Ruby « 1. Ruby ».
QEDServer
. QEDServer — , . QEDServer Windows, OS X Linux. , , — Java Runtime Environment. « », . , . Ajax- .
, , QEDServer, ( webdevelopmentrecipes.com ).
- Linux Apache PHP. 37 « » . webdevelopmentrecipes.com . VirtualBox .
, , - .
pragprog.com/titles/wbdev , .
:
www.piter.com/book.phtml?978545901510
www.ozon.ru/context/detail/id/18099349
.
.
. HTML5, «HTML5 CSS3. - ».
jQuery: , . jQuery 1.7 Google. jQuery, .
, . , . , . — , . Windows, cmd.exe
. OS X Linux Terminal
.
:
$ mkdir javascripts
$
, , . , , , — Windows, OS X Linux.
Ruby
Ruby, ( , Rake Sass). Ruby « 1. Ruby ».
QEDServer
. QEDServer — , . QEDServer Windows, OS X Linux. , , — Java Runtime Environment. « », . , . Ajax- .
, , QEDServer, ( webdevelopmentrecipes.com ).
- Linux Apache PHP. 37 « » . webdevelopmentrecipes.com . VirtualBox .
, , - .
pragprog.com/titles/wbdev , .
:
www.piter.com/book.phtml?978545901510
www.ozon.ru/context/detail/id/18099349
.
.
. HTML5, «HTML5 CSS3. - ».
jQuery: , . jQuery 1.7 Google. jQuery, .
, . , . , . — , . Windows, cmd.exe
. OS X Linux Terminal
.
:
$ mkdir javascripts
$
, , . , , , — Windows, OS X Linux.
Ruby
Ruby, ( , Rake Sass). Ruby « 1. Ruby ».
QEDServer
. QEDServer — , . QEDServer Windows, OS X Linux. , , — Java Runtime Environment. « », . , . Ajax- .
, , QEDServer, ( webdevelopmentrecipes.com ).
- Linux Apache PHP. 37 « » . webdevelopmentrecipes.com . VirtualBox .
, , - .
pragprog.com/titles/wbdev , .
:
www.piter.com/book.phtml?978545901510
www.ozon.ru/context/detail/id/18099349
.
.
. HTML5, «HTML5 CSS3. - ».
jQuery: , . jQuery 1.7 Google. jQuery, .
, . , . , . — , . Windows, cmd.exe
. OS X Linux Terminal
.
:
$ mkdir javascripts
$
, , . , , , — Windows, OS X Linux.
Ruby
Ruby, ( , Rake Sass). Ruby « 1. Ruby ».
QEDServer
. QEDServer — , . QEDServer Windows, OS X Linux. , , — Java Runtime Environment. « », . , . Ajax- .
, , QEDServer, ( webdevelopmentrecipes.com ).
- Linux Apache PHP. 37 « » . webdevelopmentrecipes.com . VirtualBox .
, , - .
pragprog.com/titles/wbdev , .
:
www.piter.com/book.phtml?978545901510
www.ozon.ru/context/detail/id/18099349
.
.
. HTML5, «HTML5 CSS3. - ».
jQuery: , . jQuery 1.7 Google. jQuery, .
, . , . , . — , . Windows, cmd.exe
. OS X Linux Terminal
.
:
$ mkdir javascripts
$
, , . , , , — Windows, OS X Linux.
Ruby
Ruby, ( , Rake Sass). Ruby « 1. Ruby ».
QEDServer
. QEDServer — , . QEDServer Windows, OS X Linux. , , — Java Runtime Environment. « », . , . Ajax- .
, , QEDServer, ( webdevelopmentrecipes.com ).
- Linux Apache PHP. 37 « » . webdevelopmentrecipes.com . VirtualBox .
, , - .
pragprog.com/titles/wbdev , .
:
www.piter.com/book.phtml?978545901510
www.ozon.ru/context/detail/id/18099349
.
.
. HTML5, «HTML5 CSS3. - ».
jQuery: , . jQuery 1.7 Google. jQuery, .
, . , . , . — , . Windows, cmd.exe
. OS X Linux Terminal
.
:
$ mkdir javascripts
$
, , . , , , — Windows, OS X Linux.
Ruby
Ruby, ( , Rake Sass). Ruby « 1. Ruby ».
QEDServer
. QEDServer — , . QEDServer Windows, OS X Linux. , , — Java Runtime Environment. « », . , . Ajax- .
, , QEDServer, ( webdevelopmentrecipes.com ).
- Linux Apache PHP. 37 « » . webdevelopmentrecipes.com . VirtualBox .
, , - .
pragprog.com/titles/wbdev , .
:
www.piter.com/book.phtml?978545901510
www.ozon.ru/context/detail/id/18099349
.
.