Opetusohjelma javascript-ohjelmointitunneista ja esimerkkejä. Älä anna tulevien päätösten estää sinua kasvamasta nyt. Polku ammattiin

Verkkokehitys on yksi yksinkertaisimmista ja siksi suosituimmista alueista aloittelevien ohjelmoijien keskuudessa. Mikä tahansa tekstieditori ja selain riittää toimimaan, algoritmeja ei tarvitse tutkia edistyneellä tasolla, ohjelman kirjoittamisen jokaisen vaiheen tulos on selkeä - yleensä on monia etuja. Avaintaito verkkokehityksen yhteydessä on JavaScriptin tuntemus.

Nykyään JavaScript kehittyy erittäin nopeasti, ja siksi on helppo hämmentää kieltä opiskellessa. Tarjoamme sinulle hyvin jäsennellyn opetussuunnitelman, joka kattaa kaikki JavaScriptin ja siihen liittyvien teknologioiden olennaiset näkökohdat.

Miksi JavaScript?

On syytä huomata kielen avoimuus - yritykset, jotka yleensä kilpailevat keskenään, tekevät yhteistyötä JavaScriptin kehittämiseksi. Kieli on erittäin joustava ja sopii sekä olio- että toiminnallisten lähestymistapojen kannattajille. Valtava määrä kirjastoja ja kehyksiä helpottavat minkä tahansa tyyppisten ongelmien ratkaisemista palvelinalusta Node.js mahdollistaa kielen käytön paitsi selaimessa myös konsolissa. Voit jopa kirjoittaa työpöytä- ja mobiilisovelluksia: edellinen käyttämällä Electron-kehystä ja jälkimmäinen NativeScriptillä tai React Native.

Perusasiat

Ensin sinun on opittava JavaScriptin, verkkokehityksen ja ohjelmoinnin peruskäsitteet yleensä:

• olio JS - rakentajat ja tehtaat, perintö;
• toimiva JS - korkeamman asteen toiminnot, sulkemiset, rekursio;
• Jasmine testi eritelmät;
• HTML:n, CSS:n ja jQueryn perusteet.

Git

Git- kehittäjille välttämätön työkalua, joten sinun on käytettävä sitä mahdollisimman aikaisin. Tässä ovat perustaidot, jotka sinulla pitäisi olla:

• tiedostojen luominen ja siirtäminen hakemistoissa;
• alustus ja sitoumukset Gitissä;
• arkistojen määrittäminen GitHubissa.

Algoritmit ja tietorakenteet

Sitten kannattaa tutkia algoritmeja (erityisesti algoritmien monimutkaisuuden käsitettä) sekä perusrakenteet tiedot: linkitetyt luettelot, jonot, pinot, binääripuut haku- ja hajautustaulukot. Tämä auttaa sinua.

Backend

Node.js

10 vuotta sitten JavaScriptiä voitiin käyttää vain käyttöliittymäkehitykseen. Nyt Node.js:n ansiosta asia ei rajoitu yhteen "rintamaan". Node on yksinkertaisesti ympäristö JS-koodin suorittamiseen palvelinpuolella, joten sinun ei tarvitse opetella uutta syntaksia, mutta sinun on tuotava ja vietävä tiedostoja, modulisoitava koodi ja käytettävä npm-pakettienhallintaa.

Palvelimet, HTTP, Express.js

Noden oppimisen jälkeen kannattaa jatkaa perehtymistä backend-kehitykseen sekä palvelimien ja reitityksen ymmärtämiseen. Voit aloittaa porteista ja protokollista painottaen HTTP:tä ja siirtyä sitten Expressiin, solmukirjastoon pyyntöjen käsittelyä varten.

Asynkroninen JavaScript

Tietokannat, skeemat, mallit ja ORM:t

Tietokannat ovat yksi niistä tarvittavat elementit verkkokehitys. Jos sovelluksesi on ladattava tai tallennettava tietoja, jotka eivät katoa sivun päivityksen yhteydessä, sinun on käytettävä tietokantaa. Sinun on opittava erottamaan relaatiotietokannat ja ei-relaatiotietokannat ja ymmärtämään suhteiden tyypit. Sitten tutustu eri ihmisiin. Kyky työskennellä ORM:n kanssa ei myöskään ole tarpeeton.

Käyttöliittymä

HTML ja CSS

