क्लासरूम और लाइव ऑनलाइन 60 घंटे वेरिफ़ाई योग्य सर्टिफिकेट सिलेबस ↓

CSS कोर्स

असली प्रोजेक्ट और ऑनलाइन वेरिफाई होने वाले सर्टिफिकेट के साथ प्रैक्टिकल CSS ट्रेनिंग।

आपका रोडमैप — एडमिशन से सर्टिफिकेट तक

  1. फ्री काउंसलिंग

    हमारे काउंसलर से बात करें — सही कोर्स, बैच का समय और मोड चुनें।

  2. एडमिशन

    अपने नज़दीकी CADD सेंटर पर या ऑनलाइन जुड़ें। आपको अपना स्टूडेंट लॉगिन और ID कार्ड मिलता है।

  3. स्टेप बाय स्टेप सीखें

    CSS की 60 घंटे की प्रैक्टिकल क्लास — क्लासरूम में या लाइव ऑनलाइन।

    CSS की बुनियादी बातेंरंग, यूनिट और टाइपोग्राफ़ीबॉक्स मॉडलबैकग्राउंड, इमेज और डिस्प्लेपोज़िशनिंग और एडवांस सिलेक्टरFlexbox लेआउटCSS Grid लेआउटरिस्पॉन्सिव वेब डिज़ाइनTransitions, Transforms और एनिमेशनमॉडर्न CSS और टूल
  4. प्रैक्टिस और प्रोजेक्ट

    हर क्लास में अभ्यास और एक फ़ाइनल प्रोजेक्ट, जिसे आपके ट्रेनर जाँचते हैं।

  5. कोर्स पूर्णता सर्टिफिकेट + पूर्णता बैज

    कोर्स पूरा करें और अपना कोर्स-पूर्णता सर्टिफिकेट और आपके नाम वाला डिजिटल पूर्णता बैज पाएँ।

    कोर्स-कम्प्लीशन सर्टिफिकेट का नमूना — HTML और CSS से प्रोग्रामिंग
    कोर्स-कम्प्लीशन सर्टिफिकेट (नमूना) — HTML और CSS से प्रोग्रामिंग · ऑनलाइन वेरिफ़ाई होने वाला
    कोर्स-कम्प्लीशन बैज — HTML और CSS से प्रोग्रामिंग
    कोर्स-पूर्णता बैज
    कोर्स
    HTML और CSS से प्रोग्रामिंग
    जारीकर्ता
    CADD Training Cetre
    ट्रेनिंग
    क्लासरूम या लाइव ऑनलाइन
    कमाई कैसे करें
    कोर्स और उसका प्रोजेक्ट पूरा करें
    आपके नाम और वर्ष के साथ · अपना अलग वेरिफ़ाई लिंक · LinkedIn पर “Add to profile”
  6. सर्टिफ़िकेशन परीक्षा

    सर्टिफ़िकेशन परीक्षा दें: एक theory test और एक practical task — सेंटर पर या ऑनलाइन।

  7. सर्टिफ़ाइड सर्टिफिकेट + मार्कशीट

    परीक्षा पास करें और marksheet के साथ certified सर्टिफ़िकेट पाएँ। कोई भी इसके QR code से इसे ऑनलाइन जाँच सकता है।

  8. सर्टिफ़ाइड बैज

    आपका certified बैज — इसे LinkedIn पर जोड़ें और कहीं भी शेयर करें; यह अपना verify page खोलता है।

    सर्टिफाइड बैज — HTML और CSS से प्रोग्रामिंग
    सर्टिफ़ाइड बैज
    कोर्स
    HTML और CSS से प्रोग्रामिंग
    जारीकर्ता
    CADD Training Cetre
    ट्रेनिंग
    क्लासरूम या लाइव ऑनलाइन
    कमाई कैसे करें
    सर्टिफ़िकेशन परीक्षा पास करें
    आपको यह भी मिलता है
    सर्टिफ़ाइड सर्टिफिकेट + मार्कशीट
    आपके नाम और वर्ष के साथ · अपना अलग वेरिफ़ाई लिंक · LinkedIn पर “Add to profile”
  9. अपनी CV बनाएँ और जॉब के लिए apply करें

    अपने student panel (Career → My CV) में CV बनाएँ — आपका कोर्स, सर्टिफ़िकेट और प्रोजेक्ट अपने-आप जुड़ जाते हैं। इसे preview picture वाले link के रूप में भेजें, और जॉब्स व कंपनियों की Hire Me requests पर apply करें।

