Šioje serijoje mes pereisime nuo pradedančiojo iki pažengusiojo lygio JavaScript per 10 tinklaraščio įrašų. Iki šios serijos pabaigos jūs žinosite visus pagrindus, kuriuos reikia žinoti, kad pradėtumėte programuoti JavaScript.
Šis kursas skirtas jums, jei norite pradėti programuoti JavaScript, arba jei norite atnaujinti savo žinias apie JavaScript. Taip pat rekomenduoju išsaugoti šį vadovą ateičiai. Bet kada, kai norėsite greitai prisiminti koncepcijas arba tiesiog prisiminti JavaScript naudojamą sintaksę, būtų geras laikas peržiūrėti šią seriją ateityje.
Prieš pradedant dirbti su JavaScript, gerai žinoti, ką iš tikrųjų galite daryti su JavaScript. Galbūt žinote JavaScript kaip kalbą, kuri dominuoja internete. Ir jūs visiškai teisūs! JavaScript, pradėtas kaip front-end kalba, skirta pridėti elgesį svetainėms, dabar naudojamas kiekviename svetainių aspekte.
Jis dažniausiai naudojamas front-end žiniatinklio kūrime, paprastai kartu su kitomis JavaScript sistemomis ir bibliotekomis, tokiomis kaip React. Taip pat tai yra dažniausiai naudojama kalba backend žiniatinklio kūrime, dėka Node.js, kuris leidžia vykdyti JavaScript žiniatinklio serveriuose. Bet tai nėra viskas. JavaScript naudojamas visur, įskaitant progresyvių žiniatinklio programų kūrimą ir darbalaukio programas. Taip pat neseniai jis pradėjo būti naudojamas mašininio mokymosi srityje, naudojant TensorFlow.js. Dėka Node.js, jis taip pat gali būti naudojamas dronų, robotų ir IOT įrenginių valdymui.
JavaScript šiuo metu yra populiariausia programavimo kalba, ir tam yra geras priežastis. Yra keletas pagrindinių veiksnių, kurie daro JavaScript tokiu, koks jis yra šiandien. Tai apima plačią vykdymo aplinkų prieinamumą, kodo versijų saugumą dėka Babel ir plačią bendruomenės priėmimą. Pažvelkime, kas tai yra, po vieną.
JavaScript dominuoja internete, nuo priekio iki galo. Jei skaitote šį straipsnį, kad atnaujintumėte savo JavaScript žinias, greičiausiai žinote, kad kas kelis mėnesius atsiranda naujų JavaScript sistemų, ypač kalbant apie front-end žiniatinklio kūrimą, nes gali būti daug požiūrių, kaip jį optimizuoti.
Kaip vėliau matysime straipsnyje, jums nereikia įdiegti jokios specialios programinės įrangos, kad pradėtumėte rašyti ir vykdyti savo JavaScript kodą, nes jau turite reikiamus įrankius savo naršyklėje. Tai sumažina barjerą pradėti mokytis kalbos, nes dauguma programavimo kalbų reikalauja, kad jūs įdiegtumėte ir nustatytumėte programavimo aplinkas, kad galėtumėte pradėti.
Visas kodo rašymo tikslas yra iš tikrųjų jį vykdyti, kai jis turėtų būti vykdomas. Ir tai darydami, paskutinis dalykas, kurio norite, yra tai, kad pusė jūsų svetainės neveiktų dideliam vartotojų skaičiui. Bet ką galite padaryti, jei jūsų kodas turi veikti 1000 skirtingų įrenginių ir naršyklių derinių? Kam jūs optimizuosite, o kam leisite tapti vartotoju? Ar jums iš viso reikia daryti tokį pasirinkimą? Jei pusė jūsų vartotojų turi senus įrenginius, o kita pusė turi visiškai naujus įrenginius, kam jūs optimizuosite savo kodą, o ką ignoruosite kaip savo klientą? Atsakymas yra, tikėkimės, niekam, dėka Babel.
Babel yra programinė įranga, kuri užtikrina, kad jūsų kodas veiktų net labai senose naršyklėse, kurios naudoja labai seną JavaScript versiją. Taip jūs neturite daryti pasirinkimo, kuris priverstų jus ignoruoti pusę savo klientų. Norint paaiškinti, jūs nerašote kodo su Babel, tai nėra JavaScript skonis. Bet tai yra labai plačiai naudojama programinė įranga, kuri paima jūsų jau parašytą ir veikiantį JavaScript kodą ir konvertuoja jį į JavaScript versiją, kurią supranta kitos naršyklės, net jei jos turi labai seną JavaScript versiją savo naršyklėse.
Bet kada rašydami kodą, neišvengiamai susidursite su problemomis. Ir tais laikais, nesvarbu, su kokia programavimo kalba dirbate, gali būti labai naudinga pamatyti, kad jūsų problema jau buvo išspręsta kažkieno, kas padėjo internete. Čia įsijungia bendruomenės parama, ir todėl StackOverflow.
Jei nežinote, kas yra StackOverflow, tai iš esmės didžiausias programavimo forumas, kuriame žmonės užduoda ir atsako į programavimo klausimus. Tai nėra vienintelė vieta, kur rasite atsakymus, tikrai yra vietų, kurios bus labai naudingos atsakant į jūsų konkrečius klausimus, tačiau tikėtina, kad daugumą atsakymų rasite ten. Nesiūlau jums tiesiog eiti į StackOverflow ir ieškoti savo problemų ten. Paprastai „Google“ paieška suteiks geriausius rezultatus.
Ir jūs galbūt nesitikite to tiek, mokydamiesi programuoti, tačiau didelė programinės įrangos kūrimo dalis apima žinojimą, ką ieškoti „Google“, kad efektyviau rastumėte savo atsakymus.
Štai kodėl daugelis žmonių nori pradėti programuoti JavaScript – turint JavaScript kaip populiariausią programavimo kalbą, tikrai padeda dirbti su šia kalba tiek trumpuoju, tiek ilguoju laikotarpiu. Kiekvieną kartą, kai rašote
JavaScript, tiesiog įsivaizduokite tūkstančius žmonių, kurie kartu su jumis rašo JavaScript, tuo pačiu metu. Kai kurie užduoda klausimus, kai kurie atsako į klausimus.
Kai programuojate JavaScript, nesate vieni.
Yra daugybė vietų, kur galite pradėti programuoti JavaScript. Techniniu požiūriu, galite rašyti JavaScript bet kur, įskaitant paprastą užrašų knygutę ar teksto redaktorių. Bet jums taip pat reikia JavaScript variklio, kad iš tikrųjų vykdytumėte savo kodą. Bet kaip gauti vieną? Na, jei prisimenate straipsnio pradžią, žinote, kad jau turite jį savo naršyklėje.
Šioje tinklaraščio įrašų serijoje mes naudosime „Google Chrome“ kaip naršyklę, nes tai yra viena iš dažniausiai naudojamų naršyklių žiniatinklio kūrime. Ir tam yra geras priežastis, „Chrome“ suteikia keletą geriausių įrankių, kurie palengvina jūsų gyvenimą dirbant su žiniatinklio kūrimu. „Chrome“ turi JavaScript variklį, vadinamą V8 varikliu, kuris paima jūsų JavaScript kodą ir vykdo jį. Šis JavaScript variklis taip pat naudojamas Node.js kūrime, programinėje įrangoje, kuri leidžia jums išimti JavaScript iš naršyklės. Node.js taip pat yra priežastis, kodėl galime naudoti JavaScript visur, įskaitant žiniatinklio serverius ir dronus.
Kai norite pradėti programuoti JavaScript, gerai žinoti, kad jums reikia JavaScript variklio, kad vykdytumėte savo kodą, ir dabar žinote, kad jau turite vieną, kuris ateina su jūsų naršykle. Taip pat žinote, kad jei norite vykdyti JavaScript už naršyklės ribų, turėsite atsisiųsti ir įdiegti Node.js. Bet kai kalbama apie patį kodo rašymą ir vykdymą, ką tai viskas reiškia jūsų programavimo patirčiai? Paprastai norėsite naudoti tam tikrą IDE (integruotą kūrimo)
aplinką), kad rašytumėte savo kodą. Taip, kaip galite atspėti iš pavadinimo, ji turi daug daugiau įrankių, kurie palengvina ilgalaikį darbą su kodu. Tai gali apimti viską, pradedant teksto užbaigimu, kad būtų mažiau rašymo, iki derintuvo. Kadangi daug žmonių dirba su šiais IDE, taip pat yra labai populiarių plėtinių, leidžiančių pritaikyti jūsų programavimo aplinką, įskaitant spalvų žymėjimą koduose, kad būtų lengviau matyti, kurie atidaryti skliaustai atitinka kuriuos uždarytus skliaustus. Jei neturite idėjų, ką daro skliaustai, kol kas nesijaudinkite, ir mes juos pamatysime su visais detalėmis, kurias turite žinoti šioje tinklaraščių serijoje.
Šiuo metu kai kurie iš populiariausių IDE yra „Visual Studio Code“, „Atom“ ir „Sublime Text“. Bet šiam tikslui pradėsime nuo paprasčiausios galimybės, kuri iš tikrųjų yra naudoti pačią „Chrome“ naršyklę, kad rašytume ir vykdytume JavaScript kodą.
Dabar, kai turite šiek tiek informacijos apie JavaScript, pradėkime nustatyti savo programavimo aplinką ir pradėkime su „Hello, World!“ kodu.
Norint pradėti programuoti JavaScript, reikia nustatyti programavimo aplinką.
Kaip jau minėjome anksčiau, visą šią tinklaraščio įrašų seriją naudosime „Google Chrome“ kaip mūsų naršyklę. Jei jau turite įdiegtą „Chrome“, puiku! Jei ne, pirmas žingsnis yra iš tikrųjų įdiegti „Google Chrome“. Norėdami atsisiųsti „Chrome“, galite tiesiog ieškoti „Google Chrome atsisiuntimas“, kad atsisiųstumėte jį iš jo svetainės, arba čia galite rasti nuorodą, kad būtų patogiau atsisiųsti „Chrome“:
Google Chrome – atsisiųskite greitą, saugią naršyklę iš „Google“Dabar galite spustelėti mygtuką „Atsisiųsti „Chrome““, kad pradėtumėte atsisiuntimą. Kai jis bus atsisiųstas, galite dukart spustelėti jį ir pereiti per diegimo procesą, kaip ir su bet kuria kita programa, kurią atsisiunčiate iš interneto. Taip pat gali būti paprašyta prisijungti prie vienos iš savo „Google“ paskyrų, ką galite padaryti.
Kai turite įdiegtą „Chrome“, dukart spustelėkite jį, kad atidarytumėte langą. Dabar turėtumėte matyti klasikinį „Google“ paieškos ekraną:
Norint pradėti programuoti JavaScript, kitas žingsnis yra atidaryti tikrą vietą, kurioje rašysime ir vykdysime kodą „Chrome“ naršyklėje. Iš viršutinio meniu eikite į: Meniu, tada Kūrėjui, ir tada spustelėkite JavaScript konsolę. Taip pat galite naudoti klaviatūros kombinaciją „option + command + J“ Mac kompiuteryje.
Po to turėtumėte pamatyti, kaip atsidaro JavaScript konsolė, kuri turėtų atrodyti maždaug taip:
Jei pasiekėte šį tašką, puiku! Atėjo laikas svarbiam žingsniui, kuris leis jums pradėti programuoti JavaScript. Pradėkime savo JavaScript kelionę su hello world. Eikite ir įveskite šį:
alert("Hello, World!");
Įvedę tai, paleiskite savo kodą paspausdami „Enter“ arba „Return“ klavišą klaviatūroje!
Dabar turėtumėte pamatyti pranešimą, kuris atrodo taip:
Ir su tuo jūs parašėte savo pirmąjį „hello world“ kodą! Dabar žinote, kaip pradėti programuoti JavaScript.
Kitame tinklaraščio įraše pamatysite JavaScript pagrindus su programavimo pavyzdžiais.
JavaScript ekspertas ir instruktorius, kuris moko IT skyrius. Jo pagrindinis tikslas yra padidinti komandos produktyvumą, mokant kitus, kaip efektyviai bendradarbiauti programuojant.
Kas yra įdarbinimo specialistas? Įdarbinimas yra vienas iš žmogiškųjų išteklių valdymo instrumentų. Tai yra paskutinė…
Nors gali pasirodyti, kad finansavimas iš minios ir paskolų teikimas iš minios yra tos pačios…
Ar įmanoma sukurti sėkmingą startuolį samdant laisvai samdomus darbuotojus? Taip, tai įmanoma. Perskaitykite straipsnį, kad…
Didelės ir vidutinės įmonės, turinčios specializuotą žmogiškųjų išteklių skyrių, be žmogiškųjų išteklių specialistų taip pat…
Ar planuojate sukurti internetinę parduotuvę ir nežinote, nuo ko pradėti? Kaip suorganizuoti ir prioritetizuoti tokį…
Kaip sukurti akcijų nuotrauką? Ar sunku sukurti nuostabią akcijų nuotrauką, kuri galėtų būti parduodama arba…