HTML ja CSS ovat jokaisen verkkokehittäjän perusta. Sinun ei tarvitse tuntea niitä täydellisesti, mutta sinun tulee ymmärtää ne. Voit myös tutustua suosittuun kirjastoon (esimerkiksi Bootstrapiin) ja CSS-esiprosessoriin, kuten Sassiin – se auttaa saamaan CSS:n näyttämään tavalliselta koodilta. Yksinkertaistaaksesi HTML:n kanssa työskentelyä voit valita jonkin suosituista mallikoneista, esimerkiksi mopsin.

jQuery- ja DOM-manipulaatio

Luotuaan sivun ulkoasun kanssa HTML-ohje ja CSS, käytät molempia jQuery-kirjasto DOM-manipulaatiota varten. Monet ihmiset ajattelevat, että jQuery on hyödytön ja korvataan pian Angularilla ja Reactilla, mutta se on järjettömän suosittu ja siksi tuntemisen arvoinen. Lisäksi jonain päivänä joudut tilanteeseen, jossa sinun on hankala lyödä nauloja React-mikroskoopilla, ja sitten kevyt jQuery tulee avuksesi.

Chromen kehittäjän työkalut

Olisi anteeksiantamatonta jättää huomiotta Chromen tarjoamat työkalut suuri määrä mahdollisuudet. Niiden kanssa voi opiskella DOM-elementtejä, debug konsolin kautta, seuraa reittejä ja paljon muuta. Kuvaamme useita Chrome-konsolin käteviä ominaisuuksia, jotka helpottavat rutiinitehtäviä.

AJAX

Jos haluat, että sovelluksesi ei lataa sivuja uudelleen jokaisen tietokantatoimenpiteen jälkeen, tarvitset ehdottomasti AJAXin - se lähettää taustalla asynkronisia HTTP-pyyntöjä, joiden vastaukset päivittävät vain osan näytöstä. Voit työskennellä AJAXin kanssa jQueryn kautta käyttämällä .ajax-menetelmää.

Edistyneet aiheet

Testilähtöinen kehitys

Tai TDD on kehitystekniikka, jossa ohjelmistojen luominen on jaettu useisiin pieniin sykleihin: ensin kirjoitetaan testit, jotka kattavat halutun muutoksen, sitten kirjoitetaan koodi, joka läpäisee nämä testit. Tämän jälkeen koodi refaktoroidaan ja kirjoitetaan tarvittaessa uusia testejä. Jos koodin osa epäonnistuu joissakin testeissä, tämä korjataan.

Websocketit

Tähän aiheeseen kannattaa kiinnittää erityistä huomiota, koska se on erittäin hyödyllinen. WebSocket-protokolla, toisin kuin HTTP, mahdollistaa kaksisuuntaisen tiedonkulun, mikä tekee tästä tekniikasta ainutlaatuisen. Yleisin toteutus on socket.io-kirjasto - sen ymmärtäminen ja hankittujen taitojen soveltaminen käytännössä auttaa sinua luomaan moninpelin selainpelin.

ES6, Babel, Webpack

Tällä hetkellä päästandardi on ES6 (ES2015), mutta ES2016 on jo otettu käyttöön ja ES2017 on kehitteillä, joten päivityksistä on aina oltava tietoinen ja niitä tulee käyttää. Yhteensopivuusongelmat voidaan ratkaista vain muutamalla työkalulla:

• Babel - kokoaa ES6-koodin (ES2016-tuki tulossa pian) ES5:ksi, jota kaikki selaimet tukevat. Se osaa jopa kääntää JSX/React-komponentteja, mikä tekee siitä välttämättömän kaikille web-kehittäjille;
• Webpack - kerää kaikki sinun lähdetiedostot(kuvat, fontit, tyylisivut, JS-tiedostot jne.) yhdeksi riippuvuuskaavioksi. Siitä ei ole hyötyä luotaessa pieniä sovelluksia, mutta Reactin kanssa työskennellessä sen apu on korvaamaton.

React ja Redux

React - kirjasto luomista varten käyttöliittymät. Hänet luotiin Facebookin kautta vuonna 2013 ja siitä tuli nopeasti suosittu kehittäjien keskuudessa. Sinun tulee lukea ja purkaa se, jotta ymmärrät, kuinka React toimii ja mitä se tekee. React on hyödyllinen paitsi etupään kehitykselle: Facebook on julkaissut versiot viitekehyksestä mobiili- (React Native) ja VR-kehitykseen (React VR).

Redux on ennustettavissa oleva tilasäiliö, jota käytetään yleisesti Reactin kanssa. Sitä voidaan käyttää koodin lyhentämiseen sen modulaarisuuden vuoksi. Erityisen hyödyllinen reaaliaikaisissa usean käyttäjän sovelluksissa, kuten peleissä.

