வலை அபிவிருத்தி ஒரு அறிமுகம்

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

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

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

அதனால் நான் பற்றி பேசி கொண்டிருக்கிறேன் இந்த அற்புத கருவிகள் என்ன? வழி முன்னணி (வெளிப்படையாக அற்புதமான) HTML5 என்று மொழிகள், CSS3, மற்றும் JavaScript, இது நான் புனைப்பெயர் 3 webocalypse ஹார்ஸ்மென். இங்கு ஒவ்வொரு பாருங்கள்:

HTML

HTML (சரியாக மீயுரை குறியீட்டு மொழி என அழைக்கப்படும்; மோசமான விரும்பவில்லை மக்கள் தான் சுருக்க பயன்படுத்த ஏன் நீங்கள் பார்க்க முடியும்) ஆகிறது மொழி வலை பக்கங்கள் வெளியே போட பயன்படுத்தப்படும். இந்த பக்கத்தில் வலது கிளிக் செய்யவும் “மூலத்தை”. இந்த பக்கம் பயன்படுத்துகிறது என்று HTML தான்.

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

<ப>நான் உன்னை பற்றி தெரியாது, ஆனால் நான் அழுத்தி பொத்தான்கள் போன்ற.</ப>

<br>

<பொத்தான்>எனக்கு சொடுக்கவும்!</பொத்தான்>

இந்த HTML குறியீடு ஒரு பத்தி உரை மூடப்பட்டிருக்கும் (உருக்கு <ப> டேக் ஒரு பத்தி தொடங்குகிறது, உருக்கு </ப> டேக் ஒரு பத்தி முடிவடைகிறது.) ஒரு வரி முறிப்பு இல்லை (உருக்கு <br>) பின்னர் ஒரு பொத்தானை நீங்கள் உங்கள் இதயம் கிளிக் செய்யலாம். உங்கள் உலாவி நீங்கள் திரையில் அதை இடும்.

அதனால் அனைத்து நல்ல. ஆனால் நீங்கள் HTML ஆனால் எதுவும் இல்லை, you get a webpage that looks like it came straight out of the 1990’s. மிகவும் நல்ல எப்படியும் அந்த பத்து வெளியே வந்தது (சிகை அலங்காரங்கள், இசை, போன்ற) ஆனால் காத்திருக்க! இன்னும் இருக்கிறது!

CSS

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

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

CSS ஒரு அழகான நேரடியான மொழி: ஒரு குறிப்பிட்ட HTML டேக் (ஒரு பத்தி போன்ற), நீங்கள் பல்வேறு பாணி வகுப்புகள் மதிப்புகள் குறிப்பிடலாம். உங்கள் உலாவி CSS படிக்கும் அனைத்து பொருத்தமான குறிச்சொற்களை அதை விண்ணப்பிக்க. உதாரணமாக:

ப {

நிறம்: சிவப்பு;

எழுத்துரு அளவு: 16px;

}

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

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

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

ஜாவா

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

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

பத்தி மே = $('ப');

paragraph.css('நிறம்','நீல');

இந்த ஜாவா குறியீடு பக்கத்தில் அனைத்து பத்திகள் கண்டுபிடிக்கும் – உருக்கு $ அடையாளம் பொருந்தும் அனைத்து கூறுகள் கண்டுபிடிக்க உலாவி சொல்கிறது, மற்றும் 'ப’ அது பத்திகள் தேர்வு வேண்டும் பொருள் (நினைவில் <ப> HTML இருந்து, உறுப்பு?) நீங்கள் ஒரு மாறி பத்திகள் சேமிக்க முடியும், கட்டளை உலாவி தங்கள் வண்ண CSS பாணி மாற்ற நீல.

நான் சுவாரஸ்யமான கண்டுபிடிக்க என்ன (மறுபடி, இந்த அனைத்து ஒரு கண்ணோட்டம் இருந்து ஆகிறது “WebDev”) மூன்று மொழிகளில் ஒன்றாக வேலை எப்படி நேர்த்தியாக இருக்கிறது. ஜாவாஸ்கிரிப்ட் அந்த கடைசி வரியில் பக்கம் இன் HTML இடையீடு மற்றும் CSS பாணி அது பயன்படுத்தப்படும். இந்த மொழிகளை அதே விஷயம் தான் பல்வேறு கூறுகள் உள்ளன போல் இது இல்லை – அவர்கள் ஒரே இருக்கிறார்கள், அதே அற்புதமான இயந்திரம் பல்வேறு தரப்பினரும்.

கண்கவர் ஒலி? நான் நினைக்கிறேன். அந்த வலை அழகு ஒரு பகுதிதான்.