10 dalis JavaScript kurso nuo pradedančiojo iki pažengusio per 10 tinklaraščio įrašų

Šis yra 10 dalis ir paskutinė dalis JavaScript tinklaraščio įrašų serijoje, kuri nuves jus nuo pradedančiojo iki pažengusiojo. Be jokių papildomų kalbų, pradėkime su paskutiniu mokymu.

JavaScript kursas – turinys:

1. JavaScript temos, kurias mes aptarėme
2. JavaScript pagrindai ir programavimo aplinkos nustatymas
3. JavaScript geriausios praktikos
4. Kintamieji ir konstantos
5. Pagrindiniai duomenų tipai JavaScript
6. Ciklai programavime
7. Masyvai ir funkcijos
8. JavaScript objektai
9. Labai dažni konceptai JavaScript
10. Kur eiti toliau?

Vau! Galiausiai atėjote čia! Dauguma žmonių neseka savo aistrų ir nutraukia kursus po tik kelių mokymų, ir tai vyksta tik tuo atveju, jei jie pradeda veikti!

JavaScript temos, kurias mes aptarėme

Per šį JavaScript kursą mes pradėjome nuo pačių pagrindų ir judėjome link gana pažangių konceptų.

Pirmas žingsnis pradedant su JavaScript buvo iš tikrųjų suprasti, kodėl mes mokomės JavaScript iš viso. Yra kelios pagrindinės priežastys, kodėl galite norėti pradėti su JavaScript, tačiau labiausiai išsiskiriančios JavaScript taikymo sritys paprastai yra vienaip ar kitaip susijusios su interneto kūrimu. JavaScript prasidėjo kaip tik priekinės dalies kalba ir išplito į serverius ir ten taip pat pradėjo dominuoti.

Nepriklausomai nuo to, kodėl mokotės JavaScript, greičiausiai būtų gera idėja dar kartą greitai peržvelgti šį JavaScript kursą.

Tokiu būdu galite matyti savo pažangą ir pamatyti dalis, kurias gerai suprantate, kurios galbūt iš pradžių jus gąsdino, taip pat užfiksuoti dalis, kurias galbūt ignoravote arba praleidote.

JavaScript pagrindai ir programavimo aplinkos nustatymas

Po to, kai pamatėme kodėl JavaScript yra toks populiarus ir ką iš tikrųjų galite su juo daryti, pradėjome su keletu Labas pasauli! pavyzdžių. Nustatėme savo programavimo aplinką „Google Chrome“ ir pradėjome naudoti JavaScript konsolę, kad parašytume šiek tiek kodo. Iš pradžių mūsų rašomas kodas buvo labai paprastas, o kiekviena mūsų rašoma eilutė turėjo paprastą tikslą, nesusijusį su kitomis eilutėmis. Kai mūsų kodo sudėtingumas pradėjo didėti, atnaujinome savo programavimo aplinką į „Google Chrome“ konsolę. Su konsolė, mes pradėjome patogiai rašyti daugiarūšį kodą, kuris palaipsniui tapo vis sudėtingesnis viso JavaScript kurso metu.

JavaScript geriausios praktikos

Per seriją mes taip pat įtraukėme daug programavimo geriausių praktikų. Šios geriausios praktikos palengvina jūsų gyvenimą, kai tik pradedate, ir jos tampa dar vertingesnės, kai pradėsite dirbti ar bendradarbiauti su kitais žmonėmis. Ir būtent dėl šios priežasties yra net standartai ir posakiai, tokie kaip „Visas kodas turėtų atrodyti taip, lyg jį būtų parašęs vienas žmogus, nesvarbu, kiek žmonių bendradarbiavo.“ Būtent todėl viena iš pirmųjų koncepcijų, kurią mes matėme, buvo mūsų kodo komentavimas. Tai ne tik padaro jus geresniu programuotoju ateityje, bet ir leidžia jums turėti geresnę programavimo patirtį, kai pradedate.

Kintamieji ir konstantos

Vėliau mes pamatėme, kad galime saugoti duomenis tai, kas vadinama kintamaisiais ir konstantomis. Pasirinkdami, kurį iš jų pasirinkti naujiems duomenims, turėtume atsiminti, kad jei nesitikime keisti duomenų, norime naudoti „const“ raktinį žodį. Jei manome, kad mums reikės modifikuoti tą vertę, tada turime naudoti „let“ raktinį žodį. Tai yra dabartinės geriausios praktikos, tačiau mes taip pat matėme, kad prieš ES6 vienintelis būdas naudoti kintamuosius buvo paskelbti juos su „var“ raktiniu žodžiu. Po to, kai pamatėme galimas problemas, kurias sukelia lankstumas, kuris ateina su var raktiniu žodžiu, 2015 m., su ES6 standartu, naujas ir modernus būdas rašyti JavaScript tapo „const“ ir „let“ raktinių žodžių naudojimas.

Pagrindiniai duomenų tipai JavaScript