Todennus, istunnot, evästeet

Sinun tulisi myös ymmärtää, kuinka sovellukset ovat vuorovaikutuksessa käyttäjien kanssa, käsittelevät kirjautumista tili ja poistuessaan siitä he antavat etuoikeuksia. Evästeitä käytetään käyttäjän identiteetin seuraamiseen istunnon aikana - pieniä tekstitiedostoja, jonka palvelin lähettää selaimelle vastauksena HTTP-pyyntöön. Ja varmistaaksesi yhteyden tietokannan ja valtuutussivujen välillä, voit käyttää pikaistuntokirjastoa.

Web Security

Ja lopuksi sinun tulee kiinnittää huomiota turvallisuuteen. On tärkeää oppia sekä hyökkäystavat että tavat puolustautua niitä vastaan.

Nimi: JavaScript opetusohjelma.

Tämä kirja on tarkoitettu JavaScriptin itseopiskeluun. Yleisen ohjeen lisäksi se sisältää monia esimerkkejä ja tekstejä käyttövalmiista ohjelmista. Kattaa skriptien luomisen verkkosivustoille ja Windows Scripting Hostin suorittamien komentosarjojen luomiseen. Liitteet tarjoavat viitetiedot JavaScriptissä ja HTML:ssä. Kirja on suunnattu sekä aloittelijoille että niille, joilla on jo kokemusta web-suunnittelusta ja ohjelmoinnista. Kirjan toisessa painoksessa havaitut kirjoitusvirheet ja epätarkkuudet on korjattu.

Tietotyypit
Muuttujat ja tehtäväoperaattori
Muuttujien nimet
Muuttujien luominen
Muuttuva laajuus
Operaattorit
Kommentit
Aritmeettiset operaattorit
Muut toimeksiantooperaattorit
Vertailuoperaattorit
Loogiset operaattorit
Ehdolliset hyppyoperaattorit
Loop-lauseet
Lausekkeet operaattorien kanssa

Toiminnot
Sisäänrakennetut toiminnot
Mukautetut toiminnot
Funktiolausekkeet
Sisäänrakennetut esineet
Merkkijonoobjekti
Array-objekti
Numeroobjekti
Matemaattinen objekti
Päivämääräobjekti
Boolen objekti
Toimintoobjekti
Esine

Mukautetut objektit
Objektin luominen
Ominaisuuksien lisääminen
Liittyvät esineet
Esimerkki tietokannan luomisesta objektien avulla
Erikoisoperaattorit
Bittikohtaiset operaattorit
Objektioperaattorit
Monimutkaiset operaattorit
Operaattorin prioriteetit
Varatut avainsanat
Komentosarjan perusteet
Ohjelmoinnin historiasta MUTTA
Yksinkertaisesta dynaamiseen HTML:ään

Yksinkertainen HTML
Dynaaminen HTML
Missä, mitä ja miten skriptit tekevät
Skriptin sijainti
Tapahtumankäsittely
Käsikirjoituspohjaiset objektit
Tapahtuman konsepti
Tapahtuman ominaisuudet
Tapahtumien läpikulku
Tapahtumakäsittelijän määrittäminen komentosarjassa
Työskentely Windowsin ja kehysten kanssa
Uusien ikkunoiden luominen

Kehykset
Kelluvat kehykset
Ponnahdusikkunat
Dynaamisesti muuttuvat asiakirjaelementit
Käytä writeQ-menetelmää
Elementin attribuuttien arvojen muuttaminen
Muuttuvat elementit
Kuvien lataaminen
Prosessin hallinta ajan mittaan

Työskentely evästeiden kanssa
Selain- ja asiakirjaobjektimalli
ikkunaobjekti
ikkunan ominaisuudet
ikkunamenetelmiä
Ikkunatapahtumat
dokumenttiobjekti
Asiakirjan ominaisuudet
Kokoelmat asiakirja
Menetelmät asiakirja
Tapahtumadokumentti
sijaintiobjekti
Sijaintiominaisuudet
paikannusmenetelmiä
historian esine
historiallinen omaisuus
historian menetelmiä

navigaattoriobjekti
Navigaattorin ominaisuudet
Kokoelmien navigaattori
navigointimenetelmiä
tapahtumaobjekti
näytön objekti
TextRange-objekti
TextRange-ominaisuudet
TextRange-menetelmät
Esimerkkiskriptit
Yksinkertaiset visuaaliset tehosteet
Kuvien vaihtaminen
Valaistut painikkeet ja teksti
Vilkkuva kehys
Kimaltelevia linkkejä
Äänenvoimakkuuden otsikot

