फ्रंट-एंड डेवलपर्स के लिए एनीमेशन - पाठ्यक्रम RUB 31,380। HTML अकादमी से, प्रशिक्षण, दिनांक: 28 नवंबर, 2023।
अनेक वस्तुओं का संग्रह / / November 30, 2023
पाठ्यक्रम एक अतुल्यकालिक प्रारूप में होता है। आप किसी भी समय प्रशिक्षण शुरू कर सकते हैं और कार्यक्रम को अपने अनुकूल गति से आगे बढ़ा सकते हैं।
पाठ्यक्रम का मुख्य मूल्य एक सलाहकार से बड़ी मात्रा में प्रतिक्रिया है जो आपके कोड का विस्तार से विश्लेषण करेगा, सामग्री को समझने में अंतराल की पहचान करेगा और आपको हर चीज से निपटने में मदद करेगा।
यह पाठ्यक्रम उन अनुभवी डेवलपर्स के लिए डिज़ाइन किया गया है जो अपने कौशल में सुधार करना चाहते हैं। इसमें महारत हासिल करने के लिए, आपको जावास्क्रिप्ट में लेआउट और प्रोग्रामिंग में कौशल की आवश्यकता है। यह पाठ्यक्रम उन शुरुआती लोगों के लिए भी उपयुक्त है जिन्होंने HTML और CSS पाठ्यक्रम सफलतापूर्वक पूरा कर लिया है। अनुकूली लेआउट और स्वचालन" और "जावास्क्रिप्ट। वेब इंटरफेस का व्यावसायिक विकास।"
पाठ्यक्रम में, हम पेशेवरों को प्रशिक्षित करने के लिए सबसे प्रभावी प्रारूपों का उपयोग करते हैं: पाठ, सिमुलेटर, स्क्रीनकास्ट और प्रदर्शन। हम वीडियो का अत्यधिक उपयोग नहीं करते हैं और इसका उपयोग केवल वहीं करते हैं जहां इसकी आवश्यकता होती है।
हमारा लक्ष्य किसी भी नवागंतुक को वेब उद्योग में काम करने के लिए तैयार पूर्ण विकसित और लोकप्रिय विशेषज्ञ में बदलना है।
2013 में, साशा और लेशा ने HTML अकादमी लॉन्च की। शुरू से ही, हमने यह सिखाने का निर्णय लिया कि वास्तविक कोड के करीब आने वाली समस्याओं को हल करते हुए लाइव कोड के साथ कैसे काम किया जाए। हम न केवल ज्ञान, बल्कि कौशल भी हासिल करने का अवसर प्रदान करते हैं। सीखने की प्रक्रिया में, हम छात्र को परीक्षणों से रूबरू कराते हैं, जिसका सिद्धांत है "मॉडल में दिखाए अनुसार मिलान करें।" यह वह सिद्धांत है जिसके द्वारा अधिकांश लेआउट डिज़ाइनर काम करते हैं।
हम किसी भी आईटी विशेषज्ञता के लिए लेआउट को एक बहुत ही उपयोगी कौशल मानते हैं। इसलिए, हम अपने सिमुलेटर को यथासंभव रोचक, व्यसनी, इंटरैक्टिव, असामान्य और कुछ हद तक गेम जैसा बनाने का प्रयास करते हैं।
हमने ऐसे सिम्युलेटर तैयार किए हैं जो एक लेआउट डिजाइनर के काम के विभिन्न पहलुओं को कवर करते हैं। यह लेआउट से पूरी तरह परिचित होने के लिए पर्याप्त है। और जो लोग पेशेवर बनना चाहते हैं, उनके लिए हमने छह ऑनलाइन पाठ्यक्रम तैयार किए हैं। ये अद्वितीय शैक्षिक कार्यक्रम आपको वेब उद्योग के लिए आवश्यक कौशल वाले विशेषज्ञ तैयार करने की अनुमति देते हैं। और गुरु इसमें हमारी सहायता करते हैं। अब तीन सौ से अधिक सलाहकार हमारे साथ काम करते हैं।
यदि सिम्युलेटर और पाठ्यक्रम आपके लिए पर्याप्त नहीं हैं, तो आप बुकशेल्फ़ को देख सकते हैं, जहां हम धीरे-धीरे वेब विकास पर किताबें एकत्र कर रहे हैं। या हमारे मंच पर जाएँ और उस मुद्दे पर चर्चा करें जो आपसे संबंधित है।
कोर्स पूरा करने के बाद, आप ब्राउज़र में किसी भी जटिलता के एनिमेशन बनाने में सक्षम होंगे। एनिमेशन के उचित उपयोग के माध्यम से, आप अपने द्वारा विकसित साइटों की यूएक्स गुणवत्ता और आकर्षण में सुधार कर सकते हैं। पाठ्यक्रम में 40 से अधिक व्यावहारिक कार्य और एक सलाहकार के साथ 10 परामर्श शामिल हैं।
पहले भाग में हम एनिमेशन के इतिहास पर नजर डालेंगे। गति का भ्रम कैसे पैदा करें, शास्त्रीय और कंप्यूटर एनीमेशन के बीच मुख्य अंतर। कंप्यूटर एनीमेशन के निर्माण के लिए क्या सार मौजूद हैं? रैखिक एनीमेशन और फ़्रेम-दर-फ़्रेम एनीमेशन के बीच क्या अंतर है? हम अभिव्यंजक एनीमेशन के 12 सिद्धांतों को भी देखेंगे। इसके बाद हम CSS में सरल एनिमेटेड ट्रांज़िशन बनाएंगे।
- ब्राउज़र में कोड निष्पादित करने के लिए पाइपलाइन।
- सीएसएस संक्रमण और एनीमेशन: अंतर।
- समय कार्य: बिल्ट-इन, क्यूबिक-बेज़ियर।
इस अध्याय में, हम निचले स्तर के अमूर्तन को प्रस्तुत करने के लिए आगे बढ़ेंगे: फ़्रेम-दर-फ़्रेम एनीमेशन। आइए अध्ययन करें कि एफपीएस क्या है और मानक एफपीएस मान: 24, 30, 60। फ्लोटिंग एफपीएस क्या है. आइए फ़्रेम-दर-फ़्रेम एनीमेशन के उदाहरण देखें:
- खेलों में पात्रों की स्थिति का एनीमेशन - वेब स्प्राइट शीट्स पर एक विधि - तैयार एनिमेशन, 360 मॉडल (उदाहरण के लिए, एक कार)।
- कंप्यूटर एनीमेशन, मोशन डिज़ाइन - वेब में एक विधि जेएस ट्वीन और जेएस मॉर्फ - पुस्तकालयों का उपयोग करके एनीमेशन, उदाहरण के लिए, CreateJS, AnimateJS, GSAP।
- ऐसे गेम जो वास्तविक समय में खिलाड़ी की गतिविधियों को ट्रैक करते हैं - रेसिंग, टेट्रिस - एक इंटरेक्शन इंटरफ़ेस के साथ मॉडल बनाने की एक विधि - वेब इंटरैक्टिव तत्वों और गेम में।
हम अभिव्यंजक एनीमेशन के सिद्धांतों का भी गहराई से अध्ययन करना जारी रखेंगे: मंच पर उपस्थिति, आकर्षण, पेशेवर ड्राइंग - विस्तार पर डेवलपर का ध्यान, अंतिम तस्वीर की गुणवत्ता।
व्यावहारिक भाग में हम इसका उपयोग करना सीखेंगे:
- window.requestAnimationFrame.
- कैनवास और उसके पैरामीटर और विधियाँ।
- एक साधारण तत्व के ड्राइंग एनीमेशन का चक्र। परिवर्तन. एक तस्वीर बना रहा है। मुखौटा लगाना। अमूर्त वस्तु वर्ग रीगा है। वर्ग विस्तार. पैरामीट्रिक प्रक्षेपवक्र विशिष्टता. उदाहरण: दीर्घवृत्त, सर्पिल, परवलय, साइन तरंग, अवमंदित साइन तरंग, आदि।
- प्रक्षेप पथ के साथ जोड़-तोड़: जोड़, गुणा, समानांतर स्थानांतरण, साइनसॉइड चरण बदलाव।
- अद्यतन() और रेंडर() विधियाँ।
इस अध्याय में हम फ़्रेम-दर-फ़्रेम एनीमेशन के साथ काम करना जारी रखेंगे। आइए जानें WebGL और OpenGL क्या हैं। आइए 2डी और वेबजीएल के संदर्भ में काम करने के बीच के अंतर को देखें। आइए देखें कि रेखापुंज प्रभाव क्या हैं:
- रंग फिल्टर
- ओपन
- मास्क - ल्यूमिनेशन, अल्फा
- रंग ओवरले - सम्मिश्रण
- शोर
- ऑफसेट
- कलंक
हम रेखापुंज प्रभावों के एनीमेशन का भी अध्ययन करेंगे: निरंतर गति और बदलते पैरामीटर।
व्यवहार में, आइए देखें:
- वर्टेक्स और फ़्रैगमेंट शेडर्स क्या हैं.
- 2डी प्रभावों के लिए वेबजीएल 3डी का उपयोग कैसे करें।
- ज्यामिति क्या है.
- पाइपलाइन वेबजीएल।
- JS और WebGL के बीच सहभागिता।
- WebGL में डेटा प्रकार.
- जीएलएसएल लिखना - मूल बातें।
इस अध्याय में हम समन्वय प्रणालियों, बिंदुओं और वैक्टरों के बारे में फिर से बात करेंगे। आइए 3डी परिवर्तन मैट्रिक्स, चतुर्भुज और यूलर कोण, मैट्रिक्स गुणन का अध्ययन करें।
आइए उपयोगकर्ता नियंत्रण इंटरफ़ेस वाले मॉडल बनाने के लिए 2 विकल्पों पर विचार करें:
- मापदंडों की सीधी सेटिंग: गति या त्वरण (आंदोलन या रोटेशन)।
- लक्ष्य निर्धारित करना - एक ऐसा मूल्य जिस तक आपको धीरे-धीरे पहुंचने की आवश्यकता है: तत्व कर्सर की ओर आकर्षित होता है।
- आइए इंजन के कार्य चक्र, इनवैलिडेट(), अपडेट() और रेंडर() तरीकों और फ्लोटिंग एफपीएस के साथ काम करने की विशेषताओं का अध्ययन करें। आइए जानें कि अपडेट() के अंदर गणना कैसे करें।
व्यावहारिक भाग में, हम थ्री.जेएस लाइब्रेरी के साथ काम करना शुरू करेंगे। चलो पढ़ते हैं:
- वस्तुओं का वर्णन करने के तरीके: स्थिति, ज्यामिति और सामग्री।
- ज्यामिति: पैरामीट्रिक अंतर्निर्मित, मनमाने ढंग से लोड करने योग्य। ज्यामिति बफ़र.
- वहां कौन सी सामग्रियां हैं, सामग्रियों के प्रकार, रेंडरिंग मोड, कस्टम सामग्रियां।
- अद्यतन के लिए झंडे.
- रेंडर लूप.
- स्थिति एनिमेशन. मॉर्फ एनीमेशन विधि.
- स्टेज + कैमरा. दृश्य में ऑब्जेक्ट जोड़ना. समूहीकरण।
- रोशनी। प्रकाश स्रोतों के प्रकार. मैटकैप सामग्री.
इस भाग में हम देखेंगे कि वेबजीएल में और विशेष रूप से थ्री में कैमरा क्या है। जेएस:
- कैमरा नियंत्रण.
- बुनियादी कैमरा गतिविधियाँ.
- कैमरों के रिग.
- विभिन्न प्रकार के नियंत्रण के लिए अलग-अलग रिग डिज़ाइन।
व्यावहारिक भाग में:
- आइये देखते हैं थ्री में किस प्रकार के कैमरे हैं। जेएस, कैमरा पैरामीटर, मोबाइल संस्करण पर स्विच करते समय आकार बदलते हैं।
- आइए कैमरा एनीमेशन के तरीकों का पता लगाएं। आइए उपयोगकर्ता के कार्यों पर प्रतिक्रिया देखें - परिप्रेक्ष्य में एक सहज परिवर्तन। रिग से नियंत्रण: कैमरा रिग रेंडर चक्र। एक उड़ान एनीमेशन बनाना.
- कैमरों के रिग.
- आइए कैमरों के बीच स्विच करने - संपादन पर विचार करें। स्थापना नियम.
पाठ्यक्रम के अंतिम भाग में, हम उन एपीआई को देखेंगे जो अभी तक उत्पादन में उपयोग के लिए तैयार नहीं हैं, लेकिन भविष्य में आपके काम की दक्षता में सुधार करने के लिए अभी अध्ययन शुरू करने लायक हैं।
- आइए देखें कि वेब एनिमेशन एपीआई नियमित सीएसएस एनीमेशन से कैसे भिन्न है और यह कौन सी अतिरिक्त क्षमताएं प्रदान करता है।
- आइए हौदिनी एपीआई की मूल बातें सीखें।
- आइए पुस्तकालयों के बारे में बात करें जो एनिमेशन, टाइमलाइन, एसवीजी, कैनवास, वेबजीएल के साथ काम को सरल बनाने में मदद करेंगे।
- आइए वेब के लिए एनीमेशन और ग्राफिक्स के साथ काम करने के कार्यक्रमों पर विचार करें: Google वेब डिज़ाइनर, एडोब एनिमेट, एडोब आफ्टर इफेक्ट्स, 3डी ग्राफिक्स प्रोग्राम: सिनेमा 4डी, ब्लेंडर।
- आइए गतिशील रूप से उत्पन्न एनीमेशन और ग्राफिक्स बनाने के तरीकों का एक संक्षिप्त अवलोकन करें। आइए देखें कि 3डी के साथ क्रॉस-प्लेटफ़ॉर्म सॉफ़्टवेयर बनाने के लिए किन टूल का उपयोग किया जा सकता है।
- आइए इस बारे में बात करें कि आप एनिमेशन बनाने में और कैसे विकास कर सकते हैं।
इस पाठ्यक्रम में, आप उन मूलभूत सिद्धांतों को सीखेंगे जो फ्रंट-एंड एप्लिकेशन विकसित करने में काम आते हैं।
इस पाठ्यक्रम में आप Redux टूलकिट सीखेंगे। आप रिएक्ट एप्लिकेशन में राज्य को व्यवस्थित करने के बारे में अधिक जानेंगे। अंततः, आप सीखेंगे कि जटिल स्थिति को कैसे प्रबंधित किया जाए और प्रतिक्रिया अनुप्रयोगों को कैसे डिज़ाइन किया जाए।
एक मांग वाले पेशे में शुरुआत से महारत हासिल करें।