[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode&label=&message=Open%20in%20Visual%20Studio%20Code&labelColor=2c2c32&color=007acc&logoColor=007acc)](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
# ஆரம்ப நிலையாளர்களுக்கான வலை அபிவிருத்தி - ஒரு பாடத்திட்டம்
மைக்ரோசாப்ட் அஸூர் கிளவுட் வழக்கறிஞர்கள் ஜாவாஸ்கிரிப்ட், சிஎஸ்எஸ் மற்றும் ஹெச்டிஎம்எல் அடிப்படைகள் பற்றி ஒரு 12 வார, 24 பாட பாடத்திட்டத்தை வழங்க மகிழ்ச்சி யடைகிறார்கள். ஒவ்வொரு பாடத்திலும் முன் மற்றும் பிந்தைய பாட வினாடி வினாக்கள், பாடத்தை முடிக்க எழுதப்பட்ட அறிவுறுத்தல்கள், ஒரு தீர்வு, ஒரு ஒதுக்கீடு மற்றும் பல அடங்கும். எங்கள் திட்டம் அடிப்படையிலான கற்பித்தல் நீங்கள் கட்டிடம் போது கற்றுக்கொள்ள அனுமதிக்கிறது, புதிய திறன்கள் 'ஒட்டிக்கொள்கின்றன' ஒரு நிரூபிக்கப்பட்ட வழி.
**எங்கள் ஆசிரியர்கள் ஜென் லூப்பர், கிறிஸ் நோரிங், கிறிஸ்டோபர் ஹாரிசன், ஜாஸ்மின் கிரீனவே, யோஹான் லசோர்சா, ஃப்ளோர் ட்ரீஸ் மற்றும் ஸ்கெட்ச்நோட் கலைஞர் டோமோமி இமுரா வுக்கு மனமார்ந்த நன்றி!**
# தொடங்குதல்
> **ஆசிரியர்கள்**,இந்த பாடத்திட்டத்தை எவ்வாறு பயன்படுத்துவது என்பது குறித்து நாங்கள் [சில ஆலோசனைகளை சேர்த்துள்ளோம்](/for-teachers.md). உங்கள் கருத்துக்களை நாங்கள் விரும்புகிறோம் [எங்கள் விவாத மன்றத்தில்](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
> **மாணவர்கள்**, இந்த பாடத்திட்டத்தை சொந்தமாக பயன்படுத்த, முழு ரெப்போவை முட்கரண்டிமற்றும் உங்கள் சொந்த பயிற்சிகளை முடிக்க, ஒரு முன் விரிவுரை வினாடி வினா தொடங்கி, பின்னர் விரிவுரை படித்து மீதமுள்ள நடவடிக்கைகளை நிறைவு. தீர்வு குறியீட்டை நகலெடுக்காமல் பாடங்களைபுரிந்து கொண்டு திட்டங்களை உருவாக்க முயற்சிக்கவும்; எனினும் அந்த குறியீடு ஒவ்வொரு திட்டம் சார்ந்த பாடத்தில் /தீர்வுகள் கோப்புறைகளில் கிடைக்கிறது. மற்றொரு யோசனை நண்பர்களுடன் ஒரு ஆய்வுக் குழுவை உருவாக்கி உள்ளடக்கத்தை ஒன்றாகச் செல்வது. மேலும் ஆய்வுக்காக, நாங்கள் [மைக்ரோசாப்ட் கற்றல்](https://docs.microsoft.com/users/jenlooper-2911/collections/jg2gax8pzd6o81?WT.mc_id=academic-13441-cxa).
ஜிஃப் மூலம் [மோஹித் ஜெய்சல்](https://linkedin.com/in/mohitjaisal) உருவாக்கப்பட்டது.
> 🎥 திட்டம் மற்றும் அதை உருவாக்கிய எல்லோரும் பற்றி ஒரு வீடியோ மேலே படத்தை கிளிக் செய்யவும்!
## ஆசிரியரியல்
இந்த பாடத்திட்டத்தை உருவாக்கும் போது நாங்கள் இரண்டு கற்பித்தல் கோட்பாடுகளைத் தேர்ந்தெடுத்துள்ளோம்: இது திட்ட அடிப்படையிலானது மற்றும் இது அடிக்கடி வினாடி வினாக்களை உள்ளடக்கியது என்பதை உறுதிப்படுத்துகிறது. இந்த தொடரின் முடிவில், மாணவர்கள் ஒரு தட்டச்சு விளையாட்டு, ஒரு மெய்நிகர் டெரரியம், ஒரு 'பச்சை' உலாவி நீட்டிப்பு, ஒரு 'விண்வெளி படையெடுப்பாளர்கள்' வகை விளையாட்டு, மற்றும் ஒரு வணிக வகை வங்கி பயன்பாட்டை உருவாக்கியிருப்பார்கள், மேலும் இன்றைய வலை டெவலப்பரின் நவீன கருவிச்சங்கிலியுடன் ஜாவாஸ்கிரிப்ட், ஹெச்டிஎம்எல் மற்றும் சிஎஸ்எஸ் ஆகியவற்றின் அடிப்படைகளைக் கற்றுக்கொண்டிருப்பார்கள்.
> 🎓 நீங்கள் மைக்ரோசாப்ட் கற்றல் ஒரு [கற்றல் பாதை](https://docs.microsoft.com/learn/paths/web-development-101?WT.mc_id=academic-13441-cxa) இந்த பாடத்திட்டத்தில் முதல் சில பாடங்களை எடுக்க முடியும்!
உள்ளடக்கம் திட்டங்களுடன் பொருந்துவதை உறுதி செய்வதன் மூலம், செயல்முறை மாணவர்களுக்கு அதிக ஈடுபாடு மற்றும் கருத்துகளை தக்கவைத்தல் அதிகரிக்கப்படும். நாங்கள் கருத்துக்களை அறிமுகப்படுத்த ஜாவாஸ்கிரிப்ட் அடிப்படைகளில் பல ஸ்டார்டர் பாடங்களை எழுதினோம், வீடியோ டுரிட்டோரியல்களின் "[தொடக்கநிலைதொடர்: ஜாவாஸ்கிரிப்ட்](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript?WT.mc_id=academic-13441-cxa)" தொகுப்பிலிருந்து வீடியோவுடன் இணைந்தது, அதன் ஆசிரியர்கள் சிலர் இந்த பாடத்திட்டத்திற்கு பங்களித்தனர்.
கூடுதலாக, ஒரு வர்க்கம் ஒரு தலைப்பைக் கற்றுக்கொள்வதை நோக்கி மாணவரின் நோக்கத்தை அமைக்கும் முன் ஒரு குறைந்த பங்குகள் வினாடி வினா, அதே நேரத்தில் வகுப்புக்குப் பிறகு இரண்டாவது வினாடி வினா மேலும் தக்கவைத்தல் உறுதி. இந்த பாடத்திட்டம் நெகிழ்வான மற்றும் வேடிக்கையான தாக வடிவமைக்கப்பட்டது மற்றும் முழுமையாகவோ அல்லது பகுதியாகவோ எடுத்துக் கொள்ளலாம். திட்டங்கள் சிறிய தொடங்கி 12 வார சுழற்சி முடிவில் பெருகிய முறையில் சிக்கலான ஆக.
ஒரு கட்டமைப்பை ஏற்றுக்கொள்வதற்கு முன் ஒரு வலை டெவலப்பராக தேவையான அடிப்படை திறன்களில் கவனம் செலுத்துவதற்காக ஜாவாஸ்கிரிப்ட் கட்டமைப்புகளை அறிமுகப்படுத்துவதை நாங்கள் வேண்டுமென்றே தவிர்த்திருந்தாலும், இந்த பாடத்திட்டத்தை நிறைவு செய்வதற்கான ஒரு நல்ல அடுத்த படி, வீடியோக்களின் மற்றொரு சேகரிப்பு வழியாக நோடீ.ஜேஎஸ் வைப் பற்றி கற்றுக்கொள்வதாகும்:"[தொடக்க தொடர்: நோடீ.ஜேஎஸ்](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs?WT.mc_id=academic-13441-cxa)".
> எங்கள் [நடத்தை விதிகள்](/CODE_OF_CONDUCT.md), [பங்களிப்பு](/CONTRIBUTING.md), மற்றும் [மொழிபெயர்ப்பு](/TRANSLATIONS.md) வழிகாட்டுதல்களைக் கண்டறியவும். உங்கள் ஆக்கப்பூர்வமான கருத்துக்களை நாங்கள் வரவேற்கிறோம்!
## ஒவ்வொரு பாடமும் அடங்கும்:
- விருப்ப ஸ்கெட்ச்நோட்
- விருப்ப துணை வீடியோ
- முன் பாடம் வார்ம்அப் வினாடி வினா
- எழுதப்பட்ட பாடம்
- திட்டம் அடிப்படையிலான பாடங்களுக்கு, திட்டத்தை எவ்வாறு உருவாக்குவது என்பது பற்றிய படிப்படியான வழிகாட்டிகள்
> **வினாடி வினாக்கள் பற்றிய குறிப்பு**: அனைத்து வினாடி வினாக்களும் [இந்த பயன்பாட்டில்](https://ashy-river-0debb7803.1.azurestaticapps.net/) உள்ளன, ஒவ்வொன்றும் மூன்று கேள்விகளின் 48 மொத்த வினாடி வினாக்களுக்கு. அவர்கள் பாடங்களில் இருந்து இணைக்கப்பட்டுள்ளது ஆனால் வினாடி வினா பயன்பாட்டை உள்நாட்டில் இயக்க முடியும்; `வினாடி வினா-பயன்பாடு` கோப்புறையில் உள்ள அறிவுறுத்தலைப் பின்பற்றவும். அவை படிப்படியாக உள்ளூர்மயமாக்கப்படுகின்றன.
| 01 | தொடங்குதல் | வர்த்தக த்தின் நிரலாக்க மற்றும் கருவிகள் அறிமுகம் | தொழில்முறை டெவலப்பர்கள் தங்கள் வேலைகளைச் செய்ய உதவும் பெரும்பாலான நிரலாக்க மொழிகளுக்குப் பின்னால் உள்ள அடிப்படை அடித்தளங்களையும் மென்பொருளைப் பற்றியும் கற்றுக்கொள்ளுங்கள் | [நிரலாக்க மொழிகள் மற்றும் வர்த்தக கருவிகள் அறிமுகம்](/1-getting-started-lessons/1-intro-to-programming-languages/README.md) | ஜாஸ்மின் |
| 02 | தொடங்குதல் | கிட்ஹப் அடிப்படைகள், ஒரு குழுவுடன் வேலை செய்வதை உள்ளடக்கியது | உங்கள் திட்டத்தில் கிட்ஹப் பயன்படுத்துவது எப்படி, குறியீட்டு த் தளத்தில் மற்றவர்களுடன் எவ்வாறு ஒத்துழைப்பது | [கிட்ஹப் அறிமுகம்](/1-getting-started-lessons/2-github-basics/README.md) | ஃப்ளோர் |
| 03 | தொடங்குதல் | எளிவரல் | இணைய அணுகல் தன்மையின் அடிப்படைகளை அறிக | [அணுகல் அடிப்படைகள்](/1-getting-started-lessons/3-accessibility/README.md) | கிறிஸ்டோபர் |
| 04 | ஜேஎஸ் அடிப்படைகள் | ஜாவாஸ்கிரிப்ட் தரவு வகைகள் | ஜாவாஸ்கிரிப்ட் தரவு வகைகளின் அடிப்படைகள் | [தரவு வகைகள்](/2-js-basics/1-data-types/README.md) | ஜாஸ்மின் |
| 05 | ஜேஎஸ் அடிப்படைகள் | தொழிற்பாடுகளும் முறைகளும் | பயன்பாட்டின் தர்க்க ஓட்டத்தை நிர்வகிக்க செயல்பாடுகள் மற்றும் முறைகளைப் பற்றி அறிக | [தொழிற்பாடுகளும் முறைகளும்](/2-js-basics/2-functions-methods/README.md) | ஜாஸ்மின் மற்றும் கிறிஸ்டோபர் |
| 06 | ஜேஎஸ் அடிப்படைகள் | ஜே.எஸ். உடன் முடிவுகளை எடுப்பது | முடிவெடுக்கும் முறைகளைப் பயன்படுத்தி உங்கள் குறியீட்டில் நிலைமைகளை எவ்வாறு உருவாக்குவது என்பதை அறிக | [ ஜே.எஸ். உடன் முடிவுகளை எடுப்பது](/2-js-basics/3-making-decisions/README.md) | ஜாஸ்மின் |
| 07 | ஜேஎஸ் அடிப்படைகள் | வரிசைகள் மற்றும் வளையங்கள் | ஜாவாஸ்கிரிப்டில் உள்ள தகவல் வரிசைகள் மற்றும் வளையங்களைப் பயன்படுத்தி தரவுகளுடன் பணியாற்றுங்கள் | [வரிசைகள் மற்றும் வளையங்கள்](/2-js-basics/4-arrays-loops/README.md) | ஜாஸ்மின் |
| 08 | [டெரரியம்](/3-terrarium/solution/README.md) | நடைமுறையில் ஹெச்டிஎம்எல் | ஒரு தளவமைப்பை உருவாக்குவதில் கவனம் செலுத்தி, ஆன்லைன் டெரரியம் உருவாக்க, ஹெச்டிஎம்எல் ஐ உருவாக்கவும் | [ஹெச்டிஎம்எல் அறிமுகம்](/3-terrarium/1-intro-to-html/README.md) | ஜென் |
| 09 | [டெரரியம்](/3-terrarium/solution/README.md) | நடைமுறையில் சி.எஸ்.எஸ். | பக்கத்தை பதிலளிக்கச் செய்வது உட்பட சிஎஸ்எஸ் இன் அடிப்படைகளில் கவனம் செலுத்தி, ஆன்லைன் டெரரியம் பாணியில் சிஎஸ்எஸ் ஐ உருவாக்கவும் | [சி.எஸ்.எஸ் அறிமுகம்](/3-terrarium/2-intro-to-css/README.md) | ஜென் |
| 10 | [டெரரியம்](/3-terrarium/solution/README.md) | ஜாவாஸ்கிரிப்ட் மூடல்கள், டோம் கையாளுதல் | மூடல்கள் மற்றும் டோம் கையாளுதல் கவனம் செலுத்தி, ஒரு இழுவை/துளி இடைமுகமாக டெரரியம் செயல்பட ஜாவாஸ்கிரிப்டை உருவாக்கவும் | [ஜாவாஸ்கிரிப்ட் மூடல்கள், டோம் கையாளுதல்](/3-terrarium/3-intro-to-DOM-and-closures/README.md) | ஜென் |
| 11 | [தட்டச்சு விளையாட்டு](/4-typing-game/solution/README.md) | தட்டச்சு விளையாட்டு உருவாக்கவும் | உங்கள் ஜாவாஸ்கிரிப்ட் பயன்பாட்டின் தர்க்கத்தை இயக்க விசைப்பலகை நிகழ்வுகளை எவ்வாறு பயன்படுத்துவது என்பதை அறிக | [நிகழ்வு-இயக்கப்படும் நிரலாக்கம்](/4-typing-game/typing-game/README.md) | கிறிஸ்டோபர் |
| 12 | [பச்சை உலாவி நீட்டிப்பு](/5-browser-extension/solution/README.md) | உலாவிகளில் வேலை | உலாவிகள் எவ்வாறு வேலை செய்கின்றன, அவற்றின் வரலாறு மற்றும் உலாவி நீட்டிப்பின் முதல் கூறுகளை எவ்வாறு தூக்குமேடைசெய்வது என்பதை அறிக | [உலாவிகள் பற்றி](/5-browser-extension/1-about-browsers/README.md) | ஜென் |
| 13 | [பச்சை உலாவி நீட்டிப்பு](/5-browser-extension/solution/README.md) | ஒரு படிவத்தை உருவாக்குதல், ஒரு ஏபிஐ ஐ அழைத்தல் மற்றும் உள்ளூர் சேமிப்பகத்தில் மாறிகளை சேமித்தல் | உங்கள் உலாவி நீட்டிப்பின் ஜாவாஸ்கிரிப்ட் கூறுகளை உருவாக்கி, உள்ளூர் சேமிப்பகத்தில் சேமிக்கப்படும் மாறிகளைப் பயன்படுத்தி ஒரு ஏபிஐ ஐ அழைக்கவும் | [ஏபிஐகள், படிவங்கள் மற்றும் உள்ளூர் சேமிப்பு](/5-browser-extension/2-forms-browsers-local-storage/README.md) | ஜென் |
| 14 | [பச்சை உலாவி நீட்டிப்பு](/5-browser-extension/solution/README.md) | உலாவியில் பின்னணி செயல்முறைகள், வலை செயல்திறன் | விரிவாக்கத்தின் படவுருவை நிர்வகிக்க உலாவியின் பின்னணி செயல்முறைகளைப் பயன்படுத்தவும்; வலை செயல்திறன் மற்றும் சில தேர்வுமுறைபற்றி அறியவும் | [பின்னணி பணிகள் மற்றும் செயல்திறன்](/5-browser-extension/3-background-tasks-and-performance/README.md) | ஜென் |
| 15 | [விண்வெளி விளையாட்டு](/6-space-game/solution/README.md) | ஜாவாஸ்கிரிப்ட் உடன் மேலும் மேம்பட்ட விளையாட்டு வளர்ச்சி | ஒரு விளையாட்டை உருவாக்குவதற்கான தயாரிப்பில், வகுப்புகள் மற்றும் கலவை மற்றும் பப் / துணை முறை இரண்டையும் பயன்படுத்தி பரம்பரை பற்றி அறியவும் | [மேம்பட்ட விளையாட்டு அபிவிருத்தி அறிமுகம்](/6-space-game/1-introduction/README.md) | கிறிஸ் |
| 16 | [விண்வெளி விளையாட்டு](/6-space-game/solution/README.md) | கேன்வாஸ் வரைதல் | ஒரு திரைக்கு உறுப்புகளை வரைய பயன்படுத்தப்படும் கேன்வாஸ் ஏபிஐ பற்றி அறியவும் | [கேன்வாஸ் வரைதல்](/6-space-game/2-drawing-to-canvas/README.md) | கிறிஸ் |
| 17 | [விண்வெளி விளையாட்டு](/6-space-game/solution/README.md) | திரையைச் சுற்றி நகரும் கூறுகள் | கார்ட்டீசியன் ஆயத்தொலைவுகள் மற்றும் கேன்வாஸ் ஏபிஐ பயன்படுத்தி கூறுகள் எவ்வாறு இயக்கத்தைப் பெற முடியும் என்பதைக் கண்டறியவும் | [சுற்றி நகரும் கூறுகள்](/6-space-game/3-moving-elements-around/README.md) | கிறிஸ் |
| 18 | [விண்வெளி விளையாட்டு](/6-space-game/solution/README.md) | மோதல் கண்டறிதல் | கூறுகள் மோதிக்கொண்டு விசைஅழுத்தங்கள் பயன்படுத்தி ஒருவருக்கொருவர் எதிர்வினை மற்றும் விளையாட்டின் செயல்திறனை உறுதி செய்ய ஒரு குளிர்விக்கும் செயல்பாட்டை வழங்க | [மோதல் கண்டறிதல்](/6-space-game/4-collision-detection/README.md) | கிறிஸ் |
| 19 | [விண்வெளி விளையாட்டு](/6-space-game/solution/README.md) | மதிப்பெண் வைத்து | விளையாட்டின் நிலை மற்றும் செயல்திறன் அடிப்படையில் கணித கணக்கீடுகளை செய்ய | [மதிப்பெண் வைத்து ](/6-space-game/5-keeping-score/README.md) | கிறிஸ் |
| 20 | [விண்வெளி விளையாட்டு](/6-space-game/solution/README.md) | விளையாட்டை முடித்து மறுதொடக்கம் செய்தல் | சொத்துக்களை சுத்தம் செய்தல் மற்றும் மாறி மதிப்புகளை மறுசீரமைப்பது உட்பட விளையாட்டை முடிப்பது மற்றும் மறுதொடக்கம் செய்வது பற்றி அறிக | [முடிவுநிலை](/6-space-game/6-end-condition/README.md) | கிறிஸ் |
| 21 | [வங்கிச் சேவை](/7-bank-project/solution/README.md) | ஒரு வலை பயன்பாட்டில் உள்ள ஹெச்டிஎம்எல் கள் வார்ப்புருக்கள் மற்றும் வழிகள் | ரூட்டிங் மற்றும் ஹெச்டிஎம்எல் டெம்ப்ளேட்களைப் பயன்படுத்தி பலபக்க வலைத்தளத்தின் கட்டிடக்கலையின் தூக்குமேடையை எவ்வாறு உருவாக்குவது என்பதை அறிக | [ஹெச்டிஎம்எல் வார்ப்புருக்கள் மற்றும் வழிகள்](/7-bank-project/1-template-route/README.md) | யோஹான் |
| 22 | [வங்கிச் சேவை](/7-bank-project/solution/README.md) | உள்நுழைவு மற்றும் பதிவு படிவத்தை உருவாக்கவும் | கட்டிட படிவங்கள் மற்றும் சரிபார்ப்பு நடைமுறைகளை வழங்குவது பற்றி அறிக | [படிவங்கள்](/7-bank-project/2-forms/README.md) | யோஹான் |
| 23 | [வங்கிச் சேவை](/7-bank-project/solution/README.md) | தரவுகளை ப் பெறுதல் மற்றும் பயன்படுத்துதல் முறைகள் | உங்கள் பயன்பாட்டிற்கு உள்ளேயும் வெளியேயும் தரவு எவ்வாறு பாய்கிறது, அதை எவ்வாறு கொண்டு வருவது, சேமித்து, அதை அகற்றுவது எப்படி | [தரப்பட்டவை](/7-bank-project/3-data/README.md) | யோஹான் |
| 24 | [வங்கிச் சேவை](/7-bank-project/solution/README.md) | நிலை மேலாண்மை பற்றிய கருத்துக்கள் | உங்கள் பயன்பாடு எவ்வாறு மாநிலத்தை த் தக்கவைத்துக் கொள்கிறது மற்றும் அதை நிரலாக்கரீதியாக எவ்வாறு நிர்வகிப்பது என்பதை அறிக | [நிலை மேலாண்மை](/7-bank-project/4-state-management/README.md) | யோஹான் |
## ஆஃப்லைன் அணுகல்
[டாக்சிபி](https://docsify.js.org/#/) பயன்படுத்தி இந்த டாக்சிபி ஆஃப்லைனில் இயக்கலாம். இந்த ரெப்போவை ஃபோர்க் செய்யவும், [உங்கள் உள்ளூர் இயந்திரத்தில் டாக்சிபி நிறுவவும்](https://docsify.js.org/#/quickstart), பின்னர் இந்த ரெப்போவின் ரூட் கோப்புறையில், `docsify serve` தட்டச்சு செய்யவும். வலைத்தளம் உங்கள் உள்ளூர் ஹோஸ்ட்டில் போர்ட் 3000 இல் வழங்கப்படும்: `localhost:3000`.
## பிடிஎப்
அனைத்து பாடங்களின் பிடிஎப் ஐ [இங்கே](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf) காணலாம்
## ஏனைய பாடத்திட்டம்
எங்கள் அணி மற்ற பாடத்திட்டத்தை தயாரிக்கிறது! செக்அவுட்: