CSS Grid டிராக் செயல்பாடுகள்: ரெஸ்பான்சிவ் வடிவமைப்பிற்கான டைனமிக் லேஅவுட் அளவீடு

CSS Grid வலைதள லேஅவுட்டில் ஒரு புரட்சியை ஏற்படுத்தியுள்ளது, இது இணையற்ற கட்டுப்பாடு மற்றும் நெகிழ்வுத்தன்மையை வழங்குகிறது. அதன் ஆற்றலின் மையத்தில் டிராக் செயல்பாடுகள் (track functions) உள்ளன, அவை கிரிட்டிற்குள் வரிசைகள் மற்றும் நெடுவரிசைகளின் அளவை வரையறுக்கின்றன. வெவ்வேறு திரை அளவுகள் மற்றும் உள்ளடக்கத் தேவைகளுக்கு ஏற்ப தடையின்றி மாற்றியமைக்கும் ரெஸ்பான்சிவ் மற்றும் டைனமிக் லேஅவுட்களை உருவாக்குவதற்கு இந்த செயல்பாடுகளைப் புரிந்துகொண்டு தேர்ச்சி பெறுவது முக்கியம்.

CSS Grid டிராக் செயல்பாடுகள் என்றால் என்ன?

கிரிட் டிராக்குகளின் (வரிசைகள் மற்றும் நெடுவரிசைகள்) அளவைக் குறிப்பிட டிராக் செயல்பாடுகள் பயன்படுத்தப்படுகின்றன. அவை டிராக்குகளுக்கு இடையில் இடம் எவ்வாறு விநியோகிக்கப்படுகிறது என்பதை வரையறுப்பதற்கான ஒரு வழியை வழங்குகின்றன, இது நிலையான மற்றும் நெகிழ்வான அளவீடுகளை அனுமதிக்கிறது. மிகவும் பொதுவாகப் பயன்படுத்தப்படும் டிராக் செயல்பாடுகள்:

• fr (பின்ன அலகு): கிரிட் கன்டெய்னரில் கிடைக்கும் இடத்தின் ஒரு பின்னத்தைக் குறிக்கிறது.
• minmax(min, max): குறைந்தபட்ச மற்றும் அதிகபட்ச மதிப்பிற்கு இடையே ஒரு அளவு வரம்பை வரையறுக்கிறது.
• auto: டிராக்கின் அளவு அதனுள் உள்ள உள்ளடக்கத்தால் தீர்மானிக்கப்படுகிறது.
• fit-content(length): டிராக்கின் அளவு அதன் உள்ளடக்கத்திற்குப் பொருந்தும்படி மாற்றியமைக்கிறது, ஆனால் குறிப்பிட்ட நீளத்தை ஒருபோதும் தாண்டாது.

fr அலகு: கிடைக்கும் இடத்தை விநியோகித்தல்

fr அலகு டிராக் செயல்பாடுகளில் மிகவும் சக்திவாய்ந்த மற்றும் நெகிழ்வான ஒன்றாகும். இது கிரிட் கன்டெய்னரில் கிடைக்கும் இடத்தை கிரிட் டிராக்குகளுக்கு இடையில் விகிதாசாரமாகப் பிரிக்க உங்களை அனுமதிக்கிறது. மற்ற டிராக்குகள் அளவிடப்பட்ட பிறகு மீதமுள்ள காலியிடத்தின் ஒரு பின்னத்தை fr அலகு குறிக்கிறது.

அடிப்படை பயன்பாடு

பின்வரும் CSS-ஐ கருத்தில் கொள்ளுங்கள்:

            .grid-container {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
}

            

              
                Copy
              
            
          

இது மூன்று நெடுவரிசைகளைக் கொண்ட ஒரு கிரிட்டை உருவாக்குகிறது. முதல் மற்றும் மூன்றாவது நெடுவரிசைகள் ஒவ்வொன்றும் கிடைக்கும் இடத்தில் 1/4 பங்கை எடுத்துக்கொள்கின்றன, இரண்டாவது நெடுவரிசை 2/4 (அல்லது 1/2) பங்கை எடுத்துக்கொள்கிறது. கிரிட் கன்டெய்னர் 600px அகலமாகவும், நிலையான அளவு நெடுவரிசைகள் எதுவும் இல்லை என்றால், முதல் மற்றும் மூன்றாவது நெடுவரிசைகள் ஒவ்வொன்றும் 150px அகலமாகவும், இரண்டாவது நெடுவரிசை 300px அகலமாகவும் இருக்கும்.