Suodattimien käyttö
Kirjoituskoneen kirjoitustehoste
Elementtien liikkuminen
Liike tiettyä lentorataa pitkin
Hiiren liike
Viivojen piirtäminen
Suora viiva
Vapaa käyrä
Kaaviot lausekkeiden määrittämistä riippuvuuksista
Matriiseilla määritellyt riippuvuuskaaviot
Dynaamiset linjat
Kirjoitetaan numero sanoin
Lomaketietojen käsittely

Valikko
Pudotusvalikosta
Nykyinen valikko
Hae tekstialueelta
Pöydät ja yksinkertaiset pohjat tiedot
Pääsy taulukon elementteihin
Taulukon rivien lisääminen ja poistaminen
Taulukoiden luominen komentosarjan avulla
Yksinkertaiset tietokannat
Taulukon tietojen lajittelu
Taulukon tietojen suodatus

Sivustohaku
HTML-dokumentin lisääminen taulukkoon
Käsitellään taulukkotietoja
Suojaa verkkosivut salasanalla
Vuorovaikutus Flash-sarjakuvien kanssa
Tietojen välittäminen JavaScriptistä ActionScriptiin
Puhelu JavaScript-skripti ActionScriptistä
Työskentely tiedostojärjestelmän kanssa
ja Windowsin rekisteri
Tiedostojärjestelmäobjektin luominen
Työskentely levyjen kanssa
Työskentely kansioiden kanssa
Kansion luominen
Kopioi, siirrä tai poista kansio

Työskentely tiedostojen kanssa
Tekstitiedoston luominen
Kopioi, siirrä tai poista tiedosto
Tietojen lukeminen tiedostosta ja tietojen kirjoittaminen tiedostoon
Pikakuvakkeiden luominen
Sovellusten käynnistäminen
Työskentely rekisterin kanssa
Liite Dynaamisen HTML:n opas
Peruskonseptit
Tekstien muotoilu
Tavalliset Boolen tyylit
Fontin hallinta
Väri
Tietyn muotoinen teksti
Luettelot
Erottelevat raidat
Ticker
Erikois- ja varatut hahmot

Grafiikka verkkosivuilla
Kuvien lisääminen
Taustagrafiikka
Linkit
Tekstilinkit
Graafiset linkit
Linkkien URL-osoitteet
Linkit samassa asiakirjassa
Taulukot
Tyylit
Sijoituselementit
Staattiset suodattimet
Dynaamiset suodattimet
Tyylisivut erillisissä tiedostoissa
Flash-sarjakuvan lisääminen verkkosivulle
Äänen ja videon lisääminen

Tietojen syöttökenttä
Radiopainikkeet
valintaruudut
Painikkeet
Kehykset
META-tunniste
HTTP-EQUIV-ryhmä (HTTP-vastineet)
Ryhmä NAME (nimi)
Liite HTML-viite
HTML-tunnisteet
Asiakirjan rakenne
Otsikot ja otsikot
Kappaleet ja rivit
Tyylit
Luettelot

Muuttujien nimet.
Muuttujaa voidaan pitää säiliönä tietojen tallentamiseen. Muuttujaan tallennettuja tietoja kutsutaan tämän muuttujan arvoiksi. Muuttujalla on nimi - kirjaimia, numeroita ja alaviivoja ilman välilyöntejä tai välimerkkejä, jonka on alettava kirjaimella tai alaviivalla.

Esimerkkejä oikeista muuttujien nimistä: myFamily, my_adress, _x, tel412_3456.
Esimerkkejä virheellisistä muuttujien nimistä: 512group, minun osoitteeni, puh:4l2 3456.
Muuttujien nimiä valittaessa ei voi käyttää avainsanoja eli sanoja, joita käytetään kielikonstruktioiden määritelmissä. Et voi esimerkiksi valita sanoja var, if, else, const, true, false, function, super, switch ja monia muita. Lista avainsanoja on annettu kohdassa 1.11. Nimen tulee kuvastaa muuttujan sisältöä. Jos nimi koostuu useista sanoista, voit kirjoittaa niiden väliin alaviivan tai kirjoittaa ne yhteen aloittaen jokaisen sanan iso kirjain.

