Kodėl būtent 6 mėnesiai – ir ar tai realu?
Internete pilna pažadų tipo „išmok programuoti per 30 dienų” arba „tapk senior developeriu per savaitgalį”. Tai, žinoma, nesąmonė. Bet 6 mėnesiai frontend kūrėjo keliui – tai jau kitas pokalbis. Tai nėra magiškas skaičius, bet jis atspindi realybę: jei esi pasiryžęs skirti 2–4 valandas per dieną, sistemingai dirbti ir nebėgti nuo sunkumų, per pusę metų galima pasiekti tašką, kai tave samdys kaip junior frontend developerį.
Svarbu suprasti, ką reiškia „tapti frontend kūrėju”. Tai nereiškia žinoti viską. Tai reiškia mokėti sukurti veikiančius, gerai atrodančius ir prieinamus web puslapius, suprasti kaip veikia naršyklė, mokėti dirbti su React ar kita populiaria biblioteką, ir – gal svarbiausia – mokėti mokytis toliau savarankiškai. Tas paskutinis dalykas yra tai, ką darbdaviai tikrina interviu metu.
Šiame straipsnyje nėra teorijos dėl teorijos. Čia rasite konkretų kelią – kas, kada ir kaip. Jei seksite šį planą, po 6 mėnesių turėsite portfolio, GitHub profilį ir pakankamai žinių, kad galėtumėte drąsiai siųsti CV.
1–2 mėnesiai: Pamatai, kurių negalima praleisti
Daugelis žmonių, pradedančių mokytis frontend, daro tą pačią klaidą – jie nori kuo greičiau pereiti prie JavaScript ar React, nes tai skamba „rimtai”. HTML ir CSS jiems atrodo nuobodūs. Tai didžiulė klaida, ir ji vėliau kainuoja savaites frustracijos.
HTML yra ne tik tagų rašymas. Tai semantika – supratimas, kodėl <article> yra ne tas pats kas <div>, kodėl <button> yra geriau nei <div onclick>, kaip veikia prieinamumas (accessibility) ir kodėl tai svarbu ne tik etiškai, bet ir SEO prasme. Skirkite HTML bent 2 savaites.
CSS – čia daugelis susiduria su pirmuoju rimtu sienu. Flexbox ir Grid iš pradžių atrodo kaip juodoji magija, bet kai supranti logiką – viskas susidėlioja. Rekomenduojami resursai:
- Flexbox Froggy – žaidimas, kuris moko Flexbox geriau nei bet kuri pamoka
- CSS Grid Garden – tas pats, bet Grid sistemai
- Kevin Powell YouTube kanalas – geriausias CSS turinys internete, be jokios konkurencijos
Per pirmus du mėnesius tikslas yra sukurti bent 3 statinius puslapius rankiniu būdu – be jokių framework’ų, be JavaScript. Asmeninis puslapis, produkto landing page, paprastas blog dizainas. Tai skamba neįspūdingai, bet kai pradėsite dirbti su JavaScript, būsite dėkingi, kad CSS jums jau yra antra prigimtis.
Praktinis patarimas: nenaudokite CSS framework’ų kaip Bootstrap ar Tailwind pirmus du mėnesius. Jie slepia tai, kas vyksta po gaubtu, ir jūs neišmoksite tikros CSS logikos. Vėliau, kai suprasite pagrindus, Tailwind taps jūsų geriausiu draugu.
3 mėnuo: JavaScript – sunkiausias ir svarbiausias etapas
Trečias mėnuo daugeliui yra tas momentas, kai jie meta. JavaScript iš pradžių atrodo kaip visiškai kita planeta, ypač jei neturite jokio programavimo pagrindo. Bet štai ką svarbu žinoti: visi, absoliučiai visi frontend kūrėjai praėjo per šį etapą. Tai normalu.
JavaScript mokymosi tvarka turėtų atrodyti taip:
- Kintamieji, duomenų tipai, sąlygos, ciklai – klasikiniai programavimo pagrindai
- Funkcijos – įskaitant arrow functions ir closure konceptą
- DOM manipuliacija – kaip JavaScript „kalba” su HTML puslapiu
- Events – click, submit, keydown ir pan.
- Fetch API ir async/await – kaip gauti duomenis iš serverio
- ES6+ sintaksė – destructuring, spread operator, template literals
Geriausi resursai šiam etapui: javascript.info – tai tiesiog Biblija. Jei skaitote tik vieną šaltinį, tegul tai būna jis. The Odin Project taip pat turi puikų JavaScript curriculum, kuris apima ir praktinius projektus.
Svarbiausias patarimas šiam mėnesiui: rašykite kodą kiekvieną dieną. Net jei tai tik 20 eilučių. Net jei tai tik pratimas iš pamokos. Programavimas yra raumenų atmintis – jūs turite rašyti, ne tik skaityti.
Projektas šiam mėnesiui: sukurkite interaktyvų Todo sąrašą (klasika, bet veikia), skaičiuotuvą arba paprastą quiz aplikaciją. Be jokių bibliotekų – tik vanilla JavaScript. Kai baigsite ir tai veiks, pajusite tą specifinį malonumą, kurį programuotojai vadina „tai veikia!” momentu.
4 mėnuo: React – šuolis į realų pasaulį
Kai JavaScript pagrindai yra tvirtai įsisavinti, laikas pereiti prie React. Kodėl React, o ne Vue ar Svelte? Paprastas atsakymas: darbo rinkoje. Lietuvoje ir tarptautiniu mastu React yra dominuojantis pasirinkimas, ir tai greičiausiai nesikeis dar kelerius metus. Vue yra puikus, Svelte yra elegantiškas, bet jei norite darbo per 6 mėnesius – React.
React mokymosi kelias:
- Komponentai ir props – React filosofijos pagrindas
- useState ir useEffect – du hook’ai, kuriuos naudosite 90% laiko
- Sąrašų renderinimas ir key prop
- Formų valdymas
- React Router – navigacija tarp puslapių
- Paprastas state management – Context API pradžiai
Oficiali React dokumentacija (react.dev) buvo visiškai perrašyta 2023 metais ir dabar yra puikus mokymosi šaltinis. Taip pat rekomenduojamas Scrimba platforma – interaktyvūs kursai, kur galite rašyti kodą tiesiai naršyklėje.
Šio mėnesio projektas: sukurkite aplikaciją, kuri naudoja viešą API. Pvz., orų aplikacija su OpenWeatherMap API, filmų paieška su TMDB API arba šalių informacijos aplikacija su REST Countries API. Tai pirmą kartą sujungs viską – React komponentus, async duomenų gavimą, state valdymą ir UI renderinimą.
Dažna klaida šiame etape – per daug laiko skirti mokymosi kursams ir per mažai – faktiniam kodavimui. Kursai yra scaffolding, ne tikslas. Kai suprantate koncepciją, uždarykite kursą ir bandykite patys.
5 mėnuo: Įrankiai, kuriuos naudoja tikri kūrėjai
Penktą mėnesį jau turėtumėte jaustis pakankamai patogiai su React, kad galėtumėte pradėti mokytis to, kas aplink jį – ekosistemos, kuri daro jus produktyviu kūrėju, o ne tik žmogumi, kuris „moka React”.
Git ir GitHub – jei dar nenaudojate, pradėkite iš karto. Ne rytoj, dabar. Git yra ne pasirinkimas, tai standartinis įrankis kaip klaviatūra. Išmokite: init, add, commit, push, pull, branch, merge. Sukurkite GitHub profilį ir pradėkite ten talpinti viską, ką kuriate. Darbdaviai žiūri į GitHub profilį prieš interviu.
Tailwind CSS – dabar, kai žinote tikrą CSS, Tailwind taps jūsų supergalia. Jis leidžia kurti UI greičiau nei bet kas kitas, ir šiuo metu jis yra labai populiarus darbo rinkoje.
TypeScript pagrindai – nereikia tapti TypeScript ekspertu, bet suprasti pagrindinius tipus, interfaces ir kaip tai integruojasi su React yra labai naudinga. Daugelis kompanijų naudoja TypeScript, ir bent bazinis supratimas parodo, kad esate rimtas.
Next.js – React framework’as, kuris prideda server-side rendering, file-based routing ir daug kitų dalykų. Jis tapo de facto standartu React projektams. Bent paviršutiniškas supratimas kaip jis veikia yra pliusas.
Naršyklės DevTools – tai galbūt labiausiai neįvertintas įrankis. Išmokite naudoti Console, Network, Elements ir Sources skiltis. Gebėjimas efektyviai debuginti yra tai, kas skiria pradedantįjį nuo patyrusio kūrėjo.
Šio mėnesio tikslas – ne sukurti naują projektą, o pagerinti jau esamus. Pridėkite TypeScript į ankstesnį React projektą. Perkurkite CSS į Tailwind. Įkelkite viską į GitHub su tvarkingais commit pranešimais. Tai parodo brandą.
6 mėnuo: Portfolio, kuris atneša darbo pasiūlymus
Paskutinis mėnuo yra skirtas ne mokytis naujų dalykų, o sukurti pristatymą. Portfolio yra jūsų CV, bet geriau – nes jis parodo, o ne tik pasakoja.
Kiek projektų reikia portfolio? Kokybė prieš kiekybę. Trys tikrai geri projektai yra geriau nei dešimt vidutiniškų. Ką reiškia „tikrai geras projektas”?
- Jis sprendžia realią problemą arba imituoja realų produktą
- Jis atrodo gerai vizualiai – ne tobulai, bet profesionaliai
- Jis veikia be klaidų – nėra nieko blogiau nei broken portfolio projektas
- Kodas yra tvarkingai organizuotas GitHub repozitorijoje su README
- Jis yra deploy’intas – Vercel ar Netlify leidžia tai padaryti nemokamai per 5 minutes
Pats portfolio puslapis taip pat svarbus. Jis neturi būti sudėtingas – paprastas, greitas, su aiškia navigacija. Įtraukite: trumpą pristatymą apie save, projektų sekciją su nuorodomis, technologijų sąrašą, kontaktinę informaciją ir LinkedIn/GitHub nuorodas.
LinkedIn profilis – daugelis junior kūrėjų jį ignoruoja. Klaida. Atnaujinkite profilį, pridėkite „Frontend Developer” kaip poziciją (galite rašyti „Aspiring Frontend Developer” jei jaučiatės nepatogiai), pridėkite portfolio nuorodą. Recruiteriai aktyviai ieško žmonių LinkedIn.
Interviu pasiruošimas: frontend interviu dažniausiai apima CSS klausimus (Flexbox, Box Model, specificity), JavaScript konceptus (closures, event loop, promises), React klausimus ir praktinę užduotį – live coding arba take-home projektas. Peržiūrėkite „Frontend Interview Handbook” – tai nemokamas resursas, kuris apima dažniausius klausimus.
Kai 6 mėnesiai baigiasi: kas toliau ir ko tikėtis
Baigus šį kelią, svarbu turėti realius lūkesčius. Jūs būsite junior frontend kūrėjas – tai reiškia, kad žinosite pagrindus, galėsite dirbti su React, suprasite kaip veikia web, bet dar turėsite daug ko išmokti. Ir tai yra normalu. Net ir po 6 mėnesių intensyvaus mokymosi.
Darbo paieška gali užtrukti 1–3 mėnesius. Siųskite daug CV – ne dešimt, o šimtą. Atsakymų santykis junior pozicijoms yra žemas, ir tai nėra asmeninis atmetimas, tai tiesiog statistika. Kiekvienas interviu yra mokymosi galimybė, net jei nepavyksta.
Svarbiausia – nepamirškite, kad mokymasis nesibaigia gavus pirmą darbą. Frontend ekosistema keičiasi greitai. Kas šiandien yra populiaru, po dvejų metų gali būti pasenę. Kūrėjai, kurie klesti šioje srityje, yra tie, kuriems patinka nuolat mokytis, eksperimentuoti ir prisitaikyti.
Bendruomenė taip pat svarbi. Prisijunkite prie Lietuvos web kūrėjų Discord serverių, lankykitės meetup’uose (Vilniuje ir Kaune jie vyksta reguliariai), rašykite apie savo mokymosi kelią LinkedIn ar dev.to. Kūrėjų bendruomenė yra atvira ir dažnai padeda pradedantiesiems labiau, nei tikitės.
Šešių mėnesių planas nėra garantija. Tai yra sistema, kuri veikia tiems, kurie ją seka nuosekliai ir nesustoja ties pirmu sunkumu. Programavimas yra viena iš nedaugelio sričių, kur atsidavimas ir laikas yra svarbiau nei „talentas”. Nėra tokio dalyko kaip „programavimo smegenys” – yra tik žmonės, kurie sėdėjo ir rašė kodą, kol suprato, ir žmonės, kurie metė per anksti.