fr-ஐ நிலையான அளவு டிராக்குகளுடன் கலத்தல்

fr-ன் உண்மையான சக்தி, நிலையான அளவு டிராக்குகளுடன் (எ.கா., பிக்சல்கள், ems, rems) இணைக்கப்படும்போது வெளிப்படுகிறது. நிலையான அளவு டிராக்குகள் முதலில் அளவிடப்படுகின்றன, பின்னர் மீதமுள்ள இடம் fr அலகுகளுக்கு இடையில் விநியோகிக்கப்படுகிறது.

            .grid-container {
  display: grid;
  grid-template-columns: 200px 1fr 2fr;
}

            

              
                Copy
              
            
          

இந்த எடுத்துக்காட்டில், முதல் நெடுவரிசை 200px ஆக நிர்ணயிக்கப்பட்டுள்ளது. கிரிட் கன்டெய்னர் 600px அகலமாக இருந்தால், மீதமுள்ள 400px இரண்டாவது மற்றும் மூன்றாவது நெடுவரிசைகளுக்கு இடையில் விநியோகிக்கப்படும். இரண்டாவது நெடுவரிசை மீதமுள்ள இடத்தில் 1/3 பங்கை (தோராயமாக 133.33px) பெறும், மூன்றாவது நெடுவரிசை 2/3 பங்கை (தோராயமாக 266.67px) பெறும்.

எடுத்துக்காட்டு: ஒரு குளோபல் நேவிகேஷன் பார்

இடதுபுறத்தில் ஒரு நிலையான அகல லோகோ, நடுவில் அதிக இடத்தை எடுத்துக்கொள்ளும் ஒரு தேடல் பட்டி, மற்றும் வலதுபுறத்தில் ஒரு நிலையான அகல பயனர் கணக்கு ஐகான்கள் கொண்ட ஒரு குளோபல் நேவிகேஷன் பாரை கற்பனை செய்து பாருங்கள்.

            .nav-container {
  display: grid;
  grid-template-columns: 150px 1fr 100px; /* Logo, Search, Account Icons */
}

.nav-logo {
  /* Logo styling */
}

.nav-search {
  /* Search bar styling */
}

.nav-account {
  /* Account icon styling */
}

            

              
                Copy
              
            
          

இங்கே, லோகோ நெடுவரிசை 150px அகலமும், கணக்கு ஐகான் நெடுவரிசை 100px அகலமும் கொண்டது, மேலும் தேடல் பட்டி நெடுவரிசை மீதமுள்ள இடத்தை நிரப்ப விரிவடைகிறது. இது லோகோ மற்றும் கணக்கு ஐகான்களுக்கான நிலையான அளவுகளைப் பராமரிக்கும் அதே வேளையில், வெவ்வேறு திரை அளவுகளுக்கு தேடல் பட்டி மாற்றியமைக்கப்படுவதை உறுதி செய்கிறது.

minmax() செயல்பாடு: அளவு வரம்புகளை வரையறுத்தல்

minmax() செயல்பாடு ஒரு கிரிட் டிராக்கிற்கு குறைந்தபட்ச மற்றும் அதிகபட்ச அளவை வரையறுக்க உங்களை அனுமதிக்கிறது. இது மாறுபட்ட உள்ளடக்க நீளங்களுக்கு ஏற்ப மாற்றியமைக்கும் ரெஸ்பான்சிவ் லேஅவுட்களை உருவாக்குவதற்கும், ஓவர்ஃப்ளோ அல்லது அதிகப்படியான நீட்டிப்பைத் தவிர்ப்பதற்கும் மிகவும் பயனுள்ளதாக இருக்கும்.

அடிப்படை பயன்பாடு

            .grid-container {
  display: grid;
  grid-template-columns: minmax(100px, 300px) 1fr;
}

            

              
                Copy
              
            
          