Tässä on esimerkkejä: my_first_dress, myFirstAdress. Joskus nimen ensimmäisenä merkkinä käytetään kirjainta, joka ilmaisee tämän muuttujan tietotyypin (arvon): c - merkkijono (merkki), n - numeerinen (numero), b - looginen (looginen), o - objekti (objekti) , a - matriisi (taulukko). Esimerkiksi cAdress, nCena, aMonth.

Hei rakkaat lukijat. Kun joku etsii särkyvästi jotain muuta säästääkseen hyvinvointinsa tason ylläpitämiseksi, fiksut ihmiset sijoittaa itseensä. He ovat jo pitkään ymmärtäneet, että tekniikan tuntemus voi ansaita paljon rahaa.

Miten tarkalleen? Minulla on noin 100 blogiartikkelia omistettu tälle. Esimerkiksi "" tai "". Mitä voimme sanoa niistä, jotka suunnittelevat jotain vakavaa? Tietokonelukutaito väestön keskuudessa ja sen mukana oppimateriaalin määrä kasvaa. Jäljelle jää vain löytää parhaat.

Tänään puhumme aiheesta JavaScript oppitunnit aloittelijoille. Tämän ohjelmointikielen tuntemalla voit jo etsiä asiakkaita ja ansaita rahaa. Joillekin tämä on seuraava askel IT-alan menestykseen.

Tämän päivän artikkelista opit, missä voit oppia koodaamaan, saat vihjeen kuinka tehdä se mahdollisimman tehokkaasti ja nopeasti tai ilmaiseksi. Jokaisella on omat prioriteettinsa, joten yritän täyttää kaikkien toiveet löytää tästä julkaisusta jotain hyödyllistä.

Toisin kuin tapana, en ryyppää liian kauan. Tietoa on paljon. Aloitetaan.

Ilmaiset JavaScript-luokat

Taloudellinen kysymys on monille aloitteleville ohjelmoijille äärimmäisen tärkeä. Tämä on varsin loogista. Internet luotiin alun perin tietopohjaksi, josta jokainen voi löytää kiinnostavaa tietoa. "Miksi minun pitää yhtäkkiä maksaa?" on täysin luonnollinen kysymys.

Valitettavasti vastaus tähänkin on yksinkertainen – laatu. Maassamme on liian vähän lahjakkaita ja epäitsekkäitä ihmisiä, jotka ovat valmiita antamaan aikaansa ilmaiseksi, mutta älä ole järkyttynyt.

Onneksi kehittäjien PR:n lisäämiseksi on olemassa kaikenlaisia ​​tarjouksia, bonuksia ja kursseja. Vähän tunnetut koulut luovat materiaaleja, mutta aluksi ne ovat valmiita antamaan niitä ilmaiseksi palautteen ja arvostelujen vuoksi. Sinun tarvitsee vain päästä sisään Oikea paikka ja löytää sille paras aika. Onnistuin löytämään hyvän vaihtoehdon, jonka olen nyt iloinen voidessani jakaa kanssasi.

Jos et tiedä mitään JS:stä (tämä on JavaScriptin maailmanlaajuinen lyhenne), voin ehdottaa valikoimaa videoita YouTubesta. Tämä on tyhjästä oppimisen johdantokurssi, jonka on luonut verkkokoulu Huxlet.

Voit myös saada kurssin" Ohjelmoinnin perusteet » tehtävissä yrityksen virallisilla verkkosivuilla. 17 tunnin koulutus sisältää 27 oppituntia ja 21 käytännön harjoitusta.

Kun perusasiat on opittu, voit siirtyä eteenpäin seuraava askel « JS: valmistautuminen työhön " Pääsy on myös ilmainen.

Luonnollisesti en itse osallistunut tälle kurssille, enkä siksi voi taata koulutuksen laatua ja kertoa sinulle koulutuksen ominaisuuksista. Huxlet ilmestyi suhteellisen äskettäin ja sijoittuu kansainväliseksi asiantuntijaryhmäksi, joka kouluttaa ihmisiä tyhjästä ammattitasolle.

Englanninkieliset tekstit, kurssit, viittaukset tuttuihin resursseihin, kuten Lifehacker ja Habr, herättävät luottamusta. Kuitenkin suurin etu mielestäni on, että se on ilmainen.

Ehkä hieman myöhemmin yritys pystyy todistamaan itsensä, todistamaan merkityksensä tässä maailmassa, näyttämään tuottamiensa asiantuntijoiden tason ja saavuttamaan mainetta, menestystä ja vastaavaa.

