# Sukurkite gyvenimo aprašymo svetainę naudodami vscode.dev _Kaip šaunu būtų, jei darbdavys paprašytų jūsų gyvenimo aprašymo, o jūs jam atsiųstumėte nuorodą?_ 😎 ## Tikslai Po šios užduoties jūs išmoksite: - Sukurti svetainę, kurioje galėsite pristatyti savo gyvenimo aprašymą ### Reikalavimai 1. GitHub paskyra. Eikite į [GitHub](https://github.com/) ir susikurkite paskyrą, jei dar neturite. ## Žingsniai **1 žingsnis:** Sukurkite naują GitHub saugyklą ir pavadinkite ją `my-resume` **2 žingsnis:** Sukurkite `index.html` failą savo saugykloje. Pridėsime bent vieną failą tiesiogiai github.com, nes tuščios saugyklos negalima atidaryti vscode.dev. Paspauskite nuorodą `creating a new file`, įveskite pavadinimą `index.html` ir pasirinkite mygtuką `Commit new file`. ![Sukurti naują failą github.com](../../../../translated_images/new-file-github.com.c886796d800e8056561829a181be1382c5303da9d902d8b2dd82b68a4806e21f.lt.png) **3 žingsnis:** Atidarykite [VSCode.dev](https://vscode.dev) ir pasirinkite mygtuką `Open Remote Repository`. Nukopijuokite nuorodą į saugyklą, kurią ką tik sukūrėte savo gyvenimo aprašymo svetainei, ir įklijuokite ją į įvesties laukelį: _Pakeiskite `your-username` savo GitHub vartotojo vardu_ ``` https://github.com/your-username/my-resume ``` ✅ Jei viskas pavyko, pamatysite savo projektą ir `index.html` failą, atidarytą naršyklės teksto redaktoriuje. ![Sukurti naują failą](../../../../translated_images/project-on-vscode.dev.e79815a9a95ee7feac72ebe5c941c91279716be37c575dbdbf2f43bea2c7d8b6.lt.png) **4 žingsnis:** Atidarykite `index.html` failą, įklijuokite žemiau pateiktą kodą į savo kodo sritį ir išsaugokite.
HTML kodas, atsakingas už jūsų gyvenimo aprašymo svetainės turinį. Jūsų vardas čia!

APIE

Parašykite trumpą tekstą apie save!

DARBINĖ PATIRTIS

Pareigos

Organizacijos pavadinimas čia | Pradžios mėnuo – Pabaigos mėnuo

  • Užduotis 1 - Parašykite, ką darėte!
  • Užduotis 2 - Parašykite, ką darėte!
  • Parašykite savo indėlio rezultatus/poveikį

Pareigos 2

Organizacijos pavadinimas čia | Pradžios mėnuo – Pabaigos mėnuo

  • Užduotis 1 - Parašykite, ką darėte!
  • Užduotis 2 - Parašykite, ką darėte!
  • Parašykite savo indėlio rezultatus/poveikį
Pridėkite savo gyvenimo aprašymo detales, pakeisdami _vietos rezervavimo tekstą_ HTML kode. **5 žingsnis:** Užveskite pelės žymeklį ant My-Resume aplanko, spustelėkite piktogramą `New File ...` ir sukurkite 2 naujus failus savo projekte: `style.css` ir `codeswing.json`. **6 žingsnis:** Atidarykite `style.css` failą, įklijuokite žemiau pateiktą kodą ir išsaugokite.
CSS kodas, skirtas svetainės išdėstymui formatuoti. body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 16px; max-width: 960px; margin: auto; } h1 { font-size: 3em; letter-spacing: .6em; padding-top: 1em; padding-bottom: 1em; } h2 { font-size: 1.5em; padding-bottom: 1em; } h3 { font-size: 1em; padding-bottom: 1em; } main { display: grid; grid-template-columns: 40% 60%; margin-top: 3em; } header { text-align: center; margin: auto 2em; } section { margin: auto 1em 4em 2em; } i { margin-right: .5em; } p { margin: .2em auto } hr { border: none; background-color: lightgray; height: 1px; } h1, h2, h3 { font-weight: 100; margin-bottom: 0; } #mainLeft { border-right: 1px solid lightgray; }
**6 žingsnis:** Atidarykite `codeswing.json` failą, įklijuokite žemiau pateiktą kodą ir išsaugokite. { "scripts": [], "styles": [] } **7 žingsnis:** Įdiekite `Codeswing` plėtinį, kad galėtumėte peržiūrėti gyvenimo aprašymo svetainę kodo srityje. Paspauskite _`Extensions`_ piktogramą veiklos juostoje ir įveskite Codeswing. Spustelėkite _mėlyną įdiegimo mygtuką_ išplėstoje veiklos juostoje arba naudokite įdiegimo mygtuką, kuris pasirodo kodo srityje, kai pasirenkate plėtinį, kad įkeltumėte papildomą informaciją. Iškart po plėtinio įdiegimo stebėkite savo kodo sritį, kad pamatytumėte projekto pokyčius 😃. ![Įdiegti plėtinius](../../../../8-code-editor/images/install-extension.gif) Tai, ką pamatysite savo ekrane po plėtinio įdiegimo. ![Codeswing plėtinys veiksme](../../../../translated_images/after-codeswing-extension-pb.0ebddddcf73b550994947a9084e35e2836c713ae13839d49628e3c764c1cfe83.lt.png) Jei esate patenkinti atliktais pakeitimais, užveskite pelės žymeklį ant `Changes` aplanko ir spustelėkite `+` mygtuką, kad įtrauktumėte pakeitimus. Įveskite įsipareigojimo pranešimą _(projekto pakeitimų aprašymą)_ ir įsipareigokite savo pakeitimus spustelėdami `check`. Baigę darbą su projektu, pasirinkite hamburgerio meniu piktogramą viršutiniame kairiajame kampe, kad grįžtumėte į saugyklą GitHub. Sveikiname 🎉 Jūs ką tik sukūrėte savo gyvenimo aprašymo svetainę naudodami vscode.dev vos keliais žingsniais. ## 🚀 Iššūkis Atidarykite nuotolinę saugyklą, kurioje turite leidimus atlikti pakeitimus, ir atnaujinkite kelis failus. Tada pabandykite sukurti naują šaką su savo pakeitimais ir pateikti „Pull Request“. ## Apžvalga ir savarankiškas mokymasis Skaitykite daugiau apie [VSCode.dev](https://code.visualstudio.com/docs/editor/vscode-web?WT.mc_id=academic-0000-alfredodeza) ir kitas jo funkcijas. --- **Atsakomybės apribojimas**: Šis dokumentas buvo išverstas naudojant AI vertimo paslaugą [Co-op Translator](https://github.com/Azure/co-op-translator). Nors siekiame tikslumo, prašome atkreipti dėmesį, kad automatiniai vertimai gali turėti klaidų ar netikslumų. Originalus dokumentas jo gimtąja kalba turėtų būti laikomas autoritetingu šaltiniu. Kritinei informacijai rekomenduojama profesionali žmogaus vertimo paslauga. Mes neprisiimame atsakomybės už nesusipratimus ar klaidingus interpretavimus, atsiradusius naudojant šį vertimą.