Web開発入門

戻って私の日で ([OK]を, 私の一日前), Web開発者の職業は、低1だった. これは、プロの名誉の規模で子犬嫌い下回るが、ヤンキースファンの上にランクさ. 我々は使用されているすべてのタグと透明性スペーサー画像のため、, 我々は美学感のない原油ハッカーと見られていた.

よく, 我々はまだ美的感覚に欠けていることが, しかし、Webが開発したようにように、Web開発者の職業を持っている. これらの日私たちはよく書かれたように使用することができます無数のツールがあります, 標準規格に準拠した, そして美しい ([OK]を, そうでないかもしれないその最後の1) ウェブページ. あなたが今日使用して偉大なウェブサイトのほとんどは (恥知らずプラグ: 本プログラムを含む) これらのツールを使用して構築されています.

ブラウザの端にツールの我々の群れは、私たちだけでは想像もできなかったウェブ上のものを作成することができました 10 数年前, のような無数のソーシャルネットワークは、あなたの時間を無駄にする最良の方法であると主張, “ホット” ハイテク新興企業は、すでに千回行われているの何かに革命をもたらしてきたと主張する, と怒っている鳥のクローンはオリジナルよりわずかに悪いと主張. ウェブ上のすべての. そのため、おそらくこれらのツールは、使用の最大のに行っていない.

だから私が話してきたこれらの素晴らしいツールは何ですか? 道をリードしてきました (率直に驚く) HTML5と呼ばれる言語, CSS3, とJavaScript, その私のニックネーム 3 webocalypseの騎手. ここでは、各1を見ていきましょう:

HTMLの

HTMLの (適切にハイパーテキストマークアップ言語として知られている; 悪く見えるしたくない人々は頭字語を使用する理由を確認できます) です Webページをレイアウトするために使用される言語. このページ上で右クリックして、クリック “ソースを表示”. つまり、このページを使用していること、HTMLの.

本質的に, HTMLはたくさんある タグ, どのブラウザ 解釈してレイアウトします. 例えば, このHTMLコードを見る:

<P>私はあなたについて知らない, 私は押しボタンが好きです。</P>

<BR>

<ボタン>私をクリック!</ボタン>

このHTMLコードは、段落内のテキスト包まれています (ザ <P> タグは、パラグラフを開始, ザ </P> タグは、段落を終了します。) 改行があります (ザ <BR>) し、ボタンあなたはあなたの心のコンテンツにクリックすることができます. お使いのブラウザはあなたのために、画面上にレイアウトします.

だから、すべてが順調と良いことだ. しかし、あなたは、HTMLが、何もない場合は、, you get a webpage that looks like it came straight out of the 1990’s. あまり良くない、とにかくその年代から出てきた (ヘアスタイル, 音楽, 等) しかし、待って! より多くのがあります!

CSS

別の頭字語. 夏. CSSは、の略 カスケーディングスタイルシート, それらは実際に誤った名称のビット多段接続してはなりませんしているので (それが何を意味するにせよ… それはコンピュータ·コードの, いない滝!) CSSはある スタイルのウェブページに使用される言語. この, あまりに, お使いのブラウザによって解釈されている.

一緒にCSSとHTMLの仕事 – HTMLは、ページのレイアウトを作る, CSSはそれにその才能を与え. 家を建てる想像する: HTMLは単調が、必要な木製のフレームワークを提供します, CSSはネオンカラーとひと味違う家具が追加されます.

CSSは非常に簡単な言語です: 特定のHTMLタグの (段落のような), あなたは、様々なスタイルのクラスの値を指定することができます. お使いのブラウザはCSSを読み、一致するすべてのHTMLタグに適用します. 例えば:

P {

カラー: 赤;

フォントサイズ: 16PX;

}

したがって、すべての段落 (HTMLでのもの <P> タグ) 必要があります 赤 フォントとなる 16 サイズはピクセル. あなたが気づいた場合, これらは、Microsoft Wordで使用することができ、同じスタイルの一部である および他の用途.

だから今、あなたのウェブページがレイアウトされていると、彼らはかなり見. しかし、ここでのことです: それは彼らが行うすべてです. 彼らはただそこに座ってきれいに見える. 素晴らしいとすべてである, しかし、ウェブのユーザーがもっと欲しい. 彼らは派手なアニメーションをしたい. 彼らは、ポップアップを望む ([OK]を, おそらく彼らは、バックでやった 2002, しかし、私は脱線。) 彼らはあなたがそれらをクリックしたときのものを尽くすのボタンが欲しい.

その最後の1について – それが問題だ. あなたが行うことができます <ボタン> HTMLで, あなたはすべての週にそれをクリックすることができます, それはいつでもすぐに何もしてないです. あなたは、ボタンをしたい場合, オハイオ州私は知らない, 画面上で象を移動し、何かを攻撃, then you need something more.

JavaScriptを

JavaScriptのです しない 頭字語, あなたは不思議に思っていた場合には. それは、Javaと呼ばれるプログラミング言語のように見えたので、彼らにはJavaScriptを呼び出した, そうでない原因に奇妙である. とにかく, JavaScriptのです a proper programming language that causes all the dynamic effects もしWeb上で参照してください。.

任意のプログラミング言語と同様に, JavaScriptのです 変数を作成し、関数を使用する一連のコマンド. JavaScriptの約クールな部分 (よく, as cool as a programming language can be) is that you can access those HTML elements (like paragraphs and buttons) and CSS styles (like font color and size) and change them. Look at this code:

var paragraph = $(‘p’);

paragraph.css(‘color’,’blue’);

This JavaScript code will find all the paragraphs on the page – ザ $ sign tells the browser to find all matching elements, and the ‘p’ means it needs to choose paragraphs (remember the <P> element from HTML?) Then you can store the paragraphs to a variable, and the command the browser to change their color CSS style to ブルー.

私が面白い (再び, これは、すべての観点からのものである “がWebdev”) 3つの言語がどのように連携するかを上品にある. JavaScriptをその最後の行は、ページのHTMLと相互作用し、CSSはそれを設定するために使用される. それは、これらの言語が同じことのほんのさまざまなコンポーネントであるようではありません – 彼らは1と同じだ, 同じ素晴らしいマシンの異なる側.

魅力的に聞こえる? 私はそれがないと思う. つまり、ウェブの美しさのほんの一部だ.