Jos et halua tuhlata aikaa ja opiskella niin paljon, voit "ostaa pois" vain JS:ään liittyvät tiedot: "JavaScript. Taso yksi" ja "JavaScript. Taso kaksi." Totta, uskon, että tässä tapauksessa joudun unohtamaan harjoittelun. Nämä tiedot tulee selvittää kehittäjien kanssa.

Siinä se periaatteessa on. Toivon sinulle kaikkea hyvää. Älä unohda tilata minun VKontakte ryhmäni tietää hieman enemmän rahan ansaitsemisesta Internetissä. Ensi kertaan.

Ohjelmoijan tarina JavaScriptin oppimisesta.

JavaScript on kieli, joka toimii nykyään kaikessa verkkosovelluksista aina mobiilisovelluksia ja palvelimia. Sen suosio on kasvanut dramaattisesti viime vuosina, ohittaen kielet, kuten Java ja PHP. nyt - paras aika varten JavaScriptin oppiminen. Kerron sinulle, kuinka tarinani alkoi, mitä opin ja kuinka tulla ammattilaiseksi JavaScriptissä.

Tausta

JavaScriptin loi Brendan Eich vuonna 1995. Brendan palkkasi Netscape Communicationille, jonka tehtävänä oli tehdä verkosta dynaamisempi. 10 päivän kuluttua Brendan loi prototyyppikielen, jonka syntaksi on hyvin samanlainen kuin Java. Oli JavaScriptin syntymäpäivä.

Nykyään jokainen selain tukee sitä, mikä tekee JavaScriptistä verkon kielen.

Jotkut kehittäjät vihaavat JavaScriptiä, koska se tulkitsee koodia siten, että päädyt johonkin täysin erilaiseen kuin ohjelmoit. Kirjoitettuani ensimmäiset rivit JavaScriptillä, olin yllättynyt tästä tosiasiasta. Päätin kuitenkin lujasti opiskella sitä.

Ensiaskeleet

Ensimmäisen JavaScript-tapaamiseni jälkeen päätin tehdä suunnitelman kielen oppimisesta:

1. Opi oppimaan ja muistamaan yksinkertaisia ​​asioita

2. Opi JavaScriptin perusteet

3. Uppoudu oppimiseen ja ala tutkia kielen edistyneitä ominaisuuksia.

4. Aloita projektien luominen.

5. Aloita blogi JavaScriptin oppimisesta

6. Opeta muita

Kutsun tätä suunnitelmaa loputtomaksi, mikä on helppo huomata sitä katsomalla. Menen askel askeleelta, mutta ensin haluaisin varoittaa. Ennen kuin aloitat opiskelun, sinun on ymmärrettävä, että polku on hankala. Jossain vaiheessa tulet epätoivoon, tärkeintä ei ole antaa periksi, vaan jatkaa työtä. Kaikki ovat kohdanneet tämän, myös ammattilaiset. Tämä osa koulutuksesta on pidettävä itsestäänselvyytenä.

Ennen kuin aloitat opiskelun, sinun on ymmärrettävä, että polku on hankala. Jossain vaiheessa tulet epätoivoon, tärkeintä ei ole antaa periksi, vaan jatkaa työtä.

Opi oppimaan

Hyvin usein monet vaikenevat siitä, että kykyä itsenäiseen oppimiseen eli itseopiskeluun on myös kehitettävä. Suunnitelma on itsekoulutuksen perusta. IT:ssä kaikki muuttuu niin nopeasti, että menestyäksesi sinun on jatkuvasti kehitettävä. Alla olen antanut joitain ideoita, kuinka tämä toteutuu.

Tekninen kirjoittaminen tapa oppia

Oppimisprosessin aikana kirjoitin ylös kaikki saavutukseni. Voit tehdä tämän luomalla blogin tai millä tahansa muulla sinulle sopivalla tavalla. Jos et katso tarpeelliseksi julkaista saavutuksiasi, pidä kirjaa tietokoneellasi. Tulokset näkyvät lähes välittömästi, lisäksi menetelmä auttaa harjoittelemaan muistiasi. Tämä auttaa ymmärtämään, mitä on käsitelty.

Tietotestit

Tämä menetelmä on yksi nopeimmista. Huolimatta siitä, että monet ihmiset vastustavat usein kokeita tiedon testaamiseen, se auttaa todella itsekoulutuksessa.

Paras tapa on käyttää kortteja. Käytän Ankia. Sovelluksessa voit luoda kortteja jokaiselle käsitellylle aiheelle. Testejä on suositeltavaa tehdä säännöllisesti, joten käytän joka aamu 10-15 minuuttia niiden suorittamiseen. Tämä auttaa paitsi kehittämään muistia myös muistamaan kuinka esittää kysymyksiä oikein.

