ஃப்ரண்ட்எண்ட் டெவலப்மென்ட்: கோட் பென் அல்லது கம்பீரமான உரை?

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

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

இன்று நாம் கோட் பென், ஜே.எஸ்.பின், பிளங்க்ர், விழுமியத்தை பகுப்பாய்வு செய்யப் போகிறோம், CSSDeck, Dabblet மற்றும் LiveWeave. எது சிறந்தவை மற்றும் இந்த சூழலில் அதிகம் பயன்படுத்தப்படும் கருவிகள். இன்னும் நிறைய உள்ளன.

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

CodePen

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

உள்ளடக்கம், ஆதரவு மற்றும் விசைப்பலகை குறுக்குவழிகளை வழங்குதல்

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

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

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

புரோ பதிப்பு அடிப்படை தொகுப்புக்கு Super 9,00 விலையில் “சூப்பர்” தொகுப்புக்கு. 29,25 ஆக இன்னும் பல விருப்பங்களை அனுமதிக்கிறது. ஒன்றில் நாம் என்ன செய்கிறோம் என்பதை ஒரே நேரத்தில் பல சாதனங்களில் புதுப்பிக்க முடிகிறது. ஒரு கூட்டுறவு முறை, ஒரு "ஆசிரியர் முறை" போன்றவை. நீங்கள் இங்கே விரும்பினால் நன்மை.

ஜே.எஸ்.பின்

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

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

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

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

CSSDeck

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

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

பிளங்க்ர்

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

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

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

டப்லெட்

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

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

நான் மிகவும் விரும்பிய விஷயங்களில் ஒன்று, ஆனால் அந்த சிறந்த புரோகிராமர்கள் விரும்பலாம், அதுதான் ஒரு லேபிளை அட்டவணைப்படுத்தவும், அதை தானே எழுதவும் உங்களுக்கு விருப்பமில்லை. அதாவது, HTML ஐ வைத்து தாவலைக் கிளிக் செய்து "html" மற்றும் "/ html" தானாக எழுதவும். அது முடிந்தால் மற்ற பயன்பாடுகளில் ஏதோ ஒன்று.

லைவ்வீவ்

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

கம்பீரமான உரை

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

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

முடிவுக்கு

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


கட்டுரையின் உள்ளடக்கம் எங்கள் கொள்கைகளை பின்பற்றுகிறது தலையங்க நெறிமுறைகள். பிழையைப் புகாரளிக்க கிளிக் செய்க இங்கே.

கருத்து தெரிவிப்பதில் முதலில் இருங்கள்

உங்கள் கருத்தை தெரிவிக்கவும்

உங்கள் மின்னஞ்சல் முகவரி வெளியிடப்பட்ட முடியாது.

*

*

  1. தரவுக்கு பொறுப்பு: மிகுவல் ஏஞ்சல் கேடன்
  2. தரவின் நோக்கம்: கட்டுப்பாட்டு ஸ்பேம், கருத்து மேலாண்மை.
  3. சட்டபூர்வமாக்கல்: உங்கள் ஒப்புதல்
  4. தரவின் தொடர்பு: சட்டபூர்வமான கடமையால் தவிர மூன்றாம் தரப்பினருக்கு தரவு தெரிவிக்கப்படாது.
  5. தரவு சேமிப்பு: ஆக்சென்டஸ் நெட்வொர்க்குகள் (EU) வழங்கிய தரவுத்தளம்
  6. உரிமைகள்: எந்த நேரத்திலும் உங்கள் தகவல்களை நீங்கள் கட்டுப்படுத்தலாம், மீட்டெடுக்கலாம் மற்றும் நீக்கலாம்.

பூல் (உண்மை)