mielenkiintoista

Opi koodaamaan osa I: Muuttujat ja perustiedot

Haluatko oppia koodaamaan, mutta et tiedä mistä aloittaa? Olemme peittäneet sinut. Opetamme sinulle perustiedot koko viikon, ja tässä on ensimmäinen oppitunti.

Aikaisemmin olemme tarjonneet sinulle joitain resursseja koodaamiseen oppimiseksi ja antaneet sinulle laajan yleiskuvan prosessista, mutta nyt on aika siirtyä asioihin: Tarjoamme lyhyen 101 kurssin, askel askeleelta. Et voi oppia koodaamaan yön yli (tai viikossa), mutta olemme jaotelleet perusteet muutamiin oppitunteihin, jotka julkaistaan ​​ensimmäisinä neljänä kappaleena upouudessa Goldavelez.com Night School -sarjassa.

Jokainen oppitunti on videopohjaista (kuten yllä näet), mutta toimitamme sinulle myös tekstimuistiinpanoja ja tiedostoja, joihin voit myös viitata. Jokainen oppitunti on suunniteltu hallittavissa olevaksi informaation osaksi, jonka voit sulauttaa alle 15 minuutissa (ja usein paljon vähemmän). Vaikka aloitamme ensimmäisen ohjelmointituntemme klo 9.00 PST, seuraavat kolme oppituntia julkaistaan ​​joka päivä klo 18.00 PST. Muista palata takaisin vierailemaan päivän päätteeksi tiistaina, keskiviikkona ja torstaina tällä viikolla, jotta pääset oppimaan perusteet.

Ensimmäinen oppituntemme tulee olemaan hyvin yksinkertainen ja koostuu oppimisesta perusmuuttujista ja tietotyypeistä. Tämän sarjan oppitunnissa aiomme käyttää JavaScriptiä mallina, koska se on melko helppo ymmärtää syntaksi ja jotain, jota kuka tahansa tekstieditorilla ja selaimella voi käyttää. Koska se on ECMA-pohjainen kieli, se helpottaa muiden ECMA-pohjaisten kielten (kuten ActionScript) ymmärtämistä huomattavasti helpommin. Vielä parempi, huomaat, että JavaScriptin kirjoittamisen tunteminen helpottaa siirtymistä muihin olio-ohjelmointikieliin. Pohjimmiltaan JavaScript on helposti saatavissa käytännössä kaikille, joilla on tietokone ja selain, joten mielestämme se on todella hyvä lähtökohta. Kun olet saanut perustiedot, muiden kielten oppimisen pitäisi olla helppoa.

Aloitetaan!

Mitä muuttujat ovat?

Voit ajatella muuttujia merkittyinä purkeina, jotka tallentavat erityyppisiä tietoja. Vaikka muuttujia on monen tyyppisiä, tarkastelemme tänään vain kolmea:

  • Merkkijono - Merkkijonomuuttuja on aakkosnumeerisista merkeistä ja sallituista symboleista, jotka sisältyvät lainausmerkkeihin. Esimerkiksi: "Hei maailma, olen tänään 102-vuotias!" on esimerkki merkkijonosta. Merkkijonot voivat sisältyä myös yksittäisiin lainauksiin, mikä on hyödyllistä, jos haluat merkkijonon, jolla on tällainen lainaus: '"Vihaan lunta", Laurel sanoi.' Merkkijonoja käytetään periaatteessa tekstin tallentamiseen.
  • Numero - Numeromuuttuja ei voisi olla suoraviivaisempi, koska kaikki numeromuuttujat tallentavat numeroita. Et tallenna niitä lainausmerkkeihin, kuten merkkijonoja. Sen sijaan numerot voidaan kirjoittaa sellaisenaan. Jos haluat tallentaa numeron 9 muuttujaan, kirjoitat vain 9.
  • Boolean - Boolen muuttuja on yksi kahdesta asiasta: tai. Tämä tietotyyppi on kuin virtakytkin, joten voit kysyä oikeita tai vääriä kysymyksiä koodissasi. Voit esimerkiksi kysyä "toistetaanko videota parhaillaan?" Saatu vastaus olisi boolean-muuttuja. tarkoittaisi, että videota toistetaan parhaillaan, eikä tarkoittaisi.

