48 KiB

Raw Blame History

नवशिक्यांसाठी वेब विकास - एक अभ्यासक्रम

Microsoft Cloud Advocates यांनी तयार केलेल्या 12 आठवड्यांच्या सखोल कोर्ससह वेब विकासाची मूलतत्त्वे शिका. 24 धड्यांपैकी प्रत्येकात JavaScript, CSS, आणि HTML मध्ये हाताळणी करून टेरारियम, ब्राऊझर विस्तार, आणि अवकाश खेळांसारख्या प्रकल्पांद्वारे सखोल अभ्यास केला आहे. क्विझ, चर्चासत्रं, आणि व्यावहारिक कामांमध्ये सहभाग घ्या. आमच्या प्रभावी प्रकल्पाधारित पद्धतीने तुमच्या कौशल्यात सुधारणा करा आणि तुमच्या ज्ञानाची जास्तीत जास्त जपून ठेवा. आजच तुमची कोडिंग यात्रा सुरू करा!

Azure AI Foundry Discord समुदायात सामील व्हा

या संसाधनांचा वापर सुरू करण्यासाठी खालील चरणांचे अनुसरण करा:

रिपॉझिटरी फोर्क करा: क्लिक करा
रिपॉझिटरी क्लोन करा: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
Azure AI Foundry Discord मध्ये सामील व्हा आणि तज्ञ व सहकारी विकसकांशी भेटा

🌐 बहुभाषिक समर्थन

GitHub Action (स्वयंचलित व सदैव अद्ययावत) द्वारे समर्थित

स्थानिक स्वरूपात क्लोन करावे का?

या रिपॉझिटरीमध्ये 50 पेक्षा जास्त भाषा अनुवादांचा समावेश आहे ज्यामुळे डाउनलोडचा आकार खूप वाढतो. अनुवादांशिवाय क्लोन करण्यासाठी, sparse checkout वापरा:

Bash / macOS / Linux:
git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
cd Web-Dev-For-Beginners
git sparse-checkout set --no-cone '/*' '!translations' '!translated_images'
CMD (Windows):
git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
cd Web-Dev-For-Beginners
git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"
यामुळे आपल्याला कोर्स पूर्ण करण्यासाठी आवश्यक असलेले सर्व काही वेगाने डाउनलोड होते.

अधिक भाषांमध्ये अनुवाद हवा असल्यास, ते येथे यादीबद्ध आहेत

🧑‍🎓 तुम्ही विद्यार्थी आहात का?

विद्यार्थी हब पृष्ठ भेट द्या जिथे तुम्हाला नवशिक्यांसाठी संसाधने, विद्यार्थी पॅक आणि अगदी मोफत प्रमाणपत्र व्हाउचर मिळतील. हाच पृष्ठ तुम्हाला आवर्जून बुकमार्क करावे आणि वेळोवेळी तपासावे कारण आम्ही दरमहा सामग्री बदलतो.

📣 घोषणा - नवीन GitHub Copilot Agent मोड आव्हाने पूर्ण करायची!

नवीन आव्हान जोडले गेले आहे, बहुतेक प्रकरणांमध्ये "GitHub Copilot Agent Challenge 🚀" शोधा. GitHub Copilot आणि Agent मोड वापरून पूर्ण करायचे हे नवीन आव्हान आहे. जर तुम्ही पूर्वी Agent मोड वापरला नसेल तर तो फक्त मजकूर तयार करत नाही तर फाईल तयार करणे, संपादित करणे, कमांड चालवणे इत्यादीही करू शकतो.

📣 घोषणा - Generative AI वापरून नवीन प्रोजेक्ट तयार करा

नवीन AI साहायक प्रोजेक्ट नुकताच जोडले गेले आहे, ते पाहा प्रोजेक्ट

📣 घोषणा - Generative AI साठी JavaScript चा नवीन अभ्यासक्रम नुकताच प्रकाशित झाला आहे

