د پیل کونکي ډمیز لپاره د عکس العمل JS څه شی دی ، دا څه دي ، ټیوټوریلونه ، نصب کول ، اسناد – څنګه د ریکټ JS کتابتون نصب او وکاروئ کله چې د سوداګرۍ روبوټونه لیکل کیږي. ډیری وختونه د کمپیوټر متخصصینو لپاره د دندې اعلاناتو کې، تاسو کولی شئ داسې اړتیا ومومئ چې وايي تاسو د جاواسکریپټ کتابتون کې مهارتونه لرئ. هو، او دوی د غبرګون پوهه تمه لري نه یوازې د سافټویر پراختیا کونکو څخه، بلکې د پروګرام کونکو څخه هم چې د سایټ په داخلي پراختیا کې بوخت دي، نه بهرنۍ ډیزاین. دا کوم ډول کتابتون دی، دا په کار کې کوم فرصتونه ورکوي، او یو پیل کونکی چیرته پیژندل پیل کوي؟ راځئ چې دا په دې مقاله کې معلومه کړو.
- جاواسکریپټ کتابتون – غبرګون: دا څه دي
- ولې د عکس العمل کتابتون ته اړتیا ده؟
- د پیل کونکو لپاره پیژندنه: اساسي مفکورې
- سلام نړی!
- د JSX سیسټم ژبې اساسات
- JSX څه شی دی؟
- د سیسټم په ژبه کې د بیانونو جوړښت
- د تفصیل وړاندې کول
- اجزا او پروپس
- د اجزاو ډولونه: فعال او ټولګي
- پروپس
- دولت او د ژوند دوره
- د پیښو تحلیل
- د عناصرو مشروط وړاندې کول
- د اجزاوو بدلول
- لیستونه او کیلي
- کلیدونه
- فورمې
- اداره شوي توکي
- د دولت وده
- ولې د دولت د ودې کنټرول دومره اړین دی؟
- جوړښت او میراث
- د React.js اصول
- د React.js کتابتون فعالیت
- عملي استعمال
- د عکس العمل عملي غوښتنلیک کله چې په جاواسکریپټ کې د سوداګرۍ روبوټونو لیکل
- GitHub او React.js
- اسناد
جاواسکریپټ کتابتون – غبرګون: دا څه دي
React.JS د مشهور
جاوا سکریپټ پروګرام کولو ژبې کتابتون دی ، چې د آنلاین ټولنیز شبکې فیسبوک لخوا رامینځته شوی ترڅو د سایټونو او غوښتنلیکونو د بهرني شیل پراختیا پروسې ته وده ورکړي او ساده کړي – هغه انٹرفیس چې کارونکي ورسره اړیکه لري. د کتابتون اصلي ځانګړتیا اجزا او ریاستونه دي. یوه برخه د ډیجیټل سیټ یوه برخه ده چې د ډیزاین شوي سیسټم د یوې ټاکلې برخې د څرګندیدو مسؤلیت لري.
نوټ! دا ډول برخې برخې کیدای شي ځړول شي.
دولت د یو انٹرفیس د توضیحاتو په اړه د ټولو معلوماتو مجموعه ده، په شمول د هغې نمایندګي وړاندې کول. د مثالونو په کارولو سره، موږ به په ډیر تفصیل او روښانه توګه ومومئ چې څه شی دی. لاندې عکس ځینې لوی برخې ښیي – آنلاین ټولنیز شبکې ته پوسټ کول، د عمومي معلوماتو یوه برخه او عکسونه ښودل. په هره برخه کې کوچنۍ برخې شاملې دي، کوم چې برخې دي. د مثال په توګه، یوه خپرونه متن، عکسونه، د هغه کارونکي نوم چې معلومات خپروي، او داسې نور لري. د انځور برخه انفرادي عکسونه لري، او د عمومي معلوماتو برخه لنډ معلومات لري.
په دې توګه، د React.JS انعطاف څرګند شوی – د انٹرفیس برخه یو ځل لیکل کیږي، او له هغې وروسته دا ټول ممکنه حالتونه ورکول کیږي.
ولې د عکس العمل کتابتون ته اړتیا ده؟
React.JS یو له ممکنه انتخابونو څخه دی چې JS یا HTML کوډ په مناسب شکل کې ولیکئ، د هغې کاپي جوړ کړئ او بصری یې کړئ. دلته اجزاوې په ځانګړي سیسټم ژبه کې لیکل شوي – JSX، چې د جاوا سکریپټ پروګرام کولو ژبې عناصر او د معیاري HTML مارک اپ ژبه پکې شامل دي.
- د سیسټم پروګرام کولو ژبه د پیژندل شوي جاواسکریپټ په پرتله پیژندل اسانه دي ، او په پایله کې، دا به د کوډ مالتړ کولو او په هغې کې د غلطیو له منځه وړلو لپاره څو ځله لږ وخت ونیسي (د نوي کوډونو او پروګرامونو لیکلو سرعت به د دې مطابق لوړ شي)؛
- د اجزاو عناصرو یو مناسب او عملي سیسټم دلته جوړ شوی دی – د کوډ هغه برخې تکرار کړئ چې د لیکلو په بیلابیلو مرحلو کې او په بیلابیلو برنامو کې کارول کیږي، او همدارنګه د شرایطو په اساس بدلون کوي؛
- هر جز عنصر یوازې د خپل حالت تابع دی ، نو له همدې امله په کوډ کې د نیمګړتیاوو سمول اسانه دي که چیرې په عمل کې په کار کې ناڅاپه کومه تېروتنه وموندل شي؛ غلطې شیبې سطحې ته تیریږي: یو عنصر چې په سمه توګه کار کوي په دې حالت کې به په ثابت ډول کار کولو ته دوام ورکړي، پرته لدې چې، البته، غلط حالت د هغې په اړه کارول کیږي.
په دې توګه، موږ کولی شو دې پایلې ته ورسیږو چې د React.JS کتابتون کولی شي ډیر وخت خوندي کړي، کوډ ډیر مشخص کړي، ترتیب په سم ترتیب کې تنظیم کړي، او بیا لوی بلاکونه وکاروي. دا ګټې دا امکان ورکوي چې د کارونکي انٹرفیس رامینځته کولو پروسې لګښت کم کړي ، او همدارنګه د دې پروسې وخت ګړندی کړي. د JS او HTML برنامې ژبې کارولو مهارتونو درلودل ، د JSX سیسټم کارولو زده کول اسانه دي – د دې ماسټر کولو لپاره یوازې څو ورځې.
نوټ! د لویو پروژو سره د کار کولو په وخت کې د کتابتون کارول معقول دي، کله چې د ډیرو متحرک پاڼو لیکلو ته اړتیا وي. د کوچني سوداګرۍ سایټ داسې پیچلتیاو ته اړتیا نلري.
له A څخه تر Z پورې د JS بنسټیز کورس عکس العمل: https://youtu.be/GNrdg3PzpJQ
د پیل کونکو لپاره پیژندنه: اساسي مفکورې
سلام نړی!
کله چې د کتابتون لومړي مخ ته لاسرسی ومومي، کارونکي به د ښه راغلاست سرلیک د یوې کوچنۍ بیلګې په توګه وګوري – “سلام نړۍ!”.
د JSX سیسټم ژبې اساسات
JSX د سیسټم پروګرام کولو ژبه ده، د مشهور جاوا سکریپټ توسیع. پدې کې د دوو ژبو ترکیب شامل دی – د JA برنامه کول او د معیاري HTML مارک اپ ژبه. پراختیا کونکي دا د مفهوم تنظیم کولو لپاره کاروي ترڅو عکس العمل وښیې چې د کارونکي انٹرفیس باید څنګه ښکاري. JSX د کتابتون “برخې” جوړوي.
JSX څه شی دی؟
د عکس العمل کتابتون منطق ته غاړه کیږدي چې د رینډینګ جوهر مستقیم د کارونکي انٹرفیس منطق سره تړاو لري: پیښې څنګه پروسس کیږي ، څنګه په یوه ټاکلې موده کې حالت بدلیږي ، او څنګه معلومات د پریزنټشن لپاره چمتو کیږي. د JS کتابتون د دې سیسټم ژبې پرته کارول کیدی شي، مګر یو لوی شمیر پراختیا کونکي د جاواسکریپټ کوډ څخه رامینځته شوي د کاروونکي انٹرفیس سره کار کولو په وخت کې د هغې د وضاحت او کنکریټیت له امله ارزښتناکه ګوري. سربیره پردې ، تمدید د عکس العمل لپاره د غلطې شیبې او خطا خبرتیاوې رامینځته کول اسانه کوي.
د سیسټم په ژبه کې د بیانونو جوړښت
JSX تاسو ته اجازه درکوي چې په یوه پروسه کې د منحل منحلاتو دننه د جاواسکریپټ هر ډول ښه لیکل شوي څرګندونې وکاروئ.
JSX هم یو بیان دی کله چې د سرچینې کوډ بایټ کوډ شي، د JSX هر ډول بیان په معیاري JS فنکشن کال بدلیږي چې د جاواسکریپټ کټګورۍ په نښه کوي. له دې څخه دا درک کیدی شي چې د رسمي برنامې ژبې سیسټم تمدید د لارښود دننه او د مودې لپاره کارول کیدی شي.
JSX هغه توکي دي چې د تمدید لخوا ښودل شوي توکي د عکس العمل عناصرو په نوم یادیږي. دوی هغه پایله روښانه کوي چې پراختیا کونکي غواړي په نندارتون کې وګوري. کتابتون دا توکي پیژني او د اسنادو آبجیکٹ ماډل تولید او ساتلو په پروسه کې کاروي.
د تفصیل وړاندې کول
توضیحات ډیری کوچني ودانۍ بلاکونه دي چې د عکس العمل برنامې رامینځته کوي.
اجزا او پروپس
اجزا دا ممکنه کوي چې UI په خپلواکو برخو ویشل شي، کوم چې په جلا توګه کار کول اسانه دي. دوی کولی شي یوځای شي او څو ځله وکارول شي. د ډیری برخې لپاره، د اجزاو فعالیت پخپله د جاواسکریپټ پروګرام کولو ژبې فعالیت ته ورته دی. دوی د ان پټ معلومات اخلي، کوم چې د پروپس په نوم یادیږي، او د عکس العمل عناصر بیرته راولي چې د پراختیا ماډل په ګوته کوي چې پراختیا کونکي یې په مانیټر کې لیدل غواړي.
د اجزاو ډولونه: فعال او ټولګي
د کتابتون برخې ته د فعالیت په توګه راجع کول خورا اسانه دي.
په زړه پورې! د عکس العمل کتابتون دا دوه ډوله اجزا ورته ورته تعریفوي.
پروپس
پروپس بدلیدونکي توکي دي چې یوازې لوستل کیږي. نو ځکه، یوه برخه باید په خپلو پروپس کې هیڅ شی ونه لیکي، مهمه نده چې دا په کوم ډول پورې اړه لري.
دولت او د ژوند دوره
لومړی، راځئ چې معلومه کړو چې څنګه په کار کې دولت په سمه توګه پلي کړو. د جزو حالت په اړه د پوهیدو لپاره درې مهم شیان شتون لري:
- په مستقیم ډول حالت مه بدلوئ، د سیټ سټیټ میتود وکاروئ. په یاد ولرئ چې یوازینۍ ساحه چیرې چې تاسو کولی شئ په مستقیم ډول دولت بدل کړئ جوړونکی دی.
- د دولت تازه معلومات ممکن همغږي نه وي.
- د معلوماتو جریان یو لوري لري. د اجزاو په جوړولو کې، هیڅوک نه پوهیږي چې آیا دولت بلې برخې ته ګمارل شوی. دا مهمه نده چې دا یا هغه خپلواک فعال عنصر څنګه رامینځته شوی – د فعال یا طبقه بندي وسیلې په کارولو سره. دې ته د “لاندې جریان” ډیټا جریان ویل کیږي. یو دولت تل د یو څه عنصر لپاره تعریف شوی، او د دې دولت ساختماني اتحادیې یوازې هغه برخې اغیزه کولی شي چې په درجه بندي ترتیب کې “لاندې” موقعیت لري.
په عموم کې، دولت د “محلي”، “داخلي”، یا پټ په توګه راجع کیږي. دا یوازې د فعال عنصر پخپله لیدل کیږي او د عکس العمل نورو برخو ته د لیدو وړ ندي. د کتابتون په پروګرامونو کې، ایا یو خپلواک فعال عنصر د یو ځانګړي حالت سره تړاو لري یا نه د دې برخې داخلي پرمختګ دی، چې د وخت په تیریدو سره بدلون موندلی شي. دا هم په زړه پورې ده چې په کار کې تاسو کولی شئ د دولت سره او پرته اجزا سره یوځای کړئ.
د پیښو تحلیل
د عکس العمل اجزاو کې د پیښو تحلیل کولو پروسه د سند اعتراض ماډل عناصرو کې د پیښو اداره کولو ته ورته ده. په هرصورت، ډیری ځانګړتیاوې شتون لري چې دوی له یو بل څخه توپیر کوي:
- په جاواسکریپټ کتابتون کې پیښې د معیاري څخه په مختلف سټایل کې نومول شوي.
- د سیسټم توزیع شوي برنامې ژبې په کارولو سره ، پراختیا کونکی د سټرینګ پرځای د پیښې اداره کونکي په توګه فرعي روټین تیروي.
د عناصرو مشروط وړاندې کول
د جاواسکریپټ کتابتون دا ممکنه کوي چې د عناصرو د پراختیا منطق په خپلواکو برخو کې مات کړي. دوی د عمومي ښودلو یا پټولو لپاره ښودل کیدی شي ، پدې پورې اړه لري چې دا مهال دوی کوم حالت لري. د عناصرو مشروط وړاندې کول په ورته اصولو کار کوي لکه د جاواسکریپټ برنامې ژبې پراساس د مشروط بیان په څیر. ځینې وختونه داسې پیښیږي چې کتابتون د دې توضیح ته اړتیا لري چې دولت څنګه د ځینې عناصرو پټولو یا وړاندې کولو اغیزه کوي. دلته دا خورا منطقي ده چې د مشروط JS مرستندویه یا ورته ورته څرګندونې وکاروئ if.
د اجزاوو بدلول
د عکس العمل کتابتون عناصر په متغیرونو کې اضافه کیدی شي. دا یو عملي حل دی کله چې ځینې شرایط په ګوته کوي چې ایا د برخې ځینې برخې باید رسم شي، یا دا معنی نلري، پداسې حال کې چې پاتې برخه بدله پاتې ده.
لیستونه او کیلي
پدې برخه کې ډیری برخې شاملې دي:
- د څو عناصرو رسم کول کارونکی کولی شي د عناصرو سیټ رامینځته کړي او د منحل منحلاتو په کارولو سره یې د سیسټم برنامې ژبه کې ځای په ځای کړي.
- د عناصرو ابتدايي لیست ډیری وختونه، کاروونکي او پراختیا کونکي لیستونه په مستقیم ډول د یوې برخې برخې کې تنظیموي.
کلیدونه
د عکس العمل جاواسکریپټ کتابتون کې کیلي یو ځانګړي وسیله په ګوته کوي چې باید د اجزاو لیست رامینځته کولو پرمهال دننه شي. کلیدونه د جاواسکریپټ کتابتون سره مرسته کوي ترڅو وپیژني چې کوم توکي تنظیم شوي، اضافه شوي یا لرې شوي. دا مهمه ده چې دوی په نښه کړئ ترڅو عکس العمل د یو ټاکلي وخت تیریدو وروسته د ساختماني معلوماتو اجزاو سره اړیکه ونیسي.
فورمې
په JS کتابتون کې، د معیاري مارک اپ ژبې عناصر د سند اعتراض ماډل اجزاو په پرتله لږ توپیر کار کوي، ځکه چې د فارم عناصر په پیل کې پټ حالت لري.
اداره شوي توکي
په معیاري مارک اپ ژبه کې، فورمې لکه input , Select , textarea د خپل حالت ساتلو ته لیوالتیا لري او کله چې پرمخ وړونکي نوي معلومات داخلوي نو تازه کوي. د React.js حالت تل په منظم ترتیب شوي عنصر کې د ان پټ ساحو ارزښت تعریفوي. که څه هم دا په ګوته کوي چې کاروونکي باید د اصلي ورکړل شوي کوډ څخه لږ څه ولیکي، اوس دا امکان لري چې دا ارزښت د کارن انٹرفیس نورو برخو ته انتقال کړي.
د دولت وده
د دولت پورته کول یو معیاري ټیمپلیټ دی چې هر پراختیا کونکی باید خبر وي او د کار په پروسه کې د پلي کولو وړ وي. د دې کارول به پیچلي او معمولا بې ګټې دولتي مدیریت نمونې له مینځه ویسي.
ولې د دولت د ودې کنټرول دومره اړین دی؟
د هغو برخو لپاره چې ورته اړتیا لري د تیرو برخو کچې ته د دولت لوړول اړین دي ترڅو ټول عناصر په دولت کې برخه واخلي. د دولت یو باثباته کچه به دا اسانه کړي چې دا د ټولو برخو په مینځ کې توزیع کړي چې پدې تکیه کوي.
جوړښت او میراث
React.js کې یو قوي ترکیب ماډل شامل دی، نو دا سپارښتنه کیږي چې د عناصرو ترمنځ مخکې لیکل شوي کوډ بیا کارولو لپاره د میراث پرځای د برخو څخه د بشپړ جوړولو پروسه وکاروئ. پدې توګه ، پروپس او د اجزاو برخو څخه د واحد بشپړ ترکیب رامینځته کولو وړتیا ، پراختیا کونکي ته په ځانګړي او خوندي ډول د عنصر شیل او چلند رامینځته کولو لپاره اړین انعطاف چمتو کوي.
یادونه! د اجزاو برخې کولی شي غیر اړونده پروپس واخلي، په شمول د ابتدايي برخې چې کتابتونونه یا دندې جوړوي.
په هغه حالت کې چې تاسو اړتیا لرئ د اجزاو سره د دوهم یا دریم ځل کار کولو لپاره د لید څخه پاک فعالیت وکاروئ ، دا په جلا JS ماډل کې وباسئ. دا په یوې برخې کې حرکت وکړئ او د نور پراخولو پرته تولید شوي فعالیت وکاروئ. عکس العمل یا Vue یا Angular ، څه شی غوره کړئ: https://youtu.be/Nm8GpLCAgwk
د React.js اصول
د جاواسکریپټ کتابتون ټوله فلسفه د عکس العمل لارښود کې پټه ده. داسې بریښي چې دا اوږد دی او دومره لوی اهمیت نلري، په هرصورت، ډیری کاروونکي ادعا کوي چې د لوستلو وروسته هرڅه په خپل ځای کې راوتلي. اسناد خورا زاړه دي، مګر بیا هم د پام وړ ارزښت او تړاو لري –
https://ru.reactjs.org/docs/thinking-in-react.html . د js ټیوټوریل عکس العمل https://ru.reactjs.org/tutorial/tutorial.html
د React.js کتابتون فعالیت
د جاواسکریپټ کتابتون په کارولو سره ، کارونکي فرصت ترلاسه کوي چې خپله ټوله پاملرنه په مستقیم ډول د UI پراختیا پروسې او د غوښتنلیک اجزاو ته ورکړي ، لږترلږه د لیکل شوي کوډ رامینځته کولو او ممکنه نیمګړتیاو له امله له پامه غورځول کیږي. کتابتون تاسو ته اجازه درکوي چې برنامه ګړندۍ رامینځته کړئ ، د اجزاو تنظیم او ترمیم کول اسانه کوي او د ټولې پروژې پروسې په بشپړ ډول. په دې توګه، React.js هغه عناصر لري چې په نړیواله شبکه کې د اړیکو مسولیت لري، UI، د پروګرام ریاست کنټرول او د نورو پیچلو مسلو حل کولو وړتیا. کتابتون هم لاندې فعالې ځانګړتیاوې لري:
- . _ React.js په کوچني شکل کې شتون لري. دا کمپیکٹ کڅوړه په واضح ډول تنظیم کولو ته اړتیا نلري. پدې کې دمخه د کوډ ویشلو ځانګړتیا شامله ده چې د سایټ د براوزر نسخه خلاصولو لپاره وخت کموي ، ځکه چې دا اختیار په ورته وخت کې د اجزاو وړاندې کولو مخه نیسي.
- پمپ شوي ایکوسیستم او موافقت . په کتابتون کې ډیری وسایل شتون لري، د نورو سایټونو لخوا ملاتړ کیږي، کوم چې کاروونکي ته اجازه ورکوي چې د هرې موخې لپاره نوي پیچلي پروګرامونه رامینځته کړي.
- بشپړ فعالیت د جاواسکریپټ کتابتون اصلي ګټه دا ده چې د پلیټ فارم ټولې نوې نسخې د زړو اړتیاوې پوره کوي، نو تاسو کولی شئ دواړه زاړه او تازه شوي نسخه وکاروئ، ټول یې ملاتړ شوي او د دې ورځې سره تړاو لري. پخوانۍ خپره شوې نسخې د وروستي تازه معلوماتو وروسته ناپاک نه کیږي.
عملي استعمال
د کتابتون په اصلي پاڼه کې، د کاروونکو لپاره لارښوونو کې، په عمل کې د عکس العمل کارولو ډیری مثالي مثالونه شتون لري. تاسو کولی شئ په لاسي ډول دوی سم کړئ او د چلولو هڅه وکړئ. حتی که تاسو نوی کاروونکي یاست او د کتابتون په ماهیت او منطق نه پوهیږئ، د خپلې خوښې سره سم کوډ تنظیم کړئ او پایله وګورئ.
د عکس العمل عملي غوښتنلیک کله چې په جاواسکریپټ کې د سوداګرۍ روبوټونو لیکل
دا مهمه ده چې پوه شئ چې یو پرمخ وړونکی JS پروګرام نه کوي، مګر سکریپټونه (سکرپټونه) لیکي. له همدې امله ، د کتابتون په کارولو سره ، پراختیا کونکی کولی شي د راتلونکي سوداګرۍ روبوټ لپاره کوډ ولیکي چې د سوداګرۍ اهدافو لپاره کارول کیږي ، او د دې پلیټ فارم پراساس د هغې ظهور ډیزاین کولو ته دوام ورکوي. په حقیقت کې، د سوداګرۍ لپاره د سوداګرۍ روبوټ هم یو غوښتنلیک دی، چې یو لوی شمیر یې د React.js په کارولو سره رامینځته کیږي. په هرصورت ، ځینې دندې او د بوټ داخلي برخه به لاهم په نورو سایټونو کې ترسره شي چې د دې لپاره مناسب وسیلې چمتو کوي.
GitHub او React.js
GitHub یو پلیټ فارم دی چې د پروژو ټولې نسخې کوربه کوي. کارونکي کوربه توب سره وصل کوي ، د GitHub رسمي ویب پا onه کې د راجسټریشن پروسې څخه تیریږي ، او بیا آنلاین ذخیره رامینځته کوي چیرې چې هغه د Git څخه ټولې فایلونه لیږدوي.
Git نن ورځ ترټولو مشهور او اړونده پروژې نسخه کنټرول خدمت دی، او GitHub د ریموټ کوډ ذخیره ده.
حواله! یوازې هغه کارونکي چې د اجازې سره مناسب لینک ترلاسه کړي د فایلونو ترمیم او ډاونلوډ ته لاسرسی لري.
اسناد
د جاواسکریپټ کتابتون په اړه ټول درسونه او تازه توکي د وروستي تازه معلوماتو سره تازه دي. پراختیا کونکي د اسنادو زاړه نسخې د عمومي لوستلو لپاره هم تالیف او پوسټ کوي ، د کتابتون په جلا پا pageه کې ځړول شوي. له همدې امله، دا به د پیل کونکو لپاره اسانه وي چې د سایټ مدیریت مهارتونه ماسټر کړي: دواړه زاړه او نوي مواد – هرڅه دلته دي، لاسرسی د هرچا لپاره وړیا دی.
نوټ! د لارښودونو لوستل مه هیروئ. لږترلږه یو نظر وګورئ – دمخه ډیری هغه څه چې د نه پوهیدو وړ ښکاري به ځای په ځای شي.
د عکس العمل کتابتون نن ورځ یو مشهور او اړونده پلیټ فارم دی. د دې استقامت پراختیا کونکو ته اجازه ورکوي چې په ښه کیفیت او لږ وخت کې پروژې رامینځته کړي. سربیره پردې ، د پلیټ فارم پوهیدل او د دې کارولو مهارتونه درلودل د کار بازار کې د تقاضا ډیر متخصص رامینځته کوي.
