பூட்ஸ்டார்ப் மூலம் ஒரு தளத்தை உருவாக்குதல்

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

இல் முந்தைய கட்டுரை VS கோடியத்தை நிறுவவும், அதன் பயனர் இடைமுகத்தை ஸ்பானிஷ் மொழியில் மொழிபெயர்க்கவும் மற்றும் பூட்ஸ்டார்ப் செருகுநிரலை நிறுவவும் வழிமுறைகளைக் காண்பீர்கள்.

நினைவில் கொள்ள வேண்டிய இரண்டு விஷயங்கள்:

1. நாங்கள் பயன்படுத்தும் கட்டளைகள் விசைப்பலகை குறுக்குவழிகள், அவற்றை நீங்கள் தட்டச்சு செய்ய வேண்டும். நகல்/ஒட்டுதல் வேலை செய்யாது.
2. HTML குறியீட்டைக் காட்ட எங்கள் உள்ளடக்க மேலாளர் என்னை அனுமதிக்கவில்லை, அதனால் நான் ஸ்கிரீன் ஷாட்களைப் பயன்படுத்த வேண்டும். நான் பதிவேற்றிய எடுத்துக்காட்டுகளின் குறியீட்டை நீங்கள் அணுகலாம் GitHub க்கு.

கிட்ஹப் களஞ்சியத்தை எவ்வாறு குளோன் செய்வது

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

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

Git அடிப்படையிலான பல சேவைகள் உள்ளன, நான் GitHub ஐத் தேர்ந்தெடுத்தேன் ஏனெனில் அது VS கோடியத்துடன் ஒருங்கிணைக்கிறது.

மாதிரி கோப்புகளை உங்கள் கணினியில் பதிவிறக்கம் செய்ய, டெர்மினலில் தொகுப்புகளை நிறுவுவதற்கான உங்கள் விநியோக வழிமுறைகளைப் பின்பற்றி git தொகுப்பை நிறுவ வேண்டும்.

பின்னர் நீங்கள் பின்வரும் கட்டளைகளை தட்டச்சு செய்க.

ஆவணங்கள் கோப்புறையில் கோப்புகளைச் சேமிக்க விரும்புகிறேன், அதனால் கோப்பகத்தை மாற்றுகிறேன்

cd Documentos

பின்னர் நான் கோப்புகளை குளோன் செய்கிறேன்:

git clone https://github.com/dggonzalez1971/bootstrap.git

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

கோப்புகளைப் பார்க்க, கோப்பு எக்ஸ்ப்ளோரரைத் திறந்து கோப்புறையைத் தேடுங்கள் பூட்ஸ்ட்ராப்.

பூட்ஸ்டார்ப் மூலம் ஒரு தளத்தை உருவாக்குதல்

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

பின்னர் நாங்கள் பின்வரும் படிகளைப் பின்பற்றுகிறோம்:

1. மெனுவுக்கு செல்லலாம் காப்பகம்.
2. கிளிக் செய்யவும் புதிய உரை கோப்பு.
3. கிளிக் செய்யவும் சேமிக்கவும்.
4. நாங்கள் உருவாக்கிய கோப்புறையைத் தேடி, கோப்பின் பெயரை வைக்கிறோம் உதாரணம்1.html.
5. கிளிக் செய்யவும் சேமிக்கவும்.

சில நேரங்களில் கோப்பு எக்ஸ்ப்ளோரர் சாளரம் VSCodium ஒன்றால் மறைக்கப்படலாம்.

நீட்டிப்பு எங்களுக்கு அடிப்படை டெம்ப்ளேட்டை உருவாக்க வேண்டும். இதற்காக நாங்கள் தட்டச்சு செய்கிறோம் !b5-$

எடுத்துக்காட்டுகள் கோப்புறையில் example1.html என நீங்கள் காணும் குறியீட்டை இது உருவாக்கும்

பின்வருவனவற்றைக் காண்போம்:

இந்தக் கோப்பில் சில மாற்றங்களைச் செய்யப் போகிறோம். நீங்கள் example2.html என்ற பெயரில் மாற்றங்களைக் காண்பீர்கள்

• வரி 2 இல் eng என்பதை es என்று மாற்றுவதன் மூலம் மொழியை மாற்றுவோம். இது தேடுபொறிகளுக்கு தளத்தின் மொழி ஸ்பானிஷ் என்பதை குறிக்கிறது.
• வரி 6 இல் லேபிள்களின் கீழ் உள்ள உரையை மாற்றுவோம் தலைப்பு. நாங்கள் வைத்தோம் எனது முதல் பூட்ஸ்டார்ப் தளம்.
• வரி 12 இல் குறிச்சொற்களுக்கு இடையில் உள்ளடக்கத்தை மாற்றுகிறோம் h1 மூலம் இது பூட்ஸ்டார்ப் மூலம் உருவாக்கப்பட்ட தளம்.

அடுத்து, சில முக்கியமான மாற்றங்களைச் செய்வோம். இந்த மாற்றங்களைச் செய்ய வேண்டும்:

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

எடுத்துக்காட்டாக 2 வரி 7 இன் உள்ளடக்கத்தை மாற்றியமைத்து, 8 மற்றும் 9 வரிகளை நீக்கி, எண்ணிடல் பொருந்தக்கூடிய தன்மையை பராமரிக்க மீதமுள்ள உள்ளடக்கத்தை பதிவேற்றுவோம். புதிய வரி 10 ஐ உருவாக்க வரி 11 இன் முடிவில் கிளிக் செய்து ஜாவாஸ்கிரிப்ட் நூலகங்களுக்கான இணைப்பை வைக்கிறோம்.

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