CSS कोर्स के बारे में

CSS (Cascading Style Sheets) वह लैंग्वेज है जो तय करती है कि वेबसाइट कैसी दिखेगी: रंग, फ़ॉन्ट, spacing, लेआउट, रेस्पॉन्सिव व्यवहार और एनिमेशन। HTML कंटेंट और बनावट देता है; CSS उसे एक साफ़, इस्तेमाल में आसान डिज़ाइन में बदलता है जो फ़ोन, टैबलेट और डेस्कटॉप पर चलता है। वेब डिज़ाइनर, फ़्रंट-एंड और UI डेवलपर, और WordPress या Shopify थीम डेवलपर, सभी मज़बूत CSS स्किल पर निर्भर रहते हैं।

60 घंटों में यह कोर्स आपको selectors, specificity और cascade से लेकर पूरे रेस्पॉन्सिव लेआउट तक ले जाता है। आप color formats, आधुनिक units और web fonts के साथ काम करते हैं, box model, backgrounds, display और positioning में महारत पाते हैं, और pseudo-classes व pseudo-elements इस्तेमाल करते हैं। दो पूरे चैप्टर इन पर हैं: Flexbox और CSS Grid, इसके बाद media queries और fluid typography के साथ mobile-first रेस्पॉन्सिव डिज़ाइन। आप transitions, transforms और keyframe animations भी जोड़ते हैं, custom properties और BEM naming से कोड व्यवस्थित करते हैं, और Sass व Bootstrap का परिचय पाते हैं। क्लास कोडिंग सेशन होती हैं जिनमें ट्रेनर आपके लेआउट जाँचते हैं, CADD क्लासरूम में या लाइव ऑनलाइन, और आख़िर में आप एक डिज़ाइन मॉक-अप से रेस्पॉन्सिव लैंडिंग पेज बनाते हैं।

जुड़ने से पहले बेसिक HTML आना ज़रूरी है; अगर आप नए हैं, तो पहले HTML कोर्स करें। CSS के बाद JavaScript फ़्रंट-एंड डेवलपमेंट रोल की ओर अगला कदम है।

आप यह कर पाएँगे

  • selectors, specificity और cascade से स्टाइल लागू करें
  • box model और आधुनिक units से spacing और size कंट्रोल करें
  • web fonts, colours, backgrounds और gradients से टेक्स्ट स्टाइल करें
  • Flexbox और CSS Grid से पेज लेआउट बनाएँ
  • media queries और mobile-first तरीके से वेबसाइट को रेस्पॉन्सिव बनाएँ
  • transitions, transforms और keyframe animations जोड़ें
  • custom properties से CSS व्यवस्थित करें और Sass व Bootstrap का परिचय पाएँ
  • एक डिज़ाइन को रेस्पॉन्सिव, स्टाइल की हुई वेबसाइट में बदलें

यह किसके लिए है

  • बेसिक HTML पहले से जानने वाले लर्नर
  • कंप्यूटर साइंस, IT और वेब डिज़ाइन के स्टूडेंट
  • अपने डिज़ाइन खुद बनाना चाहने वाले ग्राफ़िक और UI डिज़ाइनर
  • फ़्रंट-एंड लेआउट स्किल सुधारना चाहने वाले डेवलपर

