इसलिए, आपने पूरा कर लिया है वेब विकास पाठ्यक्रम आपको एचटीएमएल और सीएसएस सिखाने के लिए सीएसएस एनिमेशन पर एक छोटा सा अनुभाग जो आपको बेहद उत्साहित हो गया। अब आप सोच रहे हैं: "मैं एनिमेशन के बारे में और कहाँ सीख सकता हूं और मेरी अगली परियोजना में जीवन ला सकता हूं? ”

सीएसएस एनिमेशन की खोज करते समय, मैं शायद ही ट्यूटोरियल ढूंढ सकता था और सोच सकता था कि क्या मेरे जैसे लोग हैं, जो जावास्क्रिप्ट के बिना एनिमेशन ट्यूटोरियल देख रहे थे। जावास्क्रिप्ट बहुत अच्छा है और जटिल एनिमेशन के लिए इस्तेमाल किया जा सकता है लेकिन इसके लिए फिर से एक नई प्रोग्रामिंग भाषा सीखने की आवश्यकता होती है और मैं सिर्फ अपनी परियोजना को अधिक गतिशील और आकर्षक बनाने के लिए सूक्ष्म एनिमेशन बनाना चाहता था।

इसलिए, यहां सीएसएस एनिमेशन जानने के लिए मेरे कुछ शीर्ष पसंद हैं। पाठ्यक्रम विवरण पर जाने के लिए एक पर क्लिक करें:

पाठ्यक्रम	कार्यभार	संक्षेप में
1. नमस्ते एनिमेशन (HTML अकादमी)	1 घंटे	एनीमेशन को समझने के लिए सर्वश्रेष्ठ मुफ्त पाठ्यक्रम
2. Jad Khalili (Scrimba)	2 घंटे	इंटरैक्टिव शिक्षण के माध्यम से उपलब्ध सर्वश्रेष्ठ मुफ्त पाठ्यक्रम
3. अपने सीएसएस एनिमेशन कौशल (Donovan Hutchinson)	3.5 घंटे	उदाहरण के साथ सर्वश्रेष्ठ मुफ्त सीएसएस एनिमेशन पाठ्यक्रम
4. सीएसएस एनिमेशन ट्यूटोरियल (नेट निंजा)	2 घंटे	सर्वश्रेष्ठ मुफ्त यूट्यूब पाठ्यक्रम उपलब्ध
5. सीएसएस: एनिमेशन (वाल हेड)	2 घंटे	एसवीजी एनिमेशन को कवर करने वाले लिंक्डिन पर कुछ मुफ्त पाठ्यक्रमों में से एक
6. सीएसएस - मास्टरिंग एनिमेशन (ड्रिस बुलिक)	13 घंटे	परियोजनाओं के साथ सर्वश्रेष्ठ भुगतान पाठ्यक्रमों में से एक
7. क्रिएटिव एडवांस्ड सीएसएस एनिमेशन - 100 प्रोजेक्ट्स बनाएं! (अहमद सैक)	13 घंटे	अधिक उन्नत परियोजनाओं को आप सीएसएस एनिमेशन के साथ परिचित कराने के लिए
8. एसवीजी और सीएसएस एनिमेशन - एचटीएमएल और सीएसएस (Codewithsam) का उपयोग करना	2 घंटे	सीएसएस और जावास्क्रिप्ट के साथ उपलब्ध सर्वोत्तम भुगतान एसवीजी एनिमेशन पाठ्यक्रमों में से एक
9. 5 एचटीएमएल, सीएसएस और जे एस मिनी प्रोजेक्ट्स - स्क्रॉल एनिमेशन, घूर्णन नेविगेशन, खींचें इवेंट्स आदि (ट्रेवेर्सी मीडिया)	2 घंटे	सीएसएस और जावास्क्रिप्ट के साथ सर्वश्रेष्ठ यूट्यूब परियोजना आधारित पाठ्यक्रम में से एक
10. जावास्क्रिप्ट गेम: सीएसएस संक्रमण और एनिमेशन के साथ इंटरैक्टिव प्रश्न (learnwebcode)	1 घंटे	इंटरैक्टिव गेम बनाने के लिए सीएसएस और जावास्क्रिप्ट का उपयोग करें
11. बोनस सामग्री (उन्नत एनिमेशन और उपकरण)	NA	आपकी सीएसएस एनिमेशन बनाने में आपकी मदद करने के लिए संसाधनों और उपकरणों का एक संग्रह