இந்த எடுத்துக்காட்டில், முதல் நெடுவரிசை குறைந்தபட்சம் 100px அகலமாகவும், அதிகபட்சம் 300px அகலமாகவும் இருக்கும். முதல் நெடுவரிசையின் உள்ளடக்கத்திற்கு 100px-க்கு மேல் தேவைப்பட்டால், நெடுவரிசை 300px-ஐ அடையும் வரை விரிவடையும். அதன் பிறகு, அது மேலும் வளராது மற்றும் உள்ளடக்கம் ஓவர்ஃப்ளோ ஆகலாம். இரண்டாவது நெடுவரிசை மீதமுள்ள இடத்தை எடுத்துக்கொள்ளும்.

minmax()-ஐ auto-உடன் இணைத்தல்

ஒரு பொதுவான பயன்பாடு, ஒரு டிராக்கை அதன் உள்ளடக்கத்தின் அடிப்படையில் வளர அனுமதிக்க minmax()-ஐ auto-உடன் இணைப்பதாகும், ஆனால் ஒரு குறிப்பிட்ட வரம்பிற்குள் மட்டுமே.

            .grid-container {
  display: grid;
  grid-template-columns: minmax(100px, auto) 1fr;
}

            

              
                Copy
              
            
          

இந்த நிலையில், முதல் நெடுவரிசை குறைந்தபட்சம் 100px அகலமாக இருக்கும். உள்ளடக்கம் 100px-க்கு மேல் அகலமாக இருந்தால், நெடுவரிசை அதற்கேற்ப விரிவடையும். இருப்பினும், நெடுவரிசை உள்ளடக்கத்திற்குப் பொருந்தும் வரை மட்டுமே விரிவடையும். உள்ளடக்கம் 100px-க்கு குறைவாக இருந்தால், நெடுவரிசை 100px அகலமாக இருக்கும். இரண்டாவது நெடுவரிசை மீண்டும் மீதமுள்ள இடத்தை எடுத்துக்கொள்ளும்.

எடுத்துக்காட்டு: ஒரு தயாரிப்பு அட்டை கிரிட்

ஒவ்வொரு அட்டைக்கும் குறைந்தபட்ச அகலம் இருக்க வேண்டும், ஆனால் அவை கிடைக்கும் இடத்தை நிரப்ப, ஒரு குறிப்பிட்ட அதிகபட்சம் வரை விரிவடைய அனுமதிக்க விரும்பும் தயாரிப்பு அட்டைகளின் ஒரு கிரிட்டைக் கவனியுங்கள். வெவ்வேறு நாடுகளில் இருந்து வரும் பயனர்களைக் கொண்ட ஒரு மின்வணிக வலைத்தளத்திற்கு இது பயனுள்ளதாக இருக்கும், அங்கு தயாரிப்பு தலைப்புகள் வெவ்வேறு நீளங்களைக் கொண்டிருக்கலாம்.

            .product-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 20px;
}

.product-card {
  /* Product card styling */
}

            

              
                Copy
              
            
          

இங்கே, repeat(auto-fit, minmax(200px, 1fr)) முடிந்தவரை பல நெடுவரிசைகளை உருவாக்குகிறது, ஒவ்வொன்றும் குறைந்தபட்சம் 200px அகலம் கொண்டது. 1fr அதிகபட்சம் நெடுவரிசைகளை விரிவுபடுத்தி கிடைக்கும் இடத்தை நிரப்ப அனுமதிக்கிறது. grid-gap அட்டைகளுக்கு இடையில் இடைவெளியைச் சேர்க்கிறது. திரை அளவு மாறும்போது, நெடுவரிசைகளின் எண்ணிக்கை தானாகவே கிடைக்கும் இடத்திற்கு ஏற்றவாறு சரிசெய்யப்படும், இது பல்வேறு பின்னணிகள் மற்றும் சாதனங்களிலிருந்து வரும் பயனர்களுக்கு ஒரு ரெஸ்பான்சிவ் லேஅவுட்டை உறுதி செய்கிறது.

auto முக்கியச்சொல்: உள்ளடக்க அடிப்படையிலான அளவீடு

auto முக்கியச்சொல் ஒரு டிராக்கை அதனுள் உள்ள உள்ளடக்கத்தின் அடிப்படையில் அளவிட கிரிட்டிற்கு அறிவுறுத்துகிறது. நீங்கள் ஒரு டிராக்கை அதன் உள்ளடக்கத்தைக் கொண்டிருக்க போதுமான அளவு பெரியதாக இருக்க விரும்பும்போது, ஒரு அளவை வெளிப்படையாகக் குறிப்பிடாமல் இது பயனுள்ளதாக இருக்கும்.

