Paša programmēšana ir jautra un atver daudzas durvis digitālajā pasaulē. Tomēr pirms tu vari sākt ar JavaScript un jQuery, tev būs nepieciešams piemērots koda redaktors. Šajā rokasgrāmatā mēs koncentrēsimies uz Atom uzstādīšanu, lietotājam draudzīgu un platformu neatkarīgu teksta redaktoru, kas atvieglos programmēšanu.

Galvenās atziņas

  • Atom ir platformu neatkarīgs teksta redaktors, kas der Windows, Mac un Linux.
  • Tu mācīsies, kā lejupielādēt un uzstādīt Atom, lai sāktu ar JavaScript izstrādi.
  • Ir svarīgi saprast HTML un CSS pamatus, pirms tu strādā ar JavaScript.

Solī pa solim rokasgrāmata

1. solis: Lejupielādē Atom

Lai uzstādītu Atom, apmeklē mājaslapu atom.io. Noklikšķini uz pogas, lai lejupielādētu programmatūru. Pēc tam tu izlem, vai saglabāt noklusējuma iestatījumus.

Atom instalēt JavaScript projektiem

2. solis: Uzstādi Atom

Pabeidzot lejupielādi, atver.exe failu (Windows) vai attiecīgo instalācijas failu savai operētājsistēmai. Izpildi ekrānā redzamos instalācijas norādījumus.

Atom instalēšana JavaScript projektiem

3. solis: Iepazīsties ar lietotāja interfeisu

Kad Atom ir uzstādīts, atver lietojumprogrammu. Tevi iespējams novirzīs uz laipnības lapu. To tu vari vienkārši aizvērt, jo mēs sāksim tieši ar projekta izveidi.

Atom instalēšana JavaScript projektiem

4. solis: Izveido projekta mapes

Lai uzsāktu jaunu projektu, ej uz „File“ un izvēlies „New Folder“. Nosauc savu jauno projekta mapi, piemēram, „JavaScript projekti“, un izvēlies to.

5. solis: Izveido jaunu failu

Jaunajā projekta mapē vari izveidot jaunu failu. Ar peles labo pogu noklikšķini uz mapes un izvēlies „New File“. Nosauc failu „javascript.html“.

6. solis: Ievieto HTML struktūru

Tagad ievieto pamata HTML kodu failā. Tu vari to kopēt no piemēra lapas, piemēram, example.com. Lai to izdarītu, ar peles labo pogu noklikšķini uz mājaslapas un izvēlies „Rādīt lapas avotu”, lai izvilktu HTML kodu.

Atom instalēt JavaScript projektiem

7. solis: Pievieno JavaScript kodu

Ievieto savus JavaScript kodu HTML faila -sadaļā. Kodam vajadzētu ģenerēt alert-logu, kas parāda ziņu, kad lapa ir ieguldīta.

Atom instalēt JavaScript projektiem

8. solis: Saglabā failu

Saglabā savas izmaiņas, noklikšķinot uz „File“ un pēc tam uz „Save“. Tavs fails tagad ir gatavs testēšanai, tāpēc atver to tavā tīmekļa pārlūkā.

Atom instalēt JavaScript projektiem

9. solis: Lietojumprogrammas testēšana

Ja tu atver javascript.html failu pārlūkā, vajadzētu parādīties aicinājumam: „Lapa ir ielādēta.“ Ar to tu veiksmīgi esi integrējis HTML un JavaScript vienā projektā.

Atom instalēšana JavaScript projektiem

10. solis: Eksperimentēšana

Visbeidzot, aicinu tevi eksperimentēt ar savu kodu. Maini tekstu alert logā, lai to padarītu personiskāku – varbūt tu gribi izmantot „Sveika pasaule“ vai savu vārdu.

Vislabāk ir praktizēt, ne tikai sekojot izrādītajiem soļiem, bet arī pats eksperimentējot. Tā tu attīstīsi labāku izpratni par kodu un tā darbību.

Kopsavilkums – Atom lejupielāde un izmantošana: vienkāršs sākums JavaScript un jQuery

Kopsavilkumā tu tagad esi uzzinājis, kā lejupielādēt un uzstādīt Atom. Tu zini, kā izveidot jaunu HTML failu un integrēt pamata JavaScript kodu. Ar nelielu praksi tu vari attīstīt savas programmēšanas prasmes un ķerties pie arvien sarežģītākiem projektiem.

Bieži uzdotie jautājumi

Kā es lejupielādēju Atom?Tu ej uz atom.io un noklikšķini uz lejupielādes pogas savai operētājsistēmai.

Vai es varu izmantot Atom Windows, Mac un Linux?Jā, Atom ir platformu neatkarīgs un atbalsta visas trīs operētājsistēmas.

Kur es varu atrast sava HTML dokumenta avotu?Ar peles labo pogu noklikšķini savā pārlūkā uz parauglapas un izvēlies „Rādīt lapas avotu”.

Kā es varu saglabāt savu JavaScript failu?Noklikšķini uz Atom uz „File“ un tad uz „Save“.

Kā es varu eksperimentēt ar JavaScript?Maini tekstu alert()-funkcijā un paskaties, kas notiek.