सीएसएस एनिमेशन क्या हैं?

सीएसएस एनिमेशन कैसेडिंग स्टाइल शीट्स के लिए एक प्रस्तावित मॉड्यूल है जो सीएसएस का उपयोग करके HTML दस्तावेज़ तत्वों के एनीमेशन की अनुमति देता है।

जब आप जावास्क्रिप्ट का उपयोग करके एनिमेशन बना सकते हैं तो आपको सीएसएस एनिमेशन क्यों सीखना चाहिए?

सीएसएस कई कारणों जैसे:

1. प्रदर्शन: सीएसएस एनिमेशन आम तौर पर जावास्क्रिप्ट एनिमेशन की तुलना में चिकनी और तेज होते हैं क्योंकि वे मुख्य जावास्क्रिप्ट धागे के बजाय हार्डवेयर-accelerated हैं और ब्राउज़र के संगीतकार धागे पर चलते हैं।
2. सादगी: सीएसएस एनिमेशन आम तौर पर जावास्क्रिप्ट एनिमेशन की तुलना में लागू करने और बनाए रखने के लिए सरल होते हैं। सीएसएस के साथ, आप कुछ लाइनों के कोड के साथ तत्वों को अलग कर सकते हैं, जबकि जावास्क्रिप्ट एनिमेशन को अधिक जटिल तर्क और कोड की आवश्यकता होती है।
3. एक्सेसिबिलिटी: सीएसएस एनिमेशन सीएसएस के साथ नियंत्रित किया जा सकता है और सहायक प्रौद्योगिकियों जैसे स्क्रीन रीडर के साथ उपयोगकर्ताओं के लिए सुलभ हैं। दूसरी ओर, जावास्क्रिप्ट एनिमेशन सभी उपयोगकर्ताओं के लिए सुलभ नहीं हो सकता है।
4. ब्राउज़र समर्थन: सीएसएस एनिमेशन में अच्छा ब्राउज़र समर्थन है, जिसका अर्थ है कि वे आधुनिक ब्राउज़रों पर काम करते हैं। यह हमेशा जावास्क्रिप्ट एनिमेशन के मामले में नहीं है, क्योंकि कुछ ब्राउज़र कुछ जावास्क्रिप्ट सुविधाओं का समर्थन नहीं कर सकते हैं।

इसलिए, चलो सीएसएस के साथ कुछ एनिमेशन सीखते हैं।

सर्वश्रेष्ठ पाठ्यक्रम गाइड पद्धति

मैंने पिछले बेस्ट कोर्स गाइड्स में इस्तेमाल किए जाने वाले अब कोशिश की और परीक्षण की गई पद्धति के बाद इस रैंकिंग का निर्माण किया। आप सभी को यहाँ पा सकते हैं ). इसमें तीन चरण की प्रक्रिया शामिल है:

1. अनुसंधान: मैंने कक्षा सेंट्रल के डेटाबेस का उपयोग करके शुरू किया 100K ऑनलाइन पाठ्यक्रम 200K+ समीक्षा. फिर, मैंने रेटिंग, समीक्षा और बुकमार्क द्वारा 40 पाठ्यक्रमों का प्रारंभिक चयन किया।
2. मूल्यांकन: मैं क्लास सेंट्रल, रेडिट और कोर्स प्रदाताओं पर समीक्षा के माध्यम से पढ़ता हूं कि क्या अन्य शिक्षार्थियों ने प्रत्येक पाठ्यक्रम के बारे में सोचा था और इसे अपने स्वयं के अनुभव के साथ एक साथ जोड़ा। शिक्षार्थी ।
3. चुनें: यदि वे मूल्यवान और आकर्षक सामग्री प्रस्तुत करते हैं तो अच्छी तरह से निर्मित पाठ्यक्रमों को चुना गया था और उन्हें मानदंडों के एक सेट में फिट होना पड़ता है और तदनुसार वर्गीकृत किया जाना चाहिए: व्यापक पाठ्यक्रम, सामर्थ्य, रिलीज की तारीख, रेटिंग और नामांकन।