அடிப்படை பயன்பாடு

            .grid-container {
  display: grid;
  grid-template-columns: auto 1fr;
}

            

              
                Copy
              
            
          

இந்த எடுத்துக்காட்டில், முதல் நெடுவரிசை அதன் உள்ளடக்கத்திற்குப் பொருந்தும் வகையில் அளவிடப்படும். இரண்டாவது நெடுவரிசை மீதமுள்ள இடத்தை எடுத்துக்கொள்ளும்.

எடுத்துக்காட்டு: ஒரு சைட்பார் லேஅவுட்

இடதுபுறத்தில் ஒரு சைட்பார் மற்றும் வலதுபுறத்தில் ஒரு பிரதான உள்ளடக்கப் பகுதியுடன் ஒரு லேஅவுட்டைக் கவனியுங்கள். சைட்பார் அதன் உள்ளடக்கத்திற்கு (எ.கா., நேவிகேஷன் இணைப்புகளின் பட்டியல்) பொருந்தும் அளவுக்கு அகலமாக இருக்க வேண்டும், அதே நேரத்தில் பிரதான உள்ளடக்கப் பகுதி மீதமுள்ள இடத்தை எடுத்துக்கொள்ள வேண்டும்.

            .layout-container {
  display: grid;
  grid-template-columns: auto 1fr;
}

.sidebar {
  /* Sidebar styling */
}

.main-content {
  /* Main content styling */
}

            

              
                Copy
              
            
          

auto முக்கியச்சொல் சைட்பார் அதன் உள்ளடக்கத்தின் அகலத்திற்கு ஏற்ப மாற்றியமைக்கப்படுவதை உறுதி செய்கிறது. உள்ளடக்கம் சிறியதாக இருந்தால், சைட்பார் குறுகலாக இருக்கும். உள்ளடக்கம் நீளமாக இருந்தால், சைட்பார் அகலமாக இருக்கும். இது உலகளாவிய பார்வையாளர்களை இலக்காகக் கொண்ட வலைப் பயன்பாடுகளுக்கு ஏற்ற நெகிழ்வான மற்றும் ரெஸ்பான்சிவ் சைட்பார் லேஅவுட்டை உருவாக்குகிறது, நேவிகேஷன் மெனுக்களில் வெவ்வேறு மொழி நீளங்களைக் கொண்டிருக்கலாம்.

fit-content() செயல்பாடு: கட்டுப்படுத்தப்பட்ட உள்ளடக்க அடிப்படையிலான அளவீடு

fit-content() செயல்பாடு auto-வைப் போன்றது, ஆனால் இது டிராக்கிற்கு அதிகபட்ச அளவைக் குறிப்பிட உங்களை அனுமதிக்கிறது. டிராக் அதன் உள்ளடக்கத்திற்குப் பொருந்தும் வகையில் அளவிடப்படும், ஆனால் அது குறிப்பிட்ட நீளத்தை ஒருபோதும் தாண்டாது.

அடிப்படை பயன்பாடு

            .grid-container {
  display: grid;
  grid-template-columns: fit-content(300px) 1fr;
}

            

              
                Copy
              
            
          

இந்த எடுத்துக்காட்டில், முதல் நெடுவரிசை அதன் உள்ளடக்கத்திற்குப் பொருந்தும் வகையில் அளவிடப்படும், ஆனால் அது ஒருபோதும் 300px-க்கு மேல் அகலமாக இருக்காது. உள்ளடக்கத்திற்கு 300px-க்கு மேல் தேவைப்பட்டால், நெடுவரிசை 300px அகலமாக இருக்கும், மேலும் CSS overflow மற்றும் word-wrap பண்புகளைப் பொறுத்து உள்ளடக்கம் ஓவர்ஃப்ளோ ஆகலாம் அல்லது மடங்கலாம்.

எடுத்துக்காட்டு: ஒரு பொத்தான் குழு