Joten miten laitat muuttujan koodiin (tai muuttujan, kuten sitä perinteisemmin kutsutaan)? JavaScript-sovelluksessa sinun tarvitsee tehdä vain tämä:

myVariable = "Hei maailma!";

Vaihtele vai ei Var

JavaScriptissä voit määritellä muuttujan nimellä myVariable = "something"; tai var myVariable = "something"; erona on sana var ennen lausuntoa. Kun julistat muuttujia komentosarjasta toiminnon ulkopuolella, tällä erotuksella on melko merkityksetön merkitys. Kun julistat muuttujan funktion sisällä ja käytät var tämä luo globaalin muuttujan. Globaaleihin muuttujiin pääsee koodin mistä tahansa, kun taas paikallisiin muuttujiin (kuten funktioissa määritettyihin) pääsee vain omalla laajuudella (esim. Jos muuttuja on toiminnon paikallinen, vain tämä toiminto voi käyttää sitä). Tämä ei ole tärkeä ero tällä hetkellä, mutta kun opimme toiminnoista myöhemmin, on hyvä tietää.

Tässä on joitain huomioitavia asioita. Ensinnäkin nimi myVariable. Kaikilla ohjelmointikielellä on jotain nimeltään varatut sanat, mikä tarkoittaa, että et voi käyttää niitä muuttuvina niminä. Mitä ne vaihtelevat, mutta jos nimi on riittävän yleinen, on mahdollista, että se voi olla varattu sana. Välttääksesi varattujen sanojen käyttämisen ja koodin kiristämisen, päätä vain muuttujien nimijärjestelmästä. Olen asettanut "minun" esimerkkimuuttujani eteen, mutta luultavasti haluat keksiä jotain muuta. Toiseksi, huomaat puolipisteen rivin lopussa. Puolipiste on kuin lauseen lopussa oleva piste monilla ohjelmointikielellä, ja niin on ehdottomasti JavaScriptiä. Lähes jokaisessa tilanteessa sinun on lopetettava kood lauseet puolipisteellä, jotta tietokoneesi ei sekoittuisi sitä luettaessa. Puolipiste kertoo tietokoneelle: "Okei, olen kaikki valmis tämän lausunnon kanssa." (Huomaa: JavaScript on anteeksiantava, ja joskus voit päästä pois ilman puolipistettä, mutta se on hyvä käytäntö.)

Vielä yksi huomionarvoinen asia on, että JavaScript on löysästi kirjoitettu kieli. Kieliä on (pohjimmiltaan) kahta tyyppiä: löysästi kirjoitetut ja tiukasti kirjoitetut. Esimerkki tiukasti kirjoitetusta kielestä on ActionScript (kieli, johon Flash-sovellukset kirjoitetaan), ja sama muuttujan ilmoitus, jonka juuri kirjoitimme, näyttäisi tältä toiminnalta ActionScript 3: lla:

var myVariable: String = "Hei maailma!";

Näkemäsi lisäykset ovat sana ja sana (koolon edessä). Sana var kertoo tietokoneelle, jonka aiomme julistaa muuttuja. : Muuttujan nimeen liitetty merkkijono kertoo tietokoneelle, minkä tyyppinen muuttuja se on ja ettei se hyväksy mitään muuta tyyppiä. Tämä on syy termiin. JavaScriptin kaltainen löysästi kirjoitettu kieli on joustavampi eikä vaadi sitä. Tämä tekee koodistasi joustavamman, mutta jotkut väittävät, että se tekee siitä myös virhealtistamman. Emme aio perehtyä täällä tiukasti ja löysästi kirjoitettujen kielten etuihin ja haitoihin, mutta on hyvä olla tietoinen peruseroista nyt, koska kohtaat ne todennäköisesti ohjelmointitehtävissä.