पाठ्यक्रम रैंकिंग सांख्यिकी

यहाँ रैंकिंग के बारे में कुछ कुल आँकड़े हैं:

• 15k से अधिक लोग निम्नलिखित हैं: एचटीएमएल और सीएसएस कक्षा सेंट्रल पर।
• इस रैंकिंग में सभी पाठ्यक्रमों को HTML/CSS के बुनियादी ज्ञान की आवश्यकता होती है।
• इस रैंकिंग में पाठ्यक्रमों में से 7 हैं मुक्त , मुक्त करने के लिए ऑडिट , या है फ्री-ट्रियल जबकि बाकी का भुगतान किया जाता है।
• अधिकांश पाठ्यक्रम सीएसएस-एनिमेशन शुरुआती के लिए उपयुक्त हैं।

इसके अलावा, चलो शीर्ष पिक्स के माध्यम से जाते हैं।

1. नमस्ते एनिमेशन (HTML अकादमी)

मेरा पहला पिक है नमस्ते एनिमेशन पाठ्यक्रम के लिए पेशकश की मुक्त एचटीएमएल अकादमी द्वारा। पाठ्यक्रम सिद्धांत और अभ्यास का मिश्रण है। आप कुछ बुनियादी एनीमेशन के साथ शुरू करते हैं और फिर कई वस्तुओं के एनिमेशन को एक साथ कुंजीफ्रेम का उपयोग करते हुए संभालते हैं।

इस कोर्स के अंत तक आप keyframes से परिचित होंगे और बुनियादी और यहां तक कि कुछ जटिल एनिमेशन तैयार करेंगे।

आप क्या सीखेंगे?

आप घूमने, स्लाइड करने, सरल वस्तुओं को बदलने और यहां तक कि अंतरिक्ष में एक रॉकेट भेज सकते हैं। पाठ्यक्रम आपको 32 अभ्यास ट्यूटोरियल के साथ कुंजीफ्रेम, प्री और पोस्ट एनिमेशन स्टेट्स और एनीमेशन टाइमिंग से परिचित कराया जाएगा।

आप कैसे सीखेंगे

वहाँ एक सैद्धांतिक पक्ष और पाठ्यक्रम के लिए एक व्यावहारिक पक्ष है, आप पहले अवधारणाओं को समझने के लिए कुछ सिद्धांत दिए जाएंगे और फिर सिद्धांत में आपने जो कुछ पढ़ा है उसका अभ्यास करने के लिए चले जाएंगे। आपको सीएसएस एनिमेशन की मूल बातें से परिचित कराने के लिए 32 हैंड-ऑन एक्सरसाइज हैं।

प्रदाता	एचटीएमएल अकादमी
स्तर	शुरुआती
कार्यभार	1 घंटे
प्रमाणपत्र	कोई नहीं

2. Jad Khalili (Scrimba)

यह Scrimba द्वारा पेश किया गया एक प्रो कोर्स है। Jad Khalili साथ सीएसएस एनिमेशन जानें यूट्यूब पर मुफ्त में उपलब्ध है। आप आगे के विकास के दौरान वास्तविक दुनिया की समस्याओं को हल करके सीएसएस एनिमेशन सीखेंगे।

पाठ्यक्रम में संक्रमण जोड़ने और उन्हें अनुकूलित करने के लिए विभिन्न तकनीकों को शामिल किया गया है, साथ ही एनिमेशन और नियंत्रण समय को कैसे परिभाषित किया जाए। यह पाठ्यक्रम विभिन्न प्रकार के बदलावों को भी सिखाता है, जिनमें स्केलिंग, अनुवाद, रोटेशन और skew शामिल हैं, और उन्हें तत्वों पर कैसे लागू किया जाए। इसके अतिरिक्त, यह एनीमेशन व्यवहार को नियंत्रित करने के लिए सीएसएस चर और टाइमिंग कार्यों के उपयोग को कवर करता है। इसमें क्रॉस-ब्रोशर संगतता सुनिश्चित करने के लिए प्रीफिक्स का उपयोग भी शामिल है। आप उन सभी का परीक्षण और समीक्षा करने में सक्षम होंगे जो आपने कुछ वास्तविक विश्व चुनौतियों के साथ पाठ्यक्रम में सीखा है।