आमचा नवीन Generative AI अभ्यासक्रम मिस करू नका!

प्रारंभ करण्यासाठी भेट द्या https://aka.ms/genai-js-course!

मूलभूत गोष्टींपासून RAG पर्यंत सर्व विषयांना स्पर्श करणारे धडे.
GenAI आणि आमच्या सोबतीच्या अॅपसह ऐतिहासिक पात्रांशी संवाद साधा.
मजेदार आणि गुंतवणूक करणारी कथा, तुम्ही काळ प्रवास कराल!

प्रत्येक धड्यात पूर्ण करण्यासाठी असाइनमेंट, ज्ञान तपासणी आणि आव्हान दिलेले आहे जे तुम्हाला खालील विषय शिकण्यात मार्गदर्शन करेल:

प्रॉम्प्टिंग आणि प्रॉम्प्ट इंजिनिअरिंग
मजकूर आणि प्रतिमा अॅप निर्माण
सर्च अॅप्स

प्रारंभ करण्यासाठी भेट द्या https://aka.ms/genai-js-course!

🌱 सुरुवात करणे

शिक्षकांनो, आम्ही हा अभ्यासक्रम वापरण्यासाठी काही सूचना इथे समाविष्ट केल्या आहेत. आमच्या चर्चासत्रात तुमचे अभिप्राय आम्हाला आवडतील https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner!

शिकणारे, प्रत्येक धड्यासाठी, प्री-लेक्चर क्विझने सुरू करा आणि नंतर व्याख्यानाचा अभ्यास करा, विविध क्रियाकलाप पूर्ण करा आणि पोस्ट-लेक्चर क्विझने आपले ज्ञान तपासा.

आपली शिकण्याची प्रक्रिया सुधारण्यासाठी, सहकारी विद्यार्थ्यांशी संपर्क साधा आणि प्रकल्पावर एकत्र काम करा! चर्चासत्रासाठी आमच्या चर्चा मंचात सहभागी व्हा जिथे आमच्या मॉडरेटर टीमकडून आपले प्रश्न उत्तर दिले जातील.

आपली शिकणूक अधिक वाढवण्यासाठी, आम्ही अत्यंत शिफारस करतो की आपण Microsoft Learn मध्ये अतिरिक्त अध्ययन साहित्याचा अभ्यास करा.

📋 तुमचे वातावरण सेट करणे

हा अभ्यासक्रम एका विकसित वातावरणासह तयार आहे! सुरुवात करताना तुम्ही हा अभ्यासक्रम Codespace मध्ये चालवू शकता (ब्राऊझर-आधारित, कोणतीही स्थापना आवश्यक न नसलेले वातावरण), किंवा स्थानिक संगणकावर Visual Studio Code सारख्या टेक्स्ट एडिटर वापरून चालवू शकता.

तुमची रिपॉझिटरी तयार करा

तुमचा काम सहज जपण्यासाठी, तुम्हाला हा अभ्यासक्रमाची स्वतःची कॉपी तयार करणे शिफारसीय आहे. यासाठी या पृष्ठाच्या वरच्या बाजूस असलेल्या Use this template बटणावर क्लिक करा. हे तुमच्या GitHub खात्यात नवीन रिपॉझिटरी तयार करेल ज्यात अभ्यासक्रमाची कॉपी असेल.

हे खालीलप्रमाणे करा:

रिपॉझिटरी फोर्क करा: या पानाच्या वरच्या डाव्या कोपर्‍यासमोर "Fork" बटणावर क्लिक करा.
रिपॉझिटरी क्लोन करा: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git

Codespace मध्ये अभ्यासक्रम चालवणे

तुमच्या तयार केलेल्या कॉपीमध्ये, Code बटणावर क्लिक करा आणि Open with Codespaces निवडा. हे तुमच्यासाठी नवीन Codespace तयार करेल ज्यात तुम्ही काम करू शकता.