நீங்கள் ஒரு வரிசையில் காட்ட விரும்பும் பொத்தான்களின் குழுவை கற்பனை செய்து பாருங்கள். பொத்தான்கள் அவற்றின் உள்ளடக்கத்திற்குப் பொருந்தும் வகையில் அளவிடப்பட வேண்டும் என்று நீங்கள் விரும்புகிறீர்கள், ஆனால் அவை மிகவும் அகலமாகி அதிக இடத்தை எடுத்துக்கொள்ள வேண்டாம் என்றும் விரும்புகிறீர்கள்.

            .button-group {
  display: grid;
  grid-template-columns: repeat(auto-fit, fit-content(150px));
  grid-gap: 10px;
}

.button {
  /* Button styling */
}

            

              
                Copy
              
            
          

இங்கே, ஒவ்வொரு பொத்தான் நெடுவரிசையும் பொத்தானின் உரைக்கு பொருந்தும் வகையில் அளவிடப்படும், ஆனால் அது ஒருபோதும் 150px-க்கு மேல் அகலமாக இருக்காது. உரை 150px-ஐ விட நீளமாக இருந்தால், பொத்தான் உரையை மடக்கும். இது வெவ்வேறு பொத்தான் உரை நீளங்களுக்கு ஏற்ப மாற்றியமைக்கும் ஒரு பொத்தான் குழுவை உருவாக்குகிறது, அதே நேரத்தில் ஒரு நிலையான காட்சி தோற்றத்தைப் பராமரிக்கிறது.

சிக்கலான லேஅவுட்களுக்கு டிராக் செயல்பாடுகளை இணைத்தல்

CSS Grid டிராக் செயல்பாடுகளின் உண்மையான சக்தி சிக்கலான மற்றும் ரெஸ்பான்சிவ் லேஅவுட்களை உருவாக்க அவற்றை இணைப்பதில் இருந்து வருகிறது. இங்கே சில எடுத்துக்காட்டுகள்:

எடுத்துக்காட்டு 1: ஒரு நெகிழ்வான நடுத்தர நெடுவரிசையுடன் மூன்று-நெடுவரிசை லேஅவுட்

            .grid-container {
  display: grid;
  grid-template-columns: 200px 1fr 150px;
}

            

              
                Copy
              
            
          

இது ஒரு மூன்று-நெடுவரிசை லேஅவுட்டை உருவாக்குகிறது, அங்கு முதல் நெடுவரிசை 200px அகலமும், இரண்டாவது நெடுவரிசை மீதமுள்ள இடத்தையும், மூன்றாவது நெடுவரிசை 150px அகலத்தையும் கொண்டுள்ளது.

எடுத்துக்காட்டு 2: குறைந்தபட்ச சைட்பார் அகலத்துடன் ஒரு லேஅவுட்

            .grid-container {
  display: grid;
  grid-template-columns: minmax(250px, auto) 1fr;
}

            

              
                Copy
              
            
          

இது ஒரு இரண்டு-நெடுவரிசை லேஅவுட்டை உருவாக்குகிறது, அங்கு முதல் நெடுவரிசை (சைட்பார்) குறைந்தபட்சம் 250px அகலம் கொண்டது மற்றும் அதன் உள்ளடக்கத்திற்கு பொருந்தும் வகையில் விரிவடைகிறது, அதே நேரத்தில் இரண்டாவது நெடுவரிசை மீதமுள்ள இடத்தை எடுத்துக்கொள்கிறது.

எடுத்துக்காட்டு 3: டைனமிக் உள்ளடக்கத்துடன் சம உயர நெடுவரிசைகள்

            .grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: minmax(100px, auto); /* ensure all rows are at least 100px high */
}

            

              
                Copy
              
            
          

இது மூன்று சம-அகல நெடுவரிசைகளை உருவாக்குகிறது. grid-auto-rows: minmax(100px, auto)-ஐப் பயன்படுத்துவது எல்லா வரிசைகளும் குறைந்தபட்சம் 100px உயரமாக இருப்பதை உறுதி செய்கிறது, மேலும் ஒவ்வொரு கிரிட் உருப்படியின் உள்ளடக்கத்திற்கும் இடமளிக்க அவற்றின் உயரத்தை தானாகவே சரிசெய்யும், இது கிரிட் முழுவதும் காட்சி நிலைத்தன்மையைப் பராமரிக்கிறது.

CSS Grid டிராக் செயல்பாடுகளைப் பயன்படுத்துவதற்கான சிறந்த நடைமுறைகள்