आप क्या सीखेंगे?

पाठ्यक्रम आपको संक्रमणों को सिखाता है, संक्रमण को अनुकूलित करता है और वास्तविक विश्व संक्रमण चुनौती पर काम करता है। इसके बाद यह एक और वास्तविक विश्व चुनौती के साथ एनीमेशन में एनिमेशन और समय की व्याख्या करने के लिए आगे बढ़ेगा। अंतिम चुनौती परिवर्तन और अनुवाद के साथ एक लोगो पर काम करना और कस्टम टाइमिंग फंक्शन बनाना होगा।

आप कैसे सीखेंगे

आप वीडियो को देखकर और प्रशिक्षक के साथ सामग्री का पालन करके सीखेंगे।

संस्था	Scrimba
प्रदाता	यूट्यूब
प्रशिक्षक(s)	Jad Khalili
स्तर	मध्यवर्ती
कार्यभार	2 घंटे
दृष्टिकोण	30k
लाइक	950 अंगूठे ऊपर
प्रमाणपत्र	भुगतान (उनकी वेबसाइट पर)

मज़ा तथ्य

• पाठ्यक्रम एक भुगतान पाठ्यक्रम है और इसे Scrimba वेबसाइट पर इंटरैक्टिव रूप से पढ़ाया जाता है।
• Scrimba एक है Discord समुदाय ।
• यह कोर्स भी उपलब्ध है Scrimba ।

3. अपने सीएसएस एनिमेशन कौशल (Donovan Hutchinson)

यह मुक्त पाठ्यक्रम Donovan Hutchinson द्वारा बनाया गया था। पाठ्यक्रम भी Udemy पर एक प्रमाण पत्र के साथ एक भुगतान पाठ्यक्रम के रूप में उपलब्ध है। पाठ्यक्रम मध्यवर्ती सीएसएस शिक्षार्थियों के लिए है।

आप क्या सीखेंगे?

पाठ्यक्रम में विभिन्न प्रकार के एनिमेशन शामिल हैं जिनका उपयोग वेबसाइटों पर किया जा सकता है, जिसमें हीरो हेडर, टच और होवर एनिमेशन, स्क्रॉल एनिमेशन, कारूसेल और उत्तरदायी एनिमेशन शामिल हैं। यह प्रत्येक प्रकार के एनीमेशन बनाने के तरीके पर चरण-दर-चरण निर्देश प्रदान करता है, साथ ही उदाहरण जो संदर्भ के लिए डाउनलोड किए जा सकते हैं। यह लेख उन विषयों को कवर करता है जैसे कि एनिमेशन पृष्ठभूमि, शीर्षकों को शुरू करना, स्क्रॉल क्यू को जोड़ना, कुंजीफ्रेम को सरल बनाना और कारूसेल काम करने के लिए जावास्क्रिप्ट का उपयोग करना। यह भी चर्चा करता है कि फ़ॉन्ट आकार, प्रतिशत और व्यूपोर्ट इकाइयों का उपयोग करके एनिमेशन को उत्तरदायी कैसे बनाया जाए।

आप कैसे सीखेंगे

आप पाठ्यक्रम वीडियो देख सकते हैं और अभ्यास करते हैं कि प्रशिक्षक ने वीडियो में क्या पढ़ा है।

प्रदाता	यूट्यूब
प्रशिक्षक(s)	Donovan Hutchinson
स्तर	मध्यवर्ती
कार्यभार	3-4 घंटे
दृष्टिकोण	59,209 बार देखे गए
प्रमाणपत्र	भुगतान (उडेमी पर)

मज़ा तथ्य

