वेबसाइटों का लेआउट और वेब विकास। उन्नत स्तर का वेब विकास - पाठ्यक्रम 1990 रगड़। स्टेपिक से, प्रशिक्षण 131 पाठ, दिनांक: 1 दिसंबर, 2023।
अनेक वस्तुओं का संग्रह / / December 04, 2023
नमस्ते!
मेरा नाम दीमा है. और मैं आपको वेबसाइट निर्माण और लेआउट की गहराई में उतरने के लिए आमंत्रित करता हूं!
यह कोर्स उन लोगों के लिए है जो पहले से ही बुनियादी बातें जानते हैं, लेकिन वेबसाइट निर्माण के अच्छे स्तर से उत्कृष्ट स्तर की ओर बढ़ना चाहते हैं।
यह पाठ्यक्रम उन लोगों के लिए है जो HTML और CSS की मूल बातें जानते हैं, लेकिन जानते हैं कि अभी भी कई तकनीकें, विकास तकनीकें और प्रौद्योगिकियां हैं जिनका उपयोग वास्तविक प्रो-डेवलपर्स द्वारा किया जाता है।
यदि यह परिचित लगता है, तो यह पाठ्यक्रम आपके लिए है)
सीएसएस के माध्यम से आधुनिक एनिमेशन के साथ अपनी वेबसाइटों में जान डालें
हम अपनी साइटों में गतिशीलता शुरू करके शुरुआत करेंगे, यानी हम एनीमेशन करेंगे। हम सीखेंगे कि शुद्ध सीएसएस का उपयोग करके बटन, टेक्स्ट और शीर्षकों को कैसे एनिमेट किया जाए, कार्ड एनिमेशन कैसे बनाया जाए, एक गतिशील नेविगेशन मेनू कैसे बनाया जाए, और यह सब जेएस कोड की एक भी पंक्ति के बिना, केवल शुद्ध सीएसएस।
इस पाठ्यक्रम में रिस्पॉन्सिव डिज़ाइन में सर्वोत्तम अभ्यास शामिल हैं।
आप अपनी साइटों को प्रतिक्रियात्मक ढंग से डिज़ाइन करने के नए तरीके और तरकीबें सीखेंगे, मीडिया प्रश्नों को परिभाषित करने और लिखने के लिए नई तकनीकों का उपयोग करेंगे, और सीखेंगे कि कैसे केवल एक सीएसएस प्रॉपर्टी को बदलकर सभी पेज तत्वों को अनुकूलित करें ताकि आपकी साइट किसी भी मोबाइल डिवाइस पर पहले से बेहतर दिखे उपकरण
आधुनिक प्रीप्रोसेसरों की सभी पेचीदगियों और फायदों को जानें
आप सीखेंगे कि एसएएसएस प्रीप्रोसेसर की पूरी क्षमताओं, जैसे मिक्सिन, वेरिएबल्स और फ़ंक्शंस का उपयोग करके अपनी वेबसाइट निर्माण को कई गुना तेज़ कैसे किया जाए।
एनपीएम का उपयोग करने के लिए आवश्यक बुनियादी बातें
साथ ही, प्रत्येक पेशेवर डेवलपर के लिए आवश्यक प्लगइन्स वाले एनपीएम पैकेज हमें पहले से कहीं अधिक तेजी से और अधिक कुशलता से वेबसाइट बनाने और अनुकूलित करने का अवसर देंगे।
Git संस्करण नियंत्रण प्रणाली आपके विकास में सहायता करेगी
इसके अतिरिक्त, आप गिट संस्करण नियंत्रण प्रणाली के साथ काम करने के लिए आवश्यक बुनियादी बातें सीखेंगे ताकि आपके पास हमेशा रहे आपकी साइट के सही संस्करण पर लौटने की क्षमता, चाहे आपने पिछली बार कितनी भी गड़बड़ की हो साइट अपडेट करें)
आप अपने पोर्टफोलियो के लिए 2 आधुनिक वेबसाइट बना रहे हैं
यह पाठ्यक्रम अभ्यास पर बनाया गया है और छोटे वीडियो पाठों में विभाजित है जिसमें हम चरण दर चरण 2 बड़े आधुनिक प्रोजेक्ट तैयार करेंगे फ्लोट सिस्टम पर - ताकि आप पुरानी परियोजनाओं का समर्थन कर सकें और निश्चित रूप से जीआरआईडी सीएसएस सिस्टम पर, जो आपको अविश्वसनीय जटिलता के लेआउट बनाने की अनुमति देता है।
और निश्चित रूप से, आपको इन परियोजनाओं को अपने संभावित ग्राहकों या भावी नियोक्ताओं को दिखाने में शर्म नहीं आएगी।
मैं हमेशा संपर्क में हूँ!
और निश्चिंत रहें, आपको अकेला नहीं छोड़ा जाएगा, क्योंकि प्रत्येक छोटे पाठ के बाद, आपके पास मेरे कोड के साथ अपने कोड की तुलना करने या बस एक प्रश्न पूछने का अवसर होगा; उत्तर आने में आमतौर पर देर नहीं लगती है।
पैसे वापस गारंटी!
और यदि आपको अभी भी संदेह है, तो यह कोर्स 30 दिनों के भीतर पसंद न आने पर इस पर खर्च किए गए पैसे वापस करने का अवसर प्रदान करता है।
मेरे साथ जुड़ें और साथ मिलकर हम सीखेंगे कि पेशेवर, आधुनिक वेबसाइटें कैसे बनाई जाती हैं।
कक्षा में मिलेंगे!
9
पाठ्यक्रममैं 2016 से मूल ऑनलाइन पाठ्यक्रम बना रहा हूं। मैं पेशेवर रूप से एडोब ग्राफिक संपादकों के साथ काम करना सिखाता हूं, डिजाइन और वेब विकास सिखाता हूं।
नमस्ते! मेरा नाम दीमा है! मैं घमंड नहीं करना चाहता, लेकिन मुझे करना होगा) मैंने अपने स्वामित्व वाले ऑनलाइन पाठ्यक्रमों में दुनिया भर में 5,000 से अधिक छात्रों को पढ़ाया है। 5.00 में से 4.83 की औसत रेटिंग के साथ 2,000 से अधिक वास्तविक समीक्षाएँ! मैं वेब डिज़ाइन, वेब डेवलपमेंट और आवश्यक सॉफ़्टवेयर (फ़ोटोशॉप इलस्ट्रेटर, फ़िग्मा) सिखाता हूँ। मेरे शिक्षण अनुभव में 5 साल की फ्रीलांस ट्यूशन के साथ-साथ वैश्विक दूरस्थ शिक्षा प्लेटफार्मों पर ऑनलाइन स्कूलों और पाठ्यक्रमों के माध्यम से पढ़ाना शामिल है। मेरे पाठ्यक्रमों के छात्र मेरे सर्वोत्तम गुणों को इस रूप में देखते हैं कि मैं सामग्री को बिना रटे, मनोरंजक और रोचक ढंग से प्रस्तुत करता हूँ।
तैयारी/दोहराव/पहला एनिमेशन
1. नमस्ते!) पाठ्यक्रम के लिए सामग्री डाउनलोड करें
2. आवश्यक सॉफ़्टवेयर स्थापित और कॉन्फ़िगर करें
3. नई संपत्ति क्लिप-पथ. हम साइट का पहला खंड बनाना शुरू करते हैं
4. यदि स्काउट-ऐप आपके लिए काम नहीं करता है
5. अभ्यास करें: क्लिप-पाथ का उपयोग करके अपना आकार बनाएं
6. पूर्ण स्थिति का उपयोग करके तत्वों को लंबवत रूप से संरेखित करना
7. @KeyFrames से मिलें. आइए पहला एनिमेशन बनाएं।
8. छद्म-वर्गों के माध्यम से बैकफेस-दृश्यता और बटन बनाना
9. छद्म तत्वों का उपयोग करके एक बटन को एनिमेट करना
10. एनीमेशन-भरण-मोड। एक विशिष्ट बिंदु से एनीमेशन शुरू करना।
11. वेब विकास के 3 सिद्धांत
12. पीएक्स के स्थान पर आरईएम का प्रयोग करें
गिट और गिटहब
1. यह ब्लॉक किस बारे में है?
2. टर्मिनल में बुनियादी आदेश
3. टर्मिनल के माध्यम से फ़ाइलों को कैसे संपादित करें
4. हमारे कंप्यूटर पर git सिस्टम इंस्टॉल करें
5. किसी विशिष्ट प्रोजेक्ट में git कैसे चलाएँ
6. पहली प्रतिबद्धता बनाना
7. GitHub पर एक प्रोजेक्ट सबमिट करना
8. यदि GitHub पर अपना प्रोजेक्ट सबमिट करते समय आपको कोई त्रुटि आती है
9. किसी प्रोजेक्ट को GitHub पर पुश करने का प्रयास करते समय लॉगिन त्रुटि
10. अभ्यास करें: अपना स्वयं का भंडार बनाएं
11. GitHub रिपॉजिटरी को कैसे हटाएं
12. GitHub से रिपॉजिटरी कैसे डाउनलोड करें
13. हम एक रिपॉजिटरी पर 2 डेवलपर्स के काम का अनुकरण करते हैं
14. टर्मिनल में कमिट के बारे में जानकारी कैसे प्रदर्शित करें। गिट लॉग
15. शाखाएँ क्या हैं?
16. शाखाएँ कैसे बनाएँ और नेविगेट करें।
17. हम -u और -M नोटेशन के साथ मिनी कोर्स की शुरुआत से अंतर को बंद करते हैं
18. चेकआउट के दौरान सहेजे न गए त्रुटि हुई
19. बनाए गए परिवर्तनों को नई शाखा में कैसे धकेलें
20. एक नई शाखा में एकाधिक प्रतिबद्धताओं को कैसे आगे बढ़ाया जाए
21. अलग सिर की स्थिति क्या है? अलग सिर
22. पिछली प्रतिबद्धता से किसी विशिष्ट फ़ाइल को कैसे पुनर्स्थापित करें
23. उन्नत गिट लॉग और गिट शो
24. Git मर्ज का उपयोग करके शाखाओं का विलय कैसे करें। तेजी से आगे बढ़ने की विधि
25. शाखाएँ कैसे हटाएँ
26. अनट्रैक स्थिति से निर्देशिका फ़ाइलों को कैसे हटाएं
27. गिट रीसेट--हार्ड। किसी कमिट को हार्ड रोलबैक कैसे करें
28. ORIG_HEAD का उपयोग करके अटकी हुई प्रतिबद्धता को खोजने का दूसरा तरीका
29. गिट रीसेट--सॉफ्ट
30. Git कमिट--पिछली कमिट की टिप्पणी को संशोधित करें
31. गिट रीसेट--मिश्रित
32. गिट रीसेट और गिट रिस्टोर के बीच अंतर
33. गिट डिफ का परिचय। कई कमिटों के अंतर को कंसोल पर प्रिंट करना
34. Git diff का उपयोग करने का व्यावहारिक उदाहरण
35. टर्मिनल में शाखा आरेख कैसे प्रदर्शित करें। गिट लॉग--ग्राफ
36. हम git मर्ज का उपयोग करके शाखाओं का विलय करते हैं। विधि "सच्चा संलयन"
37. मर्ज के बाद वापस कैसे रोल करें?
38. गिट चेरी-पिक का उपयोग करके किसी विशिष्ट कमिट की प्रतिलिपि कैसे बनाएं
39. गिट रिबेस के साथ शाखाओं का विलय
40. कौन सा बेहतर है गिट रिबेस या गिट मर्ज
41. .gitignore फ़ाइल का उपयोग कैसे करें
42. अंतिम शब्द
उन्नत लेआउट - सीएसएस/एसएएसएस
1. यह ब्लॉक किस बारे में है?
2. SASS वेरिएबल कैसे काम करते हैं
3. मिक्सिन कैसे काम करते हैं
4. मिक्सिन्स में तर्क कैसे जोड़ें
5. SASS टेम्प्लेट क्या हैं
6. SASS फ़ंक्शंस कैसे काम करते हैं
7. किसी बड़े प्रोजेक्ट के लिए SASS फ़ाइलें व्यवस्थित करना
8. तत्वों को व्यवस्थित करने के 3 तरीके
9. फ्लोट कैसे काम करता है?
10. अपना स्वयं का ग्रिड सिस्टम बनाना
11. पाठ में ग्रेडिएंट लागू करना. बैकग्राउड-क्लिप
12. HTML का उपयोग करके प्रतीक कैसे बनाएं
13. दूसरे खंड को एनिमेट करना और समाप्त करना
14. अपना खुद का आइकन फॉन्ट कैसे बनाएं
15. हम तत्वों के परिप्रेक्ष्य को प्रतिबिंबित करने के लिए परिप्रेक्ष्य संपत्ति का उपयोग करते हैं
16. CSS में ब्लेंडिंग मोड कैसे काम करता है
17. कार्ड के साथ अनुभाग को समाप्त करना
18. शेप-आउटसाइड प्रॉपर्टी का उपयोग करके टेक्स्ट को गोल कैसे करें
19. सीएसएस फ़िल्टर कैसे काम करते हैं
20. किसी पेज पर वीडियो कैसे जोड़ें
21. फॉर्म टैग और उसकी सामग्री को जानना
22. प्रपत्र को एनिमेट करना
23. CSS का उपयोग करके अपना स्वयं का रेडियो बटन बनाना
24. एक वेबसाइट फ़ुटर बनाना
25. शुद्ध सीएसएस भाग-1 का उपयोग करके एक नेविगेशन मेनू बनाना
26. क्यूबिक-बेज़ियर का उपयोग करके एनीमेशन स्पीड ट्रांज़िशन सेट करना
27. एक हैमबर्गर को एनिमेट करना
अनुकूली डिज़ाइन
1. यह ब्लॉक किस बारे में है?
2. रिस्पॉन्सिव वेबसाइट कैसे बनाएं
3. मीडिया नियमों के साथ मिश्रण बनाना
4. परियोजना का अनुकूलन भाग 1
5. परियोजना का अनुकूलन भाग 2
6. परियोजना का अनुकूलन भाग 3
7. प्रतिक्रियाशील छवियाँ क्या हैं
8. HTML में छवियों को कैसे अनुकूलित करें
9. आइए अपने प्रोजेक्ट में HTML छवियों को अनुकूलित करें
10. सीएसएस छवियों का अनुकूलन
11. कुछ अंतिम साइट संपादन
नोड पैकेज मैनेजर
1. यह ब्लॉक किस बारे में है?
2. नोड.जेएस और एनपीएम क्या है?
3. उपयोग के लिए पहला एनपीएम पैकेज तैयार किया जा रहा है
4. पहला एनपीएम पैकेज लॉन्च करना
5. हमारे प्रोजेक्ट में गल्प का उपयोग करना
6. मोबाइल फोन पर वेबसाइट कैसे खोलें
सीएसएस ग्रिड का परिचय
1. यह ब्लॉक किस बारे में है?
2. तैयारी
3. ग्रिड टेम्प्लेट कैसे बनाएं. ग्रिड टेम्पलेट
4. एफआर इकाइयां कैसे काम करती हैं
5. किसी तत्व को दूसरे सेल में कैसे ले जाएँ
6. एक सेल में एकाधिक आइटम रखना
7. अभ्यास करें: एक वेबसाइट लेआउट बनाएं
8. एक शिक्षक का उदाहरण. एक लेआउट बनाएं
9. ग्रिड में प्रत्येक पंक्ति का नाम कैसे बदलें
10. नामकरण योजना का उपयोग करके ग्रिड टेम्पलेट कैसे बनाएं
11. स्पष्ट और अंतर्निहित ग्रिड क्या हैं?
12. कोशिकाओं के अंदर तत्वों को कैसे संरेखित करें
13. कंटेनर के अंदर ग्रिड को कैसे संरेखित करें
14. न्यूनतम-अधिकतम सामग्री
15. स्वतः-भरण और स्वतः-फ़िट। सामग्री के आधार पर सेल आकार
16. निष्कर्ष। ग्रिड गार्डन
ग्रिड सीएसएस परियोजना
1. यह ब्लॉक किस बारे में है?
2. तैयारी
3. एक ग्रिड टेम्प्लेट भाग 1 बनाएँ
4. एक ग्रिड टेम्पलेट भाग 2 बनाएँ
5. एसवीजी स्प्राइट कैसे काम करते हैं
6. हम साइट का दूसरा भाग समाप्त कर रहे हैं
7. "बैनर" अनुभाग बनाना, भाग 1
8. "बैनर" अनुभाग बनाना, भाग 2
9. कार्ड के साथ एक अनुभाग बनाना
10. एक गैलरी बनाना
11. पाद लेख बनाना
12. "हैमबर्गर" बनाना
13. हेडर भाग 1 बनाना
14. हेडर भाग 2 बनाना
15. हम साइट को अनुकूलित करते हैं
फिर मिलेंगे!
1. अलविदा!
अपना प्रमाणपत्र प्राप्त करें
1. पाठ्यक्रम पूरा होने का प्रमाणपत्र प्राप्त करने के लिए परीक्षण करें