Ei kiirettä

Huonoin aika opiskella on silloin, kun on väsynyt. Tällaisina hetkinä tärkeintä ei ole pakottaa itseäsi. Pidä muutaman päivän tauko, kun olet valmis jatkamaan opintoja. Suosittelen myös pomodoro-menetelmän käyttöä. Ideana on harjoitella 25 minuuttia ja levätä 5 minuuttia. Tämä menetelmä auttaa lisäämään tuottavuutta.

Etsi mentori

Etsi joku, joka tuntee JavaScriptin hyvin ja on valmis auttamaan sinua, jos sinulla on ongelmia. Mentorin apu auttaa sinua pysymään motivoituneena.

JavaScriptin perusteet

Nyt kun olemme tavanneet eniten tehokkailla tavoilla oppimista, on aika siirtyä itse oppimiseen. Kaikki on aloitettava perusasioista. JavaScriptin suosion ansiosta tiedon löytäminen Internetistä ei ole vaikeaa. Jaan resursseja, joissa itse opiskelin. Voit valita minkä tahansa niistä:

MDN:n JavaScript-opas - Opas kattaa kaiken, mitä sinun tarvitsee tietää, kielioppi ja tyypit, silmukat, funktiot, lausekkeet, numerot ja päivämäärät, muotoilut ja paljon muuta.

You Don't Know JS on Kyle Simpsonin kirjasarja. Tämä sisältää tietoa, joka auttaa sinua oppimaan kielen syvemmin.

Eloquent JavaScript on toinen hieno kirja JavaScriptistä. Suosittelen lukemaan sen vasta saatuasi perustieto tai jos sinulla on ohjelmointikokemusta muilla kielillä.

Free Code Camp on ohjelmoijien yhteisö, jossa osallistut mestaruuskilpailuihin, luot projekteja ja vastaanotat sertifikaatteja. Menetelmä sopii myös aloittelijalle, ja se voidaan yhdistää myös muiden resurssien luokkiin.

CodeCademy on toinen haastepohjainen oppimisalusta. Ihanteellinen aloittelijalle.

Kun opit näiden resurssien kautta, saat JavaScript-ohjelmointiin tarvittavat perustiedot, minkä jälkeen voit aloittaa luottavaisesti ensimmäisten ohjelmien ja sovellusten luomisen. Kun sinusta tuntuu, että ymmärrät jotain, olet motivoitunut jatkamaan JavaScriptin ja muiden kielten oppimista. Pääasia, ettei ole laiska.

Jos sinusta tuntuu, ettet pysty ratkaisemaan ongelmaa itse, Googlea se, tutustu Stack Overflow -foorumiin tai kysy vain muilta ohjelmoijalta. Kysy aina itseltäsi, miksi teet jotain - "Miksi tarvitsen silmukoita, kun karttamenetelmää on helpompi käyttää?", "Miksi tarvitsen JQueryä, jos pärjään ilman sitä?"

"Tiedän perusasiat, mitä seuraavaksi?"

Olet saavuttanut menestystä, osaat kieltä hyvä taso, mutta mitä nyt? Kysyin itseltäni saman kysymyksen, kun tajusin, että tiesin tarpeeksi, mutta halusin jatkaa opiskelua. Jossain vaiheessa huomaat, että suurin osa ajasta kuluu koodin virheiden etsimiseen. Kun ihmiset kohtaavat tämän, he joutuvat valitsemaan, jatkavatko he syvällinen tutkimus tai pysyä heidän tietonsa kanssa.

Tahdonvoimani auttoi minua selviytymään stressistä. Ymmärsin, että tämä auttaisi minua siirtymään seuraavalle tasolle.

Uusien asioiden oppiminen tulee vaikeaksi, koska materiaali ei ole enää yhtä helppoa kuin ennen, mutta ei silti niin vaikeaa, että luovuttaisi. Pääsin testaamaan, suunnittelemaan malleja, JavaScript-rakenteita kirjojen avulla. Kaikki lukemani kirjat eivät auttaneet minua. Tässä annan luettelon niistä, jotka osoittautuivat todella hyödyllisiksi:

Tehokas JavaScript: 68 erityistä tapaa valjastaa JavaScriptin voima - kirja kuvaa 68 lähestymistapaa koodin kirjoittamiseen, kirjoittaja tarjoaa esimerkkejä jokaisesta. Opit valitsemaan ohjelmointityylin eri projekteihin, ratkaisemaan ongelmia ja monia muita ohjelmoinnin näkökohtia.