आपको क्या चाहिए

  • बेसिक HTML का ज्ञान या हमारा HTML कोर्स पूरा होना
  • VS Code और आधुनिक ब्राउज़र वाला कंप्यूटर
  • लाइव ऑनलाइन क्लास के लिए स्थिर इंटरनेट कनेक्शन

CSS वाले कोर्स

HTML और CSS से प्रोग्रामिंगएसोसिएट कोर्स · 100 घंटे · 2 सॉफ्टवेयर
पूछताछ करें →
वेब डेवलपर – एसोसिएट करियर प्रोग्रामएसोसिएट करियर प्रोग्राम · 160 घंटे · 3 सॉफ्टवेयर
पूछताछ करें →
Java डेवलपर – एसोसिएट करियर प्रोग्रामएसोसिएट करियर प्रोग्राम · 260 घंटे · 4 सॉफ्टवेयर
पूछताछ करें →
UI / UX डिज़ाइनर – प्रोफेशनल करियर प्रोग्रामप्रोफेशनल करियर प्रोग्राम · 300 घंटे · 5 सॉफ्टवेयर
पूछताछ करें →
वेब डेवलपर – प्रोफेशनल करियर प्रोग्रामप्रोफेशनल करियर प्रोग्राम · 244 घंटे · 5 सॉफ्टवेयर
पूछताछ करें →
Java डेवलपर – प्रोफेशनल करियर प्रोग्रामप्रोफेशनल करियर प्रोग्राम · 364 घंटे · 6 सॉफ्टवेयर
पूछताछ करें →
Python डेवलपर – प्रोफेशनल करियर प्रोग्रामप्रोफेशनल करियर प्रोग्राम · 232 घंटे · 6 सॉफ्टवेयर
पूछताछ करें →

CSS सिलेबस

11 चैप्टर · 54 टॉपिक
01 CSS की बुनियादी बातें 5 टॉपिक
  1. Inline, internal और external stylesheets
  2. CSS syntax: rules, properties और values
  3. Type, class, ID और attribute selectors
  4. Cascade, inheritance और specificity
  5. browser dev tools में styles की जाँच करना
02 रंग, यूनिट और टाइपोग्राफ़ी 5 टॉपिक
  1. Colour formats: hex, rgb, hsl
  2. Absolute और relative units: px, em, rem, %, vw, vh
  3. Font families, Google Fonts और font loading
  4. Font size, weight, line height और letter spacing
  5. Text alignment, decoration और transform
03 बॉक्स मॉडल 5 टॉपिक
  1. Content, padding, border और margin
  2. box-sizing: border-box
  3. Width, height, min और max sizes
  4. Margin collapsing
  5. Overflow, border radius और shadows
04 बैकग्राउंड, इमेज और डिस्प्ले 5 टॉपिक
  1. बैकग्राउंड कलर, इमेज, साइज़ और पोज़िशन
  2. Linear और radial gradients
  3. Display प्रॉपर्टी: block, inline, inline-block, none
  4. Images के लिए Object-fit
  5. Opacity और visibility
05 पोज़िशनिंग और एडवांस सिलेक्टर 5 टॉपिक
  1. Static, relative, absolute, fixed और sticky
  2. z-index और stacking context
  3. Pseudo-classes: hover, focus, nth-child
  4. Pseudo-elements: before और after
  5. Combinators और selector grouping
06 Flexbox लेआउट 5 टॉपिक
  1. Flex container और flex items
  2. justify-content, align-items और gap
  3. flex-grow, flex-shrink और flex-basis
  4. Wrapping और ordering
  5. Navbars, cards और Flexbox से centring
07 CSS Grid लेआउट 5 टॉपिक
  1. Grid container, rows और columns
  2. fr units, repeat और minmax
  3. Grid areas और line placement
  4. responsive grids के लिए Auto-fit और auto-fill
  5. Grid या Flexbox का चयन
08 रिस्पॉन्सिव वेब डिज़ाइन 5 टॉपिक
  1. Viewport meta और mobile-first सोच
  2. Media queries और breakpoints
  3. clamp से Fluid typography
  4. Responsive images और layouts
  5. device emulators पर टेस्टिंग
