可能性のある複製:
公開Webサイトを構築する前に開発者が知っておくべきことは何ですか?
最近、ウェブ開発に興味を持ちました。私はまだ学生です。 HTML、CSS、JavaScriptの基礎を学びました。次に、サーバー側のスクリプトを改善する必要があると思いました。だから私はStruts2を学んでいて、そこではうまくやっています。ようやく自分のスキルを活かすことにしました。
私の友人と私は私たちのクラスのための楽しいウェブサイトを考え出すことにしました。しかし、今はサーバーサイドスクリプトをある程度知っていますが(初心者であることを考えると、あまり良くありませんが)、基本的な要素(つまり、基本的な要素)にはあまり向いていません。 HTML、CSS、JavaScript。つまり、クールなことはできません。
私は w3schools を知っていますが、私が短時間ですべてのクールなことを学ぶことができるより直感的な場所を指摘できれば素晴らしいと思います。
私が直面している問題のいくつかは次のとおりです。
1)Webサイトの基本的なレイアウトをどのように設計すればよいですか?
2)FacebookグラフのようなサードパーティAPIをどのように使用できますか?
「マスタリング」の意味するところによって異なりますが、重要な詳細のすべてを学習することと、サイトを立ち上げることは別です。
重要な実装に夢中なら...
他の投稿を使用して基本を取得できますが、最終的にはブラウザー間の互換性に対処する必要があります。私は非常に頻繁に quirksmode を参照しています。これは、特定のブラウザーで何かが正しく表示されない理由を疑問に思うような問題に対処する必要がある場合に役立ちます。
なぜ/何がそれをどのようにレンダリングするのかを理解するために参照しなければならないサイトはたくさんあります。通常は少し複雑ですが、Webアプリケーションを開発するときに傾く傾向があります(特にセキュリティが懸念される場合)。
個人的には、ここがほとんどの時間を費やし、 Google Web Toolkit のようなツールを使用する場所です。
デザインだけに夢中なら...
あなたはフレームワークからチェックアウトしたいと思うかもしれません、これはあなたに技術的なこぶを乗り越えさせて、あなたに設計させます。ここでは、簡単なサイトで使用/使用したいと思っているものをいくつか挙げます。CSSフレームワーク:
JavaScriptフレームワーク:
BitNamiスタック または LAMP/WAMP などのオールインワンキットを使用して、本格的な開発環境でシンプルな独自のミニWeb開発サーバーをセットアップできます。 TinyWeb のようなWebサーバー。
さて、まず最初に、習得の単一のソースはなく、どのような技術を習得するのにも十分なチュートリアルはありません。継続的な経験と専門知識を得るには、さまざまな状況でライブプロジェクトと継続的な一連のエラー、リカバリ、結果分析に取り組むことによってのみです。
今残っているのは言語構文を学ぶことであり、そのためにw3schoolsはhtmlとcssのための非常に良いサイトです。ほとんどすべてのタグを非常に見栄えよく説明しています。 JavaScriptと、ajaxやjqueryのような関連技術については、googleがこれまでにない最高の本です。 becozは、1冊の本ですべてのJavaScriptクエリに答える単一の本はありません。運が良かった。
Webサイトの基本的なレイアウトをどのように設計すればよいですか?
Webサイトを構築するために、ここにあるようなCSSテンプレートの使用を検討してください。いつでもテンプレートを分解して、どのように機能するかを確認できます。
FacebookグラフのようなサードパーティAPIをどのように使用できますか?
FacebookグラフはREST APIです。プレハブURLを渡すと、結果が JSONで返されます。 Facebookの JavaScript SDKがありますFacebook Graph APIを使用してFacebookデータにアクセスするために使用できます
Head First Web Designをご覧ください。