Po to mes kalbėjome apie pagrindinius duomenų tipus JavaScript. Pagrindinis dalykas čia yra suprasti, kad skirtingi duomenų tipai yra geri skirtingiems dalykams. Būtent todėl svarbu suprasti, su kokiais duomenų tipais dirbame. Vėliau mes matėme, kad naudodami naudojant if else teiginius galime pradėti kontroliuoti savo kodą. Pradedant nuo jų, mes išmokome dalinai ignoruoti savo kodą, kad pritaikytume jį tam tikroms specifinėms sąlygoms. Mes sužinojome apie skirtingas kontrolės struktūras, kurias galime naudoti, kad turėtume tikslesnę kontrolę savo kodui ir duomenims. Tokiu būdu mūsų kodas galėtų prisitaikyti prie skirtingų įvesties su tikslesniais atsakymais.

Ciklai programavime

Vėliau mes atradome ciklus programavime. Mes matėme, kad naudodami ciklus galime pradėti vengti pasikartojimo kode. Tai iš esmės leido mums dalinai pradėti būti DRY. Tai reiškia „Ne kartokite savęs“.

Kalbant bendrai, mes nenorime rašyti kodo daugiau, nei turime, kad užbaigtume užduotį. Nes kiekvieną kartą, kai rašome daugiau kodo, mes įvedame daugiau galimybių klaidoms kode. Rašyti daugiau kodo užtrunka daugiau laiko ir pastangų, įveda potencialias klaidas, paprastai tai nėra efektyvu, nes dabar turite išsaugoti tą patį kodą galbūt 10 kartų. Ir apskritai tai gali žymiai sumažinti programavimo patirtį. Būtent todėl pradėdami su while ciklais ir for ciklais, mes pradėjome pašalinti potencialiai pasikartojantį kodą.

Masyvai ir funkcijos

Mes taip pat matėme kitus pagrindinius konceptus, temas ir geriausias praktikas JavaScript. Mes matėme, kad masyvai yra labai geri grupuojant susijusius duomenis, tokius kaip metų mėnesiai, kai kurie susiję skaičiai, kuriuos turime saugoti, ir panašiai. Vėliau mes matėme, kad funkcijos yra labai galingos ir mes galime naudoti funkcijas, kad iš tikrųjų modularizuotume savo kodą ir turėtume daug privalumų. Kai kurie iš tų privalumų grupuojant mūsų funkcionalumą skirtingose funkcijose yra tai, kad mes sukuriame daug labiau modulinį, palyginti lengvai testuojamą kodą. Mes taip pat žymiai sumažiname savo galimybes pasikartoti.

Mes matėme, kad yra dvi pagrindinės funkcijų rūšys. Viena iš jų yra grynos funkcijos, kita rūšis yra negrynos funkcijos. Kalbant bendrai, kiekvieną kartą, kai galime, turėtume siekti naudoti grynas funkcijas, palyginti su negrynomis funkcijomis. Tokiu būdu, grynos funkcijos, kurias mes rašome, elgsis taip pat ir duos mums tuos pačius rezultatus, nesvarbu, kur mes vykdome kodą, ar kada mes vykdome kodą.

JavaScript objektai

Vėliau mes matėme objektus. Mes sužinojome, kad objektai yra geri saugant labai susijusius duomenis, kurie gali turėti daug dimensijų. Mes pradėjome nuo paprasčiausio būdo kurti objektus ir judėjome link objektų šablonų kūrimo, o tada sukūrėme kelis objektus iš to šablono. Naudodami šiuos šablonus galime užtikrinti, kad objektų laukai atitiktų tas pačias gaires ir turėtų tuos pačius laukus. Tokiu būdu, dienos pabaigoje galime būti tikri, kad turime daug vienodesnę duomenų bazę, su kuria galime dirbti. Tai taip pat leido mums rašyti žymiai DRY kodą.

Labai dažni konceptai JavaScript

Vėliau mes matėme labai dažnus konceptus ir temas JavaScript. Didžioji dalis jų buvo pagrįsta tolesniu funkcijų optimizavimu, vienaip ar kitaip. Naudodami map ir filter metodus, mes galėjome praleisti kai kuriuos for ciklus ir if teiginius. Naudodami rodyklių funkcijas, mes galėjome žymiai sumažinti mūsų funkcijų dydį. Mes matėme daug funkcijų šiame JavaScript kurse, įskaitant rodyklių funkcijas, pristatytas su ES6 arba ES2015, kurios yra didžiausi neseniai įvykę pokyčiai JavaScript standartuose.

Kur eiti toliau?

Priklausomai nuo to, ką norite pasiekti, galite pasirinkti skirtingus kelius. Jei tiesiog norėjote priminti sau JavaScript pagrindus, nes netrukus turite su juo dirbti, tikiuosi, kad šis JavaScript kursas suteikė jums išsamų vadovą. Galbūt jau buvote geras kitoje kalboje, pavyzdžiui, Python, tačiau taip pat norėjote pamatyti JavaScript. Jei taip yra, tikiuosi, kad padariau jums palyginti lengvą pradžią su JavaScript sintakse ir koncepcijomis. O galbūt jūs tiesiog pradedate su interneto kūrimu ir žinote, kad JavaScript yra gana populiarus.

Bet kuriuo atveju tikiuosi, kad šis JavaScript kursas suteikė jums tam tikrą vertę. Jei žinote draugą, kuriam ši serija būtų naudinga, apsvarstykite galimybę pasidalinti pirmuoju šios serijos mokymu, kad jie taip pat galėtų pradėti savo JavaScript kelionę.