• Donovan एक है मुफ्त एनिमेशन पुस्तक यदि आप बुनियादी बातों को साफ़ करना चाहते हैं।
• वह भी है सीएसएस एनिमेशन के लिए वेबसाइट
• आप अपने हाल के लेखों में से एक पा सकते हैं यहाँ
• यदि आप Udemy से प्रमाणपत्र चाहते हैं तो आप इसे पा सकते हैं यहाँ ।

4. सीएसएस एनिमेशन ट्यूटोरियल (नेट निंजा)

यह मुक्त पाठ्यक्रम शुरुआती के लिए, नेट-निंजा से लगभग 2 घंटे की सीखने वाली सामग्री के साथ, उत्साही और सीधा प्रशिक्षक शॉन के साथ है।

आप क्या सीखेंगे?

ट्यूटोरियल विषयों की एक विस्तृत श्रृंखला को कवर करते हैं, सीएसएस एनिमेशन की मूल बातें से अधिक उन्नत तकनीकों जैसे कि परिवर्तन, संक्रमण, कीफ्रेम और अधिक। ये ट्यूटोरियल आपको यह जानने में मदद कर सकते हैं कि एनिमेशन कैसे बनाया जाए जो आपकी वेबसाइट को जीवन में लाएगी और प्रतियोगिता से बाहर खड़े होंगे। मास्टरिंग एनिमेशन भरण मोड और दिशा से, एनीमेशन और पॉप-अप और शॉपिंग कार्ट जैसे जटिल तत्वों को जोड़ने के लिए, ये ट्यूटोरियल आपको अगले स्तर पर अपने वेब विकास कौशल को लेने के लिए आवश्यक उपकरण और ज्ञान देंगे।

आप कैसे सीखेंगे

सबसे लंबे वीडियो 10 मिनट होने के साथ ट्यूटोरियल बहुत कम हैं। आप पाठ्यक्रम वीडियो देख सकते हैं और अभ्यास करते हैं कि प्रशिक्षक ने वीडियो में क्या पढ़ा है।

चैनल	नेट निंजा
प्रदाता	यूट्यूब
प्रशिक्षक	शॉन
स्तर	शुरुआती
कार्यभार	2 घंटे
दृष्टिकोण	990,079 बार देखे गए
लाइक	10K
प्रमाणपत्र	कोई नहीं

मज़ा तथ्य

• नेट निंजा पाठ्यक्रम आमतौर पर कक्षा सेंट्रल पर सर्वश्रेष्ठ पाठ्यक्रमों में अत्यधिक मूल्यांकन किया जाता है।
• शॉन एक यात्री, संगीतकार और एक कॉफी उत्साही है।

5. सीएसएस: एनिमेशन (वाल हेड)

वाल हेड मुक्त पाठ्यक्रम लिंक्डिन लर्निंग पर सीएसएस का उपयोग करके एसवीजी एनिमेशन शुरू करने के लिए सूची में पहला पाठ्यक्रम है। आपको सीएसएस एनिमेशन से परिचित होना चाहिए लेकिन पाठ्यक्रम के माध्यम से कुछ वेक्टर ग्राफिक्स को समझने के लिए भी जाना चाहिए।

आप क्या सीखेंगे?

इस पाठ्यक्रम में सीएसएस परिवर्तन और संक्रमण का उपयोग करने के बारे में जानकारी शामिल है, एनीमेशन देरी और एनिमेशन-फिल मोड के साथ काम करना, और समय और सीएसएस एनिमेशन को आसान बनाना। पाठ्यक्रम में जगह में एनिमेशन तत्वों को भी शामिल किया गया है, जो स्प्राइट छवियों को एनिमेशन, एकाधिक एनिमेशन को श्रृंखलाबद्ध करता है और SVG छवियों को एनिमेशन करता है। इसके अतिरिक्त, यह उच्च प्रदर्शन सीएसएस एनिमेशन बनाने के लिए रणनीतियों पर चर्चा करता है और उन्हें चिकनी प्रदर्शन सुनिश्चित करने के लिए कैसे अनुकूलित किया जाए।

आप कैसे सीखेंगे