• நெகிழ்வான அளவீட்டிற்கு fr-ஐப் பயன்படுத்தவும்: fr அலகு கிடைக்கும் இடத்தை கிரிட் டிராக்குகளுக்கு இடையில் விகிதாசாரமாக விநியோகிக்க ஏற்றது.
• அளவு வரம்புகளுக்கு minmax()-ஐப் பயன்படுத்தவும்: minmax() செயல்பாடு ஒரு டிராக்கிற்கு குறைந்தபட்ச மற்றும் அதிகபட்ச அளவை வரையறுக்க உங்களை அனுமதிக்கிறது, இது மாறுபட்ட உள்ளடக்க நீளங்களுக்கு ஏற்ப ஓவர்ஃப்ளோ ஆகாமலோ அல்லது அதிகமாக நீட்டப்படாமலோ இருப்பதை உறுதி செய்கிறது.
• உள்ளடக்க அடிப்படையிலான அளவீட்டிற்கு auto-ஐப் பயன்படுத்தவும்: நீங்கள் ஒரு டிராக்கை அதன் உள்ளடக்கத்தைக் கொண்டிருக்க போதுமான அளவு பெரியதாக இருக்க விரும்பும்போது auto முக்கியச்சொல் பயனுள்ளதாக இருக்கும்.
• கட்டுப்படுத்தப்பட்ட உள்ளடக்க அடிப்படையிலான அளவீட்டிற்கு fit-content()-ஐப் பயன்படுத்தவும்: fit-content() செயல்பாடு அதன் உள்ளடக்கத்திற்குப் பொருந்தும் வகையில் அளவிடப்படும் ஒரு டிராக்கிற்கு அதிகபட்ச அளவைக் குறிப்பிட உங்களை அனுமதிக்கிறது.
• சிக்கலான லேஅவுட்களுக்கு டிராக் செயல்பாடுகளை இணைக்கவும்: CSS Grid டிராக் செயல்பாடுகளின் உண்மையான சக்தி சிக்கலான மற்றும் ரெஸ்பான்சிவ் லேஅவுட்களை உருவாக்க அவற்றை இணைப்பதில் இருந்து வருகிறது.
• அணுகல்தன்மையில் ஏற்படும் தாக்கத்தைக் கருத்தில் கொள்ளுங்கள்: உங்கள் லேஅவுட்கள் குறைபாடுகள் உள்ள பயனர்களுக்கு அணுகக்கூடியதாக இருப்பதை உறுதிப்படுத்தவும். சொற்பொருள் HTML-ஐப் பயன்படுத்தவும் மற்றும் படங்கள் மற்றும் பிற உரை அல்லாத கூறுகளுக்கு மாற்று உள்ளடக்கத்தை வழங்கவும்.
• வெவ்வேறு சாதனங்கள் மற்றும் உலாவிகளில் சோதிக்கவும்: உங்கள் லேஅவுட்கள் சரியாக ரெண்டர் செய்யப்படுவதையும் ரெஸ்பான்சிவாக இருப்பதையும் உறுதிசெய்ய பல்வேறு சாதனங்கள் மற்றும் உலாவிகளில் முழுமையாகச் சோதிக்கவும்.

முடிவுரை

வெவ்வேறு திரை அளவுகள் மற்றும் உள்ளடக்கத் தேவைகளுக்கு ஏற்ப மாற்றியமைக்கும் டைனமிக் மற்றும் ரெஸ்பான்சிவ் லேஅவுட்களை உருவாக்குவதற்கு CSS Grid டிராக் செயல்பாடுகள் அவசியமானவை. fr அலகு, minmax() செயல்பாடு, auto முக்கியச்சொல், மற்றும் fit-content() செயல்பாடு ஆகியவற்றில் தேர்ச்சி பெறுவதன் மூலம், எல்லா சாதனங்களிலும் சிறந்த பயனர் அனுபவத்தை வழங்கும் நெகிழ்வான மற்றும் சக்திவாய்ந்த லேஅவுட்களை நீங்கள் உருவாக்க முடியும். இந்த நுட்பங்களைக் கையாள்வது, மேலும் வலுவான, மாற்றியமைக்கக்கூடிய, மற்றும் உலகளவில் அணுகக்கூடிய வலைப் பயன்பாடுகளை உருவாக்க உங்களுக்கு அதிகாரம் அளிக்கிறது.