# 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 būtų pateiktas jūsų gyvenimo aprašymas ### 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ą į ką tik sukurtą saugyklą ir įklijuokite ją į įvesties laukelį: _Pakeiskite `your-username` savo GitHub naudotojo 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į
Pakeiskite _vietos rezervavimo tekstą_ savo gyvenimo aprašymo informacija. **5 žingsnis:** Užveskite pelės žymeklį ant My-Resume aplanko, spustelėkite `New File ...` piktogramą 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į. Iškart po plėtinio įdiegimo stebėkite, kaip jūsų projektas pasikeičia 😃 ![Įdiegti plėtinius](../../../../8-code-editor/images/install-extension.gif) Štai ką pamatysite savo ekrane po plėtinio įdiegimo. ![Codeswing plėtinys veikia](../../../../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 pakeitimus spustelėdami `check`. Baigę darbą su projektu, pasirinkite viršutiniame kairiajame kampe esančią meniu piktogramą, 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“. ## Peržiūra 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. Dėl svarbios informacijos rekomenduojama profesionali žmogaus vertimo paslauga. Mes neprisiimame atsakomybės už nesusipratimus ar klaidingus interpretavimus, atsiradusius naudojant šį vertimą.