वाल ने सीएसएस को बदलने और संक्रमणों को लागू किया - अधिकांश सीएसएस एनिमेशन की नींव - और दिखाता है कि कैसे सरल एनिमेशन कीफ़्रेम की जाए और उनके समय, फिलिंग-मोड और दिशा को समायोजित करें। वह लूपिंग और चेनिंग एनिमेशन को भी कवर करती है, एचटीएमएल और एसवीजी तत्वों को एनिमेशन प्रदर्शन को अनुकूलित करती है, अभी सीएसएस एनिमेशन के लिए सबसे अच्छा उपयोग करती है, और समर्थन और प्रदर्शन के वर्तमान स्तर और हम भविष्य में कैसे बदलाव की उम्मीद कर सकते हैं। वाल ब्लॉक एनिमेशन के निर्माण की एक छोटी श्रृंखला के रूप में पाठ प्रस्तुत करता है - आम बात यह है कि आप एनिमेशन के साथ क्या करना चाहते हैं - फिर उन तकनीकों को एक एनिमेटेड इन्फोग्राफिक की एक छोटी परियोजना में एक साथ रखता है ताकि आप उन्हें कार्रवाई में देख सकें।

प्रदाता	लिंक्डिन लर्निंग
प्रशिक्षक(s)	वाल हेड
स्तर	मध्यवर्ती
कार्यभार	2 घंटे
नामांकन	20k
रेटिंग	4.7 (137 रेटिंग)
प्रमाणपत्र	भुगतान (Linkedin Learning)

मज़ा तथ्य

• पाठ्यक्रम को ईडी की आवश्यकता नहीं है, आप गिथब कोडस्पेस का उपयोग करके काम कर सकते हैं।

6. सीएसएस - मास्टरिंग एनिमेशन (ड्रिस बुलिक)

सीएसएस - मास्टरिंग एनिमेशन Driss Boumlik द्वारा एक 4.9 सितारा रेटिंग के साथ Udemy पर उपलब्ध सर्वोत्तम भुगतान पाठ्यक्रमों में से एक है।

आप क्या सीखेंगे?

आप रंग, छाया, चाल और चीजों को घुमाने के लिए सीखेंगे। आप मेनू और चेकबॉक्स, स्पिनर और फॉर्म भी बना सकते हैं।

आप कैसे सीखेंगे

पाठ्यक्रम छोटी परियोजनाओं के साथ हाथ से सीखने की सुविधा प्रदान करता है।

प्रदाता	उडेमी
प्रशिक्षक(s)	Driss Boumlik
स्तर	शुरुआती
कार्यभार	2 घंटे
नामांकन	15k
रेटिंग	4.9 (383 रेटिंग)
प्रमाणपत्र	भुगतान

7. क्रिएटिव एडवांस्ड सीएसएस एनिमेशन - 100 प्रोजेक्ट्स बनाएं! (अहमद सैक)

यदि आप पिछले एक को पूरा करने के बाद दूसरे कोर्स को लेना चाहते हैं तो, क्रिएटिव एडवांस्ड सीएसएस एनिमेशन - 100 प्रोजेक्ट्स बनाएं मेरी सिफारिश होगी।

आप क्या सीखेंगे?

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

आप कैसे सीखेंगे

पाठ्यक्रम हाथों से सीखने और अभ्यास के साथ वीडियो प्रदान करता है।

प्रदाता	उडेमी
प्रशिक्षक(s)	Ahmed Sadek
स्तर	शुरुआती
कार्यभार	13 घंटे
नामांकन	17k
रेटिंग	4.7 (1.756 रेटिंग)
प्रमाणपत्र	भुगतान

8. एसवीजी और सीएसएस एनिमेशन - एचटीएमएल और सीएसएस (Codewithsam) का उपयोग करना

Codewith द्वारा पाठ्यक्रम सैम एसवीजी का उपयोग करके सीएसएस एनिमेशन को कवर करने वाले कुछ पाठ्यक्रम हैं। आप 2 घंटे में 3 एसवीजी एनिमेशन परियोजनाओं को सीखेंगे। आप एडोब इलस्ट्रेटर जैसे उपकरणों में SVG बनाने के लिए भी सीखेंगे। सभी फाइलें उन छात्रों के लिए प्रदान की जाती हैं जिनके पास सॉफ्टवेयर नहीं है या सिर्फ कोड करना चाहते हैं।