स्थानिक संगणकावर अभ्यासक्रम चालवणे

हा अभ्यासक्रम तुमच्या संगणकावर चालवण्यासाठी तुम्हाला टेक्स्ट एडिटर, ब्राऊझर आणि कमांड लाइन टूलची गरज आहे. आमचा पहिला धडा Introduction to Programming Languages and Tools of the Trade तुम्हाला वेगवेगळ्या पर्यायांबाबत मार्गदर्शन करेल ज्यामुळे तुम्ही तुमच्यासाठी योग्य असलेल्या टूलची निवड करू शकता.

आमची शिफारस Visual Studio Code हा आहे, ज्यामध्ये एक अंतर्निर्मित Terminal देखील आहे. तुम्ही Visual Studio Code येथे डाउनलोड करू शकता.

तुमच्या संगणकावर तुमचे रिपॉझिटरी क्लोन करा. तुम्ही हे Code बटणावर क्लिक करून आणि URL कॉपी करून करू शकता:

CodeSpace

नंतर, Visual Studio Code मध्ये Terminal उघडा आणि खालील आदेश चालवा, <your-repository-url> च्या ठिकाणी तुम्ही आत्ता कॉपी केलेले URL ठेवा:
```
git clone <your-repository-url>
```
Visual Studio Code मध्ये फोल्डर उघडा. तुम्ही हे File > Open Folder क्लिक करून आणि तुम्ही क्लोन केलेला फोल्डर निवडून करू शकता.

शिफारसीय Visual Studio Code विस्तार:

Live Server - Visual Studio Code मध्ये HTML पानांचे पूर्वदृश्य पाहण्यासाठी

Copilot - कोड वेगाने लिहिण्यास मदत करण्यासाठी

📂 प्रत्येक धडा यामधे आहे:

ऐच्छिक स्केचनोट
ऐच्छिक पूरक व्हिडिओ
धड्यापूर्वी वॉर्मअप क्विझ
लेखी धडा
प्रकल्प आधारित धड्यांसाठी, प्रकल्प कसा तयार करायचा यावर पायरी-पायरी मार्गदर्शक
ज्ञान तपासणी
एक आव्हान
पूरक वाचन
असाइनमेंट
धड्यानंतर क्विझ

क्विझबद्दल टिप: सर्व क्विझ Quiz-app फोल्डरमध्ये आहेत, एकूण 48 क्विझ तीन प्रश्नांसह. ते इथे उपलब्ध आहेत, क्विझ अ‍ॅप स्थानिकरित्या चालवू शकतो किंवा Azure वर तैनात करू शकतो; quiz-app फोल्डरमधील सूचना पाळा.

🗃️ धडे

	प्रकल्पाचे नाव	शिकवलेले संकल्पना	शिकण्याचे उद्दिष्टे	लिंक दिलेला धडा	लेखक