Nyt kun ymmärrät muuttujat ja miten ne toimivat, voimme yrittää käyttää niitä jossain todellisessa JavaScript-koodissa.

Muuttujien luominen ja JavaScript-hälytys () -toiminnon käyttö

Luomme yksinkertainen HTML-dokumentti, jota voimme käyttää muuttujien testaamiseen:

Haluat saada paremmin määritellyn HTML-asiakirjan, kun kirjoitat tosiasiallisesti koodia, mutta tarkoituksiin tämä toimii hyvin. Tallenna yllä oleva koodi tiedostona nimeltään myscript.html (tai jotain mitä haluat, joka päättyy .html-tiedostoon ja joka ei sisällä välilyöntejä tai erikoismerkkejä) ja avaa se Web-selaimessa. Näet otsikkopalkissa aivan muuta kuin "Oma skripti". Meillä on vielä enemmän tehtävää. Ensin julistetaan muuttuja komentotunnisteen sisällä:

myVariable = 5;

Täällä olemme juuri ilmoittaneet numeron. Tarkastellaan muita muuttujatyyppejä, jotka voimme julistaa

mynumber = 5;

myString = "Hei maailma!";

myBoolean = totta;

Se antaa meille numeron, merkkijonon ja loogisen. Otetaan nyt se myString-muuttuja ja tehdään jotain sen kanssa:

mynumber = 5;

myString = "Hei maailma!";

myBoolean = totta;

alert (myString);

Huomaat, että olen lisännyt rivin alert(myString); . Tämä kutsuu sisäänrakennettua JavaScript-toimintoa (opimme niistä lisää myöhemmin), jota kutsutaan alert() joka luo ponnahdusikkunan, jonka avulla käyttäjät voivat olla vuorovaikutuksessa.

Mikä on "Hei maailma!" kaikki?

Kirjoittamalla yksinkertainen ohjelma, joka sanoo "Hei maailma!" on yleensä ensimmäinen asia, jonka jokainen ohjelmoija tekee oppiessaan koodaamaan. Se ei ole välttämätöntä, mutta se on eräänlainen perinne ja aloitus klubiin.

Et koskaan halua käyttää näitä käytännössä, koska - kuten kuka tahansa Internet-käyttäjä todennäköisesti tietää - hälytyslaatikot ovat erittäin ärsyttäviä, mutta ne ovat hyvä tapa testata koodiasi ja varmistaa, että se toimii, kun kirjoitat. Seuraavan hälytyksen avulla voit toimittaa hälytyksen mahdollisesti tarvitsemillaan tiedoilla. Kaikki toiminnot eivät vaadi tietojen antamista sille, mutta hälytyksen on tiedettävä, mitä hälyttää käyttäjä. Tässä tapauksessa annoimme sille myString -sovelluksen, joten käyttäjä saa ponnahdusikkunan, jossa lukee "Hei maailma!" Kokeile tätä muiden muuttujien kanssa saadaksesi ponnahdusikkunat, joissa on numero ja looginen arvo.

Miksi antaa Alert () -muuttuja ja ei vain antaa sille muuttujan sisältö? No, jos sanoit hälytyksen ("Hei maailma!"), Saisit saman tuloksen tässä esimerkissä, mutta muuttujia kutsutaan muuttujiksi, koska ne. Ajatuksena on, että näiden muuttujien sisältö tai arvot muuttuvat, kun käyttäjät ovat vuorovaikutuksessa kirjoittamasi ohjelmien kanssa.

Jos olet valmis ottamaan seuraavan vaiheen muuttujien kanssa, tutustu toiseen oppituntiin, työskentele muuttujien kanssa.

Voit ottaa yhteyttä tämän viestin kirjoittajaan Adam Dachisiin osoitteessa Voit myös seurata häntä Twitterissä ja Facebookissa.