Savo programavimas teikia džiaugsmą ir atveria daugybę durų skaitmeninėje pasaulyje. Prieš pradėdamas dirbti su JavaScript ir jQuery, tau reikės tinkamo kodo redaktoriaus. Šiame vadove mes koncentruojamės į Atom diegimą, kuris yra vartotojui draugiškas ir daugialypis tekstinis redaktorius, palengvinsiantis tau programavimą.
Svarbiausios įžvalgos
- Atom yra daugialypis tekstinis redaktorius, tinkantis Windows, Mac ir Linux.
- Tu išmoksi, kaip atsisiųsti ir įdiegti Atom, kad galėtum pradėti dirbti su JavaScript kūrimu.
- Svarbu suprasti HTML ir CSS pagrindus prieš pradedant dirbti su JavaScript.
Žingsnis po žingsnio vadovas
1 žingsnis: atsisiųsti Atom
Norėdamas įdiegti Atom, eik į svetainę atom.io. Spausk mygtuką, kad atsisiųstum programinę įrangą. Tada nuspręsk, ar nori išsaugoti numatytuosius nustatymus.
2 žingsnis: įdiegti Atom
Pasibaigus atsisiuntimui, atidaryk.exe failą (Windows) arba atitinkamą įdiegimo failą tavo operacinei sistemai. Sek ekrane pateikiamoms diegimo instrukcijoms.
3 žingsnis: Susipažinti su vartotojo sąsaja
Kai Atom bus įdiegtas, atidaryk programą. Gali būti, kad būsi nukreiptas į pasveikinimo puslapį. Tą galėsi tiesiog uždaryti, nes mes tiesiai pereisime prie projekto sukūrimo.
4 žingsnis: sukurti projekto folderį
Norėdamas pradėti naują projektą, eik į „File“ ir pasirink „New Folder“. Pavadink savo naują projekto aplanką, pavyzdžiui, „JavaScript Projektai“ ir pasirink jį.
5 žingsnis: sukurti naują failą
Naujai sukurtame projekto aplanke gali sukurti naują failą. Dešiniuoju pelės mygtuku spausk ant aplanko ir pasirink „New File“. Pavadink failą „javascript.html“.
6 žingsnis: įterpti HTML struktūrą
Dabar į failą įdėk bazinį HTML kodą. Galite jį nukopijuoti iš pavyzdžio puslapio, pavyzdžiui, example.com. Tam, dešiniuoju pelės mygtuku spausk ant svetaine ir pasirink „Seitenquelltext anzeigen“, kad išgautum HTML kodą.
7 žingsnis: pridėti JavaScript kodą
Į HTML failo -srityje įterpk savo JavaScript kodą. Kodas turėtų sukurti alert laukelį, kuris rodo žinutę, kai puslapis yra įkeltas.
8 žingsnis: išsaugoti failą
Išsaugok savo pakeitimus, pasirinkęs „File“ ir tada „Save“. Tavo failas dabar yra pasiruošęs testuoti, taigi atidaryk jį savo naršyklėje.
9 žingsnis: programos testavimas
Atidarius javascript.html failą naršyklėje, turėtų pasirodyti pranešimas: „Puslapis buvo įkeltas.“ Taip tu sėkmingai sujungei HTML ir JavaScript projekte.
10 žingsnis: eksperimentuoti
Galiausiai kviečiu tave eksperimentuoti su savo kodu. Pakeisk tekstą alert laukelyje, kad jį padarytum labiau asmenišku – galbūt nori naudoti „Labas pasauli“ arba savo vardą.
Geriau praktikuoti ne tik sekant rodomus žingsnius, bet ir savarankiškai išbandant. Taip tu vystysi geresnį supratimą apie kodą ir jo veikimą.
Santrauka – atsisiųsti ir naudoti Atom: Paprastas įvadas į JavaScript ir jQuery
Santraukoje dabar išmokai, kaip atsisiųsti ir įdiegti Atom. Tu žinai, kaip sukurti naują HTML failą ir integruoti pagrindinį JavaScript kodą. Su šiek tiek praktikos gali toliau tobulinti savo programavimo įgūdžius ir imtis vis sudėtingesnių projektų.
Dažniausiai užduodami klausimai
Kaip atsisiųsti Atom?Tu eik į atom.io ir spausk mygtuką, kad atsisiųstum savo operacinei sistemai.
Ar galiu naudoti Atom Windows, Mac ir Linux?Taip, Atom yra daugialypis ir palaiko visas tris operacines sistemas.
Kur galiu rasti savo HTML dokumento šaltinio kodą?Dešiniuoju pelės mygtuku spausk ant pavyzdžio puslapio savo naršyklėje ir pasirink „Seitenquelltext anzeigen“.
Kaip galiu išsaugoti savo JavaScript failą?Spustelėk Atom'e „File“ ir tada „Save“.
Kaip galiu eksperimentuoti su JavaScript?Pakeisk tekstą alert()-funkcijoje ir pažiūrėk, kas atsitiks.