01	Getting Started	प्रोग्रॅमिंग परिचय आणि उपकरणांची माहिती	बहुसंख्य प्रोग्रॅमिंग भाषांमागील मूलभूत तत्त्वे आणि व्यावसायिक विकसक जे काम करतात त्यासाठी मदत करणारे सॉफ्टवेअर शिकणे	Intro to Programming Languages and Tools of the Trade	Jasmine
02	Getting Started	GitHub ची मूलभूत माहिती, टीमसोबत काम करणे	तुमच्या प्रकल्पात GitHub कसा वापरायचा, कोड बेसवर इतरांसोबत कसे सहकार्य करायचे याचा अभ्यास	Intro to GitHub	Floor
03	Getting Started	प्रवेशयोग्यता	वेब प्रवेशयोग्यतेच्या मूलभूत गोष्टी शिकणे	Accessibility Fundamentals	Christopher
04	JS Basics	JavaScript डेटा प्रकार	JavaScript डेटा प्रकारांचे मूलभूत ज्ञान	Data Types	Jasmine
05	JS Basics	फंक्शन्स आणि मेथड्स	एका अनुप्रयोगाच्या लॉजिक फ्लोवर नियंत्रण ठेवण्यासाठी फंक्शन्स आणि मेथड्सबद्दल शिकणे	Functions and Methods	Jasmine and Christopher
06	JS Basics	JSसह निर्णय घेणे	तुमच्या कोडमध्ये निर्णय घेण्याच्या पद्धती वापरून स्थिती कशी बनवायची हे शिकणे	Making Decisions	Jasmine
07	JS Basics	अ‍ॅरे आणि लूप	JavaScript मध्ये डेटा अ‍ॅरे आणि लूपने कसा हाताळायचा	Arrays and Loops	Jasmine
08	Terrarium	HTML प्रॅक्टिस	ऑनलाइन टेरारियम तयार करण्यासाठी HTML तयार करा, लेआउटवर लक्ष केंद्रित करा	Introduction to HTML	Jen
09	Terrarium	CSS प्रॅक्टिस	ऑनलाइन टेरारियमसाठी CSS तयार करा, CSS च्या मूलभूत गोष्टींचा वापर करून पान प्रतिसादात्मक कसे करायचे हे शिकणे	Introduction to CSS	Jen
10	Terrarium	JavaScript क्लोजर्स, DOM हाताळणी	टेरारियमसाठी JavaScript तयार करा जे ड्रॅग/ड्रॉप इंटरफेस म्हणून कार्य करतील, क्लोजर्स आणि DOM हाताळणीवर लक्ष देऊन	JavaScript Closures, DOM manipulation	Jen
11	Typing Game	टायपिंग गेम बनवा	कीबोर्ड इव्हेंट्सचा वापर करून तुमच्या JavaScript अ‍ॅपच्या लॉजिकला कसे चालवायचे हे शिकणे	Event-Driven Programming	Christopher
12	Green Browser Extension	ब्राउझरशी काम करणे	ब्राउझर कसे काम करतात, त्यांचा इतिहास काय आहे, आणि ब्राउझर एक्सटेंशनचे पहिले घटक कसे तयार करायचे याचा अभ्यास	About Browsers	Jen
13	Green Browser Extension	फॉर्म तयार करणे, API कॉल करणे आणि स्थानिक संग्रहणात डेटा सेव्ह करणे	ब्राउझर एक्सटेंशनसाठी JavaScript घटक तयार करा ज्याने API कॉल करायचा आणि स्थानिक संग्रहणातील व्हेरिएबल वापरायचे	APIs, Forms, and Local Storage	Jen
14	Green Browser Extension	ब्राउझरमधील पार्श्वभूमी प्रक्रिया, वेब कार्यक्षमता	अ‍ॅप्लिकेशनची चिन्हे कशी व्यवस्थापित करावी हे ब्राउझरच्या पार्श्वभूमी प्रक्रियांद्वारे करा; वेब कार्यक्षमता आणि ऑप्टिमायझेशनच्या काही गोष्टीही शिका	Background Tasks and Performance	Jen
15	Space Game	JavaScript वापरून अधिक प्रगत गेम विकास	क्लासेस आणि कंपोजिशन वापरून इनहेरिटन्स आणि Pub/Sub पॅटर्न बद्दल शिका, गेम तयार करण्याच्या तयारीसाठी	Introduction to Advanced Game Development	Chris
16	Space Game	कॅनव्हासवर रेखाटन करणे	एक स्क्रीनवर घटक कसे रेखाटायचे हे Canvas API वापरून शिका	Drawing to Canvas	Chris
17	Space Game	स्क्रीनवर घटक हलवणे	कर्टेसियन निर्देशांक आणि Canvas API वापरून घटकांना हालचाल कशी मिळवायची शोधा	Moving Elements Around	Chris
18	Space Game	धडक ओळखणे	घटक एकमेकांशी कसे धडकतात आणि कीप्रेस वापरून प्रतिसाद द्यायचा, तसेच गेमची कार्यक्षमता सुनिश्चित करण्यासाठी कूलडाऊन फंक्शन द्या	Collision Detection	Chris
19	Space Game	स्कोअर ठेवणे	गेमच्या स्थिती आणि कार्यक्षमतेवर आधारित गणिती गणना करा	Keeping Score	Chris
20	Space Game	गेमचा शेवट आणि पुन्हा सुरू करणे	गेमचा शेवट कसा करायचा आणि पुन्हा सुरू कसा करायचा, तसेच रीसोर्सेस साफ करणे आणि व्हेरिएबल मूल्ये रीसेट करणे	The Ending Condition	Chris
21	Banking App	वेब अ‍ॅप्समधील HTML टेम्पलेट्स आणि रूट्स	मल्टिपेज वेबसाइटचे आर्किटेक्चर रूटिंग आणि HTML टेम्पलेट्स वापरून कसे तयार करायचे ते शिका	HTML Templates and Routes	Yohan
22	Banking App	लॉगिन आणि नोंदणी फॉर्म तयार करा	फॉर्म तयार करणे आणि व्हॅलिडेशन रुटीन्स कसे हाताळायचे हे शिका	Forms	Yohan
23	Banking App	डेटा मिळविण्याचे आणि वापरण्याचे प्रकार	तुमच्या अ‍ॅपमध्ये डेटा कसा प्रवाहित होतो, तो कसा मिळवायचा, साठवायचा आणि नष्ट करायचा याचा अभ्यास	Data	Yohan
24	Banking App	स्टेट मॅनेजमेंटचे संकल्पना	तुमचा अ‍ॅप स्टेट कसा राखतो आणि प्रोग्रामिंगद्वारे त्याचे व्यवस्थापन कसे करायचे हे शिका	State Management	Yohan
25	Browser/VScode Code	VScode सह काम करणे	कोड संपादक वापरणे शिका	Use VScode Code Editor	Chris
26	AI Assistants	AI सह काम करणे	तुमचा स्वतःचा AI सहाय्यक कसा तयार करायचा हे शिका	AI Assistant project	Chris

