[இசை] நீல் மேத்தா: இங்கே அது செல்கிறது. சரி, எல்லோருக்கும், வலை வரவேற்க கொண்டு எதிர்கால பயன்பாடுகள் வினை. இந்த CS50 உள்ளது. என் பெயர் நீல் உள்ளது. நான் CS50 மற்றும் முதலாண்டில் ஒரு டி.ஏ. இருக்கிறேன் ஹார்வர்டு கல்லூரி மற்றும் ஒரு மிக, மிக மணிக்கு உணர்ச்சி வலை டெவலப்பர். அதனால் நான் மிகவும் அற்புதமான இருக்கிறேன் இன்று நீங்கள் பேசி இருக்க, நீங்கள் இங்கே அல்லது வீட்டில் இருக்கிறோம் என்பதை பார்த்து, பற்றி, மீண்டும், இது, வினை நான் வலை பயன்பாடுகள், எதிர்காலத்தில் கூறினார். எனவே வினை ஒரு வலை கட்டமைப்பு உள்ளது. நான் வந்துள்ளேன் என சொல்லி இங்கே சில மக்கள், ஒரு கட்டமைப்பை ஒரு ஆகிறது நீங்கள் பயன்படுத்த முடியும் கருவிகள் அமைக்க கட்டமைக்க மற்றும் உங்கள் வலை பயன்பாட்டை உருவாக்க. மற்றும் வலை பயன்பாடுகள், மீண்டும், வலைத்தளங்கள் உள்ளன ஃபேஸ்புக் போன்ற ஊடாடும் என்று இருக்கும், Twitter.com, Instagram.com, என்ன. எனவே பேஸ்புக் ஒரு வலை கட்டப்பணி ஆகும் பேஸ்புக் மூலம் உருவாக்கப்பட்டது வினை back-- ஒரு ஜோடி ஆண்டுகள் ஆகும். அது முதல் பயன்படுத்தப்படும் தங்கள் மொபைல் பயன்பாடுகள் பற்றிய பேஸ்புக் மற்றும் வலை பயன்பாட்டை, Instagram,. கான் அகாடமி மற்றொரு ஆகிறது வினை முக்கிய முதனிலை பின்பற்றுவோர். அது உண்மையில் பெறுவது இருந்தது மிகவும் பிரபலமான. நீங்கள் எப்போதும் கோணத்துக்குரிய அல்லது போன்ற விஷயங்களை பயன்படுத்த வேண்டும் என்றால் பின்புல, இதே குடும்பத்தின் ஆகிறது, ஆனால் இது முதல் இதுவரை உள்ளது அவர்களின் புகழ் விஞ்ச. அது சூடான புதிய விஷயம். அது உண்மையில் பெரும் இருக்கிறது. அதனால் புரிவது ஒரு இல்லை என தான் நல்லது கட்டிடம் இடைமுகங்கள் வலை கட்டமைப்பை. இது வலை இடைமுகங்களை நல்லது. ஒரு ஒன்று கூட இல்லை என்று இவரது வினை இது நீங்கள் இடைமுகத்தை உருவாக்க அண்ட்ராய்டு மற்றும் iOS எதிர்காலத்தில் ஒருவேளை மற்ற தளங்களில் அதே ஜாவாஸ்கிரிப்ட் குறியீடு பயன்படுத்தி. நீங்கள் சரியான அதே பயன்படுத்த முடியும் ஜாவா குறியீடு, வலைத்தளங்களில் வழங்க அண்ட்ராய்டு பயன்பாடுகள் மற்றும் iOS பயன்பாடுகள் வழங்க. இது ஒரு மிக, மிக அற்புதமான நேரம். இது ஒரு உண்மையில் குளிர் வாய்ப்பு. அது உண்மையில் ஒரு உலகளாவிய வலை தான் இடைமுகம் வளர்ச்சி கருவி, அது ஒரு மிக, மிக தான் முக்கியமான விஷயம் தெரியும். மேலும், நான் மக்கள் அறிவிக்கிறபோது முன்னதாக, இந்த, நான் நினைக்கிறேன், நாம் எப்படி மாற்ற போகிறது எப்போதும் வலை பயன்பாடுகள் உருவாக்க. அது ஒருவேளை ஒரு பிட் உயர்வு நவிற்சி தான், ஆனால் நான் அதை தெரிந்து கொள்ள ஒரு நல்ல விஷயம் என்று. சரி, அதனால் வினை என்ன? வினை ஒரு கட்டமைப்பை நீங்கள் முடியும் இடைமுகங்களை பயன்படுத்த. ஒரு இடைமுகம், மீண்டும், வலது ஒரு வலை பக்கம்? எனவே இங்கே Instagram.com தான், பயன்கள் வினை. கட்டப்பட்டுள்ளது வினை கூறுகளை யோசனை. ஒரு கூறு ஒரு HTML ஊக்க உறுப்பு, அதனால் ஒரு HTML உறுப்பு ஒரு பொத்தானை போன்ற ஆகிறது. அது தான் பத்தி. அது சரி, ஒரு தலைப்பு? மற்றும் Instagram இந்த பயன்படுத்த, ஆனால் அது மேலும் வினை கூறுகள் பயன்படுத்த வேண்டும். கூறுகள் உள்ளன வினை souped அப் HTML உறுப்புகள் தங்கள் சொந்த நடத்தை என்று அவர்கள் அடங்கியுள்ள. எனவே, ஒரு உதாரணமாக, நாம் செய்ய முடியும் ஒரு நேரத்தில் உறுப்பு, ஒரு நேரம் கூறு, இது போன்ற கொண்டிருக்கும் நேரம் முத்திரை, உங்களுக்கு தெரியும், ஒரு சுயவிவரத்தை கூறு இது சுயவிவர படத்தை கொண்டிருக்கும் மற்றும் நபர் பெயர். இது ஒரு போன்ற எதிர் ஏற்படுத்தும் பிடிக்கும் எண்ணிக்கை போன்ற நம்பலாம், நீங்கள் அதை கிளிக் செய்தால், அது உங்களுடையதாகவே பிடிக்கும் எண்ணிக்கை அதிகரிக்க. ஒரு கூறு ஒரு ஆகிறது HTML குறியீடு கொத்து என்று சில செயல்பாடு உள்ளது அது உள்ளே மூடப்பட்டிருக்கும். எனவே இது ஒரு HTML உறுப்பு போல ஊக்க, நான் முன்பு கூறியது போல். எச்சாதனத்தை எடுக்க முடியும், மற்றும் அவற்றை ஒன்றாக வைக்க முடியாது , புதிய கூறுகளை செய்ய இந்த வழக்கில், ஒரு பதவியை கூறு, இது அனைத்து இந்த பொருட்களை கொண்டுள்ளது. அது, விவரம் நேரம் கொண்டிருக்க வேண்டும், LikeCounter, ஒருவேளை கருத்து ஒருவேளை படத்தை தன்னை. அதனால் வலை பயன்பாடுகள் மட்டும் எடுத்து கொண்டு கட்டப்படுகின்றன கூறுகளை அனைவரிடமும். ஒரு Instagram ஜூன் விட எதுவும் இன்னும் உள்ளது பதிவுகள் ஒரு கொத்து ஒன்றன் பின் ஒன்றாக, ஒவ்வொரு பதவியை, நேரம் போன்ற கொண்டிருக்கிறது அதனால், LikeCounter விவரம், மற்றும். இது மாதிரியான ஒரு வீட்டை கட்டி போல. நீங்கள் உருவாக்க வேண்டாம் மேலே இருந்து கீழே வீடு. நீங்கள் பாகங்களை எடுத்து குளியலறையில் போன்ற எடுத்து. நீங்கள் அவர்களை ஒட்டிக்கொள்கின்றன bedroom-- எடுக்கிறீர்கள் ஒன்றாக, மற்றும் நீங்கள் ஒரு புதிய கூறு இல்லை. நீங்கள் வீட்டின் ஒரு புதிய பகுதி வேண்டும். எனவே அனைத்து சுற்றி கட்டப்பட்டுள்ளது கூறுகளை இந்த யோசனை என்று அறிவித்தல் என்று, ஊடாடும் உள்ளன. என்ன ஒரு நீங்கள் தான் சொல்ல போல் சுயவிவரம், மற்றும் அது வழங்குவதுமான. அவர்கள் composable உள்ளன. நீங்கள் ஒரு நேரம் மற்றும் ஒரு சுயவிவரத்தை எடுக்க முடியும், வைக்க அவர்கள் ஒன்றாக, ஏதாவது நல்லது செய்ய. அவர்கள் என்றால், மீண்டும் இருக்கிறார்கள் நீங்கள் ஒரு பதவிக்கு மூல குறியீடு, நீங்கள் எங்கும் பதித்துள்ளது முடியும். நீங்கள் ஒரு Instagram உட்பொதிக்க முடியாது உங்கள் சொந்த வலைத்தளத்தில் விஷயம். நீங்கள் பேஸ்புக் உட்பொதிக்க முடியாது, எடுத்துக்காட்டாக, நீண்ட அது பயன்படுத்தும் அதே போல் வினை. எனவே கூறுகள் உண்மையில், உண்மையில் வலை சக்திவாய்ந்த கட்டிட தொகுதிகள் எங்கிருந்தும் அவற்றை பயன்படுத்த வைத்து ஒன்றாக புதிய கட்டிட தொகுதிகள் செய்ய. என்று மிக, மிக தான் உயர் மட்ட கண்ணோட்டத்தை. எனவே, மீண்டும், நீங்கள் இருந்தால் எந்த புள்ளியில் எந்த கேள்விகள் அணு உலை, தத்துவம் பற்றி கோடிங், என்னை நிறுத்த, மற்றும் எனக்கு தெரியப்படுத்துங்கள். சரி, அதனால் அது ஏனெனில் குளிர் வினை ஆகிறது பார்த்து ஒரு பல்வேறு வழி உள்ளது நீங்கள் வலை பயன்பாடுகளை உருவாக்க எப்படி. ஒருவேளை நீங்கள் மீதமுள்ள, ஒரு கேட்டிருக்கிறேன் மாதிரி நீங்கள் CS50 அல்லது என்ன கட்டுப்படுத்த நீங்கள் பயன்படுத்த ஆய்வு வகுப்புக்களில். மற்றும் மிகவும் கட்டமைப்புகள் உள்ளன மீதமுள்ள யோசனை சுற்றி கட்டப்பட்டது. வினை இல்லை. யோசனை சுற்றி கட்டப்பட்டுள்ளது ஒரேதிசைசார் தரவு ஓட்டம் இங்கே இந்த பட்டியலில் அல்லது கிராஃபிக் பார்ப்பது போல. அடிப்படையில், நீங்கள் ஒரு தரவு மூல வேண்டும். மற்றும் தரவு மூல தீர்மானிக்கும் எப்படி சில கூறுகள் வெளியே போட. மற்றும் கூறுகள் சாப்பிடுவேன் பின்னர், அவர்கள் மாற்ற போது, அவர்கள் சொல்வார்கள் தரவு மூல மாற்ற. Instagram பயன்படுத்த வேண்டும் உதாரணமாக, நீங்கள் வேண்டும் போன்ற பிந்தைய பொருட்களின் பட்டியலை ஒரு தகவல் அல்லது ஏதாவது. தரவு என்று. பின்னர் எங்கள் பதவியை கூறுகள் தரவு எடுக்கும், மற்றும் வழங்க தரவுகளைப் பயன்படுத்துகிறோம் திரையில் ஒரு விஷயம். அது தான் அம்பு , அங்கமாகும் தரவு இருந்து பின்னர் அதே தரவு பயன்படுத்தப்படுகிறது கூறுகளை ஒரு கொத்து வழங்க. பேஸ்புக் தூதர் ஆண்டில், வினை இது உதாரணம், நீங்கள் பட்டியல் இருக்கக் கூடும் உங்கள் தரவு ஆதாரமாக செய்திகளை. அந்த இல்லை வழங்க வேண்டும் செய்திகளை மட்டுமே பட்டியல் ஆனால் நண்பர்கள் பட்டியலில் நீங்கள் வேண்டும். படிக்காத எண்ணிக்கை வேண்டும். ஒருவேளை பேஸ்புக் உட்ரோ வில்சன் என்று Facebook.com கீழே தான். அதே தரவு ஒரு உண்மையை ஆதாரம் என்று நிறைய காரணங்கள் கூறுகளை அளிக்கப்படும். அப்போதும் அந்த ஒரு கூறுகளை மாற்றம், அது செல்கிறது மற்றும் தரவு மூல மாற்றுகிறது. நீங்கள் சொல்வது சரி, ஒரு செய்தியை அனுப்ப? அந்த தரவு மூல மாற்றுகிறது. நீங்கள் உங்கள் செய்திகளை படிக்க, எனவே நீங்கள் 0 படிக்காத அமைக்கிறீர்கள். அந்த தரவு மூல மாற்றுகிறது. அப்பொழுது ஒருவன் இந்த என்று அனைத்து கவனிக்க arrow அதே தரவு மீண்டும் நடக்கிறது மூல, நீங்கள் எனக்கு தெரியும், அதனால், குறிப்பிட்ட தரவு தொகுப்பு கொடுக்கப்பட்ட, நீங்கள் சரியாக என்ன தெரியும் பக்கம் இருக்க போகிறது. அது நிர்ணயிக்கப்பட்ட தான். நீங்கள், கொடுக்கப்பட்ட குறிப்பிட்ட தரவு தெரியுமா, என்ன பக்கம் இருக்க போகிறது. நீங்கள் அதை நடக்கிறது என்பதை கணிக்க முடியும் நடந்து எப்படி போய்க்கொண்டிருக்கிறது அவர்கள் ஒன்றாக இருக்கும் போது வேலை செய்ய. நான் ஒரு மில்லியன் கூறுகள் இருந்தால் இங்கே, அது சரியான, அதே நடந்துகொள்ள மாட்டார்கள்? நீங்கள் எந்த இல்லை என்று வித்தியாசமான பரஸ்பரத். ஒரு தரவு ஒரு மில்லியன் கூறுகள் அளிக்கப்பட்ட. ஒரு மில்லியன் கூறுகள் முடியும் திரும்பி சென்று தரவைத் திருத்தவும். எனவே இந்த மிகவும் நன்றாக இருக்கிறது. நாம் composable கட்டி எளிதாக தக்கது வலை பயன்பாடுகள். நீங்கள் ஒரு தரவு மூல வேண்டும், உண்மையை ஆதாரமாக இருக்கிறது. என்று உங்கள் கூறுகளை சொல்கிறது எப்படி பக்கம் வெளியே வைக்க, மற்றும் கூறுகள் சாப்பிடுவேன் தொடர்பு கையாள. அவர்கள் மாற்ற வேண்டும் என்றால் விஷயங்களை, திரும்பி செல்ல மற்றும் தரவு மூல மாற்ற சொல்ல. பயன்? எனவே வினை, எல்லாப் புத்திக்கும் பற்றி எப்படி ஒரு கூறு உருவாக்க உங்கள் கூறு செய்ய எப்படி வெளியே உலக தொடர்பு. கூறு இடைசெயல்புரியும் செய்தல் வெளியே உலக மற்றொரு தொழில்நுட்பத்தை பயன்படுத்தும் என்று நோயான, இது என்று ஒரு கட்டமைப்பு உள்ளது வினை மேல் சேர்க்க. நாம் அது பற்றி பேச போவதில்லை. நாம் கொடுக்கப்பட்ட, பற்றி மேலும் பேச போகிறோம் தரவு, எப்படி ஒரு கூறு வழங்க முடியும்? அதனால் நீங்கள் ஏனெனில் உண்மையில் குளிர் வினை நீங்கள் விரும்பும் எந்த மீண்டும் இறுதியில் அதை பயன்படுத்த முடியும். நீங்கள் ஒரு பைதான் மீண்டும் இறுதியில் போல இருந்தால், உங்கள் பைதான் சில தரவு வெளிக்காட்டாதே முடியும் என்றால், அதை வழங்க முடியும் வினை. நீங்கள் எந்த JS வெளியீடுகளை இருந்தால் தரவு, வினை அது வழங்குவதுமான. ரூபி கொண்டு தண்டவாளங்கள் தரவு, வினை அது வழங்குவதுமான. எனவே வினை அடிப்படையில் ஒரு இணைய ஆகிறது கூறுகளை கொண்ட ஒரு முன் இறுதியில் view-- அவற்றுக்கு எந்த தரவு மூலம். அதனால் தரவு மூலத்தில் இருந்து போகிறது கூறுகளை வினை அழகான எளிது. வேறு வழி சென்று ஒரு சிறிய கடினமாக உள்ளது. நான் முன்பு கூறியது அந்த ஃப்ளக்ஸ் பயன்படுத்துகிறது. நாம் என்று பெற முடியாது. நாம் அதிக கவனம் செலுத்த வேண்டும் தரவு-க்கு கூறு பக்க. நீங்கள் செய்ய முடியும் இந்த வழி குளிர், வேடிக்கை வலை பயன்பாடுகள். இது வெளிப்புற உலகத்தை பாதிக்காது இப்போது, ஆனால் அது வேறு கதை. சரி, என்றால், அதனால் நீங்கள் இங்கே இருந்தன என் கடந்த கருத்தரங்கு நீங்கள் குறியீடு என்று எல்லாம் தெரியும் இன்றைய பேச்சு இந்த URL போகிறது இங்கே, மன்னிக்கவும், இந்த URL ஐ. மற்றும் அடிப்படையில் நாம் செல்ல போகிறோம் ஒருவேளை நான்கு படிகள், ஐந்து மூலம், ஒருவேளை ஐந்து. நாங்கள் நான்கு படிகள் வழியாக செல்ல வேண்டும் ஒரு மாதிரி கட்டிட பயன்பாட்டை வினை. எனவே அனைத்து மூல குறியீடு ஒவ்வொரு அடியிலும் க்கான அவ்வாறாயின், இங்கேயே இருக்க போகிறது நீங்கள் வீட்டில் சேர்த்து தொடர்ந்து இந்த குறியீடு கவனத்துடன் வாசி எனக்கு. நீங்கள் இங்கே சேர்த்து தொடர்ந்து, நாம் திரையில் அதை காண்பிக்கப்படுகிறது அதை பற்றி கவலைப்பட வேண்டாம். ஆனால் நீங்கள் வீட்டில் என்றால், உணர இந்த வலைத்தளத்திற்கு சென்று இலவச. மற்றும், ஆமாம், நீங்கள் பெற முடியும் இருக்க வேண்டும் நீ இங்கே வேண்டும் என்று அனைத்து குறியீடு. எனவே இது ஒரு நல்ல ஏமாற்று பட்டியல் அத்துடன் தான் உங்கள் எதிர்கால சாகசங்களை வினை. குளிர், என்றால் இங்கே தான் அனைவருக்கும், நீங்கள் வீட்டில் என்றால், is.gd/cs50react, இந்த இணையதளத்தில் வரை இழுக்க, மூலதன, எந்த அடிக்கோடிட்டு இல்லை, எதுவும் இல்லை. நீங்கள் தெரிகிறது என்று ஒரு பக்கம் பார்க்க வேண்டும் இது போன்ற ஒரு சிறிய பிட். இந்த CodePen என்று ஒரு விஷயம் இருக்கிறது. CodePen ஒரு கூட்டு ஆகிறது குறியீட்டு சூழலை இது நான் இங்கே குறியீடு எழுத முடியும், மற்றும் அது தானாகவே அனுப்பப்படும். இந்த வழியில், நான் குறியீடு எழுத முடியும். நான் இங்கே குறியீடு இயக்க முடியும். எடுத்துக்காட்டாக மற்றும் அதை பார்க்க reloads-- என்றால், நான் பக்கத்தில் ஜாவாஸ்கிரிப்ட் குறியீடு இயங்கும் வலது இங்கே, அது தருகிறேன் தானாக ஒரு வலை பக்கம் வழங்க இந்த ஜாவா குறியீட்டுடன் இருக்கிறது. எனவே இந்த ஒரு வழி எங்களுக்கு குறியீடு முயற்சிக்க வேண்டும் பயன்படுத்த இல்லாமல் மிகவும் விரைவான எங்கள் ஐடி அல்லது நமது உள்ளூர் இயந்திரம் பயன்படுத்த அல்லது என்ன. அதை நீங்கள் mockup ஒரு மிக விரைவான வழி மற்றும் குறியீடு பல்வேறு வகையான சோதனை. எனவே நான் எடுத்து கொள்ள போகிறேன் எடுத்துக்காட்டாக குறியீடு, இங்கே அதை வைத்து. நாம் அது மூலம் வேலை செய்ய போகிறோம். நீங்கள் வீட்டில் என்றால், நீங்கள் அதே இந்த வரை இழுக்க முடியும். நான் ஏற்கனவே நிறுவப்பட்ட இங்கே வினை, எனவே நீங்கள் தான் முடியும் இங்கே உங்கள் சொந்த குறியீடு எழுத, உங்கள் சொந்த விளையாட்டு மைதானமாக அதை முயற்சி. ஆமாம், அனைவருக்கும் என்றால் இங்கே இந்த இணைப்பை திறந்து. எனக்கு ஒரு கட்டைவிரலை கொடுக்க கொள்ளவும் நீங்கள் அதை திறந்த முறை வரை. குளிர், குளிர் குளிர். எதுவும், இப்போது இங்கே இல்லை ஆனால் நாம் மிக விரைவில் அந்த மாறும். சரி, அதனால் ஒரு ஜாவா வினை நூலகம், மற்றும் போன்ற, , ஜாவா அறிவு தேவை இது வலை நிரலாக்க மொழி ஆகும். அது, பிற விஷயங்களை பயன்படுத்தப்படும் இப்போது கூட ஆனால் முதன்மையாக வலை அபிவிருத்தி மொழி, நீங்கள் அறிந்திறாத இருந்தால், அதனால் என்று, JSforCats.com என்று ஒரு தளத்தில் படிக்க. அது அற்புதம். நீங்கள் இதைப் பார்ப்பதற்கு JavaScript கற்றுக்கொள்ள முடியும் அரை மணி நேரத்தில். அது நம்பமுடியாத தான். எனவே அது ஒரு வாசிப்பு கொடுக்க. நாங்கள் இங்கே ஏனெனில் HTML நிறைய இருக்கிறது நாம் நிச்சயமாக வலை பக்கங்கள் வடிவமைத்தல். நீங்கள் அறிந்திறாத என்றால் எனவே Html, HTMLdog.com பாருங்கள். நான் புரிவது ஒரு கற்றல் மில்லியன் மடங்கு எளிதாக ஏற்கனவே நீங்கள் என்றால் கட்டிட தொகுதிகள் தெரியும். நீங்கள் கூறுகள் இருந்தால், அது தான் எளிதாக ஒரு பெரிய கூறு செய்ய. என்று நீங்கள் மொழியை வினை தான். எனவே மேலே சென்று கொடுக்க இந்த விஷயங்கள் ஒரு வாசிப்பு. இந்த வீடியோ இடைநிறுத்தி. நீங்கள் இருந்தால் அது ஒரு வாசிப்பு கொடுங்கள் வீட்டில் நீங்கள் இல்லை என்றால் HTML அல்லது JavaScript தெரிந்திருந்தால் சரி, நாம் போகிறோம் என்ன என்ன நாங்கள் செய்ய போகிறோம் வினை பயன்படுத்தி ஒரு அடிப்படை ஒளி அட்டை பயன்பாட்டை. நாம் ஒரு ஃப்ளாஷ்கார்ட் செய்ய போகிறோம். நீங்கள் முன்னும் பின்னுமாக அட்டை புரட்ட முடியும். நாம் கூட ஒரு பட்டியல் வேண்டும் நாம் அந்த அனைத்து அட்டைகள், நாம் உணர்கிறீர்கள் என்றால் லட்சிய, நாங்கள் இருக்க வேண்டும் மாற முடியும் அவற்றை கிளிக் செய்வதன் மூலம் கார்கள். ஆனால் இந்த உங்கள் வெற்று, ஆகிறது எலும்புகள், ஒரு மிக எளிய பயன்பாட்டை வினை. எனவே இந்த உண்மையில் செயல்படுத்த அற்பமான, ஆனால் நாம் நீங்கள் செய்தால், என்று காட்ட போகிறோம் இந்த, அது நீட்டிக்க மிகவும், மிக எளிது மற்ற மக்கள் அதை உங்களுக்கு உதவ வேண்டும். எனவே, நான்கு படிகள் வழியாக செல்ல போகிறோம் புதிதாக தொடங்கும் இந்த உருவாக்க. சரி, அதனால் நான்கு படிகள், நாம் தருகிறேன் முதல் படி தொடங்குகின்றன. முதல் படி இருக்க போகிறது உங்கள் முதல் கூறு கட்டி. நான் முன்பு கூறியது போல், ஒரு கூறு வினை ஊக்க ஒரு HTML உறுப்பு ஆகும். இது HTML குறிப்பிடுகிறது மற்றும் சில நடத்தை, மற்றும் அது எப்படி மக்கள் குறிப்பிடவும் அது எப்படி தொடர்பு கொள்ளலாம் அது உள் மாநில வேண்டும். ஒரு பொத்தானை எத்தனை போன்ற தெரியும் போல் முறை அதை உதாரணமாக சொடுக்கும், மற்றும் அது தன்னை வெளியே போட எப்படி தெரியும். எனவே மேலே போய் கட்ட அனுமதிக்க எங்கள் ஜாவா பயன்படுத்தி முதல் கூறு. தொடரியல் வித்தியாசமான தெரிகிறது என்றால், அது மாதிரியான என்பதால் தான். எனவே, மீண்டும், நாங்கள் போகிறோம் ஒரு மாறி என்று செய்ய பயன்பாட்டை முக்கிய அனுமதிக்க பயன்படுத்தி, ஒரு மாறி செய்கிறது, ஆப் சம React.createClass நாம். வினை ஒரு நூலகம் உள்ளது மற்றும் உள்ளது தி வர்க்க சார்பு உருவாக்கிறது. இந்த விழாவில் ஆகிறது குறியீடு ஒரு பிட் என்று நீங்கள் ஒரு புதிய உருவாக்க பயன்படுத்த முடியும் கூறு வினை வகை. அதனால் React.createClass ஒரு கூறு செய்கிறது, மற்றும் இந்த கூறு சாப்பிடுவேன் விஷயங்களை செய்ய முடியும். அதை செய்ய முடியும் முக்கிய விஷயம் வழங்க இருக்கிறது ஏதாவது, ஒரு செயல்பாடாக விடாது. மீண்டும், இந்த குறியீட்டு தெளிவாக இல்லை என்றால் நான் உன்னை பூனைகள் நகரங்கள் செல்ல பரிந்துரைக்கிறேன் மற்றும் அதை பாருங்கள். என்று போதுமான அளவு உள்ள காண்பிக்க? கூல். எனவே ஒவ்வொரு கூறு தேவைகளை ஒரு வழங்க செயல்பாடு. வழங்க செயல்பாடு, என்கிறார் நான் திரையில் என்ன அச்சிட வேண்டும்? ஆனால் அங்கமாகும் அது இல்லை என்றால் பயனற்றது எனவே, திரையில் என்ன அச்சிட வேண்டும் நீங்கள் ஒரு வழங்க செயல்பாடு வேண்டும். , நீங்கள் தான் வழங்க எனவே சில HTML திரும்ப வேண்டும். என்ன குளிர் என்று ஆகிறது என்று ஒரு விஷயம் இருக்கிறது ஒரு நீட்டிப்பு இது JSX, பயன்படுத்தப்படும் என்று ஜாவா செய்கிறது. அது நீங்கள் உள்ளே HTML எழுத அனுமதிக்க வேண்டும் உங்கள் Javascript, எந்த போது வித்தியாசமான ஒலிக்கிறது நீங்கள் முதலில் அதை பற்றி யோசிக்க, ஆனால் அதனைப் பின்னர் உணர்வு நிறைய செய்கிறது. நாம் இதை செய்ய முடியும். நீங்கள் HTML தெரிந்திருந்தால் என்றால், எனக்கு தெரியும் நாங்கள் ஒரு பொது நோக்கம் கொண்ட ஒரு கிராம வேண்டும் பொருட்களை கொள்கலன். நாம் உள்ளே ஒரு கிராம திரும்ப முடியும், மற்றும் இந்த கிராம, நாம் பொருட்களை வைக்க முடியாது. எனவே தான் வழங்க வேண்டும் என்று இப்போது ஒரு நேராக அப் ஒளி அட்டை. ஒளி அட்டை, நான் கூறுவேன் ஒரு கேள்வி பதில் வேண்டும். எனவே இந்த கிராம உள்ளே, நாம் ஒரு பத்தி வெளியே அச்சிட என்ன அது கேள்வி கூறுகிறது வாழ்க்கை முடிவான பதில், பிரபஞ்சத்தின்? பின்னர் பதில் 42, நிச்சயமாக, இருக்க போகிறது. என்று அனைத்து நன்கு வரவில்லை. ஆமாம், எனவே அடிப்படையில் நீங்கள் உண்மையில் முடியும் உங்கள் ஜாவா உள்ளே HTML எழுத. இந்த போகிறது திரையில் ஒரு அச்சு. எனவே அதை முயற்சி செய்யலாம். எனவே நாம் நமது கூறு இல்லை. நாம் வைத்து வினை சொல்ல வேண்டும் திரையில் கூறு அதனால் React.render, அதனால் கவனிக்க நாங்கள் வேறு எந்த உறுப்பு போன்ற பயன்பாட்டை சிகிச்சை. அது ஒரு HTML உறுப்பு இருந்தது நாம் அதை எழுத. பதிலாக வாழ்த்துக்கள் போன்ற கூறி போல் பத்தி படம் அல்லது ப, ஆப் ஆகிறது, எனவே நீங்கள் ஆப் எழுத ஒரு HTML உறுப்பு போன்ற சிகிச்சை. நான் முன்பு கூறியது போல், அது ஊக்க ஒரு உறுப்பு. எனவே நீங்கள் ஆப் வழங்க, மற்றும் நீங்கள் அது வைத்து ஒரு இடத்தில் கொடுக்க. இந்த எப்படி நீங்கள் ஆகிறது எங்கு அதை போட அதை சொல்ல. நான் ஒரு எளிய div உருவாக்கப்பட்ட பக்கம் ஒரு அடையாள என்று பக்கம், என்று எங்கே உறுப்பு செல்ல நடக்கிறது. நாம் HTML உடன் இயக்க போவதில்லை. அடிப்படையில் இந்த பெற போகிறது இந்த பக்கம் உறுப்பு உள்ளே வைத்து நாம் திரையில் வேண்டும் என்று. எனவே அது இந்த குறியீடு இயங்கும், மற்றும் இது இந்த ஈர்க்கிறது திரையில் விஷயம், அதனால் நாம் இங்கு இருக்கிறோம். நாங்கள் எங்கள் முதல் வினை கூறு செய்துவிட்டேன். எனவே ஒரு முறையை, நாம் மெதுவாக செய்யப்பட்ட கூறு ஒரு புதிய வகை, சரியான? அது என்ன React.createClass தான். அந்த கூறு, நாம் அது என்ன செய்ய வேண்டும் என்று சொன்னார்கள். போதெல்லாம் இந்த கூறு உள்ளது திரை மீது அச்சிடப்பட்ட, அது கிராம அவுட் அச்சிட வேண்டும் அது உள்ளே இரண்டு பத்திகள். மற்றும் நாம் என்ன, நாம் ஒரு புதிய பயன்பாடாக அம்பு பயன்பாட்டை குறியீடு பயன்படுத்தி. நாம் அதை வைத்து அதை அறிவித்தார்கள் பக்கம் உறுப்பு உள்ளே. அதனால் நான் என்ன செய்தேன், அது உருவாக்கப்பட்ட என்று டெம்ப்ளேட் இருந்து ஒரு புதிய பயன்பாட்டை. பின்னர் நான் அதை வழங்க அதை அறிவித்தார்கள். எனவே அதை அவர் கூறினார் சரி, பயன்பாட்டை, நான் என்ன அவுட் அச்சிட வேண்டும்? ஆப், ஒரு கிராம வெளியே அச்சிட செல்கிறது அது உள்ளே இரண்டு பத்திகள் கொண்ட. மற்றும் voila, நமது கிராம இருக்கிறது அது உள்ளே இரண்டு பத்திகள். இதுவரை பயன்? எனவே, மீண்டும், முழு சவால் வினை வெறும் பாகங்களை தயாரிக்க எப்படி உள்ளது. செய்ய எப்படி கூறுகள் ஒன்றாக வேலை. இப்போது நாங்கள் எங்கள் முதல் செய்துவிட்டேன் என்று கூறு, திரும்பி செல்லலாம் மற்றும் கூறுகள் வாடிக்கையாளர்களின் செய்ய. எனவே நீங்கள் HTML இல் எப்படி தெரியும் நீங்கள் உங்கள் பொத்தான்கள் வகுப்புகள் கொடுக்க முடியும்? நீங்கள் உங்கள் அறிவிப்பாளர்கள் படம் கொடுக்க முடியும். நீங்கள் சொல்வது சரி, உங்கள் உள்ளீடுகள் ஒரு வகை கொடுக்க முடியும்? நீங்கள் இன்னும் விருப்ப கொடுக்க முடியும் உங்கள் உறுப்புகள் அனைத்தும் பண்புகள் இது மிகவும் சுவாரஸ்யமான செய்ய. நாம் உண்மையில் என்ன செய்ய முடியும் அதே விஷயத்தை. எனவே நாம் வேண்டும் என்று எங்கள் பயன்பாட்டை எந்த அட்டை வழங்க செல்ல. இப்போது நாம் தான் ஒரு hardcoded அட்டை அளிக்கப்படும். நாம் ஒரே ஒரு இல்லை என்று அட்டை அதை செய்ய முடியும், எனவே நாம் இருக்கிறோம் முயற்சி மற்றும் அதனால் இப்போது இந்த மாற்ற போகிறேன் நாம் அதை சில சீட்டு கொடுக்க முடியும் என்று. அது அட்டை அவுட் அச்சிட வேண்டும். நீங்கள் முயற்சி மற்றும் செய்ய வேண்டும் உங்கள் கூறுகளை ஒரு பொது நோக்கம். இந்த வழியில் நான் மின்னஞ்சல் முடியும் இந்த என் நண்பர் மற்றும் போல இருக்க, நீங்கள் என்ன ஒளி அட்டை, தான் இங்கே அதை ஊட்டி, மற்றும் அது தன்னை அதை செய்கிறேன். நீங்கள் மற்ற வைக்க முடியாது உங்கள் சொந்த பயன்பாட்டை விஷயங்கள். ஆனால் முதல், இந்த உடைக்க அனுமதிக்க இரண்டு உபகரணங்களாக, ஆனால் நாம் அட்டை பிரிக்க வேண்டும் உண்மையான பயன்பாட்டை பகுதியாக இருந்து அச்சிடும் பகுதி. எனவே நாம் என்ன செய்யலாம், நாம் ஆகிறோம் ஆப் இருந்து இந்த மாற்ற முடியும் CardView, வெறும் ஒரு பயன்பாட்டை புதிய பெயர், நாம் ஒரு புதிய செய்ய முடியும் கூறு, பயன்பாடு என்று பழைய ஆப் குழப்பி கொள்ள கூடாது. நாம் createClass கிடைத்துவிட்டது, மற்றும் HTML போன்ற, நீங்கள் கூடு கூறுகள் நடக்க முடியும் ஒருவருக்கொருவர் உள்ளே. , இந்த வழங்க விழாவில் செயல்பாடு திரும்ப CardView, மற்றும் இந்த துல்லியமான அதே விஷயம். அது ஒரே விஷயம் தான் ஏன் பார்க்க? அதற்கு பதிலாக வெறும் பயன்பாட்டை கொடுக்கும் என்று , அது உள்ளே கிராம மற்றும் இணைதல் உள்ளது பயன்பாட்டை CardView வழங்குவதுமான, மற்றும் CardView கிராம மற்றும் பத்தி வழங்குவதுமான. எனவே இந்த எங்கள் முதல் உதாரணம் ஒருவருக்கொருவர் உள்ளே காணப்படுகிறது கூறுகள். என்று பயன்? எனவே, மீண்டும், நாம் ஒரு CardView உறுப்பு வேண்டும். நாம் பயன்பாட்டை கூறுகள் அதை விட பெரியது என்று. சரி, நாம் வேண்டும் எங்கள் CardView-- நீங்கள் என்றால் ஒரு நல்ல CardView ஒரு குறிப்பிட்ட அட்டை கொடுக்க, அது சரி, நீங்கள் அச்சிட வேண்டும்? எனவே, முதலில் நாம் ஒரு அட்டை செய்ய வேண்டும், அதனால் ஒரு அட்டை பொருள் செய்யலாம். எனவே என் அட்டை அனுமதிக்க equal-- நீங்கள் அனைத்து தெரிந்திருந்தால் என்றால், இந்த குறியீட்டில் தயாரித்தல் ஆகிறது இங்கு உள்ள எதிர்க்கவில்லை. அது ஒரு struct போன்ற வகையான தான் சி, நாம், ஒரு அட்டை செய்யப்பட்ட அதனால் இப்போது நாம் இந்த அட்டை கடக்க முடியும் ஒரு சொத்து அல்லது HTML இல் ஒரு பண்பு எங்கள் பயன்பாட்டை சொல்லியல். எனவே நாம் இந்த, ஆப் செய்ய முடியும் அட்டை myCard சமம். நீங்கள் உள்ளீடு, நீங்கள் செய்ய எப்படி தெரியும் உள்ளீடு வகை உரை அல்லது பொத்தானை சமகிறது வர்க்கம் பூட்ஸ்ட்ராப் ஐந்து btn ,? இதே கருத்தை, ஆப் அட்டை சமம் நீங்கள் ப்ரேஸ் செய்ய கிடைத்துவிட்டது இங்கே ஆப் அட்டை myCard சமம், எனவே இந்த நாங்கள் இந்த அட்டை பொருள் வேண்டும் என்கிறார். நான் ஒரு அதை கடக்க போகிறேன் பயன்பாட்டை கூறு சொத்து. மற்றும் இந்த பயன்பாட்டை கூறு சாப்பிடுவேன் அதை அணுக முடியும் மற்றும் செய்ய அது சுவாரஸ்யமான விஷயங்கள். எனவே எங்கள் பயன்பாட்டை போகிறது ஒரு அட்டை வழங்கப்படும், எனவே இப்போது, என்று கொடுக்க பயன்பாட்டை சாப்பிடலாம் CardView அட்டை தன்னை பயன்பாட்டை அல்ல பிடிக்கும் என்பதால், அது என்ன செய்ய வேண்டும் என்று போகிறது, எனவே நாம் தான் CardView அதை கொடுக்கிறேன். எனவே நாம் அதை கடக்க வேண்டும் அதே வழியில், அட்டை, சமகிறது அதனால் ஒவ்வொரு கூறுகளையும் அணுக முடியும் அது கொடுக்கப்பட்டிருக்கிறது என்று விஷயங்கள். அவர்கள் பண்புகள் அணுக முடியும் என்று அதை கொடுக்கப்பட்டது this.props.card, இந்த இலக்கணத்தை பயன்படுத்தி. எனவே இங்கு என்ன நடக்கிறது நீங்கள் myCard பொருள் வேண்டும். நீங்கள் பயன்பாட்டை அதை கடந்து ஆப் அட்டை பயன்படுத்தி myCard சமம். அந்த அட்டை பொருள் உங்கள் பயன்பாட்டை வழங்கப்படுகிறது. பயன்பாட்டை அணுக முடியும் this.props.card என. அது ஒரு படத்தை போன்ற வகையான தான் அது மூல என்ன தெரிகிறது. இந்த பயன்பாட்டை அது அட்டை என்ன தெரியும் , மற்றும் அது அது பொருட்களை செய்ய முடியும். அது கணிப்புகளுக்கு செய்ய முடியும். அது ஒரு இனிய அடிப்படையில் முடிவுகளை எடுக்க முடியும். இப்போது, நான் கடந்து போகிறது CardView மீது this.props.card. இதுவரை பயன்? அது இப்போது இன்னும் உணர்வு வேண்டும். சரி, இப்போது நாம் CardView இருக்கிறோம். அட்டை வழங்கப்படும் எங்கள் CardView, வேண்டும் அதன் கேள்வி பதில் அவுட் அச்சிட. இப்போது நாம் தான் வெளியே அச்சிடப்பட்ட சில hardcoded கேள்விகள் மற்றும் பதில்கள். நாம் வேண்டும் out-- கண்டுபிடிக்க வேண்டும் அவர்கள் எங்களுக்கு கொடுத்த அட்டை கேட்க என்ன கேள்வி பதில், மற்றும் பின்னர் திரையில் இந்த வெளியே அச்சிட. எனவே நாம் இங்கு இதை செய்ய முடியும். முதல் சமமாக செய்கிறது begin-- விடாது. அதனால் என்ன, நாம் இங்கே செய்கிறீர்கள் நாம் என்று ஆகிறது அட்டைகள், ஒரு சொத்து நமக்கு வழங்கப்படும் சரியா? அது ஒரு உள்ளீடு என எங்களுக்கு கொடுக்கப்பட்ட. அது கிட்டத்தட்ட போல் போல் ஒரு செயல்பாடு வாதங்கள். அட்டை ஒரு வாதம் கிட்டத்தட்ட இந்த CardView வேண்டும். நாம் என்று பிரித்தெடுக்க, மற்றும் வைக்கிறேன் அது மாறி கேள்விக்கிடமாக்கியுள்ளது. நிச்சயமாக பதில் சென்றது மாறி பதில். அட்டை பதில் என்று தெரிவிக்கிறது. இப்போது நாம் இந்த வேண்டும் என்று, அதற்கு பதிலாக அந்த உரை அச்சிடுகிறது, நாம் வெளியே அச்சிட போகிறோம் என்ன அவர்கள் கொடுத்தார். எனவே இந்த எனவே நாம் போகிறோம் stuff-- கேள்வி பதில் அவுட் வைத்து. இந்த பணிகளை, நாம் பார்க்கலாம். குளிர், அது வழியாக விலக அனுமதிக்க இன்னும் ஒரு முறை நான் உறுதியாக இருக்க வேண்டும். எனவே என் அட்டை அட்டை பொருள் ஆகும், மற்றும் நாம் பயன்பாட்டை அந்த அட்டை கொடுக்கிறாய். மேலும் app எடுக்க போகிறது அட்டை என CardView கொடுக்க வேண்டும். இந்த CardView நீங்கள் என்றால், என்கிறார் , எனக்கு எந்த ஒளி அட்டை பொருள் கொடுக்க நான் அதன் கேள்வி அச்சிட வேண்டும் மற்றும் அதன் பதில், சரியான? எனவே நான் என்ன செய்ய முடியும் என்று நான் இருக்கிறது , முதல் இந்த குறியீடு அனுப்ப என் நண்பர் என் 10 குறியீடு வரிகளை, போன்ற. அதில் உட்பொதிக்க முடியாது தனது சொந்த பயன்பாடு. அப்பொழுது அவன் அதையே செய்தார் என நீண்ட, , CardView அட்டை இந்த சமம் போல, அவர் CardView உருவாக்கப்பட்ட நீண்ட அது சரியான தகவல் கொடுத்து, அவர் தனது சொந்த அட்டை வழங்க முடியும். எனவே இந்த முறையில், அது ஒரு உண்மையில் தான் நீங்கள் உருவாக்க குளிர் வழி சரி, ஒருவரை ஒருவர் பயன்படுத்த என்று கூறுகள்? இந்த அட்டை, நான் வெளியிட முடியும் இணையத்தில் இந்த CardView, மற்றும் மக்கள் அதை பயன்படுத்த முடியும். எனவே அடிப்படையில், அது போல் தான் சி நூலகம் நிலையான செயல்பாடுகளை. அது ஒரு விழா எங்கே யாரோ அதை எழுதியுள்ளார். நீங்கள் ஒரு குறிப்பிட்ட உள்ளீடு கொடுக்கிறீர்கள். இது ஒரு குறிப்பிட்ட உற்பத்தியை வேண்டும். நீங்கள் அதை உள்நாட்டில் வேலை எப்படி கவலை இல்லை. நீண்ட நீங்கள் சரியான கொடுக்க உள்ளீடு, அது சரியான வெளியீடு செய்ய வேண்டும். மற்றும் ஒரு கூறு இருக்க முடியும் அதே வழியில் நினைத்தேன். இந்த CardView போன்ற ஆகிறது ஒரு நூலகம் செயல்பாடு. நீங்கள் அதை சில அட்டை கொடுக்க வேண்டும் என்றால் ஒரு சொத்து, அது தருகிறேன் அந்த அட்டை உள்ளடக்கங்களை வெளியே அச்சிட. நான் என் அட்டை மாற்ற என்றால் பிடிக்கும் அதற்கு பதிலாக, 5 பிளஸ் 37 என்ன போன்ற இருக்கும், இது அதன்படி புதுப்பிக்கும் வேண்டும். அதனால் தான் உள்ளீடு மாற்றுவதன் மூலம், அது ஒரு குறிப்பிட்ட வெளியீடு கிடைக்கிறது. எனவே நீங்கள் கிட்டத்தட்ட கூறுகளை யோசிக்க முடியும் இந்த வழியில் செயல்பாடுகளை, இது போன்ற நீங்கள் ஒன்றாக வைக்க முடியாது. இந்த CardView போன்ற, உள்ளீடு பெற என உள்ளீடு, நீங்கள் வெளியீடு கிடைக்கும். இந்த வழக்கில், வெளியீடு HTML ஆகிறது. இதுவரை பயன்? குளிர், மீண்டும், பண்புகள் உள்ளன நீங்கள் தகவல் அனுப்ப முடியும் என்பதை ஒரு மற்றும் கூறுகள் வெளியே. சரி, எனவே இந்த செய்யலாம் விஷயம் ஊடாடும். இப்போது அது சலித்து வகையான தான். [செவிக்கு புலப்படாமல்] என்றால் என்ன? நீங்கள் சில அவுட் அச்சிட முடியாது ஆனால் அது செய்ய முடியும் அவ்வளவுதான். எனவே மீண்டும் செல்லலாம் இப்போது பழைய கேள்வி. சரி, அதனால் இப்போது இந்த கூறுகளை அவர்கள் செய்வதை ஏனெனில் சலித்து, அவர்கள் உள்ளீடு கிடைக்கும். அவர்கள் வெளியீடு, இல்லையா? சலித்து வகையான தான். நாங்கள் எங்கள் வேண்டும் கூறுகள் உள்ளன முடியும் உள் மாநில, சில வகையான போன்ற ஏதாவது நினைவில். ஒரு ஒளி அட்டை, க்கான மாநில உதாரணமாக, என்ன மாதிரியான நீங்கள் வேண்டும் ஒரு ஒளி அட்டை நினைவில்? என்ன தற்காலிகமானது நீங்கள் நினைவில் கொள்ள வேண்டும் ஒரு ஒளி அட்டை பயன்பாட்டை ஒரு ஒளி அட்டை க்கான? பார்வையாளர்கள்: அதை சுண்டி செய்யப்பட்ட என்பதை? நீல் மேத்தா: சரி, சரி. எனவே நீங்கள் வைக்க வேண்டும் பாதையில் நீங்கள் எதிர்கொள்ள அல்லது உள்ளன நீங்கள் அட்டை கீழே எதிர்கொள்ளும். பேஸ்புக், எடுத்துக்காட்டாக, நீங்கள் என்று செய்தி ஜூன் அங்கு நினைவில் கொள்ள வேண்டும் நீங்கள் அல்லது சுயவிவர யார் தான் நீங்கள் இப்போது செய்வதை. தூதர், அன்று என்ன உரை உங்களைப் போன்ற வலது, உள்ளீடு பெட்டியில் தட்டச்சு? நீங்கள் பக்கம் புதுப்பிக்க என்றால், அது விட்டு செல்கிறது. ஆனால் நீங்கள் உண்மையில் கவலை இல்லை. இது தற்காலிக தான். ஆமாம்? பார்வையாளர்கள்: [செவிக்கு புலப்படாமல்] நீல் மேத்தா: ஒரு ஃபிளாஷ் போல் அட்டை, நீங்கள் பார்த்து இருக்க முடியும் போன்ற கேள்வி பக்க அல்லது பதில் பக்க? பார்வையாளர்கள்: சரி. நீல் மேத்தா: போல் ஒரு வலது, ஒளி அட்டை இரண்டு பக்க? ஆமாம், அதனால் நீங்கள் வேண்டும் இப்போது இந்த யோசனை இல்லை நான், உள்ளீடுகள் போன்ற இது, பண்புகள் ஆனால் இம், தற்காலிக இது மாநில, நீங்கள் பக்கத்தில் எங்கே, சரியான? மீண்டும், நான் பேஸ்புக் கூறினார் தூதர், நான் எந்த நபர் போன்ற வேண்டும் நீங்கள் பேஸ்புக் பார்த்துக்கொண்டிருக்கும் அல்லது யார் சரி, சுயவிவர தான்? இந்த மட்டுமே தற்காலிக இருக்கும். இது பயனர் காட்ட முக்கியம் என்ன நடக்கிறது, ஆனால் பக்கம் புதுப்பிக்க. அது உண்மையில் ஒரு விஷயமே இல்லை. எனவே, தற்காலிக மாநில தான் அதனால் நாம் அனைவரும் அதை மாநில. எனவே, மீண்டும், மாநில மற்றும் நாடகமேடை இருக்கிறது. முட்டுகள் உள்ளீடு கொடுக்கப்பட்ட உங்கள் தரவு மூலத்தில் இருந்து. மாநில வெறும் இயல்புநிலைக்கு போல் உள்ளது. அது வெறும் போன்ற என்று விஷயம் ஊடாடும் செய்கிறது. எனவே எங்கள் CardView-- சாப்பிடலாம் எங்கள் CardView-- அது நன்றாக இருந்தது, அதனால். நாம் இங்கு செய்ய போகிறோம் என்ன, நாங்கள் போகிறோம் CardView மட்டுமே CardView தொட வேண்டும். அதனால் என் நண்பர் இந்த அவர்கள், யார் எந்த வேறுபாட்டை கவனிக்க கூட இல்லை. அவர்கள் மாற்ற வேண்டும் என்று தங்கள் சொந்த குறியீடு எந்த, ஆனால் அவர்கள் பார்க்க விரும்புகிறேன் தங்கள் CardView souped வரை. என்று கூறுகள் பற்றி ஒரு நல்ல பகுதியாக தான். சரி, எங்கள் CardView எனவே, நாம் முயற்சி மற்றும் நாம் குத்து என்பதை கண்காணிக்க அல்லது கீழே எதிர்கொள்ளும். வினை நாம் முதல் மூலம் இதை செய்ய ஆரம்ப நிலை குறிப்பிடாமல். அட்டை தொடங்குகிறது? எனவே getInitialState என்று ஒரு செயல்பாடு இருக்க செயல்படுத்தலாம், மேலும் நாம் ஒரு பொருளை திரும்ப. இந்த பொருள், சில மாநில கொண்டுள்ளது மற்றும் ஒரு மாநில ஒரு முக்கிய மதிப்பு ஜோடி. அறிவுறுத்த போல், நீங்கள் ஒரு முக்கிய மற்றும் ஒரு வேண்டும் பெயர் ஒரு சரம் போன்ற மதிப்பு, நீங்கள் இல்லை. இந்த வழக்கில், முன் உண்மை சொல்கிறேன். இந்த நாங்கள் ஒரு மாநில வேண்டும் என்று கூறுகிறார். மாநில கூறுகளில் ஒன்று முன் என்று ஒரு கற்பிதம் உள்ளது. [செவிக்கு புலப்படாமல்], இயல்பாக எனவே, நாங்கள் அட்டை முன் இருக்கும், மற்றும் நாம் இந்த மாற்ற முடியும் நாம் அட்டை கவிழ்த்து. பயன்? சரி, அதனால் இப்போது, நாம், வழங்க கேள்வி பதில் காண்பிக்கப்படுகிறது. இப்போது நாம் என்ன செய்ய வேண்டும் கேள்வி காண்பிக்கிறது நாங்கள் அட்டையின் முன்புறத்தில் என்றால், அதனால் பதில் அட்டை பின்னால் உள்ளது. நீங்கள் அனைத்து செய்ய அதனால் தான் அட்டை ஊடாடும். எனவே இந்த இங்கே முயற்சி செய்வோம். சரி, முதல் ஒரு மாறி செய்ய. நாம் this.state.front இப்போது கேட்கலாம். நாம் அதே நாம் மாநில அணுக அணுகல் முட்டுகள், அதனால் this.state.front. நாம் முன் என்றால், உரை this.props.card.question உள்ளது. நாங்கள் முன் என்றால் அட்டை, நாம் முயற்சி மற்றும் அடைய போகிறோம் அட்டை இருந்து கேள்வி. இல்லையெனில், நாங்கள் மீண்டும் என்றால் அட்டை, நாம் என்ன செய்ய வேண்டும்? பார்வையாளர்கள்: பதில்? நீல் மேத்தா: இங்கும், அதனால் உரை this.props.card.answer சமம். நீங்கள் கவனிக்க, ஆனால், நாம் பயன்படுத்தி வருகிறோம் மாநில ஒரு முடிவை எடுக்க வேண்டும் இப்போது கூறு ஏனெனில் வெவ்வேறு இருக்கும் இந்த அது எப்படி தொடர்பு இனிய அடிப்படையில். எனவே, அதற்கு பதிலாக இந்த அச்சிடுகிறது, நாம் வெறும் உரை அச்சிட வேண்டும். குளிர், அதனால், நீங்கள் பார்க்க போன்ற, நாங்கள் ஒரே கேள்வி பார்க்கிறோம். நான் கைமுறையாக இங்கே மாநில மாற்ற என்றால் முன் தவறானது நாம் 42 திரும்ப கிடைக்கும். எனவே, மீண்டும், இந்த கூறு தனது சொந்த அரசை உள்ளது. ஒரு பொத்தானை என்பது தெரியும் போல் அது, அழுத்தம் அல்லது இல்லை இந்த விஷயம் என்ன தெரியும் முன் அல்லது பின்புறம். முன்னிருப்பாக, அதை முன் தான். பின்னர் அது முன் என்றால், நாம் கேள்வி அவுட் அச்சிட வேண்டும். அதை மீண்டும் தான் என்றால், நாம் தருகிறேன் பதில் அவுட் அச்சிட. எனவே, மீண்டும், தகவல் கொடுக்கப்பட்ட அதே தான். அது வெவ்வேறு தெரிகிறது நீங்கள் அதை நிரல் எப்படி அடிப்படையில். அதனால், எடுத்துக்காட்டாக, பேஸ்புக் தூதர், நீங்கள் அதே தரவு மூல பெற கூட, அது வித்தியாசமாக இருக்கும் மாநில வேறு காரணம். நீங்கள் ஒரு இடத்தில் தேடும் வேறு நபர் செய்தி. சரி, இந்த அனைத்து நன்றாக உள்ளது நல்ல, ஆனால் இப்போது என்ன உண்மையில் தான் என்பதை, மாற்ற நமக்கு முடிந்தது செய்ய நம் அட்டை முன் அல்லது பின் ஆகிறது. நாம் ஒரு திருப்பு சேர்ப்பதன் மூலம் இதை செய்ய முடியும் பொத்தானை, அட்டை ஒரு பொத்தானை என்று [செவிக்கு புலப்படாமல்] என்றால் அட்டை கவிழ்த்து விடும். எனவே இங்கே, இந்த ஒரு பொத்தானை சேர்க்க அனுமதிக்க பொத்தானை, மற்றும் இந்த பொத்தானை வைக்கவும் சொல்வேன். எனவே இப்போது, அது எதையும் செய்ய முடியாது. அது நன்றாக தெரிகிறது. நாம் என்ன செய்ய முடியும் நாங்கள் ஒரு கிளிக் சேர்க்க முடியும் கையாளுதல், onClick, this.flip சமகிறது நாம் பிறகு வைக்கவும் வரையறுக்க வேண்டும். ஆனால் அடிப்படையில், onClick ஒரு செயல்பாடு உள்ளது பயனர் அதை கிளிக் போது என்று விடும். எனவே பொத்தானை தெரியும் அதை க்ளிக் போது. அதை க்ளிக் செய்யப்பட்ட போய், அது அட்டை கவிழ்த்து விடும். இது உங்கள் போன்ற வகையான தான் பீஸ்ஸா வீச்சு பையன். நீங்கள், போன்ற அனைத்து சரிதான், போதெல்லாம் யாரோ சரி, நான் பீஸ்ஸா வழங்க வேண்டும், என்னை அழைத்து? இந்த கேட்பவரின் பதிவு. நீங்கள் ஒரு நிகழ்வு கேட்க. நீங்கள் அழைத்து, போது நிகழ்வை நீங்கள் ஏதாவது செய்ய வேண்டும், நடக்கிறது. நீங்கள் பீஸ்ஸா பெற. இந்த வழக்கில், நீங்கள் போது இருக்கிறீர்கள் சொடுக்கும், நீங்கள் அட்டை கவிழ்த்து. எனவே நாம் ஒரு வரையறுக்க வேண்டும் அட்டை கவிழ்த்து விடும் என்று செயல்பாடு, எனவே நாம் அந்த உரிமை எழுத வேண்டும் இங்கே, செயல்பாடு கவிழ்த்து. அதனால் நீங்கள் வைக்கவும் செய்வேன் என்ன நினைக்கிறீர்கள்? மீண்டும் இந்த போது எனப்படும் நாங்கள் வைக்கவும் பொத்தானை கிளிக் செய்யவும். செயல்பாடு வைக்கவும் என்ன செய்ய வேண்டும்? பார்வையாளர்கள்: மாற்றம் this.state.front உண்மை உண்மை பொய்யான, தவறான. நீல் மேத்தா: இங்கும், அதனால் எடுக்க என்ன this.front முன் மாநில ஆகிறது. என்றால், முன் மாநில எடுத்து அது தவறான செய்ய, உண்மை. இது தவறு என்றால், வலது, அது உண்மை? எனவே அந்த முயற்சி செய்வோம். நீங்கள் மாநில மாற்ற முடியாது வெறும் this.state செய்து. நீங்கள் இதை செய்ய முடியாது. நீங்கள் அதை செய்ய முடியாது. நீங்கள் ஒரு விழாவில் பயன்படுத்த வேண்டும் this.setState என்று. எனவே நீங்கள் this.setState முன் சொல்ல முடியும் பெருங்குடல் இந்த அங்கு, மீண்டும், ஆச்சரியக்குறி புள்ளி எதிர் பொருள். நான் இந்த என்றால் யூகிக்கிறேன். state.front உண்மை, அது தவறான திரும்ப வேண்டும். எனவே நாம் மாநில அமைக்க வேண்டும் உண்மை, பொய் வேண்டும். இது தவறு என்றால், நாம் தருகிறேன் உண்மை அது தவறான அமைக்க. வெறும் நாம் அமைக்க மற்றும் சிறிது கிடைக்கும் என்று கவனிக்க வித்தியாசமாக அதனால் தான் இந்த முயற்சி செய்வோம். படா Bing, இதைப் பார். பிளிப் பொத்தானை இப்போது சாப்பிடுவேன் மாநில ஆதரிக்க முன் மாற. நீங்கள் பார்க்க எங்கே இங்கு தான் வினை மாய சிறிது. நாம் அது சொல்லப்படுவதில்லை போலவே அது மீண்டும் வழங்க வேண்டும். நாம் அது எதையும் வரைய கூறினார். நீங்கள் இந்த செய்கிறீர்கள் என்றால் வினை இல்லாமல், நீங்கள் என்கி போது to-- பிடிக்கிறது பிளிப் பொத்தானை க்ளிக், நீங்கள் அதை சொல்ல வேண்டும் என்று கைமுறையாக சரியான, மீண்டும் வழங்க? உண்மையில் குளிர் உள்ளது வினைபுரியும் என்று நீங்கள் அது ஒரு சில மாநில மற்றும் பண்புகள் கொடுக்க, அது எப்போதும் ஆக்கிவிடும் அதே விஷயத்தை. எனவே நாம் எப்போதும் நாம் மாற்ற போது மாநில மற்றும் பண்புகள், வினை தான் முழு விஷயம் மீண்டும் வழங்குவதுமான. இது ஒரு இருக்கிறது என்று தெரிகிறது ஒரு ஒருவர் கடித மாநில மற்றும் அளவுரு மற்றும் HTML இடையே. எனவே போதெல்லாம் அந்த இரு ஒரு கணம் மாநில மூலம் மாற்றங்களை, அது மாறும் எப்படி சம்பள மீண்டும் காண்பிக்கப்பட்ட வருகிறது. எனவே அடிப்படையில் வினை போன்ற ஆகிறது நீங்கள் மாற்ற காத்திருக்கிறது. போதெல்லாம் அது ஏதாவது மாற்றங்கள், அது முழு பக்கம் மீண்டும் வழங்க வேண்டும். மற்றும் அது பயனற்றதாக ஒலிகள், அது இருக்கும், ஏனெனில் அது, தான் ஆனால் புரிவது ஒரு விஷயம் பயன்படுத்துகிறது ஒரு நிழல் டிஓஎம் என்று. அதற்கு பதிலாக நேரடியாக பக்கம் வரைந்து, அது நினைவகத்தில் மெய்நிகர், HTML மரம் வைத்திருக்கிறது. உங்களுக்கு தெரியும், HTML ஒரு மரம் போல் உள்ளது, ஒரு படிநிலை தரவு கட்டமைப்பு போன்ற. அது, நினைவகம் ஒரு போலி மரம் வைத்திருக்கிறது நீங்கள் பக்கம் புதுப்பிக்க போதெல்லாம், அது மற்றொரு போலி வரைய வேண்டும் மரம், மற்றும் அதை கணக்கிட வேண்டும் என்ன அது செய்ய வேண்டும் மாற்ற பக்கம் இரண்டு மரங்கள் சம செய்ய. எனவே அடிப்படையில், அது கிட்டத்தட்ட நிறைய மறு வழங்குவதுமான. பின்னர் அது தான் பிடிக்கும் மாற்றுகிறது சிறிய கிறுக்கல்கள் உள்ள பக்கம் தேவை என, அதனால் அது மிக, மிக, மிக திறமையான தான். எனவே அடிப்படையில் செய்வீர்கள் எப்போது நீங்கள் ஏதாவது மாற்ற, அது மீண்டும் வழங்க கிட்டத்தட்ட பக்கம் வேண்டும். அதை நான் என்ன செய்ய வேண்டும் என்று கண்டுபிடிக்க வேண்டும் உண்மையான பக்கம் பிரதிபலிக்கும் செய்ய மாற்ற மெய்நிகர் பக்கம், அது அதைச் செய்கிறேன். என்று மெய்நிகர் டோம் தான். இது மிக பெரிய ஒன்று தான் அம்சங்கள் வினை. என்று பயன்? ஏதாவது கேள்விகள்? ஆமாம்? பார்வையாளர்கள்: எப்படி மீதமுள்ள இன்னும் ஒப்பிடவும் நாம் பற்றி பேசினேன் என்று போன்ற வளங்களை முன். நீல் மேத்தா: ஆமாம், கேள்வி அது மீதமுள்ள ஒப்பிட்டு எப்படி இருக்கிறது? நீங்கள் வளங்களை பற்றி கேட்டார். சரி, அது செயல்படுகிறது எப்படி பற்றி பேசுகிறேன். மீதமுள்ள, நீங்கள் மாதிரி புதுப்பிக்க விரும்புகிறேன். இந்த வழக்கில் நாம் ஒரு அட்டை மாதிரி வேண்டும் என்று. பார்வை வேண்டும் பிளிப் பொத்தானை, மற்றும் கட்டுப்பாடு வைக்கவும் செயல்பாடு வேண்டும். அதனால் சொல்ல வேண்டும் கட்டுப்படுத்தி வைக்கவும் புரட்ட. திருப்பு சொல்ல வேண்டும் மாற்ற மாதிரி, சரியான? அதனால் நீங்கள் ஒரு மீதமுள்ள நீங்கள் செய்கிறீர்கள் போது மாதிரி மாற்ற கேட்க, நீங்கள் மீண்டும் வழங்க அதன்படி காட்சி. அல்லது நீங்கள் தான் விரும்புகிறேன் வேண்டும் கட்டுப்படுத்தி வேண்டும். பின்னர் மாதிரி மாற்ற காத்திரு, அழைத்து ஒரு விஷயம் போல ஒரு பகுதியாக தேர்வு மாற்ற. இங்கே நாம் ஒரு விஷயம் இல்லை, ஆனால் ஒரு பெரிய பயன்பாட்டில், உனக்கு என்ன ஞாபகம் விரும்புகிறேன் வேண்டும் ஒவ்வொரு இடத்தில் மாற்றம், அது ஒரு சிறிய எரிச்சலூட்டும் இருக்கிறது. அதனால் நன்றாக இருக்கிறது வினை அது ஒரு நிழல் டோம் உள்ளது, ஏனெனில். அது முடியாது முழு விஷயம் மாற்றியமைத்தன. நீங்கள் தேர்ந்தெடுத்து இல்லை போன்ற புதுப்பிக்க என்ன நினைக்கிறேன். Facebook இல் நீங்கள் விரும்பினால் மீதமுள்ள, ஒரு புதிய செய்தி கிடைக்கும், நீங்கள் நினைவில் கொள்ள வேண்டும் என்று சரி, விஷயங்களை மாற்ற மேல் பக்கம், செய்தி சின்னம். மேலும் கீழே ஒரு புதிய சாளரத்தில் பாப். மேலும் அந்த விண்டோவில் ஒரு புதிய விஷயம் செய்ய. மேலும் ஒரு ஒலி விளையாட. என்று பொருள் நிறைய இருக்கிறது அதே நேரத்தில் வெளியே சென்று. நீங்கள் செய்ய ஆமெனில் ஒரு நிழல் டோம் வேண்டும், நீங்கள் என்கி என்று கைமுறையாக ஏனெனில் செய்ய வேண்டும் நீங்கள் முழு பக்கம் பெற முடியாது. நீங்கள் முடியாது, எனவே நீங்கள் வேண்டும் கைமுறையாக ஒவ்வொரு விஷயம் மாற்ற, இது மீதமுள்ள உண்மையில் எரிச்சலூட்டும் உள்ளது. எனவே வரிசையில் இருக்க சிக்கனமான, அவர்கள் தேர்ந்தெடுத்து இது, பக்கம் மேம்படுத்த திறமையான, ஆனால் எரிச்சலூட்டும். ஏனெனில் நிழல், வினை டோம், நீங்கள் இலவசமாக இரண்டு விஷயங்களை கிடைக்கும். அது திறமையான நிழல் டோம். சிக்கல் பக்கம் மேம்படுத்தும். அது மரத்தில் கையாளுதல் செய்கிறாள் இல்லை. நீங்கள் திறன் பெற. நீங்கள் ஒரு எளிமை ஏனெனில் பெற நீங்கள் தான் முழு பக்கம் மீண்டும் எழுத என்றால், ஆனால் நீங்கள் தான், சரி, விஷயங்கள் தெரியும் எங்காவது பக்கத்தில் இருக்க போகிறோம். அது வேறு ஒரு இடத்தில் இருக்கலாம், ஆனால் அது சரி, பக்கத்தில் இருக்க போகிறது? எனவே நீங்கள் தான் மீண்டும் காண்பிக்கப்பட்ட முழு விஷயம் கிட்டத்தட்ட, மற்றும் நீங்கள் ஒரு ஜோடி செய்ய வேண்டும் பக்கம் தன்னை மாற்றங்களை. எனவே, மீண்டும், மீதமுள்ள நீங்கள் தேர்ந்தெடுக்க வேண்டும் பயன்பாடு மற்றும் திறன் எளிதாக இடையே, மற்றும் நீங்கள் இருவரும் பெற, வினை. அது நல்லது. பயன்? சாலிட். சரி, எனவே தான் பேசுகிறேன் பார்ப்போம் படி 4 பற்றி கொஞ்சம், எப்படி நாம் கூறுகளை உட்பொதிக்க முடியாது. நாம் இப்போது இந்த உரிமை உண்டு. நாம் எங்கள் குளிர் சிறிய பொத்தானை வேண்டும். நாம் அது மீண்டும் புரட்ட முடியும் மற்றும் முன்னும் பின்னுமாக, மற்றும் அது இல்லை அவ்வளவுதான். நாம் வேண்டும் என்று மற்றொரு கூறு இல்லை. நமது ஒளி அட்டை பயன்பாட்டை வேண்டும் சொல்கிறேன் அனைத்து அட்டைகள் பட்டியலைக் கொண்டிருக்கும் நீங்கள் வேண்டும், அதனால் நாம் அர்த்தம் மற்றொரு கூறு வேண்டும். சரி, ஒருவேளை ஒரு பட்டியலை பார்வை அது அழைப்பு. ஒரு பட்டியலை பார்வை செய்யலாம் என்று CardView சேர்ந்து காணப்படுகிறது, இந்த பட்டியலை கண்டு CardView ஒன்றாக வேலை பிடிக்கும். நீங்கள் அவர்களை இணைக்க முடியும் நீங்கள் எங்கள் பயன்பாட்டை செய்ய. எனவே, முதலில் தான் ஒரு செய்ய அனுமதிக்க ஜோடி மேலும் அட்டைகள் வலது. நாம் சொல்ல, என்ன அட்டைகள்? மேலும் தான் நான் இல்லை அது தட்டச்சு கொண்டு கூடியது நீங்கள், நான் இங்கே இருந்து நகல் போகிறேன். அதனால் நான் போகிறேன் அது ஒரு அட்டை கொடுக்க. நான் அதை அட்டைகள் ஒரு வரிசை கொடுக்க போகிறேன். எனவே முதல் பயன்பாடுகள் இப்போது உடைக்க போகிறது. சரி, நாம் செய்ய போகிறோம் இந்த முடியும் பல அட்டைகள் கையாள. எனவே, முதலில் நாம், அதை கொடுக்க போகிறோம் ஒரு அட்டை ஆனால் அட்டைகள் ஒரு வரிசை, அட்டைகள் ஒரு பட்டியல் போன்ற. இந்த வழக்கில், நாம் இன்னும் மூன்று வேண்டும். சரி, பயன்பாட்டை உள்ளது, எனவே ஒரு பட்டியல் அட்டைகள் போகிறது, மற்றும் அதை முடிவு செய்ய நடக்கிறது இது ஒரு CardView காட்ட. CardView மட்டுமே ஒரு அட்டை, ஆனால் பயன்பாட்டை வழங்க வலது, அனைத்து அட்டைகள் ஒரு பட்டியல் பெறுகிறார்? எனவே நீங்கள் ஒரு கண்டுபிடிக்க போது அட்டை, CardView கொடுக்க நீங்கள் முடியும் என நினைக்கிறேன் எப்படி ஒரு முடிவு செய்ய இது அட்டை பற்றி காண்பிக்க? நீங்கள் ஒரு குறிப்பை கொடுக்க, அது தற்காலிகமாக தான் நீங்கள் ஒரு குறிப்பிட்ட அட்டை பார்க்கும். நீங்கள் பக்கம் புதுப்பிக்க என்றால், உங்களுக்கு தான் மீண்டும் முதல் அட்டை சென்று. இது தற்காலிக தான், ஏனெனில் அது சரி தான். நாம் என்ன நுட்பம் பயன்படுத்தலாம்? பார்வையாளர்கள்: நீங்கள் ஒரு மாறி செய்ய முடியும் அதனால் நீங்கள் இருந்தது போல். இந்த உண்மை, நீங்கள் முடியும் தற்போதைய அட்டை 1 சமம் வேண்டும்? நீல் மேத்தா: ஆமாம், நாம் மிகவும் சரி, மாநில வேண்டும்? நீங்கள் மாநில பயன்படுத்த வேண்டும் கூறு கண்டுபிடிக்க இது அட்டை நாம் பெற வேண்டும் செய்கிறது. போல் நாம் ஒரு பட்டியல் உண்டு அனைத்து அட்டைகள், நாம் தருகிறேன் கண்டுபிடிக்க மாநில பயன்படுத்த முதல் அட்டை ஒன்று, அதனால் இரண்டாவது அட்டை, மூன்றாவது அட்டை, மற்றும். எனவே ஒரு பயன்பாட்டை அதனால் ஒரு பயன்பாட்டை ஒரு கிடைக்கும் , getInitialState செயல்பாடு இல்லை getInitialState செயல்பாடு திரும்ப. நாம் தான் activeIndex 0 சொல்ல வேண்டும். எனவே இப்போது எங்கள் பயன்பாட்டை அது சொந்த மாநில உள்ளது. அதனால் இப்போது மீது கண்டுபிடிக்க, வழங்க ஒரு அட்டை, தான் வரிசை செல்லலாம் மற்றும் என்று குறியீட்டு உள்ள விஷயம் அடைய. தேர்வு அட்டை சம this.props.cards this.state.activeIndex. நீங்கள் இங்கே பார்க்க போல் எனவே, முட்டுகள் மற்றும் மாநில உண்மையில் ஒன்றாக வேலை. எனவே இப்போது நாம் நமது activeCard வேண்டும் என்று, நாம் அது activeCard அழைக்க வேண்டும் இந்த வேலை செய்தால் நாம் பார்ப்போம். [செவிக்கு புலப்படாமல்] ஓ, அந்த ஒரு உரை பிழை இருந்தது. ஆ. கூல், இங்கும், அதனால் இப்போது நாம் மறுபடியும் தலைதூக்க நாம் முன்பு இருந்ததை அங்கு, வலது? தவிர, அதே பழைய திட்டம் இப்போது நாம் ஆதரிக்க முடியும் அட்டைகள் ஒரு பட்டியல், இல்லை ஒரு அட்டை. இப்போது, மீண்டும், நாங்கள் மாற்றினால் activeIndex, நாம் 0 இருந்து 1 செல்ல முடியும் இப்போது அந்த இரண்டாவது அட்டை, பின்னர் நாம் 0 சென்றார். எனவே இங்கு ஒரு புதிய souped அப் எங்கள் பதிப்பு. சரி, இப்போது ஒரு பட்டியலை பார்வை வேண்டும் அனுமதிக்க வேண்டும் என்று உங்கள் திட்டம், அனைத்து அட்டைகள் காட்டுகிறது எனவே நாம் ஒரு புதிய செய்ய வேண்டும் கூறு listview என்று. Listview react.createClass சமம். எனவே நாம் ஒரு வரிசையிலமையாத வழங்க வேண்டும் ஒவ்வொரு அட்டை ஒரு பட்டியல் உருப்படியை பட்டியலிட. எனவே நாம் அட்டைகள் ஒரு கொத்து வேண்டும். நாம் ஒரு பட்டியல் உருப்படியை வேண்டும் ஒவ்வொரு அட்டை, அல்லவா? நாம் வளைய ஒரு செய்ய முடியும் அல்லது ஏதாவது ஒரு புதிய பட்டியலில் உருப்படியை செய்ய. ஆனால் நீ அதை செய்ய வினை, வரைபடம் என்று ஒரு விஷயம் பயன்படுத்த. வரைபடம் ஒரு கருவி அல்லது நீங்கள் பயன்படுத்த ஒரு செயல்பாடு ஆகும் என்று ஒவ்வொரு உருப்படியை, சில செயல்பாடு இயங்கும், திரும்ப மதிப்பு எடுக்கிறது, மற்றும் நீங்கள் மீண்டும் கொடுக்கிறது. உதாரணமாக, நாம் வரிசை எனவே 1, 2, 3.map செயல்பாடு மற்றும் இந்த ஒரு சுருக்கெழுத்து செயல்பாடு, x அம்பு முறை x. இந்த ஒவ்வொரு எண்ணுக்கும், என்கிறார் 1, 2, 3, அதை எடுத்து. அது சதுரம், மற்றும் அதை திரும்ப கொடுக்க. எனவே நீங்கள் 1 என்ன நினைக்கிறீர்கள், 2, 3.map எக்ஸ் x முறை செல்கிறது x நீங்கள் திரும்ப வழங்கப் இந்த செயல்பாடு என்று என்று வரிசை ஒவ்வொரு உறுப்பு இயங்கும். பார்வையாளர்கள்: 1, 4 9? நீல் மேத்தா: இங்கும், 1, 4, 9 நீங்கள் 1 முறை 1 செய்கிறீர்கள் ஏனெனில். என்று நீங்கள் ஒரு கொடுக்கிறது. முதல் உறுப்பு இருக்கிறது. 2 முறை 2 4 ஆகும். என்று ஒரு இரண்டாவது உறுப்பு தான். 3 முறை 3 9 ஆகும். என்று ஒரு மூன்றாவது உறுப்பு ஆகும். பயன்? எனவே வரைபடத்தை ஒரு நுட்பத்தை நீங்கள் உள்ளது செயல்பாட்டு புரோகிராமர்கள் பயன்படுத்த, புதிய பாணி ஏதாவது செய்ய நிரலாக்க உங்கள் பட்டியலில் ஒவ்வொரு உறுப்பு. எனவே இந்த நன்கு தெரிகிறது. நாம் அட்டைகள் ஒரு பட்டியல் உண்டு. நாம் ஒவ்வொரு ஒரு பட்டியல் உருப்படியை பெற வேண்டும் ஒன்று, நாம் தான் இங்கே வரைபடம் பயன்படுத்த வேண்டும். நாம் பட்டியல் சமம், சொல்ல வேண்டும் this.props, அட்டைகள், வரைபடம். எனவே நாம் இருக்கிறோம், ஒரு அட்டை வழங்கப்படும் ஒரு பட்டியல் உருப்படியை உருவாக்க போகிறது அது அந்த அட்டை உள்ளடக்கங்களை பக்க. அது தான் நாம் கொடுக்க வேண்டும் என்று அட்டைகள் அதனால் card.question கேள்வி. எனவே இந்த பட்டியலை கொண்டுள்ளது ஒரு லி அல்லது பட்டியல் உருப்படிகள் வரிசை அங்கு ஒரு பட்டியல் உள்ளது ஒவ்வொரு அட்டை பொருளின், மற்றும் அந்த அட்டைகள் கேள்வி கொண்டிருக்கிறது. பயன்? குளிர், இப்போது நாம் உண்மையில் அந்த வெளியே அச்சிட. எனவே நாம் ஒரு உல் திரும்ப வேண்டும். என்று வரிசையிலமையாத பட்டியல் உள்ளே, நாம் தான் முழு பட்டியல் இணைந்திருக்க வேண்டும் அவர்கள் எங்களுக்கு கொடுத்த. கூல். சரி, இப்போது இந்த பட்டியல் காட்சி தான் கண்டுபிடிக்கிறது. பட்டியல் காட்சி பற்றி எந்த கேள்விகள்? நீங்கள் அட்டைகள் ஒரு கொத்து வேண்டும். நீங்கள் ஒவ்வொரு அட்டை ஒரு பட்டியல் உருப்படியை செய்கிறீர்கள். நீங்கள் ஒரு வரிசையிலமையாத உள்ளே போட பட்டியல், மற்றும் நீங்கள் அதை திரும்ப கொடுக்க. எனவே இப்போது நாம் உட்பொதிக்க செயல்பட அனுமதிக்க எங்கள் பயன்பாட்டை இந்த உள்ளே, எனவே நாம், பட்டியலில் பார்வையில் இதை செய்ய முடியும். என்ன வாதம் நாங்கள் பட்டியலுக்கு கடந்து? என்ன பண்புகள் நாங்கள் கொடுக்க? நீங்கள் கொடுக்க என்றால் நினைவில் வைத்து கொள்ளுங்கள் அதை அட்டைகள் ஒரு கொத்து, இது பட்டியலில் செய்ய வேண்டும் அந்த அட்டைகள் கோரப்பட்டுள்ளது. எனவே நாம் என்ன கடக்க இங்கே வாதம்? பார்வையாளர்கள்: அட்டைகள் பட்டியல்? நீல் மேத்தா: ஆமாம், அட்டைகள் அதனால் சரி, this.props.cards சமம்? அதனால் ஒரே பிரச்சனை என்று நீங்கள் மட்டும் முடியும் ஆகிறது , வழங்க ஒரு உயர்மட்ட உறுப்பு திரும்பி எனவே நீங்கள் ஒரு கிராம அதை மடிக்க வேண்டும். வித்தியாசமாக. எனவே அந்த பார்ப்போம். அந்த வேலை செய்கிறது? இங்கும், நீ போய் அங்கே. எனவே இப்போது நாம் ஒரு பட்டியல் உண்டு கீழே அட்டைகள், பின்னர் நாங்கள் எங்கள் வேண்டும் மேல் தன்னை CardView, இடையே வைக்கவும் அட்டை இரண்டு பக்கங்களிலும். இப்போது நான் செய்தேன் என்று எப்படி அந்த உணர்வை ஏற்படுத்தும்? ஆமாம், அதனால் மீண்டும், நாம் இரண்டு கூறுகள் உள்ளன. முதல் கூறு அச்சிட்டு வெளியே பட்டியலில் ஒவ்வொரு அட்டை. அந்த பட்டியலில் காட்சி தான். இரண்டாம் கூறு அந்த அட்டை அவுட் அச்சிடுகிறது. நீங்கள் அதை ஒரு குறிப்பிட்ட அட்டை கொடுத்தால், அது தருகிறேன் அந்த அட்டை பற்றிய தகவல்களை வெளியே அச்சிட மற்றும் நீங்கள் முன்னும் பின்னுமாக கவிழ்த்து விட. நாம் விரும்பினால், நாம் முயற்சி மற்றும் பேச முடியும் இந்த சில புதிய அம்சங்களை சேர்த்து பற்றி. இல்லையென்றால், நாங்கள் ஒரு பிட் மேலும் பேச முடியும் உலை வேகம் பற்றி, அல்லது நாம் பதிலளிக்க முடியும் கேள்விகள் நீங்கள் வேண்டும் இந்த ஏனெனில் மைய பகுதிகளில் அனைத்து உள்ளன நான் பற்றி பேச விரும்பவில்லை என்று செய்கிறது. நாம் மேலே போய் முடியும். நாம் கேள்விகளுக்கு பதிலளிக்க முடியாது. நீங்கள் வேண்டும் என்ன. பார்வையாளர்கள்: நீங்கள் பயன்படுத்த முடியுமா சாதாரண இங்கு உள்ள JSX? அல்லது என்று ஒன்று இருக்கிறது என்று [செவிக்கு புலப்படாமல்] வந்தது? நீல் மேத்தா: கேள்வி கேட்க முடியுமா ஆகிறது நீங்கள் சாதாரண ஜாவா JSX பயன்படுத்த? பதில் ஆம். JSX அதை ஒரு வழி உங்கள் எடுக்கும் அது உள்ளே HTML உள்ளது என்று இங்கு, அது இங்கு ஒரு தொகுக்கும் என்று அது உள்ளே HTML இல்லை. எனவே இங்கே கவனிக்க அப்படி கவனிக்க. நீங்கள் கிராம போன்ற வேண்டும் போல் இந்த தெரிகிறது மற்றும் நீங்கள் அதை பொருட்களை உள்ளே வேண்டும். என்று இங்கு தொகுக்கும் போன்ற அதே விஷயம் உருவாக்கும். நான் என்ன நான் சொல்கிறேன் என்று நினைக்கிறேன் அதை போல் JSX, ஒரு விதி உள்ளது இங்கு ஒரு நிரலை மிகவும் PHP போன்ற HTML க்கு ஒரு Preprocessor உள்ளது. JSC ஒரு Preprocessor உள்ளது ஜாவா அந்த முடிகிறது நீங்கள் உங்கள் ஜாவா உள்ளே HTML வைக்கிறீர்கள். அதனால் நீங்கள் சரியான மின்மாற்றி வேண்டும் என்றால் இது [செவிக்கு புலப்படாமல்] என்று ஒரு விஷயம், இது மாற்றும். வலது என்பதன், அதை நீங்கள் அந்த செய்ய சொல்கிறேன். பார்வையாளர்கள்: [செவிக்கு புலப்படாமல்] நீல் மேத்தா: பொதுவாக நீங்கள் தேவையில்லை ஜாவா உள்ளே HTML வைக்க உங்கள் ஆயிற்று வரை வினை. ஆனால் நீங்கள் எப்படியும் அதை செய்ய முடியும். இங்கும்? பார்வையாளர்கள்: நான் நீங்கள் என்ன நினைக்கிறீர்கள் வினை விவரித்தார் ஒரு செயல்பாட்டு நிகழ்ச்சிக்கு மொழியை. நாம் CS50 சி கற்றல். C, மேலும், ஒரு செயல்பாட்டு மொழியில் உள்ளதா? நீல் மேத்தா: எனவே கேள்வி செயல்பாட்டு பற்றி என்று மற்றொரு விஷயம் எதிராக கட்டாயமாகும் அல்லது நடைமுறை நிரலாக்க. பிரபலமான திட்டங்கள் இரண்டு வகையான இருக்கிறது. ஒன்று, நடைமுறை என்று இது , அனைத்து செய்து கட்டளைகளை பற்றி இப்படி மற்றும் அதில் ஒன்று தான், செயல்பாட்டு உள்ளது செயல்பாடுகளை கொண்ட பற்றி உள்ளீடு மற்றும் அந்த வெளியீடு. வினை ஒரு செயல்பாட்டு முன்னுதாரணம் ஆகும். சி மிகவும் நடைமுறை முன்னுதாரணம் ஆகும். உதாரணமாகச் என, எடுத்துக்காட்டாக சி, இந்த அறிவித்தல் வழி செய்ய வேண்டாம் திட்டத்தை உருவாக்கும், சரியான? நீங்கள் என்ன சொல்ல வேண்டும், இந்த அச்சிட. இந்த தரவு கட்டமைப்பு மாற்ற. இந்த அச்சிட. அது அனைத்து கட்டளைகளை பற்றி தான். வினை, அங்கு தான் என்று பல கட்டளைகள். அது பற்றி அனைத்து தான் கூறுகளும் நீங்கள் ஒன்றாக வைத்து. அவர்கள் செயல்பாடுகளை போல. நீங்கள் ஒரு விழாவில் போன்ற வேண்டும் CardView என்று, ஒரு செயல்பாடு ஆகும் என்று, உள்ளீடு, வெளியீடு உள்ளது அதனால் வினை அனைத்து ஆகிறது இந்த தத்துவம் பற்றி நீங்கள் தரவு வேண்டும் having-- நமக்கு. இந்த மூலம் அனுப்ப வழிமுறை, அது வேண்டும் வெளியீடு HTML என்று நீங்கள் ஒரு பக்கம் அச்சிடப்பட்ட, அதனால் நீங்கள் வேண்டும் அது துண்டு துண்டு உருவாக்க. எனவே ஒரு உருவகம் வரைய என்ன நான் முன்பு கூறியது, உனக்கு எப்படி தெரியும் பேஸ்புக் நீங்கள் ஒரு செய்தி கிடைக்கும் என்றால் மற்றும் நீங்கள் மேம்படுத்த என்ன பாகங்கள் தேர்வு, என்று நடைமுறை தான். அது சரி, கட்டாயம்? சரி, நான் ஒரு செய்தி. நாம் அங்கு கணக்கு மாற்ற வேண்டும். இங்கே ஒரு சாளரத்தை பாப் நாம். நாம் அங்கு கணக்கு மாற்ற வேண்டும். இங்கே இந்த வரையலாம். என்று ஒரு நடைமுறை அணுகுமுறை. என்று, கோண, என்ன மாதிரி விஷயங்கள் தான் பூஸ்ட், பின்புல மற்ற கட்டமைப்புகள் பயன்படுத்த. வினை செயல்பாட்டு உள்ளது. இது ஒரு மிக வித்தியாசமான வழியில் தான் விஷயங்களை பற்றி நினைத்து. அது சாப்பிடலாம் இந்த யோசனை எடுக்கிறது செயல்பாடுகளை அல்லது என்று நீங்கள் வழிமுறைகள் அது தரவு கொடுக்க. அது வெளிக்காட்டாதே என்ன அது கணினி இருக்க வேண்டும், மற்றும் வெளியே எடையுள்ள பார்த்துக்கொள்வார்கள். நீங்களே கையாள கூடாது. அந்த உணர்வு ஒரு சிறிது ஏற்படுத்துமா? ஆமாம்? பார்வையாளர்கள்: ஒரு செயல்பாட்டு மொழியில், எல்லாம் ஒரே நேரத்தில் நடக்கும்? நீல் மேத்தா: இல்லை, விஷயங்கள் ஏற்பட்டு விடுகின்றன. இங்கே போன்ற இன்னும் இருக்கிறது ஆர்டர், ஆனால் அது இல்லை போன்ற வரிசையில் நடக்கும் , கட்டளை, கட்டளை சிபாரிசு. அது வரிசையில் நடக்கிறது செயல்பாடு நீங்கள் வெளியீடு கொடுக்கிறது. மற்றொரு செயல்பாடு என்று வைத்து. மற்றொரு என்று வைத்து செயல்பாடு, மற்றொரு செயல்பாடு. நீங்கள் CS51 செய்ய என்றால், உங்களுக்கு செயல்பாட்டு திட்டங்கள் அறிய இந்த நோக்கம் ஒரு சிறிய அவுட். ஆனால் அடிப்படையில், என்ன செய்கிறது வினை குளிர் மட்டும் ஆகிறது ஒரு வழி தரவு ஓட்டம் மற்றும் மெய்நிகர் டோம், ஆனால் இந்த யோசனை செயல்பாட்டு நிரலாக்க. மற்றும் செயல்பாட்டு நிரலாக்க மிகவும் எளிதானது உருவாக்கும் மற்றும் வெளியே குளிர் பொருட்களை செய்ய, அது நினைக்கிறேன் மிக எளிது பற்றி பற்றி காரணம். எனவே அது நடக்க மற்றொரு நல்ல சமநிலை தான். எந்த கேள்விகள்? ஆமாம்? பார்வையாளர்கள்: Um, நீங்கள் ஏன் என்று ரகம் எதிராக நாம்? நீல் மேத்தா: எனவே கேள்வி ஏன் அதற்கு பதிலாக var தண்டிக்காமல் பயன்படுத்துவது? இந்த என்று ஒரு விஷயம் ES6 அல்லது இசிஎம்ஏஸ்கிரிப்ட் 6. அதை இங்கு புதிய பதிப்பு தான். தொழில்நுட்ப காரணங்களுக்காக ஒரு கொத்து இருக்கிறது, ஆனால் நாம் ரகம் ஒரு நல்ல பதிப்பு உள்ளது. நீங்கள் மாறிகள் அறிவிக்க எப்படி அது. நீங்கள் அனுமதிக்க பயன்படுத்த முடியும். நீங்கள் var பயன்படுத்த முடியும். நாம் தொழில்நுட்ப ஒரு கொத்து உள்ளது நீங்கள் அவர்களை பார்க்க முடியும் reasons-- அது நல்லது ஏன் later-- வரை. அடிப்படையில், ES6 சில நல்ல உள்ளது புதிய இலக்கணத்தை, சில புதிய அம்சங்களை பழைய இங்கு மேல். எனவே நாம் ஐந்து நிமிடங்கள் போலிருக்கும் வேண்டும். நான் பற்றி பேச வேண்டும் மேலும் ஒரு விஷயம் உண்மையான வேகமாக. நீங்கள் எந்த கேள்விகள் இருந்தால், இந்த பிறகு அதை பற்றி பேசுகிறேன். ஆனால் அதனால் இந்த பெறுகிறது கேமரா பிடித்து, நான் நீங்கள் என்பதை பற்றி ஒரு பிட் பேச வேண்டும் உண்மையில் உங்கள் பயன்பாடுகள் வினை பயன்படுத்த. நீங்கள் இங்கே சென்றால், Facebook.GitHub.IO/react, இந்த வினை வீட்டு பக்கம், மற்றும் அது நீங்கள் உண்மையில் பயன்படுத்த எப்படி உங்களுக்கு காண்பிக்க உங்கள் பக்கங்களில் வினை. அடிப்படையில், அது ஒரு சிறிய விஷயம் சிக்கலான வினை நிறுவ முயற்சி. நீங்கள் மட்டும் இழுத்து அது அவ்வளவு எளிதல்ல அங்கே ஒரு ஜாவா கைவிட. நீங்கள் உங்கள் மின்மாற்றி வேண்டும் அதை முன்பு செய்தது போல், இது வேண்டும் அமைக்க, உங்கள் JSX திரும்ப சாதாரண ஜாவா. நீங்கள் அந்த தருகிறேன் விஷயம் வேண்டும் நீங்கள் சாதாரண ES6 தொகுக்கலாம். ஜாவா நகரும் நிறைய இருக்கிறது பாகங்கள் நீங்கள் செய்ய வேண்டியது, அதனால் ஒரு விஷயம் இருக்கிறது கடற்படையில் ஒரு சிறு, Yeoman.io என்று. இந்த ஒரு கட்டளை வரி கருவியாகும் என்று தருகிறேன் ஆகிறது நீங்கள் உங்கள் வினை வெளியே தூக்குமேடை உதவும் எளிதாக திட்டங்கள். எனவே நீங்கள் இந்த பற்றி படிக்க முடியும் பின்னர், ஆனால் சில கருவிகள் உள்ளன கடற்படையில் ஒரு சிறு வழங்குகிறது என்று. அவர்கள் ஒரு வினை நீங்கள் உருவாக்க அனுமதிக்க வேண்டும் கட்டப்பட்ட எல்லாம் பயன்பாட்டை. இது கட்டப்பட்டது போல் கூறுகள், உள்ள கட்டப்பட்டது. இது உங்கள் மின்மாற்றி கட்டப்பட்ட வேண்டும். அவர்கள் குளிர் நிறைய விஷயங்களும் தானாகவே கட்டப்பட்ட ஜெனரேட்டர்கள் என்று இந்த விஷயங்களை பயன்படுத்தி. நீங்கள் விரும்பினால் எனவே இது பற்றி படிக்க. வெறும் கடற்படையில் ஒரு சிறு, ஒய்-இ-ஓ-எம்-எ-N மற்றும் செல்ல நீங்கள் இந்த மாதிரி ஜெனரேட்டர்கள் கண்டுபிடிக்க முடியும். மற்றும் போன்ற ஜெனரேட்டர்கள் இந்த, நீங்கள் ஒரு பிடிக்கிறீர்கள் ஒரு ஜோடி கட்டளை வரி கட்டளைகளை உள்ளது. அது ஒரு வெளியே தூக்குமேடை வேண்டும் முழு நீங்கள் பயன்பாட்டை வினை. அது அனைத்து கையேடு குழாய் கிடைக்கும், மற்றும் உறுமு வேலை, நீங்கள் செய்யப்படுகிறது இந்த நீங்கள் கவனம் செலுத்த ஏன் வெறும் எழுதி வினை. எனவே அடிப்படையில் கட்டி ஒரு பயன்பாட்டை nontrivial உள்ளது வினை. இது அனைத்து ஒன்றாக இணைக்கப்பட்டிருந்தது, ஆனால் அங்கு நீங்கள் அதை செய்ய வேண்டும் என்று கருவிகள் உள்ளன. நீங்கள் செய்ய வேண்டும் என்றால், ஒரு வினை எனவே பயன்பாட்டை, அது அந்த வழியில் முயற்சிக்கவும். நீங்கள் பரிசோதனை செய்ய வேண்டும் என்றால், நீங்கள் இந்த CodePen பயன்படுத்தி முயற்சி செய்யலாம் இந்த CodePen ஏனெனில் அனைத்து வயரிங் செய்கிறது. நான் ஏற்கனவே நீங்கள் அனைத்து வேலை செய்துவிட்டேன். நீங்கள் ஒரு போன்ற செய்ய வேண்டும் என்றால் தயாரிப்பு பயன்பாட்டை வினை வெளியிட, இந்த ஜெனரேட்டர்கள் ஒரு முயற்சி. நீங்கள் விளையாட வேண்டும் என்றால் சுற்றி, இது அடிக்கடி மதிப்புள்ள போன்ற இங்கே CodePen சுற்றி விளையாடும் முயற்சி. மிக சரியாக உள்ளது? கூல். அதனால் நான் அனைத்து தான். மீண்டும், அனைத்து குறியீடு மற்றும் உதாரணங்கள் உள்ளன இங்கே இந்த வலைத்தளத்தில் இருக்க போகிறது. எனவே, மீண்டும், நாம் பேச பற்றி வினை மிகவும் தொடரியல், ஆனால் அந்த கண்டுபிடிக்க சிறிய உட்தொடாச்செயற் விவரங்கள், அது அனைத்து கிடைக்க போகிறது இங்கே இந்த வலைத்தளத்தில். நான், ஒரு பரிந்துரைக்க விரும்புகிறேன் முதல் அடியை எடுத்து. உங்கள் CodePen அதை வைத்து. செய்யும் வேலை முயற்சி இது இரண்டாவது படி. அங்கு ஒரு நான்காவது படி தான், மற்றும் நீங்கள் என்று இருந்து பெற பார்க்க. எந்த கேள்வியையும், சரிபார்க்க அல்லது அந்தப் பக்கம் வெளியே எனக்கு மின்னஞ்சல். என்று என் மின்னஞ்சல் தான். ஆனால் நான் எந்த உங்களுக்கு உதவ விரும்புகிறோம் உங்களைப் பற்றி கேள்விகளைக் கேட்கலாம் வினை. எனவே, இங்கும், என்று நான் இல்லை அவ்வளவுதான். மிகவும் அனைவருக்கும் நன்றி பார்த்து அல்லது கலந்து. மற்றும் நான் எந்த கேள்விகள் எடுக்க வேண்டும் நீங்கள் இப்போது இந்த பிறகு வேண்டும். எனவே பார்த்து நீங்கள் நன்றி.