# vscode.dev वापरून एक रिझ्युमे-वेबसाइट तयार करा _जर एखाद्या भरती करणाऱ्या व्यक्तीने तुमचा रिझ्युमे मागितला आणि तुम्ही त्यांना URL पाठवला तर किती छान वाटेल?_ 😎 ## उद्दिष्टे या असाइनमेंटनंतर, तुम्ही शिकाल की: - तुमचा रिझ्युमे दाखवण्यासाठी एक वेबसाइट कशी तयार करायची ### पूर्वअट 1. GitHub खाते. [GitHub](https://github.com/) वर जा आणि तुमच्याकडे आधीपासूनच खाते नसेल तर एक खाते तयार करा. ## पायऱ्या **पायरी 1:** एक नवीन GitHub रिपॉझिटरी तयार करा आणि त्याला `my-resume` असे नाव द्या. **पायरी 2:** तुमच्या रिपॉझिटरीमध्ये `index.html` नावाची फाईल तयार करा. आपण github.com वर किमान एक फाईल जोडू कारण तुम्ही vscode.dev वर रिकामी रिपॉझिटरी उघडू शकत नाही. `creating a new file` लिंकवर क्लिक करा, `index.html` नाव टाइप करा आणि `Commit new file` बटण निवडा. ![github.com वर नवीन फाईल तयार करा](../../../../translated_images/new-file-github.com.c886796d800e8056561829a181be1382c5303da9d902d8b2dd82b68a4806e21f.mr.png) **पायरी 3:** [VSCode.dev](https://vscode.dev) उघडा आणि `Open Remote Repository` बटण निवडा. तुमच्या रिझ्युमे साइटसाठी तुम्ही नुकतीच तयार केलेल्या रिपॉझिटरीचा URL कॉपी करा आणि तो इनपुट बॉक्समध्ये पेस्ट करा: _`your-username` ला तुमच्या GitHub युजरनेमने बदला._ ``` https://github.com/your-username/my-resume ``` ✅ जर यशस्वी झाले, तर तुम्हाला तुमचा प्रोजेक्ट आणि `index.html` फाईल ब्राउझरवरील टेक्स्ट एडिटरमध्ये उघडलेली दिसेल. ![नवीन फाईल तयार करा](../../../../translated_images/project-on-vscode.dev.e79815a9a95ee7feac72ebe5c941c91279716be37c575dbdbf2f43bea2c7d8b6.mr.png) **पायरी 4:** `index.html` फाईल उघडा, खालील कोड तुमच्या कोड एरियामध्ये पेस्ट करा आणि सेव्ह करा.
तुमच्या रिझ्युमे वेबसाइटवरील सामग्रीसाठी HTML कोड. तुमचे नाव येथे लिहा!

संपर्क

तुमचा ईमेल येथे लिहा

तुमचा युजरनेम येथे लिहा!

तुमचा युजरनेम येथे लिहा!

कौशल्ये

  • कौशल्य 1!
  • कौशल्य 2!
  • कौशल्य 3!
  • कौशल्य 4!

शिक्षण

तुमचा कोर्स येथे लिहा!

तुमची संस्था येथे लिहा!

सुरुवात - समाप्ती तारीख

माझ्याबद्दल

तुमच्याबद्दल थोडक्यात लिहा!

कामाचा अनुभव

नोकरीचे शीर्षक

संस्थेचे नाव येथे लिहा | सुरुवातीचा महिना – समाप्ती महिना

  • कार्य 1 - तुम्ही काय केले ते लिहा!
  • कार्य 2 - तुम्ही काय केले ते लिहा!
  • तुमच्या योगदानाचा परिणाम/परिणाम लिहा

नोकरीचे शीर्षक 2

संस्थेचे नाव येथे लिहा | सुरुवातीचा महिना – समाप्ती महिना

  • कार्य 1 - तुम्ही काय केले ते लिहा!
  • कार्य 2 - तुम्ही काय केले ते लिहा!
  • तुमच्या योगदानाचा परिणाम/परिणाम लिहा