यह कोर्स सीएसएस एनिमेशन के साथ एक मध्यवर्ती स्तर का पाठ्यक्रम है और यह नए और अनुभवी वेब डेवलपर्स दोनों के लिए बिल्कुल सही है जो अभी तक अपनी परियोजनाओं के भीतर एसवीजी का उपयोग करने के लिए हैं। यदि आपने पहले एचटीएमएल और सीएसएस का उपयोग किया है, तो आपके पास उदाहरणों के साथ पालन करने का ज्ञान होगा।

आप क्या सीखेंगे?

पाठ्यक्रम में एनिमेटेड एसवीजी तत्वों को बनाने के लिए सीएसएस में उपयोग की जाने वाली मूलभूत तकनीकों को शामिल किया गया है। SVG छवियां किसी भी स्क्रीन के आकार पर बिल्कुल सही दिखती हैं और मोबाइल वेब के महत्व के साथ तेजी से लोकप्रिय हो गया है। SVG आपको एनिमेशन बनाने और पूरे नए स्तर पर फ्लैट चित्रण करने की अनुमति देता है। इस लघु पाठ्यक्रम के अंत तक आपने स्क्रैच से तीन अलग-अलग एसवीजी एनिमेशन बनाए होंगे।

The दूसरा कोर्स Codewithsam द्वारा एक वेबसाइट पर लोगो, सामाजिक आइकन, पाठ और अन्य तत्वों को पहचानने के लिए विभिन्न तकनीकों को शामिल किया गया है। यह चरण-दर-चरण निर्देश प्रदान करता है जो सीएसएस का उपयोग करके एक हाथ से तैयार पाठ प्रभाव पैदा करता है। यह विभिन्न सीएसएस एनिमेशन गुणों को भी बताता है और उनका उपयोग कैसे किया जाता है। इसके अतिरिक्त, यह पाठ और आइकनों पर ढाल के उपयोग को कवर करता है, जिसमें उन्हें क्रॉस-ब्रोशर कैसे काम करना है। पाठ्यक्रम में एनिमेशन बनाने के लिए मास्क और कोडपेन टूल का उपयोग करके चर्चा की जाती है, साथ ही साथ ऑनलाइन SVG छवियों को अनुकूलित करने का एक परिचय भी शामिल है।

आप कैसे सीखेंगे

पाठ वीडियो स्क्रीनकास्ट के साथ पढ़ाया जाता है, विस्तार से समझाया गया है क्योंकि हम इस पाठ्यक्रम के लिए सीधे बनाई गई वास्तविक परियोजनाओं के माध्यम से काम करते हैं।

प्रदाता	उडेमी
प्रशिक्षक(s)	Codewithsam
स्तर	मध्यवर्ती
कार्यभार	2 घंटे
नामांकन	10k
रेटिंग	4.5 (1,073 रेटिंग)
प्रमाणपत्र	भुगतान

मज़ा तथ्य

• कोडसाथ सैम में एसवीजी और एनिमेटिंग एसवीजी पर दो पाठ्यक्रम हैं। दूसरा कोर्स पाया जा सकता है यहाँ । यह Udemy पर सबसे अच्छा मूल्यांकन पाठ्यक्रमों में से एक है।

9. 5 एचटीएमएल, सीएसएस और जे एस मिनी प्रोजेक्ट्स - स्क्रॉल एनिमेशन, घूर्णन नेविगेशन, खींचें इवेंट्स आदि (ट्रेवेर्सी मीडिया)

यह मुक्त पाठ्यक्रम 50 परियोजनाओं में से 5 को शामिल किया गया है जो Traversy Media Udemy पर अपने एनीमेशन पाठ्यक्रम में पढ़ाता है। पाठ्यक्रम एक विशुद्ध परियोजना आधारित पाठ्यक्रम है। मैं इस पाठ्यक्रम को सूची के अंत की ओर रख रहा हूँ क्योंकि जावास्क्रिप्ट का ज्ञान आवश्यक है। पाठ्यक्रम आपको वैनिला जे एस का उपयोग करके एनिमेशन बनाने के लिए सिखाता है। Udemy पर पूरा पाठ्यक्रम लगभग 18 घंटे लंबा है।