🏫 शिक्षणशास्त्र

आमच्या अभ्यासक्रमात दोन मुख्य शैक्षणिक तत्त्वे आहेत:

प्रकल्प आधारित शिक्षण
वारंवार क्विझ

हा कार्यक्रम JavaScript, HTML, आणि CSS च्या मूलभूत गोष्टी तसेच आजच्या वेब विकसकांनी वापरलेले नवीनतम साधने आणि तंत्रे शिकवतो. विद्यार्थी टायपिंग गेम, वर्च्युअल टेरारियम, पर्यावरणपूरक ब्राउझर एक्सटेंशन, स्पेस-इन्व्हेडर-शैलीचा गेम, आणि व्यवसायांसाठी बँकिंग अ‍ॅप तयार करून व्यावहारिक अनुभव घेतील. या मालिकेच्या शेवटी, विद्यार्थ्यांना वेब विकासाचा ठोस समज प्राप्त होईल.

🎓 तुम्ही या अभ्यासक्रमातील पहिले काही धडे Learn Path म्हणून Microsoft Learn वर घेऊ शकता!

प्रकल्पांशी विषयवस्तू जुळवून, विद्यार्थ्यांसाठी प्रक्रिया अधिक आकर्षक बनते आणि संकल्पनांचे लक्षात ठेवणे वाढते. आम्ही JavaScript मूलभूत गोष्टींबाबत अनेक सुरूवातीचे धडे लिहिले आहेत, ज्यात "Beginners Series to: JavaScript" या व्हिडिओ ट्यूटोरियल्समधील व्हिडिओ समाविष्ट आहेत, ज्यांचे काही लेखक या अभ्यासक्रमात योगदान देतात.

