# 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 ...` आयकॉनवर क्लिक करा आणि तुमच्या प्रोजेक्टमध्ये 2 नवीन फाईल तयार करा: `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) वापरून भाषांतरित करण्यात आला आहे. आम्ही अचूकतेसाठी प्रयत्नशील असलो तरी कृपया लक्षात ठेवा की स्वयंचलित भाषांतरे त्रुटी किंवा अचूकतेच्या अभावाने युक्त असू शकतात. मूळ भाषेतील दस्तऐवज हा अधिकृत स्रोत मानला जावा. महत्त्वाच्या माहितीसाठी व्यावसायिक मानवी भाषांतराची शिफारस केली जाते. या भाषांतराचा वापर करून उद्भवलेल्या कोणत्याही गैरसमज किंवा चुकीच्या अर्थासाठी आम्ही जबाबदार राहणार नाही.