ஒரு அழகான வலைத்தளத்தை உருவாக்க பூட்ஸ்டார்பை எவ்வாறு பயன்படுத்தலாம்

அழகான வலைத்தளங்களை உருவாக்குவதற்காக ட்விட்டர் உருவாக்கிய பூட்ஸ்டார்ப் என்ற கட்டமைப்பை நீங்கள் கேள்விப்பட்டிருக்கவில்லை என்றால், நீங்கள் இழக்கிறீர்கள்! பூட்ஸ்டார்ப் CSS (அடுக்கு நடைத்தாள்கள்) இல் அதிக அறிவு இல்லாமல் ஒரு வலைத்தளத்தை வடிவமைப்பது மிகவும் விரைவாகவும் எளிதாகவும் செய்கிறது. இணையத்திற்கான நிரலாக்கத்திற்கு நீங்கள் புதியவராக இருந்தால், பூட்ஸ்டார்ப் எவ்வாறு செயல்படுகிறது என்பதைக் கற்றுக்கொள்ள CSS ஐப் பற்றி நீங்கள் தெரிந்து கொள்ள வேண்டியதில்லை; உங்களுக்கு தேவையானது ஒரு HTML ஆவணம் மட்டுமே. நாங்கள் பூட்ஸ்டார்பைப் பார்த்து, அது எதைப் பற்றியது, அது எவ்வாறு இயங்குகிறது என்பதைக் காண்பிக்கும், மேலும் நீங்கள் உருவாக்கும் ஒவ்வொரு வலைத்தளத்திற்கும் இது ஒரு நல்ல வழி என்றால்.

பூட்ஸ்டார்ப் API ஐ உங்கள் HTML கோப்பில் செருகும்

உங்கள் முக்கிய திட்ட கோப்பில் பூட்ஸ்டார்பை செருக சில விருப்பங்கள் உள்ளன. உங்கள் திட்டத்தில் தேவையான அனைத்து பூட்ஸ்டார்ப் கோப்புகளையும் செருகுவது முதல் விருப்பமாகும். தொகுப்பைப் பதிவிறக்கி உங்கள் திட்டக் கோப்புறையில் பதிவேற்றுவதன் மூலம் இதைச் செய்யலாம். முதன்மை பூட்ஸ்டார்ப் CSS கோப்பை உங்கள் ஆவணத்துடன் இணைக்க வேண்டும். பூட்ஸ்டார்பின் அதிகாரப்பூர்வ வலைத்தளம் இதை எப்படி செய்வது என்பது குறித்த படிப்படியான வழிகாட்டியைக் கொண்டுள்ளது.

மற்ற விருப்பம், தொகுப்பைப் பதிவிறக்குவதைத் தவிர்த்து, உள்ளடக்க விநியோக வலையமைப்பை (சிடிஎன்) பயன்படுத்துவதாகும். முதன்மை பூட்ஸ்டார்ப் கோப்புகளை உங்கள் HTML ஆவணத்துடன் பதிவிறக்கம் செய்யாமல் இணைக்க ஒரு சிடிஎன் உங்களை அனுமதிக்கிறது. நிச்சயமாக, இது எப்போதும் தொழில்முறை வலைத்தளங்களுக்கு ஒரு நல்ல விஷயம் அல்ல, ஏனெனில் அந்த சேவையகம் எப்போதாவது கீழே போய்விட்டால், எனது வணிகம் அல்லது போர்ட்ஃபோலியோ பக்கத்தை விதியை விட்டு விட நான் விரைவாக இருக்க மாட்டேன். உங்கள் திட்டத்தில் கோப்புகளை வைத்திருப்பது சிறந்தது, ஆனால் கற்றல் நோக்கத்திற்காக, சி.டி.என் நன்றாக இருக்கும்.

உங்கள் HTML ஆவணத்தில் பூட்ஸ்டார்பை செருக, நீங்கள் பின்வரும் குறியீட்டை உள்ளே வைக்க வேண்டும் உங்கள் HTML ஆவணத்தில் குறிச்சொல்:

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

பூட்ஸ்டார்ப் மற்றும் வகுப்புகள்

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

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

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

பூட்ஸ்டார்ப் ஒவ்வொரு வலைத்தளத்திற்கும் சாத்தியமான விருப்பமா?

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

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

நீங்கள் ஒரு தொடக்க டெவலப்பர் என்றால், உங்கள் போர்ட்ஃபோலியோவில் உள்ள அனைத்து திட்டங்களுக்கும் பூட்ஸ்டார்பைப் பயன்படுத்தக்கூடாது என்பது கவனிக்கத்தக்கது. நீங்கள் API உடன் தேர்ச்சி பெற்றிருக்கலாம், ஆனால் CSS ஐச் சுற்றியுள்ள உங்கள் வழி உங்களுக்கு முழுமையாகத் தெரியாது. உங்கள் போர்ட்ஃபோலியோவில் (அல்லது பிரத்தியேகமாக CSS கூட, பூட்ஸ்டார்ப் எடுப்பது எளிதானது என்பதால்) இரண்டிலும் ஒரு நல்ல கலவையை வைத்திருப்பது நல்லது.

இறுதி

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

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