# Loo CV-veebileht kasutades vscode.dev _Kui lahe oleks, kui värbaja küsiks sinu CV-d ja sa saadaksid talle lihtsalt URL-i?_ 😎 ## Eesmärgid Pärast seda ülesannet õpid: - Looma veebilehte, et esitleda oma CV-d ### Eeltingimused 1. GitHubi konto. Mine [GitHub](https://github.com/) lehele ja loo konto, kui sul seda veel pole. ## Sammud **Samm 1:** Loo uus GitHubi repositoorium ja anna sellele nimi `my-resume` **Samm 2:** Loo `index.html` fail oma repositooriumis. Lisame vähemalt ühe faili otse github.com lehel, kuna tühja repositooriumi ei saa avada vscode.dev keskkonnas. Klõpsa lingil `creating a new file`, sisesta failinimi `index.html` ja vali nupp `Commit new file`. ![Loo uus fail github.com lehel](../../../../translated_images/new-file-github.com.c886796d800e8056561829a181be1382c5303da9d902d8b2dd82b68a4806e21f.et.png) **Samm 3:** Ava [VSCode.dev](https://vscode.dev) ja vali nupp `Open Remote Repository`. Kopeeri URL repositooriumist, mille just oma CV-lehe jaoks lõid, ja kleebi see sisendkasti: _Asenda `your-username` oma GitHubi kasutajanimega._ ``` https://github.com/your-username/my-resume ``` ✅ Kui edukas, näed oma projekti ja index.html faili avatud tekstiredaktoris brauseris. ![Loo uus fail](../../../../translated_images/project-on-vscode.dev.e79815a9a95ee7feac72ebe5c941c91279716be37c575dbdbf2f43bea2c7d8b6.et.png) **Samm 4:** Ava `index.html` fail, kleebi allolev kood oma koodialale ja salvesta.
HTML-kood, mis vastutab sinu CV-veebilehe sisu eest. Siia tuleb sinu nimi!

MINUST

Kirjuta siia lühike tutvustus endast!

TÖÖKOGEMUS

Ametinimetus

Siia tuleb organisatsiooni nimi | Alguskuu – Lõppkuu

  • Ülesanne 1 - Kirjuta, mida tegid!
  • Ülesanne 2 - Kirjuta, mida tegid!
  • Kirjuta oma panuse tulemused/mõju

Ametinimetus 2

Siia tuleb organisatsiooni nimi | Alguskuu – Lõppkuu

  • Ülesanne 1 - Kirjuta, mida tegid!
  • Ülesanne 2 - Kirjuta, mida tegid!
  • Kirjuta oma panuse tulemused/mõju
Lisa oma CV andmed, et asendada _kohatäite tekst_ HTML-koodis. **Samm 5:** Liigu My-Resume kausta peale, klõpsa `New File ...` ikoonil ja loo oma projekti jaoks 2 uut faili: `style.css` ja `codeswing.json`. **Samm 6:** Ava `style.css` fail, kleebi allolev kood ja salvesta.
CSS-kood, mis kujundab lehe paigutust. 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; }
**Samm 6:** Ava `codeswing.json` fail, kleebi allolev kood ja salvesta. { "scripts": [], "styles": [] } **Samm 7:** Paigalda `Codeswing laiendus`, et visualiseerida CV-veebilehte koodialal. Klõpsa _`Extensions`_ ikoonil tegevusribal ja sisesta Codeswing. Kas klõpsa _sinist installimisnuppu_ laiendatud tegevusribal, et paigaldada, või kasuta installimisnuppu, mis ilmub koodialale, kui valid laienduse, et laadida lisainfot. Kohe pärast laienduse paigaldamist näed oma koodialal muudatusi projektis 😃. ![Paigalda laiendused](../../../../8-code-editor/images/install-extension.gif) See on, mida näed oma ekraanil pärast laienduse paigaldamist. ![Codeswing laiendus töös](../../../../translated_images/after-codeswing-extension-pb.0ebddddcf73b550994947a9084e35e2836c713ae13839d49628e3c764c1cfe83.et.png) Kui oled tehtud muudatustega rahul, liigu `Changes` kausta peale ja klõpsa `+` nuppu, et muudatused lavastada. Sisesta commit-sõnum _(Kirjeldus muudatusest, mille tegid projektis)_ ja kinnita muudatused, klõpsates `check`. Kui oled projektiga lõpetanud, vali vasakult ülanurgast hamburgerimenüü ikoon, et naasta GitHubi repositooriumisse. Palju õnne 🎉 Sa oled just loonud oma CV-veebilehe kasutades vscode.dev mõne sammuga. ## 🚀 Väljakutse Ava kaugrepositoorium, millel sul on õigused muudatuste tegemiseks, ja uuenda mõningaid faile. Järgmiseks proovi luua uus haru oma muudatustega ja tee Pull Request. ## Ülevaade ja iseseisev õppimine Loe rohkem [VSCode.dev](https://code.visualstudio.com/docs/editor/vscode-web?WT.mc_id=academic-0000-alfredodeza) kohta ja selle muudest funktsioonidest. --- **Lahtiütlus**: See dokument on tõlgitud AI tõlketeenuse [Co-op Translator](https://github.com/Azure/co-op-translator) abil. Kuigi püüame tagada täpsust, palume arvestada, et automaatsed tõlked võivad sisaldada vigu või ebatäpsusi. Algne dokument selle algses keeles tuleks pidada autoriteetseks allikaks. Olulise teabe puhul soovitame kasutada professionaalset inimtõlget. Me ei vastuta selle tõlke kasutamisest tulenevate arusaamatuste või valesti tõlgenduste eest.