09 Transitions, Transforms और एनिमेशन 5 टॉपिक
  1. Transition properties और timing functions
  2. 2D और 3D transforms
  3. Keyframe animations
  4. Hover effects और micro-interactions
  5. Reduced-motion preferences
10 मॉडर्न CSS और टूल 5 टॉपिक
  1. CSS custom properties (variables)
  2. BEM naming और stylesheets को व्यवस्थित करना
  3. Sass का परिचय
  4. Bootstrap का परिचय
  5. variables से light और dark themes
11 CSS प्रोजेक्ट 4 टॉपिक
  1. Design mock-up को वेब पेज में बदलना
  2. responsive landing page बनाना
  3. Cross-browser जाँच और सुधार
  4. फाइनल रिव्यू और असेसमेंट

रेटिंग और रिव्यू

विद्यार्थी कोर्स पूरा करने के बाद उसे रेटिंग देते हैं — उनकी रेटिंग यहाँ दिखती है।

CSS कोर्स — FAQ

CSS का इस्तेमाल किसलिए होता है?

CSS (Cascading Style Sheets) तय करता है कि वेब पेज कैसे दिखें: रंग, फ़ॉन्ट, स्पेसिंग, लेआउट, रिस्पॉन्सिव व्यवहार और एनिमेशन। HTML संरचना देता है और CSS डिज़ाइन देता है।

क्या CSS सीखने से पहले HTML आना ज़रूरी है?

हाँ, बुनियादी HTML ज़रूरी है क्योंकि CSS, HTML एलिमेंट को स्टाइल देता है। अगर आप नए हैं, तो पहले हमारा HTML कोर्स करें या जुड़ने से पहले HTML टैग दोहरा लें।

CSS कोर्स कितने समय का है?

CSS कोर्स 60 घंटे चलता है, जिसमें हर क्लास में कोडिंग अभ्यास और अंत में एक रिस्पॉन्सिव वेबसाइट प्रोजेक्ट होता है।

क्या CSS कोर्स ऑनलाइन उपलब्ध है?

हाँ। CADD Training Centre का क्लासरूम बैच या लाइव ऑनलाइन क्लास चुनें, जहाँ आप साथ-साथ कोडिंग करते हैं और ट्रेनर आपके लेआउट जाँचते हैं।

क्या मुझे CSS कोर्स का सर्टिफिकेट मिलेगा?

हाँ। CSS कोर्स से आपको CADD Training Centre का सर्टिफिकेट मिलता है, जिसे QR कोड या वेरिफ़िकेशन कोड से ऑनलाइन वेरिफ़ाई किया जा सकता है। अपने रिस्पॉन्सिव लैंडिंग पेज को भी पोर्टफ़ोलियो में जोड़ें।

किन जॉब में CSS स्किल्स चाहिए?

CSS वेब डिज़ाइनर, फ़्रंट-एंड डेवलपर, UI डेवलपर और WordPress या Shopify थीम डेवलपर के लिए HTML और JavaScript के साथ ज़रूरी है।

Flexbox और CSS Grid में क्या अंतर है?

Flexbox आइटम को एक दिशा में, रो या कॉलम में, व्यवस्थित करता है और navbar व card के लिए उपयुक्त है। Grid दो दिशाओं में काम करता है और पूरे पेज लेआउट के लिए उपयुक्त है। इस कोर्स में दोनों पढ़ाए जाते हैं।

क्या CSS सीखना कठिन है?

बुनियादी बातें जल्दी समझ आ जाती हैं। लेआउट और रिस्पॉन्सिव डिज़ाइन में अभ्यास लगता है, इसीलिए यह कोर्स असली अभ्यासों के साथ Flexbox, Grid और media queries पर कई चैप्टर देता है।

और सवाल हैं? हमारे काउंसलर से पूछें या पढ़ें सामान्य FAQ.

CSS60 घंटे
अभी पूछताछ करें