तुमच्या रिझ्युमे तपशीलांसाठी HTML कोडमधील _placeholder text_ बदला. **पायरी 5:** My-Resume फोल्डरवर होवर करा, `New File ...` आयकॉनवर क्लिक करा आणि तुमच्या प्रोजेक्टमध्ये `style.css` आणि `codeswing.json` नावाच्या दोन नवीन फाईल्स तयार करा. **पायरी 6:** `style.css` फाईल उघडा, खालील कोड पेस्ट करा आणि सेव्ह करा.
साइटच्या लेआउटचे स्वरूप ठरवण्यासाठी CSS कोड. 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:** `codeswing.json` फाईल उघडा, खालील कोड पेस्ट करा आणि सेव्ह करा. { "scripts": [], "styles": [] } **पायरी 7:** `Codeswing extension` इन्स्टॉल करा जेणेकरून कोड एरियामध्ये रिझ्युमे वेबसाइट पाहता येईल. _`Extensions`_ आयकॉनवर क्लिक करा आणि Codeswing टाइप करा. विस्तारित अ‍ॅक्टिव्हिटी बारवरील _ब्लू इन्स्टॉल बटण_ क्लिक करा किंवा कोड एरियामध्ये दिसणाऱ्या इन्स्टॉल बटणाचा वापर करा. एक्स्टेंशन इन्स्टॉल केल्यानंतर, तुमच्या प्रोजेक्टमध्ये झालेल्या बदलांचे निरीक्षण करा 😃 ![एक्स्टेंशन इन्स्टॉल करा](../../../../8-code-editor/images/install-extension.gif) तुमच्या स्क्रीनवर एक्स्टेंशन इन्स्टॉल केल्यानंतर हे दिसेल. ![Codeswing एक्स्टेंशन अ‍ॅक्शनमध्ये](../../../../translated_images/after-codeswing-extension-pb.0ebddddcf73b550994947a9084e35e2836c713ae13839d49628e3c764c1cfe83.mr.png) जर तुम्ही केलेल्या बदलांवर समाधानी असाल, तर `Changes` फोल्डरवर होवर करा आणि `+` बटण क्लिक करून बदल स्टेज करा. बदलांसाठी एक कमिट मेसेज लिहा _(तुमच्या प्रोजेक्टमध्ये केलेल्या बदलांचे वर्णन)_ आणि `check` क्लिक करून तुमचे बदल कमिट करा. प्रोजेक्टवर काम पूर्ण झाल्यावर, वरच्या डाव्या बाजूला असलेल्या हॅमबर्गर मेनू आयकॉनवर क्लिक करा आणि GitHub वरील रिपॉझिटरीवर परत जा. अभिनंदन 🎉 तुम्ही काही पायऱ्यांमध्ये vscode.dev वापरून तुमची रिझ्युमे वेबसाइट तयार केली आहे. ## 🚀 आव्हान तुमच्याकडे बदल करण्याची परवानगी असलेली रिमोट रिपॉझिटरी उघडा आणि काही फाईल्स अपडेट करा. पुढे, तुमच्या बदलांसह एक नवीन ब्रँच तयार करण्याचा प्रयत्न करा आणि एक Pull Request तयार करा. ## पुनरावलोकन आणि स्व-अभ्यास [VSCode.dev](https://code.visualstudio.com/docs/editor/vscode-web?WT.mc_id=academic-0000-alfredodeza) आणि त्याच्या इतर वैशिष्ट्यांबद्दल अधिक वाचा. **अस्वीकरण**: हा दस्तऐवज AI भाषांतर सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) वापरून भाषांतरित करण्यात आला आहे. आम्ही अचूकतेसाठी प्रयत्नशील असलो तरी कृपया लक्षात ठेवा की स्वयंचलित भाषांतरांमध्ये त्रुटी किंवा अचूकतेचा अभाव असू शकतो. मूळ भाषेतील दस्तऐवज हा अधिकृत स्रोत मानला जावा. महत्त्वाच्या माहितीसाठी व्यावसायिक मानवी भाषांतराची शिफारस केली जाते. या भाषांतराचा वापर करून उद्भवलेल्या कोणत्याही गैरसमज किंवा चुकीच्या अर्थासाठी आम्ही जबाबदार राहणार नाही.