Koodi on vaja nii mootoriga saidil kui ka nullist tehtud projektil. See rubriik räägib arendusest, mis pole WordPressiga seotud. Frontend ja backend, tööriistad ja valmis võtted. Neile, kes kujundavad küljendust, kirjutavad skripte või paigaldavad Giti esimest korda oma arvutisse.

Frontendi võtame lahti kihtide kaupa. HTML kui lehe skelett. CSS kujunduseks: Flexboxi ja Gridi abil võrgustikud, kohanemisvõime, sujuvad üleminekud ja puhtad efektid ilma liigse koodita. JavaScript ja jQuery käitumiseks: lülitid, klikkide käsitlemine, vormide valideerimine, dünaamika lehel. On konkreetsete ülesannete lahtivõtmisi nagu .toggle() meetod, juhusliku arvu genereerimine, loendustaimer või sujuv kerimine ankruni. Mitte abstraktne teooria. Valmis kood, mida saab kleepida ja kontrollida.

Backend toetub PHP-le. Näitame, kuidas pöörduda väliste API-de poole (programmiliidesed, mille kaudu saidid andmeid vahetavad). Näiteks tõmmata Bitcoini kurssi, ilmateadet või toote hinda kolmanda osapoole teenusest. Vaatleme vormi saatmist e-posti teel, JSONiga töötamist, põhilisi andmebaasipäringuid. Siia juurde regulaaravaldised – see mustripõhine otsingukeel, mida paljud asjata kardavad. E-posti, telefoni kontrollimine, sõne puhastamine. Seletame lahti elavate näidete, mitte kuiva süntaksi varal.

Koodi tuleb kusagil kirjutada ja hoida. Seepärast eraldi plokk tööriistadest. Git ja GitHub versioonihalduseks ja koostööks. Giti paigaldamine Windowsile nullist, põhikäsud, esimene repositoorium, muudatuste tagasivõtmine, harudega töötamine. Markdown dokumentatsiooniks ja README-failideks. CodePen kiireteks katsetusteks brauseris. Kohalik keskkond: Laragon, Open Server, XAMPP, redaktor Atom. Kõik, millega on tõesti mugav iga päev töötada.

Keda me silme ees hoiame, kui kirjutame. Algaja alles selgitab välja, mille poolest märgend erineb selektorist, ja kopeerib koodi, mõistmata pooligi ridu. Kogenu tunneb põhitõdesid, kuid otsib lühikest lahendust ühele konkreetsele ülesandele, et mitte jalgratast uuesti leiutada. Esimesele selgitame iga rea ja näitame tulemust brauseris. Teisele anname valmis killu ja kirjutame kohe, kus see puruneb.

Tüüpilised vead, mida esile tõstame. Skript lehe päises, mitte jaluses, mistõttu jQuery elementi ei leia. Unustatud semikoolon ja erinevat tüüpi jutumärgid. Regulaaravaldis, mis ahnelt liiga palju haarab. Otsene päring baasi ilma andmete kontrollita. Näitame mitte ainult töötavat koodi, vaid ka rehasid selle ümber.

Materjale kirjutavad inimesed, kes ise koodi kirjutavad, mitte ei jutusta ümber võõraid õpetusi. Oleme ise samade vigade otsa komistanud ja mäletame, kus algaja ummikusse jääb. Seepärast on iga lahtivõtmine lihtsalt üles ehitatud. Kõigepealt lühike toimiv lahendus. Seejärel selgitus, miks see toimib ja kus on varjatud karid. Ilma vati ja kopeeri-kleebita ametlikust dokumentatsioonist.

Kui oled alles alustamas, liigu lihtsast keerulisema poole. Kõigepealt HTML ja CSS. Siis JavaScript ja algtaseme PHP. Ja alles seejärel Git, API-d ja regulaaravaldised. Iga tekst vastab konkreetsele küsimusele, mitte ei ürita kõike korraga haarata.

Rubriik on seotud WordPressi jaotisega. Kui kood puudutab just WP-mootorit, hooke, faili functions.php või pluginaid, siis suuname teid sinna. Siin on aga kõik see, mis on universaalne ja tuleb kasuks igas projektis. CSS-i killuke sobib ühtmoodi nii maandumislehele, blogile kui ka poele.

Sisu uuendatakse korrapäraselt vastavalt uutele standarditele ja tööriistade versioonidele. Keeled arenevad, vanad võtted iganeb, uued ilmuvad. Hoiame näited toimivana, mitte ei jäta aastatetagust koodi vedelema. Küljendad, kirjutad skripte või omandad Giti? Tule siia tagasi iga kord, kui on vaja koodist aru saada või leida valmis lahendus.