Bevezetés a webfejlesztés

Az én időmben (Rendben, mielőtt a nap), a szakma web developer egy alacsony egy. A rangsorban az alábbi kiskutya gyűlölő, de a fenti Yankees fan a skála a szakmai becsület. Mivel az összes tag-ek és átláthatóság távtartó képeket használtuk, azt látták nyers hackerek nincs értelme az esztétika.

Jól, mi még mindig hiányzik a esztétikai értelemben, de a Web fejlődött, így már a szakma a web developer. Manapság számtalan eszközöket tudjuk használni, hogy a jól megírt, szabványoknak megfelelő, és szép (Rendben, talán nem, hogy az utolsó) weboldalak. A legtöbb nagy weboldalak használata ma (szégyentelen dugót: beleértve ezt a) épülnek, ezekkel az eszközökkel.

A sereg eszközök a böngésző végén lehetővé tették számunkra, hogy hozzon létre a dolgokat az interneten, hogy elképzelhetetlen éppen 10 évvel ezelőtt, mint például a számtalan társadalmi hálózatok állítja, hogy a legjobb módja annak, hogy pazarolja az idejét, “meleg” tech induló azt állítja, hogy forradalmasította valamit, ami már megtörtént ezerszer, és az Angry Birds klónok azt állítva, hogy csak kicsit rosszabb, mint az eredeti. Minden a weben. Szóval lehet, ezek az eszközök nem ment, hogy a legnagyobb felhasználás.

Tehát mik ezek a csodálatos eszköz, amit beszélt? Az élen volt a (őszintén szólva elképesztő) nyelvek úgynevezett HTML5, CSS3, és JavaScript, amit becenevet a 3 lovasa webocalypse. Itt egy pillantást mindegyik:

HTML

HTML (jól ismert HyperText Markup Language; láthatjuk, hogy miért az emberek, akik nem akarják, hogy néz ki rosszul, csak használja a rövidítés) az nyelv, hogy állapítson meg weboldalak. Kattintson a jobb gombbal erre az oldalra és kattintson “Forrás megtekintése”. Ez az a HTML, hogy ezt az oldalt használó.

Lényegében, HTML egy csomó címkék, amely a böngésző értelmezi és határozza meg. Például, nézd meg ezt a HTML kódot:

<p>Én nem tudom, mi van, de szeretem gombok.</p>

<br>

<gomb>Kattints rám!</gomb>

Ez a HTML kód szöveget csomagolva egy bekezdés (a <p> tag indul egy bekezdés, a </p> tag végén egy bekezdés.) Van egy sortörés (a <br>) , majd egy gombra kattintva a szíved tartalmát. A böngésző feküdt ki a képernyőn az Ön számára.

Szóval ez mind szép és jó. De ha nincs semmi, de a HTML, you get a webpage that looks like it came straight out of the 1990’s. Nem sok jó jött ki, hogy az évtized egyébként (frizurák, zene, stb) De várjunk csak!! Van még!

CSS

Egy másik betűszó. Nyári. CSS rövidítése Cascading Style Sheets, ami egy kicsit egy helytelen elnevezés, mivel nem igazán kaszkád (bármit is jelentsen ez… ez számítógépes kódot, Nem vízesés!) CSS a használt nyelv stílust weboldalak. Ezt, is, értelmezi a böngésző.

CSS és HTML együtt – HTML teszi az oldal elrendezését, CSS adja a hangulatot. Képzeljünk el egy házat: HTML biztosítja a drapp, de szükséges fa keret, CSS növeli a neon színek és merész bútorok.

CSS egy nagyon egyszerű nyelvet: egy bizonyos HTML tag (mint egy bekezdés), megadhat értékeket különböző stílus osztályok. A böngésző fogja olvasni a CSS, és alkalmazza azt a megfelelő HTML-címkéket. Például:

p {

szín: piros;

font-size: 16px;

}

Tehát minden bekezdés (cucc a HTML <p> címkék) lesz piros font, és 16 pixel méretű. Ha észrevette,, ezek közül néhány az azonos stílusok segítségével a Microsoft Word és más alkalmazásokat.

Tehát most weboldalain lefektetett, és úgy néznek ki, szép. De itt van a dolog: ez minden, amit csinál. Ők csak ülnek ott, és nézel. Ami nagyszerű, és minden, de a felhasználók az interneten szeretne több. Azt akarják, hogy divatos animációk. Azt akarják, hogy a pop-up (Rendben, Lehet, hogy ők vissza 2002, de elkalandoztam.) Azt akarják, hogy a gombok, hogy csinálni dolgokat, ha rákattint a rájuk.

Körülbelül ez az utolsó – ez egy kérdés. Tudod, hogy egy <gomb> HTML, és ha rákattint, akkor minden héten, de ez nem tesz semmit, a közeljövőben. Ha azt szeretné, hogy a gombot, Ó, én nem tudom,, mozgatni az elefánt az egész képernyőt, és megtámadják valamit, then you need something more.

JavaScript

JavaScript nem egy mozaikszó, ha volt kíváncsi. Úgy hívják, hogy JavaScript, mert úgy nézett ki, mint a programozási nyelv nevű Java, ami furcsa, mert nem. Különben is, JavaScript a proper programming language that causes all the dynamic effects látod a weben.

Mint minden programozási nyelv, JavaScript egy sor parancs, amelyek változók és funkciók használatát. A jó az egészben JavaScript (jól, a hűvös, mint egy programozási nyelv is) az, hogy el tudja érni ezeket a HTML elemek (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 – a $ 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 blue.

What I find interesting (ismét, ez az egész szempontjából a “webdev”) az, hogy elegánsan a három nyelv együtt. Az utolsó sor a JavaScript kölcsönhatásba lépett az oldal HTML és a CSS használt stílust is. Ez nem olyan, mint ezek a nyelvek csak más összetevői ugyanaz – ők egy és ugyanazon, különböző oldalain azonos csodálatos gép.

Hang lenyűgöző? Azt hiszem, ez. Ez csak egy része a szépség, a web.