JavaScript - Hyvät osat - huolimatta siitä, että kirja on melko vanhentunut, se on edelleen erinomainen avustaja. Kirja opettaa sinua kirjoittamaan kaunista ja tehokasta koodia.

— kirja puhuu siitä, miten kieleen voidaan soveltaa moderneja malleja. Kaikki on kirjoitettu yksinkertaisella kielellä.

Testipohjainen JavaScript-kehitys on yksi parhaat kirjat, opettaa JavaScript-koodin testausta.

Polku ammattiin

Huolimatta siitä, että kirjat tarjoavat huomattavan määrän tietoa, sinun on kyettävä soveltamaan sitä käytännössä.

Ei ihmistä voida kutsua taitonsa mestariksi, jos hän tietää kaiken, mutta ei voi tehdä mitään. Sama on ohjelmoinnin kanssa. Jos et harjoittele, et saa mitään. Joten neuvoni on oppia ja harjoitella samaan aikaan. Älä huoli siitä, että koodisi ei ole täydellinen. Pääasia on harjoitus. Luo tili GitHubissa, kirjoita koodi päivittäin, tee siitä yksi päivittäisistä rutiineistasi. Kun olet luonut projektin, jaa se yhteisön kanssa ja odota palautetta. Palaute, varsinkin jos tämä mielipide on hyvin perusteltu, on paljon arvokasta. Projektin parissa työskennellessään hankit taitoja, jotka auttavat sinua ohjelmoinnin lisäksi myös muissa asioissa.

Ei ihmistä voida kutsua taitonsa mestariksi, jos hän tietää kaiken, mutta ei voi tehdä mitään.

Jos sinulla on mahdollisuus osallistua työpajaan, konferenssiin tai muuhun JavaScriptiin liittyvään tapahtumaan, älä missaa sitä! Tällaiset tapaamiset motivoivat. Tapaat kaltaisiasi ihmisiä ja voit vaihtaa kokemuksia, joista on sinulle hyötyä.

Älä lopeta oppimista

Nyt kun sinulla on vahvat tiedot ja taidot, on aika siirtyä eteenpäin seuraava ongelma- kuinka pysyä pinnalla. Tiedonkulku on loputon. Pysyäkseni ajan tasalla tilasin useita julkaisuja -

Jos sinusta tuntuu, että on aika pitää tauko, ota se. Tee jotain käytännöllisempää, urheile, rentoudu ystävien kanssa. Monipuolista elämääsi ja kun sinusta tuntuu, että olet levännyt, palaa töihin. Saat energiaa ja motivaatiota. Minulla oli useita vaiheita, kun tarvitsin lepoa. Tuli parempi olo sen jälkeen.

Mitä olen oppinut

Alla annan muutaman tärkeitä vinkkejä, josta on hyötyä oppimisprosessissa.

Opi etsimään oikein

Tämä saattaa tuntua tarpeettomalta, mutta se on todella tärkeää. Kyky kysyä oikeat kysymykset auttaa työprosessin aikana. Aseta suoria viivoja yksinkertaisia ​​kysymyksiä. Älä luota ensimmäiseen vastaukseen, jonka kohtaat. Tutki kysymyksiä syvemmällä kuin tällä hetkellä tarvitset.

Opi esittämään oikeita kysymyksiä ja valitsemaan oikea aika

Oikean kysymyksen esittäminen voi olla erittäin vaikeaa aloittelijalle. Olin hämmentynyt, koska en osannut muotoilla kysymystäni oikein, ja siksi sain täysin erilaisen reaktion kuin odotin.

Auttaa muita

Johtopäätös

JavaScriptin tai muiden ohjelmointikielten oppiminen ei ole helppoa, mutta se on ehdottomasti vaivan ja ajan arvoista. Opiskelu vaatii sinnikkyyttä. Mutta jos sinulla on sinnikkyyttä, tarvittavat resurssit ja motivaatiota, saavutat suuri menestys. Minkä tahansa oppimismenetelmän valitsetkin, älä unohda, että sen pitäisi olla sinulle kiinnostava.

Nykyaikaista verkon maailmaa on erittäin vaikea kuvitella ilman JS:ää. JavaScript on verkkosivuston sielu, koska kaikki interaktiiviset toiminnot suorittaa JS. JavaScript on web-ohjelmoinnin sisäänrakennettu komponentti, joten sitä ei tarvitse asentaa tai määrittää.

Videotunti: