நோஷன் பயன்பாடு பலரால் விரும்பப்படுகிறது; இது உங்கள் பணிப்பாய்வுகளை மேம்படுத்தவும், ஆவணங்களுடன் பணிபுரியவும், பணிகளை திட்டமிடவும் மற்றும் சாதனங்களுக்கு இடையில் தரவை ஒத்திசைக்கவும் உங்களை அனுமதிக்கிறது.
Repl.it என்பது நிகழ்நேர கூட்டு குறியீடு திருத்தத்திற்கான ஒரு கருவியாகும். நீங்கள் பல மொழிகளைத் தேர்வு செய்யலாம்: ஜாவாஸ்கிரிப்ட், பைதான், கோ மற்றும் உலாவியில் குறியீட்டை நேரடியாக இயக்கவும். விரைவான டெமோக்கள் மற்றும் குறியீடு நேர்காணல்களுக்கு மிகவும் பயனுள்ளதாக இருக்கும்.
Repl.it குளோனை உருவாக்குவதன் மூலம் நீங்கள் என்ன கற்றுக் கொள்வீர்கள்:
உலாவியில் (கிளையன்ட் சைட்) குறியீட்டை (சர்வர்-சைட்) இயக்குவது மற்றும் இயக்குவது எப்படி.
உள்ளீட்டுத் தரவைப் படித்து (மூலக் குறியீடு) செயல்படுத்தல் முடிவைக் காண்பிக்கவும்.
இணையத்தில் கோப்புகள் மற்றும் கோப்புறைகளை உருவாக்கி முடிவுகளை எவ்வாறு சேமிப்பது.
குறியீட்டு தொடரியலை எவ்வாறு முன்னிலைப்படுத்துவது.
3. Google Photos குளோன்
Google Photos என்பது புகைப்படங்களை சேமித்து பகிர்வதற்கான ஒரு சேவையாகும்.
எந்த நவீன புகைப்படப் பயன்பாடும் அடிப்படை செயல்பாடுகளைச் செய்ய முடியும்: பதிவேற்றம், செதுக்குதல், முதலியன. மக்கள் தங்கள் சொந்த அவதாரங்களை உருவாக்கவும் பூனைகளின் புகைப்படங்களைப் பகிரவும் விரும்புகிறார்கள், எனவே நீங்கள் படங்களுடன் வேலை செய்ய முடியும்.
Google Photos குளோனை உருவாக்குவதன் மூலம் நீங்கள் என்ன கற்றுக்கொள்ளலாம்:
ஃபோன்கள், டேப்லெட்டுகள், மடிக்கணினிகள் மற்றும் ராட்சத டிவி திரைகளில் எவ்வாறு பதிலளிக்கக்கூடிய படங்களை உருவாக்குவது.
படப் பதிவேற்றங்களை எவ்வாறு கையாள்வது, குறிப்பாக பெரிய படங்கள் (>1MB) மற்றும் மொத்தப் பதிவேற்றங்கள்.
படக் கோப்புகளைச் செயலாக்கவும், சிறுபடங்கள் அல்லது கேலரியைத் திறக்கும் போது புகைப்படங்களை செதுக்கி, அளவை மாற்றவும்.
போனஸ்: கிளவுட் அல்லது உள்ளூர் தரவுத்தளத்தில் படங்களை எவ்வாறு சேமிப்பது.
4. Gifsky குளோன்
கிஃப்ஸ்கி செயல்பாடுகளைப் பயன்படுத்தி வீடியோவை GIF ஆக மாற்றுகிறதுpngquant திறமையான குறுக்கு-பிரேம் தட்டுகள் மற்றும் தற்காலிக எதிர்ப்பு மாற்றுப்பெயர்ப்புக்கு. இதன் விளைவாக ஒரு சட்டத்திற்கு ஆயிரக்கணக்கான பூக்கள் கொண்ட GIF.
லேயர் என்பது பகிரப்பட்ட "போர்டில்" அனைவரும் பிக்சலை வரையக்கூடிய ஒரு சமூகமாகும். அசல் யோசனை Reddit இல் பிறந்தது. r/Layer சமூகம் என்பது பகிரப்பட்ட படைப்பாற்றலுக்கான ஒரு உருவகமாகும், எல்லோரும் ஒரு படைப்பாளியாக இருக்க முடியும் மற்றும் ஒரு பொதுவான காரணத்திற்காக பங்களிக்க முடியும்.
உங்கள் சொந்த அடுக்கு திட்டத்தை உருவாக்கும் போது நீங்கள் என்ன கற்றுக்கொள்கிறீர்கள்:
ஜாவாஸ்கிரிப்ட் கேன்வாஸ் எப்படி வேலை செய்கிறது கேன்வாஸை எப்படி இயக்குவது என்பது பல பயன்பாடுகளில் முக்கியமான திறமையாகும்.
பயனர் அனுமதிகளை எவ்வாறு ஒருங்கிணைப்பது. ஒவ்வொரு பயனரும் உள்நுழையாமல் ஒவ்வொரு 15 நிமிடங்களுக்கும் ஒரு பிக்சலை வரையலாம்.
Squoosh என்பது பல மேம்பட்ட விருப்பங்களைக் கொண்ட ஒரு பட சுருக்கப் பயன்பாடாகும்.
GIF 20 MB
Squoosh இன் உங்கள் சொந்த பதிப்பை உருவாக்குவதன் மூலம் நீங்கள் கற்றுக்கொள்வீர்கள்:
பட அளவுகளுடன் எவ்வாறு வேலை செய்வது
Drag'n'Drop API இன் அடிப்படைகளை அறிக
API மற்றும் நிகழ்வு கேட்போர் எவ்வாறு செயல்படுகிறார்கள் என்பதைப் புரிந்து கொள்ளுங்கள்
கோப்புகளை ஏற்றுவது மற்றும் ஏற்றுமதி செய்வது எப்படி
குறிப்பு: பட அமுக்கி உள்ளூர். சேவையகத்திற்கு கூடுதல் தரவை அனுப்ப வேண்டிய அவசியமில்லை. நீங்கள் கம்ப்ரசரை வீட்டில் வைத்திருக்கலாம் அல்லது உங்கள் விருப்பப்படி சர்வரில் பயன்படுத்தலாம்.
கால்குலேட்டர்
வா? தீவிரமாக? கால்குலேட்டரா? ஆம், சரியாக, ஒரு கால்குலேட்டர். கணித செயல்பாடுகளின் அடிப்படைகளைப் புரிந்துகொள்வது மற்றும் அவை எவ்வாறு ஒன்றாகச் செயல்படுகின்றன என்பது உங்கள் பயன்பாடுகளை எளிதாக்குவதற்கான ஒரு முக்கியமான திறமையாகும். விரைவில் அல்லது பின்னர் நீங்கள் எண்களை சமாளிக்க வேண்டியிருக்கும், விரைவில் சிறந்தது.
உங்கள் சொந்த கால்குலேட்டரை உருவாக்குவதன் மூலம் நீங்கள் கற்றுக்கொள்வீர்கள்:
எண்கள் மற்றும் கணித செயல்பாடுகளுடன் வேலை செய்யுங்கள்
நிகழ்வு கேட்போர் API உடன் பயிற்சி செய்யுங்கள்
கூறுகளை எவ்வாறு ஒழுங்கமைப்பது, பாணிகளைப் புரிந்துகொள்வது
கிராலர் (தேடு பொறி)
எல்லோரும் ஒரு தேடுபொறியைப் பயன்படுத்தியுள்ளனர், எனவே நீங்கள் சொந்தமாக ஏன் உருவாக்கக்கூடாது? தகவல்களைத் தேட கிராலர்கள் தேவை. எல்லோரும் ஒவ்வொரு நாளும் அவற்றைப் பயன்படுத்துகிறார்கள், இந்த தொழில்நுட்பம் மற்றும் நிபுணர்களுக்கான தேவை காலப்போக்கில் மட்டுமே வளரும்.
கூகுள் தேடுபொறி
உங்கள் சொந்த தேடுபொறியை உருவாக்குவதன் மூலம் நீங்கள் என்ன கற்றுக்கொள்கிறீர்கள்:
கிராலர்கள் எவ்வாறு செயல்படுகின்றன
தளங்களை எவ்வாறு அட்டவணைப்படுத்துவது மற்றும் மதிப்பீடு மற்றும் நற்பெயர் மூலம் அவற்றை எவ்வாறு தரவரிசைப்படுத்துவது
அட்டவணையிடப்பட்ட தளங்களை தரவுத்தளத்தில் எவ்வாறு சேமிப்பது மற்றும் தரவுத்தளத்துடன் எவ்வாறு வேலை செய்வது
மியூசிக் பிளேயர் (Spotify, Apple Music)
எல்லோரும் இசையைக் கேட்கிறார்கள் - அது நம் வாழ்வின் ஒருங்கிணைந்த பகுதியாகும். நவீன இசை ஸ்ட்ரீமிங் இயங்குதளத்தின் அடிப்படை இயக்கவியல் எவ்வாறு செயல்படுகிறது என்பதை நன்கு புரிந்துகொள்ள ஒரு மியூசிக் பிளேயரை உருவாக்குவோம்.
வீடிழந்து
உங்கள் சொந்த இசை ஸ்ட்ரீமிங் தளத்தை உருவாக்குவதன் மூலம் நீங்கள் என்ன கற்றுக்கொள்கிறீர்கள்:
API உடன் எவ்வாறு வேலை செய்வது. Spotify அல்லது Apple Music இலிருந்து API ஐப் பயன்படுத்தவும்
அடுத்த/முந்தைய டிராக்கிற்கு எப்படி விளையாடுவது, இடைநிறுத்துவது அல்லது ரிவைண்ட் செய்வது
ஒலியளவை மாற்றுவது எப்படி
பயனர் ரூட்டிங் மற்றும் உலாவி வரலாற்றை எவ்வாறு நிர்வகிப்பது
ரியாக்டைப் பயன்படுத்தி திரைப்படத் தேடல் பயன்பாடு (கொக்கிகளுடன்)
ரியாக்டைப் பயன்படுத்தி திரைப்படத் தேடல் பயன்பாட்டை உருவாக்குவதே முதலில் நீங்கள் தொடங்கலாம். இறுதி பயன்பாடு எப்படி இருக்கும் என்பதற்கான படம் கீழே உள்ளது:
நீங்கள் என்ன கற்றுக்கொள்வீர்கள்
இந்தப் பயன்பாட்டை உருவாக்குவதன் மூலம், ஒப்பீட்டளவில் புதிய Hooks API ஐப் பயன்படுத்தி உங்கள் எதிர்வினை திறன்களை மேம்படுத்துவீர்கள். எடுத்துக்காட்டு திட்டமானது ரியாக்ட் கூறுகள், நிறைய கொக்கிகள், வெளிப்புற API மற்றும் சில CSS ஸ்டைலிங் ஆகியவற்றைப் பயன்படுத்துகிறது.
தொழில்நுட்ப அடுக்கு மற்றும் அம்சங்கள்
கொக்கிகள் மூலம் எதிர்வினை
உருவாக்கு-எதிர்வினை-பயன்பாடு
JSX
CSS ஐ
எந்த வகுப்புகளையும் பயன்படுத்தாமல், இந்த திட்டங்கள் செயல்பாட்டு எதிர்வினைக்கான சரியான நுழைவு புள்ளியை உங்களுக்கு வழங்குகின்றன, மேலும் 2020 இல் நிச்சயமாக உங்களுக்கு உதவும். நீங்கள் கண்டுபிடிக்க முடியும் எடுத்துக்காட்டு திட்டம் இங்கே. வழிமுறைகளைப் பின்பற்றவும் அல்லது அதை நீங்களே உருவாக்கவும்.
Vue உடன் அரட்டை பயன்பாடு
நீங்கள் செய்ய வேண்டிய மற்றொரு சிறந்த திட்டம் எனக்கு பிடித்த ஜாவாஸ்கிரிப்ட் நூலகத்தைப் பயன்படுத்தி அரட்டை பயன்பாட்டை உருவாக்குவது: VueJS. பயன்பாடு இப்படி இருக்கும்:
நீங்கள் என்ன கற்றுக்கொள்வீர்கள்
இந்த டுடோரியலில், புதிதாக ஒரு Vue பயன்பாட்டை எவ்வாறு உருவாக்குவது என்பதை நீங்கள் கற்றுக் கொள்வீர்கள் - கூறுகளை உருவாக்குதல், நிலையைக் கையாளுதல், வழிகளை உருவாக்குதல், மூன்றாம் தரப்பு சேவைகளுடன் இணைத்தல் மற்றும் அங்கீகாரத்தைக் கையாளுதல்.
தொழில்நுட்ப அடுக்கு மற்றும் அம்சங்கள்
வியு
vuex
Vue திசைவி
Vue CLI
pusher
CSS ஐ
Vue உடன் தொடங்குவதற்கு அல்லது 2020 ஆம் ஆண்டில் மேம்பாடு அடைய உங்கள் தற்போதைய திறன்களை மேம்படுத்துவதற்கு இது மிகவும் சிறந்த திட்டமாகும். நீங்கள் கண்டுபிடிக்க முடியும் பயிற்சி இங்கே.
கோண 8 உடன் அழகான வானிலை பயன்பாடு
கோண 8 ஐப் பயன்படுத்தி அழகான வானிலை பயன்பாட்டை உருவாக்க இந்த எடுத்துக்காட்டு உதவும்:
நீங்கள் என்ன கற்றுக்கொள்வீர்கள்
இந்த திட்டம் புதிதாக பயன்பாடுகளை உருவாக்குவதில் மதிப்புமிக்க திறன்களை உங்களுக்குக் கற்பிக்கும் - வடிவமைப்பு முதல் மேம்பாடு வரை, வரிசைப்படுத்த-தயாரான பயன்பாடு வரை.
தொழில்நுட்ப அடுக்கு மற்றும் அம்சங்கள்
கோண 8
Firebase
சர்வர் பக்க ரெண்டரிங்
கட்டம் மற்றும் Flexbox உடன் CSS
மொபைல் நட்பு மற்றும் இணக்கத்தன்மை
இருண்ட பயன்முறை
அழகான இடைமுகம்
இந்த அனைத்தையும் உள்ளடக்கிய திட்டத்தில் நான் மிகவும் விரும்புவது என்னவென்றால், நீங்கள் விஷயங்களைத் தனிமையில் படிக்க வேண்டாம். அதற்கு பதிலாக, வடிவமைப்பு முதல் இறுதி வரிசைப்படுத்தல் வரை முழு வளர்ச்சி செயல்முறையையும் நீங்கள் கற்றுக்கொள்கிறீர்கள்.
Svelte ஐப் பயன்படுத்தி செய்ய வேண்டிய பயன்பாடு
ஸ்வெல்ட் என்பது கூறு அடிப்படையிலான அணுகுமுறையில் புதிய குழந்தையைப் போன்றது - குறைந்தபட்சம் ரியாக்ட், வியூ மற்றும் ஆங்குலர் போன்றது. மேலும் இது 2020க்கான வெப்பமான புதிய தயாரிப்புகளில் ஒன்றாகும்.
செய்ய வேண்டிய பயன்பாடுகள் மிகவும் பரபரப்பான தலைப்பு அல்ல, ஆனால் இது உங்கள் Svelte திறன்களை மேம்படுத்த உதவும். இது இப்படி இருக்கும்:
நீங்கள் என்ன கற்றுக்கொள்வீர்கள்
இந்த டுடோரியல் Svelte 3 ஐப் பயன்படுத்தி ஒரு பயன்பாட்டை எவ்வாறு உருவாக்குவது என்பதை ஆரம்பம் முதல் இறுதி வரை காண்பிக்கும். நீங்கள் கூறுகள், ஸ்டைலிங் மற்றும் நிகழ்வு ஹேண்ட்லர்களைப் பயன்படுத்துவீர்கள்
தொழில்நுட்ப அடுக்கு மற்றும் அம்சங்கள்
ஸ்வெல்ட் 3
கூறுகள்
CSS உடன் ஸ்டைலிங்
ES 6 தொடரியல்
பல நல்ல Svelte ஸ்டார்டர் திட்டங்கள் இல்லை, அதனால் நான் கண்டுபிடித்தேன் தொடங்க இது ஒரு நல்ல வழி.
Next.js ஐப் பயன்படுத்தி மின் வணிகம் பயன்பாடு
Next.js என்பது பாக்ஸிற்கு வெளியே சர்வர்-சைட் ரெண்டரிங்கை ஆதரிக்கும் எதிர்வினை பயன்பாடுகளை உருவாக்குவதற்கான மிகவும் பிரபலமான கட்டமைப்பாகும்.
இது போன்ற ஒரு ஈ-காமர்ஸ் பயன்பாட்டை எவ்வாறு உருவாக்குவது என்பதை இந்தத் திட்டம் காண்பிக்கும்:
நீங்கள் என்ன கற்றுக்கொள்வீர்கள்
இந்தத் திட்டத்தில், Next.js-ஐப் பயன்படுத்தி எப்படி உருவாக்குவது என்பதை நீங்கள் கற்றுக் கொள்வீர்கள்—புதிய பக்கங்கள் மற்றும் கூறுகளை உருவாக்குவது, தரவைப் பிரித்தெடுத்தல் மற்றும் நடை மற்றும் அடுத்த பயன்பாட்டைப் பயன்படுத்துதல்.
தொழில்நுட்ப அடுக்கு மற்றும் அம்சங்கள்
அடுத்தது
கூறுகள் மற்றும் பக்கங்கள்
தரவு மாதிரி
stylization
திட்ட வரிசைப்படுத்தல்
SSR மற்றும் SPA
புதிதாக ஒன்றைக் கற்றுக்கொள்வதற்கு ஈ-காமர்ஸ் பயன்பாட்டைப் போன்ற நிஜ உலக உதாரணத்தை வைத்திருப்பது எப்போதும் சிறப்பானது. உன்னால் முடியும் பயிற்சியை இங்கே காணலாம்.
Nuxt.js உடன் முழு அளவிலான பன்மொழி வலைப்பதிவு
Nuxt.js என்பது Vue க்கு, Next.js என்றால் React: சர்வர் பக்க ரெண்டரிங் மற்றும் ஒற்றை பக்க பயன்பாடுகளின் சக்தியை இணைப்பதற்கான சிறந்த கட்டமைப்பு
நீங்கள் உருவாக்கக்கூடிய இறுதி பயன்பாடு இப்படி இருக்கும்:
நீங்கள் என்ன கற்றுக்கொள்வீர்கள்
இந்த மாதிரி திட்டப்பணியில், Nuxt.js ஐப் பயன்படுத்தி முழுமையான இணையதளத்தை எவ்வாறு உருவாக்குவது என்பதை ஆரம்ப அமைப்பிலிருந்து இறுதி வரிசைப்படுத்தல் வரை கற்றுக்கொள்வீர்கள்.
பக்கங்கள் மற்றும் கூறுகள் மற்றும் SCSS உடன் ஸ்டைலிங் போன்ற பல சிறந்த அம்சங்களை Nuxt வழங்கும்.
தொழில்நுட்ப அடுக்கு மற்றும் அம்சங்கள்
Nuxt.js
கூறுகள் மற்றும் பக்கங்கள்
ஸ்டோரி பிளாக் தொகுதி
ஹாக்ஃபிஷ்
மாநில நிர்வாகத்திற்கான Vuex
ஸ்டைலிங்கிற்கான SCSS
நக்ஸ்ட் மிடில்வேர்ஸ்
இது மிகவும் அருமையான திட்டம், இது பல சிறந்த Nuxt.js அம்சங்களை உள்ளடக்கியது. நான் தனிப்பட்ட முறையில் Nuxt உடன் பணிபுரிவதை விரும்புகிறேன், எனவே நீங்கள் இதை முயற்சிக்கவும், ஏனெனில் இது உங்களை சிறந்த Vue டெவலப்பராக மாற்றும்.
கேட்ஸ்பியுடன் வலைப்பதிவு செய்யுங்கள்
கேட்ஸ்பி ரியாக்ட் மற்றும் கிராப்க்யூஎல் ஆகியவற்றைப் பயன்படுத்தி ஒரு சிறந்த நிலையான தள ஜெனரேட்டராகும். இது திட்டத்தின் முடிவு:
நீங்கள் என்ன கற்றுக்கொள்வீர்கள்
இந்த டுடோரியலில், ரியாக்ட் மற்றும் கிராப்க்யூஎல் மூலம் உங்கள் சொந்த கட்டுரைகளை எழுத நீங்கள் பயன்படுத்தும் வலைப்பதிவை உருவாக்க கேட்ஸ்பையை எவ்வாறு பயன்படுத்துவது என்பதை நீங்கள் கற்றுக் கொள்வீர்கள்.
தொழில்நுட்ப அடுக்கு மற்றும் அம்சங்கள்
கேட்ஸ்பை
வினை
வரைபடம்
செருகுநிரல்கள் மற்றும் கருப்பொருள்கள்
MDX/Markdown
பூட்ஸ்ட்ராப் CSS
டெம்ப்ளேட்கள்
நீங்கள் எப்போதாவது ஒரு வலைப்பதிவைத் தொடங்க விரும்பினால், இது ஒரு சிறந்த உதாரணம் React மற்றும் GraphQL ஐப் பயன்படுத்தி அதை எவ்வாறு உருவாக்குவது என்பது பற்றி.
வேர்ட்பிரஸ் ஒரு மோசமான தேர்வு என்று நான் கூறவில்லை, ஆனால் கேட்ஸ்பை மூலம் நீங்கள் ரியாக்டைப் பயன்படுத்தி உயர் செயல்திறன் கொண்ட இணையதளங்களை உருவாக்கலாம் - இது ஒரு அற்புதமான கலவையாகும்.
கிரிட்சோமுடன் வலைப்பதிவு
Vue க்கான Gridsome... சரி, நாங்கள் இதை ஏற்கனவே Next/Nuxt உடன் வைத்திருந்தோம்.
ஆனால் கிரிட்சோம் மற்றும் கேட்ஸ்பைக்கு இதுவே உண்மை. இருவரும் GraphQL ஐ தங்கள் தரவு அடுக்காகப் பயன்படுத்துகின்றனர், ஆனால் Gridsome VueJS ஐப் பயன்படுத்துகிறது. இது ஒரு அற்புதமான நிலையான தள ஜெனரேட்டராகும், இது சிறந்த வலைப்பதிவுகளை உருவாக்க உதவும்:
நீங்கள் என்ன கற்றுக்கொள்வீர்கள்
Gridsome, GraphQL மற்றும் Markdown மூலம் தொடங்குவதற்கு எளிய வலைப்பதிவை எவ்வாறு உருவாக்குவது என்பதை இந்தத் திட்டம் உங்களுக்குக் கற்பிக்கும். Netlify மூலம் ஒரு பயன்பாட்டை எவ்வாறு வரிசைப்படுத்துவது என்பதையும் இது உள்ளடக்கியது.
Quasar ஐப் பயன்படுத்தும் SoundCloud போன்ற ஆடியோ பிளேயர்
Quasar என்பது மொபைல் பயன்பாடுகளை உருவாக்கப் பயன்படும் மற்றொரு Vue கட்டமைப்பாகும். இந்த திட்டத்தில் நீங்கள் ஆடியோ பிளேயர் பயன்பாட்டை உருவாக்குவீர்கள், எடுத்துக்காட்டாக:
நீங்கள் என்ன கற்றுக்கொள்வீர்கள்
மற்ற திட்டங்கள் முக்கியமாக இணைய பயன்பாடுகளில் கவனம் செலுத்தும் போது, Vue மற்றும் Quasar கட்டமைப்பைப் பயன்படுத்தி மொபைல் பயன்பாட்டை எவ்வாறு உருவாக்குவது என்பதை இது உங்களுக்குக் காண்பிக்கும்.
Android Studio/Xcode உள்ளமைக்கப்பட்ட கோர்டோவாவை நீங்கள் ஏற்கனவே வைத்திருக்க வேண்டும். இல்லையெனில், கையேட்டில் Quasar வலைத்தளத்திற்கான இணைப்பு உள்ளது, அங்கு அவை அனைத்தையும் எவ்வாறு அமைப்பது என்பதைக் காண்பிக்கும்.
தொழில்நுட்ப அடுக்கு மற்றும் அம்சங்கள்
குவாசரின்
வியு
கோர்டோவா
அலை சர்ஃபர்
UI கூறுகள்
சிறிய திட்டம், மொபைல் பயன்பாடுகளை உருவாக்குவதற்கான குவாசரின் திறன்களை விளக்குகிறது.
கடன் அட்டை படிவம்
மென்மையான மற்றும் சுவாரஸ்யமான நுண் தொடர்புகளுடன் கூடிய குளிர் கிரெடிட் கார்டு வடிவம். எண் வடிவமைப்பு, சரிபார்ப்பு மற்றும் தானியங்கி அட்டை வகை கண்டறிதல் ஆகியவை அடங்கும். இது Vue.js இல் கட்டமைக்கப்பட்டுள்ளது மற்றும் முழுமையாக பதிலளிக்கக்கூடியது. (நீங்கள் பார்க்கலாம் இங்கே.)
பக்கத்தில் உள்ள கூறுகளை எப்படிக் காட்டுவது மற்றும் வைப்பது என்பதைப் புரிந்து கொள்ளுங்கள், குறிப்பாக படிவத்தின் மேல் தோன்றும் கிரெடிட் கார்டு தகவல்
சட்ட வரைபடம்
ஹிஸ்டோகிராம் என்பது ஒரு விளக்கப்படம் அல்லது வரைபடமாகும், இது அவை பிரதிநிதித்துவப்படுத்தும் மதிப்புகளுக்கு விகிதாசாரமாக உயரங்கள் அல்லது நீளங்களைக் கொண்ட செவ்வகப் பட்டைகளுடன் வகைப்படுத்தப்பட்ட தரவைக் குறிக்கிறது.
அவை செங்குத்தாக அல்லது கிடைமட்டமாக பயன்படுத்தப்படலாம். ஒரு செங்குத்து பட்டை விளக்கப்படம் சில நேரங்களில் ஒரு வரி விளக்கப்படம் என்று அழைக்கப்படுகிறது.
நீங்கள் என்ன கற்றுக் கொள்வீர்கள்:
கட்டமைக்கப்பட்ட மற்றும் புரிந்துகொள்ளக்கூடிய வகையில் தரவைக் காண்பி
கூடுதலாக: உறுப்பை எவ்வாறு பயன்படுத்துவது என்பதை அறிக canvas மற்றும் கூறுகளை எப்படி வரையலாம்
இது நீங்கள் உலக மக்கள் தொகை தரவு கண்டுபிடிக்க முடியும். அவை ஆண்டு வாரியாக வரிசைப்படுத்தப்படுகின்றன.
ட்விட்டர் ஹார்ட் அனிமேஷன்
2016 ஆம் ஆண்டில், ட்விட்டர் தனது ட்வீட்களுக்காக இந்த அற்புதமான அனிமேஷனை அறிமுகப்படுத்தியது. 2019 வரை, இது இன்னும் ஒரு பகுதியாகத் தெரிகிறது, எனவே அதை நீங்களே ஏன் உருவாக்கக்கூடாது?
நீங்கள் என்ன கற்றுக் கொள்வீர்கள்:
CSS பண்புடன் வேலை செய்யுங்கள் keyframes
HTML கூறுகளைக் கையாளவும் மற்றும் உயிரூட்டவும்
ஜாவாஸ்கிரிப்ட், HTML மற்றும் CSS ஆகியவற்றை இணைக்கவும்
தேடக்கூடிய GitHub களஞ்சியங்கள்
இங்கே ஆடம்பரமான எதுவும் இல்லை - GitHub களஞ்சியங்கள் ஒரு புகழ்பெற்ற பட்டியல்.
களஞ்சியங்களைக் காண்பிப்பதும், அவற்றை வடிகட்ட பயனரை அனுமதிப்பதும் இலக்காகும். பயன்படுத்தவும் அதிகாரப்பூர்வ GitHub API ஒவ்வொரு பயனருக்கும் களஞ்சியங்களைப் பெற.
அரட்டைகள் அவற்றின் எளிமை மற்றும் பயன்பாட்டின் எளிமை காரணமாக ஒரு பிரபலமான தகவல்தொடர்பு வழியாகும். ஆனால் நவீன அரட்டை அறைகளுக்கு உண்மையில் எரிபொருளாக இருப்பது எது? வெப்சாக்கெட்டுகள்!
நீங்கள் என்ன கற்றுக் கொள்வீர்கள்:
WebSockets, நிகழ்நேர தொடர்பு மற்றும் தரவு புதுப்பிப்புகளைப் பயன்படுத்தவும்
பயனர் அணுகல் நிலைகளுடன் பணிபுரிதல் (உதாரணமாக, அரட்டை சேனலின் உரிமையாளருக்குப் பங்கு உள்ளது admin, மற்றும் அறையில் உள்ள மற்றவர்கள் - user)
படிவங்களைச் செயலாக்குதல் மற்றும் சரிபார்த்தல் - நினைவில் கொள்ளுங்கள், ஒரு செய்தியை அனுப்புவதற்கான அரட்டை சாளரம் input
வெவ்வேறு அரட்டைகளை உருவாக்கி சேரவும்
தனிப்பட்ட செய்திகளுடன் வேலை செய்யுங்கள். பயனர்கள் மற்ற பயனர்களுடன் தனிப்பட்ட முறையில் அரட்டையடிக்கலாம். அடிப்படையில், நீங்கள் இரண்டு பயனர்களிடையே WebSocket இணைப்பை நிறுவுவீர்கள்.
கோடு பாணி வழிசெலுத்தல்
இந்த வழிசெலுத்தலின் தனித்துவமானது என்னவென்றால், உள்ளடக்கத்திற்கு ஏற்றவாறு பாப்ஓவர் கொள்கலன் உருமாறுகிறது. புதிய பாப்ஓவரைத் திறந்து மூடும் பாரம்பரிய நடத்தையுடன் ஒப்பிடும்போது இந்த மாற்றத்திற்கு ஒரு நேர்த்தி உள்ளது.
நீங்கள் என்ன கற்றுக் கொள்வீர்கள்:
மாற்றங்களுடன் CSS அனிமேஷன்களை இணைக்கவும்
உள்ளடக்கத்தை மங்கச் செய்து, மிதக்கும் உறுப்புக்கு செயலில் உள்ள வகுப்பைப் பயன்படுத்தவும்
pacman
Pacman இன் உங்கள் சொந்த பதிப்பை உருவாக்கவும். விளையாட்டுகள் எவ்வாறு உருவாக்கப்படுகின்றன என்பதைப் பற்றிய யோசனையைப் பெறுவதற்கும் அடிப்படைகளைப் புரிந்துகொள்வதற்கும் இது ஒரு சிறந்த வழியாகும். JavaScript கட்டமைப்பைப் பயன்படுத்தவும், எதிர்வினை அல்லது Vue.
நீ கற்றுக்கொள்வாய்:
கூறுகள் எவ்வாறு நகரும்
எந்த விசைகளை அழுத்த வேண்டும் என்பதை எவ்வாறு தீர்மானிப்பது
மோதலின் தருணத்தை எவ்வாறு தீர்மானிப்பது
நீங்கள் மேலும் சென்று பேய் இயக்கக் கட்டுப்பாட்டைச் சேர்க்கலாம்
இந்த திட்டத்தின் உதாரணத்தை நீங்கள் காணலாம் களஞ்சியத்தில் மகிழ்ச்சியா
பயனர் நிர்வாகத்திற்கான CRUD வகை பயன்பாட்டை உருவாக்குவது வளர்ச்சியின் அடிப்படைகளை உங்களுக்குக் கற்பிக்கும். புதிய டெவலப்பர்களுக்கு இது மிகவும் பயனுள்ளதாக இருக்கும்.
நீ கற்றுக்கொள்வாய்:
ரூட்டிங் என்றால் என்ன
தரவு உள்ளீடு படிவங்களை எவ்வாறு கையாள்வது மற்றும் பயனர் உள்ளிட்டவற்றைச் சரிபார்க்கவும்
தரவுத்தளத்துடன் எவ்வாறு வேலை செய்வது - செயல்களை உருவாக்கவும், படிக்கவும், புதுப்பிக்கவும் மற்றும் நீக்கவும்
நீங்கள் பயன்பாடுகளை உருவாக்க விரும்பினால், வானிலை பயன்பாட்டில் தொடங்கவும். இந்த திட்டத்தை ஸ்விஃப்ட் பயன்படுத்தி முடிக்க முடியும்.
ஒரு பயன்பாட்டை உருவாக்கும் அனுபவத்தைப் பெறுவதற்கு கூடுதலாக, நீங்கள் கற்றுக்கொள்வீர்கள்:
API உடன் எவ்வாறு வேலை செய்வது
புவிஇருப்பிடத்தை எவ்வாறு பயன்படுத்துவது
உரை உள்ளீட்டைச் சேர்ப்பதன் மூலம் உங்கள் பயன்பாட்டை மேலும் ஆற்றல்மிக்கதாக மாற்றவும். அதில், பயனர்கள் ஒரு குறிப்பிட்ட இடத்தில் வானிலை சரிபார்க்க தங்கள் இருப்பிடத்தை உள்ளிட முடியும்.
உங்களுக்கு API தேவைப்படும். வானிலை தரவைப் பெற, OpenWeather API ஐப் பயன்படுத்தவும். OpenWeather API பற்றிய கூடுதல் தகவல் இங்கே.
அரட்டை சாளரம்
எனது அரட்டை சாளரம் செயல்பாட்டில் உள்ளது, இரண்டு உலாவி தாவல்களில் திறக்கவும்
அரட்டை சாளரத்தை உருவாக்குவது சாக்கெட்டுகளுடன் தொடங்குவதற்கான சரியான வழியாகும். தொழில்நுட்ப அடுக்கின் தேர்வு மிகப்பெரியது. Node.js, எடுத்துக்காட்டாக, சரியானது.
சாக்கெட்டுகள் எவ்வாறு செயல்படுகின்றன மற்றும் அவற்றை எவ்வாறு செயல்படுத்துவது என்பதை நீங்கள் கற்றுக் கொள்வீர்கள். இந்த திட்டத்தின் முக்கிய நன்மை இதுவாகும்.
நீங்கள் சாக்கெட்டுகளுடன் பணிபுரிய விரும்பும் லாராவெல் டெவலப்பராக இருந்தால், என்னுடையதைப் படியுங்கள் ஒரு கட்டுரை
நீங்கள் தொடர்ச்சியான ஒருங்கிணைப்புக்கு (CI) புதியவராக இருந்தால், GitLab CI உடன் விளையாடுங்கள். சில சூழல்களை அமைத்து, இரண்டு சோதனைகளை இயக்க முயற்சிக்கவும். இது மிகவும் கடினமான திட்டம் அல்ல, ஆனால் நீங்கள் அதிலிருந்து நிறைய கற்றுக் கொள்வீர்கள் என்று நான் நம்புகிறேன். பல மேம்பாட்டுக் குழுக்கள் இப்போது CI ஐப் பயன்படுத்துகின்றன. அதை எவ்வாறு பயன்படுத்துவது என்பதை அறிவது பயனுள்ளதாக இருக்கும்.
நீ கற்றுக்கொள்வாய்:
GitLab CI என்றால் என்ன
எப்படி கட்டமைப்பது .gitlab-ci.ymlஇது GitLab பயனருக்கு என்ன செய்ய வேண்டும் என்று கூறுகிறது
மற்ற சூழல்களுக்கு எவ்வாறு வரிசைப்படுத்துவது
இணையதள பகுப்பாய்வி
வலைத்தளங்களின் சொற்பொருளை பகுப்பாய்வு செய்து அவற்றின் மதிப்பீட்டை உருவாக்கும் ஸ்கிராப்பரை உருவாக்கவும். எடுத்துக்காட்டாக, படங்களில் காணாமல் போன மாற்று குறிச்சொற்களை நீங்கள் சரிபார்க்கலாம். அல்லது பக்கத்தில் எஸ்சிஓ மெட்டா குறிச்சொற்கள் உள்ளதா எனச் சரிபார்க்கவும். பயனர் இடைமுகம் இல்லாமல் ஒரு ஸ்கிராப்பரை உருவாக்க முடியும்.
நீ கற்றுக்கொள்வாய்:
ஸ்கிராப்பர் எப்படி வேலை செய்கிறது?
DOM தேர்வாளர்களை எவ்வாறு உருவாக்குவது
ஒரு அல்காரிதம் எழுதுவது எப்படி
நீங்கள் அங்கு நிறுத்த விரும்பவில்லை என்றால், ஒரு பயனர் இடைமுகத்தை உருவாக்கவும். நீங்கள் சரிபார்க்கும் ஒவ்வொரு இணையதளத்திலும் ஒரு அறிக்கையை உருவாக்கலாம்.
புதிய பொருட்களை எவ்வாறு உருவாக்குவது (பலகைகள், பட்டியல்கள், அட்டைகள்).
உள்ளீட்டுத் தரவைச் செயலாக்குதல் மற்றும் சரிபார்த்தல்.
கிளையன்ட் பக்கத்திலிருந்து: உள்ளூர் சேமிப்பகத்தை எவ்வாறு பயன்படுத்துவது, உள்ளூர் சேமிப்பகத்தில் தரவை எவ்வாறு சேமிப்பது, உள்ளூர் சேமிப்பகத்திலிருந்து தரவைப் படிப்பது எப்படி.
சேவையக பக்கத்திலிருந்து: தரவுத்தளங்களை எவ்வாறு பயன்படுத்துவது, தரவுத்தளத்தில் தரவை எவ்வாறு சேமிப்பது, தரவுத்தளத்திலிருந்து தரவைப் படிப்பது எப்படி.
புதிதாக உங்கள் சொந்த வெப்பேக் கட்டமைப்பை அமைக்கவும்
தொழில்நுட்ப ரீதியாக, இது ஒரு பயன்பாடு அல்ல, ஆனால் உள்ளே இருந்து webpack எவ்வாறு செயல்படுகிறது என்பதைப் புரிந்துகொள்வது மிகவும் பயனுள்ள பணியாகும். இப்போது அது ஒரு "கருப்பு பெட்டி" அல்ல, ஆனால் புரிந்துகொள்ளக்கூடிய கருவி.
தேவைகள்:
es7 முதல் es5 வரை தொகுக்கவும் (அடிப்படைகள்).
jsx ஐ js - அல்லது - .vue இலிருந்து .js வரை தொகுக்கவும் (நீங்கள் ஏற்றிகளைக் கற்றுக்கொள்ள வேண்டும்)
வெப்பேக் டெவ் சர்வர் மற்றும் ஹாட் மாட்யூல் ரீலோடிங்கை அமைக்கவும். (vue-cli மற்றும் create-react-app இரண்டையும் பயன்படுத்துகின்றன)
Heroku, now.sh அல்லது Github ஐப் பயன்படுத்தவும், Webpack திட்டப்பணிகளை எவ்வாறு பயன்படுத்துவது என்பதை அறியவும்.
css - scss, லெஸ், ஸ்டைலஸ் தொகுக்க உங்களுக்குப் பிடித்த முன்செயலியை அமைக்கவும்.
வெப்பேக்குடன் படங்களையும் svg களையும் எவ்வாறு பயன்படுத்துவது என்பதை அறிக.
தீவிரமாக? துடுஷ்கா? அவற்றில் ஆயிரக்கணக்கானவை உள்ளன. ஆனால் என்னை நம்புங்கள், இந்த பிரபலத்திற்கு ஒரு காரணம் இருக்கிறது.
டுடு பயன்பாடு அடிப்படைகளை நீங்கள் புரிந்துகொள்வதை உறுதிசெய்ய ஒரு சிறந்த வழியாகும். வெண்ணிலா ஜாவாஸ்கிரிப்டில் ஒரு பயன்பாட்டையும் உங்களுக்குப் பிடித்த கட்டமைப்பில் ஒன்றையும் எழுத முயற்சிக்கவும்.
அறிய:
புதிய பணிகளை உருவாக்குங்கள்.
புலங்கள் நிரப்பப்பட்டுள்ளதா என சரிபார்க்கவும்.
வடிகட்டுதல் பணிகள் (முடிந்தது, செயலில், அனைத்தும்). பயன்படுத்தவும் filter и reduce.
ஜாவாஸ்கிரிப்ட்டின் அடிப்படைகளைப் புரிந்து கொள்ளுங்கள்.
இணைய பயன்பாடுகள் மற்றும் சொந்த பயன்பாடுகள் இரண்டும் எவ்வாறு செயல்படுகின்றன என்பதை நீங்கள் புரிந்துகொள்வீர்கள், இது உங்களை சாம்பல் நிறத்தில் இருந்து வேறுபடுத்தும்.
நாம் என்ன படிப்போம்:
இணைய சாக்கெட்டுகள் (உடனடி செய்திகள்)
சொந்த பயன்பாடுகள் எவ்வாறு செயல்படுகின்றன.
சொந்த பயன்பாடுகளில் டெம்ப்ளேட்கள் எவ்வாறு செயல்படுகின்றன.
சொந்த பயன்பாடுகளில் கோரிக்கை செயலாக்க வழிகளை ஒழுங்கமைத்தல்.
உரை ஆசிரியர்
உரை திருத்தியின் நோக்கம் பயனர்கள் தங்கள் வடிவமைப்பை சரியான HTML மார்க்அப்பாக மாற்ற முயற்சிப்பதைக் குறைப்பதாகும். ஒரு நல்ல உரை திருத்தி பயனர்களை வெவ்வேறு வழிகளில் உரையை வடிவமைக்க அனுமதிக்கிறது.
ஒரு கட்டத்தில், அனைவரும் உரை திருத்தியைப் பயன்படுத்தியுள்ளனர். எனவே ஏன் இல்லை அதை நீங்களே உருவாக்குங்கள்?
ரெடிட் குளோன்
ரெட்டிட்டில் ஒரு சமூக செய்தி தொகுப்பு, இணைய உள்ளடக்க மதிப்பீடு மற்றும் கலந்துரையாடல் தளமாகும்.
Reddit எனது பெரும்பாலான நேரத்தை எடுத்துக்கொள்கிறது, ஆனால் நான் அதை தொடர்ந்து ஹேங்அவுட் செய்கிறேன். ஒரு Reddit குளோனை உருவாக்குவது நிரலாக்கத்தைக் கற்றுக்கொள்வதற்கான ஒரு சிறந்த வழியாகும் (அதே நேரத்தில் Reddit ஐ உலாவும்போது).
Reddit உங்களுக்கு மிகவும் பணக்காரர்களை வழங்குகிறது ஏபிஐ. எந்த அம்சங்களையும் விட்டுவிடாதீர்கள் அல்லது இடையூறாக விஷயங்களைச் செய்யாதீர்கள். வாடிக்கையாளர்கள் மற்றும் வாடிக்கையாளர்களைக் கொண்ட நிஜ உலகில், நீங்கள் தற்செயலாக வேலை செய்ய முடியாது, அல்லது நீங்கள் விரைவில் உங்கள் வேலையை இழக்க நேரிடும்.
புத்திசாலித்தனமான வாடிக்கையாளர்கள் வேலை மோசமாக செய்யப்படுவதை உடனடியாக உணர்ந்து, வேறொருவரைக் கண்டுபிடிப்பார்கள்.
நீங்கள் Javascript குறியீட்டை எழுதினால், நீங்கள் ஒரு தொகுப்பு மேலாளரைப் பயன்படுத்துவதற்கான வாய்ப்புகள் உள்ளன. பிறர் எழுதி வெளியிட்ட, ஏற்கனவே உள்ள குறியீட்டை மீண்டும் பயன்படுத்த ஒரு தொகுப்பு மேலாளர் உங்களை அனுமதிக்கிறது.
ஒரு தொகுப்பின் முழு வளர்ச்சி சுழற்சியைப் புரிந்துகொள்வது ஒரு நல்ல அனுபவத்தை வழங்கும். குறியீட்டை வெளியிடும் போது நீங்கள் தெரிந்து கொள்ள வேண்டிய பல விஷயங்கள் உள்ளன. பாதுகாப்பு, சொற்பொருள் பதிப்பு, அளவிடுதல், பெயரிடும் மரபுகள் மற்றும் பராமரிப்பு பற்றி நீங்கள் சிந்திக்க வேண்டும்.
தொகுப்பு எதுவும் இருக்கலாம். உங்களுக்கு யோசனை இல்லையென்றால், உங்கள் சொந்த Lodash ஐ உருவாக்கி அதை வெளியிடவும்.
நீங்கள் ஆன்லைனில் ஏதாவது செய்திருந்தால், மற்றவர்களை விட உங்களை 10% உயர்த்துவீர்கள். இங்கே சில பயனுள்ள ஆதாரங்கள் உள்ளன திறந்த மூலங்கள் மற்றும் தொகுப்புகள் பற்றி.
freeCodeCamp என்பது ஒரு இலாப நோக்கற்ற அமைப்பாகும். இது ஒரு ஊடாடும் இணைய அடிப்படையிலான கற்றல் தளம், ஒரு ஆன்லைன் சமூக மன்றம், அரட்டை அறைகள், நடுத்தர வெளியீடுகள் மற்றும் உள்ளூர் நிறுவனங்கள் ஆகியவற்றைக் கொண்டுள்ளது, அவை கற்றல் வலை மேம்பாட்டை அனைவருக்கும் அணுகக்கூடியதாக மாற்றும் நோக்கம் கொண்டது.
முழுப் படிப்பையும் முடிக்க முடிந்தால், உங்கள் முதல் வேலைக்குத் தகுதி பெறுவீர்கள்.
புதிதாக ஒரு HTTP சேவையகத்தை உருவாக்கவும்
HTTP நெறிமுறை என்பது இணையத்தில் உள்ளடக்கம் பயணிக்கும் முக்கிய நெறிமுறைகளில் ஒன்றாகும். HTML, CSS மற்றும் JS போன்ற நிலையான உள்ளடக்கத்தை வழங்க HTTP சேவையகங்கள் பயன்படுத்தப்படுகின்றன.
HTTP நெறிமுறையை புதிதாகச் செயல்படுத்துவது, விஷயங்கள் எவ்வாறு தொடர்பு கொள்கின்றன என்பது பற்றிய உங்கள் அறிவை விரிவுபடுத்தும்.
எடுத்துக்காட்டாக, நீங்கள் NodeJ களைப் பயன்படுத்தினால், எக்ஸ்பிரஸ் HTTP சேவையகத்தை வழங்குகிறது என்பது உங்களுக்குத் தெரியும்.
குறிப்புக்கு, உங்களால் முடியுமா என்று பார்க்கவும்:
எந்த நூலகங்களையும் பயன்படுத்தாமல் சேவையகத்தை அமைக்கவும்
சேவையகம் HTML, CSS மற்றும் JS உள்ளடக்கத்தை வழங்க வேண்டும்.
ஏன் என்று உங்களுக்குத் தெரியாவிட்டால், பயன்படுத்தவும் செல்லுங்கள் மற்றும் ஒரு HTTP சேவையகத்தை உருவாக்க முயற்சிக்கவும் காடியா புதிதாக இருந்து.
குறிப்புகளுக்கான டெஸ்க்டாப் பயன்பாடு
நாம் அனைவரும் குறிப்புகளை எடுத்துக்கொள்கிறோம், இல்லையா?
குறிப்புகள் பயன்பாட்டை உருவாக்குவோம். பயன்பாடு குறிப்புகளைச் சேமித்து அவற்றை தரவுத்தளத்துடன் ஒத்திசைக்க வேண்டும். எலக்ட்ரான், ஸ்விஃப்ட் அல்லது நீங்கள் விரும்பும் மற்றும் உங்கள் கணினிக்கு எது வேலை செய்கிறது என்பதைப் பயன்படுத்தி சொந்த பயன்பாட்டை உருவாக்கவும்.
இதை முதல் சவாலுடன் (உரை திருத்தி) இணைக்க தயங்க வேண்டாம்.
போனஸாக, உங்கள் டெஸ்க்டாப் பதிப்பை இணையப் பதிப்போடு ஒத்திசைக்க முயற்சிக்கவும்.
பாட்காஸ்ட்கள் (மேகமூட்டமான குளோன்)
பாட்காஸ்ட்களை யார் கேட்க மாட்டார்கள்?
பின்வரும் செயல்பாடுகளுடன் இணைய பயன்பாட்டை உருவாக்கவும்:
ஒரு கணக்கை உருவாக்க
பாட்காஸ்ட்களைத் தேடுங்கள்
பாட்காஸ்ட்களுக்கு மதிப்பிட்டு குழுசேரவும்
நிறுத்தி விளையாடவும், வேகத்தை மாற்றவும், முன்னோக்கி மற்றும் பின்தங்கிய செயல்பாடுகளை 30 வினாடிகளுக்கு மாற்றவும்.
ஆரம்ப புள்ளியாக iTunes API ஐப் பயன்படுத்த முயற்சிக்கவும். வேறு ஏதேனும் ஆதாரங்கள் உங்களுக்குத் தெரிந்தால், கருத்துகளில் இடுகையிடவும்.