Uvod u web razvoj

Natrag u mom danu (U redu, prije moj dan), profesije web developer je niska jedan. To rangirana ispod štene mrzitelj, ali iznad Yankees ventilatora na skali od profesionalne časti. Zbog sve oznake i transparentnost spacer slike smo, Smatrali su nas sirove hakeri bez smisla za estetiku.

Dobro, možemo još uvijek nedostaju u estetskom smislu, ali kao Web razvio tako ima profesiju web developer. Ovih dana postoji bezbroj alata možemo koristiti da bi dobro napisan, standardi-u skladu, i lijepa (U redu, Možda to nije poslednji) web stranice. Većina velikih web stranica koristite danas (besramna plug: uključujući i ovaj jedan) se grade pomoću ovih alata.

Naš skup alata na kraju pretraživača su nam omogućili da stvori stvari na web koje su bile nezamislive samo 10 prije godina, kao što su bezbrojne društvene mreže koja tvrdi da je najbolji način da gubiti vrijeme, “vruć” tech startups tvrdeći da je revoluciju u nešto što je već učinjeno hiljadu puta, i Angry Birds klonovi koji tvrde da su samo malo lošije od originala. Svi na web. Možda ovi alati nisu otišli u najvećoj korištenja.

Dakle, ono što su ove zadivljujuće alati sam govorio o? Vodeći način su bili (iskreno amazing) jezika pod nazivom HTML5, CSS3, i JavaScript, što sam nadimak 3 konjanika u webocalypse. Ovdje je pogled na svaki od njih:

HTML

HTML (pravilno poznat kao HyperText Markup Language; možete vidjeti zašto ljudi koji ne žele izgledati loše samo koristiti akronim) je jezik koji se koristi za postavljanje od web stranice. Desnim klikom na ovoj stranici i kliknite “View Source”. To je HTML da je ta strana koristi.

U suštini, HTML je gomila tagovi, koji browser interpretira i postavlja. Na primjer, pogledaj ovo HTML koda:

<P>Ne znam za vas, ali ja volim pritiskom tipke.</P>

<br>

<dugme>Klikni me!</dugme>

Ovaj HTML kôd je tekst umotan u stavu (u <P> tag započinje stav, u </P> tag završava pasus.) Tu je prijelom retka (u <br>) a zatim gumb kliknite da mile volje. Vaš preglednik će postaviti ga na ekranu za vas.

Dakle, to je sve dobro i dobro. Ali ako imate samo HTML, you get a webpage that looks like it came straight out of the 1990’s. Ne mnogo dobro došao iz tog desetljeća ionako (frizure, muzika, itd) Ali čekajte! Postoji više!

CSS

Drugi akronim. Ljeto. CSS je skraćenica za Cascading Style Sheets, koja je malo pogrešan naziv, jer oni baš i ne prenijeti (šta god to značilo… to je kompjuterski kod, nije vodopad!) CSS je jezik koji se koristi u stilu web stranice. Ovo, suviše, interpretira svoj preglednik.

CSS i HTML rade zajedno – HTML čini raspored stranice, CSS daje svoje Flair. Zamislite gradi kuću: HTML pruža neuglednu, ali je potrebno drveni okvir, CSS dodaje neon boje i neobičan namještaja.

CSS je prilično jednostavan jezik: za određeni HTML tag (kao stav), možete odrediti vrijednosti za klase različitih stila. Vaš preglednik će pročitati CSS i primijeniti ga na sve podudaranje HTML tagova u. Na primjer:

P {

boja: crven;

font-size: 16px;

}

Dakle, svaki stav (stvari u HTML <P> tagovi) će imati crven font i biti 16 piksela veličine. Ako ste primetili, Ovo su neki od iste stilova možete koristiti u Microsoft Word i druge aplikacije.

Tako sada svoje web stranice su postavljeni i oni izgledaju prilično. Ali evo je stvar: to je sve što rade. Oni sedi tu i izgledaju prilično. Što je super i sve, ali korisnici web žele više. Oni žele fancy animacije. Oni žele pop-ups (U redu, Možda jesu davne 2002, ali ja digresiju.) Oni žele tipke koje će učiniti stvari kada kliknete na njih.

O da poslednji – to je pitanje. Možete napraviti <dugme> u HTML, i možete kliknuti sve tjedan, ali uskoro ne radi ništa bilo koje vrijeme. Ako želite tipku za, oh, ne znam, premjestiti tvoj slon preko ekrana i napasti nešto, then you need something more.

JavaScript

JavaScript je ne akronim, Ako ste se pitali. Zvali su ga JavaScript jer je izgledalo kao programski jezik zove Java, što je čudno jer ne. U svakom slučaju, JavaScript je a proper programming language that causes all the dynamic effects vidite na web.

Like any programming language, JavaScript je a series of commands that make variables and use functions. The cool part about JavaScript (dobro, 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 – u $ sign tells the browser to find all matching elements, and the ‘p’ znači da treba odabrati st (Sećam se <P> element iz HTML?) Zatim možete pohraniti stavova u varijablu, and the command the browser to change their color CSS style to plava boja.

Ono što sam naći zanimljivo (opet, ovo je sve sa stanovišta a “webdev”) kako elegantno tri jezika rade zajedno. To zadnja linija JavaScript u interakciji sa stranice HTML i CSS se koristi za stilom. To nije kao ti jezici su samo različite komponente istu stvar – oni su jedno te isto, različite strane iste zadivljujuće rublja.

Zvuk fascinantno? Mislim da to radi. To je samo dio ljepote web.