याव्यतिरिक्त, वर्गाच्या आधी एक कमी धोक्याचा क्विझ विद्यार्थ्यांच्या शिकण्याच्या हेतूची उद्दिष्टे निश्चित करतो, तर वर्गानंतरचा दुसरा क्विझ अधिक टिकाव गाठण्यास मदत करतो. हा अभ्यासक्रम लवचिक आणि मजेदार करण्यासाठी डिझाइन केला आहे आणि संपूर्ण किंवा भाग म्हणून घेता येतो. प्रकल्प सुरुवातीला छोटे असतात आणि 12 आठवड्यांच्या चक्राच्या शेवटी अधिक जटिल होतात.

आम्ही जावास्क्रिप्ट फ्रेमवर्कमध्ये प्रवेश करणे टाळले आहे जेणेकरून वेब विकसकासाठी मूलभूत कौशल्यांवर लक्ष केंद्रीत करता येईल, फ्रेमवर्क स्वीकारण्याआधी. या अभ्यासक्रमाचा पुढचा चांगला टप्पा Node.js शिकणे असेल, ज्यासाठी दुसऱ्या व्हिडिओ संग्रहाचा वापर करू शकता: "Beginner Series to: Node.js".

आमच्या नीती अभिवृत्ती आणि योगदानासाठी मार्गदर्शक तत्त्वांचा अवलोकन करा. तुमचे रचनात्मक अभिप्राय आम्ही स्वागत करतो!

🧭 ऑफलाइन प्रवेश

तुम्ही Docsify वापरून ही माहिती ऑफलाइन चालवू शकता. या रेपोचे फोर्क करा, स्थानिक संगणकावर Docsify इंस्टॉल करा, नंतर या रेपोच्या मूळ फोल्डरमध्ये docsify serve टाईप करा. वेबसाईट पोर्ट 3000 वर तुमच्या लोकलहोस्टवर चालू होईल: localhost:3000.

📘 PDF

सर्व धड्यांचा PDF येथे सापडू शकतो.

🎒 इतर अभ्यासक्रम

आमची टीम इतर अभ्यासक्रम तयार करते! पहा:

LangChain

Azure / Edge / MCP / Agents

जनरेटिव AI मालिका

मुख्य शिक्षण

Copilot मालिका

मदत घेणे

जर तुम्हाला अडचण किंवा एआय ऍप्स तयार करताना काही प्रश्न असतील तर. MCP विषयी चर्चा करणाऱ्या सह-शिकणाऱ्यांसह आणि अनुभवी विकसकांसह सामील व्हा. ही एक समर्थक कम्युनिटी आहे जिथे प्रश्न विचारले जातात आणि ज्ञान स्वछंदपणे सामायिक केले जाते.

तुमच्याकडे उत्पादनाबद्दल अभिप्राय किंवा तयार करताना त्रुटी असल्यास भेट द्या:

परवाना

हा रिपॉझिटरी MIT परवान्याखाली परवानगी दिलेला आहे. अधिक माहितीसाठी LICENSE फाईल पहा.

सूचना: हा दस्तऐवज AI भाषांतर सेवा Co-op Translator वापरून भाषांतरित केला आहे. आम्ही अचूकतेसाठी प्रयत्न करतो, तरी कृपया लक्षात घ्या की स्वयंचलित भाषांतरांमध्ये चुका किंवा अपूर्णता असू शकते. मूळ दस्तऐवज त्याच्या स्थानिक भाषेत अधिकृत स्रोत मानला पाहिजे. महत्त्वाच्या माहिती साठी व्यावसायिक मानवी भाषांतर शिफारसीय आहे. या भाषांतराचा वापरामुळे झालेल्या कोणत्याही गैरसमजुती किंवा चुकीच्या अर्थ लावणीसाठी आम्ही जबाबदार नाही.

48 KiB Raw Blame History