आप क्या सीखेंगे?

पाठ्यक्रम में 5 परियोजनाएं शामिल हैं:

• स्क्रॉल एनिमेशन परियोजना
• घूर्णन नेविगेशन परियोजना
• लॉगिन
• एनिमेटेड 3D बॉक्स प्रोजेक्ट
• होवरबोर्ड परियोजना

आप कैसे सीखेंगे

आप सीखेंगे कि जावास्क्रिप्ट का उपयोग करके DOM में कैसे हेरफेर किया जाए और निम्नलिखित द्वारा एनिमेशन बनाया जाए।

संस्था	मीडिया
प्रदाता	यूट्यूब
प्रशिक्षक(s)	ब्रैड ट्रेवर्सी
स्तर	मध्यवर्ती
कार्यभार	2 घंटे
दृष्टिकोण	75k
लाइक	3k
प्रमाणपत्र	कोई नहीं

अतिरिक्त जानकारी

• आप इस पर सभी 50 परियोजनाओं के साथ पूर्ण पाठ्यक्रम पा सकते हैं भुगतान Udemy पाठ्यक्रम ।

10. जावास्क्रिप्ट गेम: सीएसएस संक्रमण और एनिमेशन के साथ इंटरैक्टिव प्रश्न (learnwebcode)

यह ब्रैड के मुफ्त कोडिंग बूटकैम्प का एक हिस्सा है जिसे पाया जा सकता है यहाँ । आप सीखेंगे कि सीएसएस एनिमेशन और संक्रमण के साथ जावास्क्रिप्ट में एक सरल गणित गेम कैसे बनाया जाए

आप क्या सीखेंगे?

आप जावास्क्रिप्ट का उपयोग करना सीखेंगे और इस गेम के साथ कुछ बुनियादी सीएसएस संक्रमण और एनिमेशन तैयार करेंगे।

आप कैसे सीखेंगे

आप YouTube पर वीडियो के साथ पाठ्यक्रम का पालन करके सीखेंगे।

संस्था	वेबकोड
प्रदाता	यूट्यूब
प्रशिक्षक(s)	ब्रैड
स्तर	मध्यवर्ती
कार्यभार	1 घंटे
दृष्टिकोण	22k
लाइक	1k
प्रमाणपत्र	कोई नहीं

आप ब्रैड के प्रीमियम पाठ्यक्रम से अधिक पा सकते हैं यहाँ ।

11. बोनस सामग्री (उन्नत एनिमेशन और उपकरण)

एक बार जब आप सीएसएस एनिमेशन की कुछ मूल बातें पूरा कर चुके हैं और उन्हें बनाने में इस्तेमाल की जाने वाली कुछ चालों को समझ सकते हैं, तो मैं आपको कुछ वीडियो देख सकता हूं केविन पॉवेल और WebDevSimplified । उन्होंने सीएसएस के साथ कई चीजों को कवर किया है और बस सीएसएस जानने के लिए अच्छे संसाधन हैं। यहाँ उनमें से दो जटिल एनिमेशन हैं:

• 3 डी सीएसएस - प्रकाश, एनिमेशन और अधिक! केविन पॉवेल और
• क्या मैं यह बहुत जटिल सीएसएस एनिमेशन बना सकता हूं? WebDevSimplified

यदि आप कुछ एनिमेशन को जल्दी से जोड़ना चाहते हैं, तो उन्हें स्क्रैच से बनाने के बिना, यहां कुछ उपयोगी वेबसाइटें हैं:

• उपकरण
• Keyframes.app
• Animate.css
• Keyframe एनिमेशन
• Animista
• आनंद लेंCSS

यदि आपके पास अधिक लिंक हैं जो मदद कर सकते हैं, तो कृपया उन्हें टिप्पणियों में उल्लेख करने में संकोच न करें।