في تطبيقات الويب التقليدية، تُحفظ البيانات الوصفية، مثل عنوان الصفحة ووصفها ووسوم Open Graph، في عنصر
قبل إصدار React 19، كان تحديث البيانات الوصفية في React يعني استخدام document.title أو الاعتماد على مكتبات خارجية مثل react-helmet . أضافت هذه الأساليب قوالب جاهزة وأبعدت التأثيرات الجانبية عن JSX حيث تُعرّف واجهة المستخدم. يُقدّم React 19 نقلة نوعية: يُمكننا الآن الإعلان عن وسوم البيانات الوصفية - مثل </code> و <code style="text-align:right;direction:ltr;unicode-bidi:bidi-override;"><meta></code> و <code style="text-align:right;direction:ltr;unicode-bidi:bidi-override;"><link></code> - مباشرةً في JSX.</p><h2 id="Ej875xdk1CqR_hzvlZ6jn" style=";text-align:right;direction:rtl"> تحديثات البيانات الوصفية اليدوية</h2><p id="itCJwQeG7S3CBntCP3IEs" style=";text-align:right;direction:rtl"> قبل React 19، كانت الطريقة الأكثر شيوعًا لتغيير البيانات الوصفية هي التلاعب بالمستند داخل <code style="text-align:right;direction:ltr;unicode-bidi:bidi-override;">useEffect</code> .</p></div></div></div></div></div></div></div></div></div><div class="relative clear-both "><div><div><div tabindex="0" style="outline:none"><div><div class=""><div id="widget-parent-IhxWZIRpv8zO2kx09WP9l" class=" font-nunito font-nunito"><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><div class="mb-5 w-full"><div class="flex w-full flex-col space-y-2 border border-solid border-gray-L300 px-4 py-4 dark:border-gray-D500"><div class="flex space-x-2"><div class="w-2/12 rounded bg-gray-L200 dark:bg-gray-D1300 animate-pulse" style="padding-top:5%"></div><div class="w-10/12 rounded bg-gray-L200 dark:bg-gray-D1300 animate-pulse" style="padding-top:5%"></div></div><div class="flex space-x-2"><div class="w-2/12 rounded bg-gray-L200 dark:bg-gray-D1300 animate-pulse" style="padding-top:5%"></div><div class="w-2/12 rounded bg-gray-L200 dark:bg-gray-D1300 animate-pulse" style="padding-top:5%"></div><div class="w-8/12 rounded bg-gray-L200 dark:bg-gray-D1300 animate-pulse" style="padding-top:5%"></div></div><div class="flex space-x-2"><div class="w-2/12 rounded bg-gray-L200 dark:bg-gray-D1300 animate-pulse" style="padding-top:20%"></div><div class="w-10/12 rounded bg-gray-L200 dark:bg-gray-D1300 animate-pulse" style="padding-top:20%"></div></div></div></div><!--/$--></div></div></div></div></div></div></div><div class="relative clear-both "><div><div><div tabindex="0" style="outline:none"><div><div class=""><div id="widget-parent-TiOwkcgM-jBnQulFq_GWH" class=" font-nunito font-nunito"><div class="h-auto w-full whitespace-normal after:clear-both after:table after:content-none markdown-container-div"><div class="markdownViewer select-text markdown-default markdown-table markdown-viewer markdown-viewer-slate markdown-viewer-heading" role="none"><ul id="TiOwkcgM-jBnQulFq_GWH" style=";text-align:right;direction:rtl"></ul><span> ...</span></div></div></div></div></div></div></div></div></div><!--$--><!--/$--><div class=" bg-white dark:bg-gray-D1500" style="z-index:1000"><div class="h-4 my-2 inline-block w-full clear-both bg-gray-L50 dark:bg-gray-D1400"></div><div class="h-4 my-2 inline-block w-full clear-both bg-gray-L50 dark:bg-gray-D1400"></div><div class="h-4 my-2 inline-block w-full clear-both bg-gray-L50 dark:bg-gray-D1400" style="width:70%;margin-bottom:30px"></div></div></div></div></div></div></div></div><script id="generate-data" type="application/ld+json">{"@context":"https://schema.org/","@id":"https://www.educative.io/courses/learn-react/support-for-document-metadata","@type":["Article","TechArticle"],"description":"أتقن كيفية بناء واجهات المستخدم الحديثة مع React. من لوحات المعلومات إلى تطبيقات الأجهزة المحمولة، يُعد React أساس العديد من أكثر واجهات المستخدم قابلية للتطوير اليوم. تُعلّم هذه الدورة React من خلال أمثلة عملية وتحديات عملية، مما يساعدك بناء أساس متين في تقنيات التطوير العملية. ستتجاوز بناء الجمل النحوية لفهم كيفية تحديث React لـ DOM، وإدارة الحالة، والتعامل مع تفاعل المستخدم. ابنِ مكونات يمكنك إعادة استخدامها. تعلّم JSX، والخطافات، والتوجيه، والميزات الجديدة في React 19 التي تُحسّن الأداء وتُبسّط الكود. سواء كنت تُنشئ تطبيق React الأول الخاص بك أو تُحسّن واجهة فريقك الأمامية، تُزوّدك هذه الدورة بالهيكل والأمثلة والمهارات اللازمة للقيام بذلك على النحو الصحيح.","offers":[{"@type":"Offer","category":"Subscribed"}],"headline":"تعلم React","name":"تعلم React","image":"https://educative.io/api/collection/10370001/4823099470381056/image/5035708774744064.png","keywords":["become-a-developer","javascript","front-end-development","reactive-programming","uiux","react","react-hooks","react-router"],"isAccessibleForFree":false,"author":{"@type":"Person","name":"Educative"},"provider":{"@type":"EducationalOrganization","name":"Educative","legalName":"Educative Inc","image":"https://www.educative.io/static/imgs/logos/MainLogoV2.png","url":"https://www.educative.io","email":"contact@educative.io"},"publisher":{"@type":"EducationalOrganization","name":"Educative","legalName":"Educative Inc","logo":{"@type":"ImageObject","url":"https://www.educative.io/static/imgs/logos/MainLogoV2.png"},"url":"https://www.educative.io"},"educationalLevel":"beginner","inLanguage":"ar"}</script></div><!--$--><!--/$--><!--$--><!--/$--><!--$--><!--/$--><!--$--><!--/$--><script src="/static/_next/static/chunks/webpack-4b62c73fef8eebdd.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script>self.__next_f.push([1,"1:HL[\"/static/_next/static/css/a6a36d1aa1cf0be5.css\",\"style\"]\n2:HL[\"/static/_next/static/css/bc92af3f4c7304c2.css\",\"style\"]\n3:HL[\"/static/_next/static/css/12dd831df1bd69c0.css\",\"style\"]\n4:HL[\"/static/_next/static/css/b2f731f25f98be4b.css\",\"style\"]\n5:HL[\"/static/_next/static/css/02caabbddc598bfb.css\",\"style\"]\n6:HL[\"/static/_next/static/css/5488a97e08bee5f3.css\",\"style\"]\n7:HL[\"/static/_next/static/css/f4113f114a3182fd.css\",\"style\"]\n8:HL[\"/static/_next/static/css/75384e8b559194ea.css\",\"style\"]\n9:HL[\"/static/_next/static/css/b3f5d23a90ab32c3.css\",\"style\"]\na:HL[\"/static/_next/static/media/26d4368bf94c0ec4-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\nb:HL[\"/static/_next/static/media/9cf9c6e84ed13b5e-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\nc:HL[\"/static/_next/static/css/ff29fc42b356fee8.css\",\"style\"]\nd:HL[\"/static/_next/static/css/b07511953fe127d8.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"e:I[383894,[],\"\"]\n11:I[477655,[],\"\"]\n14:I[927635,[],\"\"]\n16:I[236164,[\"63898\",\"static/chunks/appCommons-6e4ba6ddc71a6cfa.js\",\"58296\",\"static/chunks/db956b01-bcb2027c4405347a.js\",\"6355\",\"static/chunks/44dd07c6-2b28e7c3977ea7c3.js\",\"69455\",\"static/chunks/69455-d792fb80240f8d93.js\",\"33625\",\"static/chunks/33625-e7342b27c6787096.js\",\"45182\",\"static/chunks/45182-4793c91ba6d3f02c.js\",\"96414\",\"static/chunks/96414-eff7ba19fda12b0d.js\",\"25641\",\"static/chunks/25641-d66ca23862cf75f7.js\",\"94028\",\"static/chunks/94028-106257d72c11dfae.js\",\"75666\",\"static/chunks/75666-82e9a5dca7f1828e.js\",\"93033\",\"static/chunks/93033-5acd503568a76a8b.js\",\"37712\",\"static/chunks/37712-b3afc943d85f41b6.js\",\"61853\",\"static/chunks/61853-b90416245f4d989e.js\",\"77548\",\"static/chunks/77548-979c3f59c280e99c.js\",\"37745\",\"static/chunks/37745-a9c16fd58256dd6b.js\",\"44033\",\"static/chunks/44033-720551d845ebc349.js\",\"56180\",\"static/chunks/56180-0fa1725c981e3ca8.js\",\"68539\",\"static/chunks/68539-bad467d23b69d1c5.js\",\"69395\",\"static/chunks/69395-b1e1267b92ff1855.js\",\"4354\",\"static/chunks/4354-735a91025d004087.js\",\"13306\",\"static/chunks/13306-918824f32f42a946.js\",\"4150\",\"static/chunks/4150-1b85e2415f4da87e.js\",\"28538\",\"static/chunks/28538-0488c9d8457a948e.js\",\"41880\",\"static/chunks/41880-a05d19232fcabf7b.js\",\"64997\",\"static/chunks/64997-af7e24489adb729f.js\",\"29112\",\"static/chunks/app/(arabic-routes)/ar/courses/%5BcourseUrlSlug%5D/(lesson-page-group)/%5BpageUrlSlug%5D/page-46f998a984a1e954.js\"],\"\"]\n19:I[307879,[\"45182\",\"static/chunks/45182-4793c91ba6d3f02c.js\",\"96414\",\"static/chunks/96414-eff7ba19fda12b0d.js\",\"75666\",\"static/chunks/75666-82e9a5dca7f1828e.js\",\"7283\",\"static/chunks/7283-2dd83eec713b7f7d.js\",\"44033\",\"static/chunks/44033-720551d845ebc349.js\",\"97690\",\"static/chunks/97690-ea56edb307f7f2bd.js\",\"7717\",\"static/chunks/app/(routes)/layout-3874172a3d3df3a5.js\"],\"SWRProvider\"]\n1a:I[901194,[\"45182\",\"static/chunks/45182-4793c91ba6d3f02c.js\",\"96414\",\"static/chunks/96414-eff7ba19fda12b0d.js\",\"75666\",\"static/chunks/75666-82e9a5dca7f1828e.js\",\"7283\",\"static/chunks/7283-"])</script><script>self.__next_f.push([1,"2dd83eec713b7f7d.js\",\"44033\",\"static/chunks/44033-720551d845ebc349.js\",\"97690\",\"static/chunks/97690-ea56edb307f7f2bd.js\",\"7717\",\"static/chunks/app/(routes)/layout-3874172a3d3df3a5.js\"],\"default\"]\n1b:I[401821,[\"45182\",\"static/chunks/45182-4793c91ba6d3f02c.js\",\"96414\",\"static/chunks/96414-eff7ba19fda12b0d.js\",\"75666\",\"static/chunks/75666-82e9a5dca7f1828e.js\",\"7283\",\"static/chunks/7283-2dd83eec713b7f7d.js\",\"44033\",\"static/chunks/44033-720551d845ebc349.js\",\"97690\",\"static/chunks/97690-ea56edb307f7f2bd.js\",\"7717\",\"static/chunks/app/(routes)/layout-3874172a3d3df3a5.js\"],\"default\"]\n1c:I[294103,[\"45182\",\"static/chunks/45182-4793c91ba6d3f02c.js\",\"44033\",\"static/chunks/44033-720551d845ebc349.js\",\"3170\",\"static/chunks/3170-43861d99f1ead9a4.js\",\"71657\",\"static/chunks/app/(arabic-routes)/error-c65efcecb019828d.js\"],\"default\"]\n91:I[756593,[\"45182\",\"static/chunks/45182-4793c91ba6d3f02c.js\",\"96414\",\"static/chunks/96414-eff7ba19fda12b0d.js\",\"24711\",\"static/chunks/24711-5f7e1207b277a341.js\",\"1033\",\"static/chunks/1033-b57b5ecba30df9a6.js\",\"29164\",\"static/chunks/29164-fe61c097204046f2.js\",\"44033\",\"static/chunks/44033-720551d845ebc349.js\",\"70285\",\"static/chunks/70285-497779ec0ded09a2.js\",\"82601\",\"static/chunks/82601-0b227e0b22e2369d.js\",\"69765\",\"static/chunks/69765-b3cbd86ef9352c07.js\",\"87360\",\"static/chunks/87360-4c28fa78f97c4853.js\",\"49904\",\"static/chunks/app/(arabic-routes)/ar/courses/%5BcourseUrlSlug%5D/page-106ce70c1874870a.js\"],\"default\"]\n93:I[792669,[\"45182\",\"static/chunks/45182-4793c91ba6d3f02c.js\",\"96414\",\"static/chunks/96414-eff7ba19fda12b0d.js\",\"24711\",\"static/chunks/24711-5f7e1207b277a341.js\",\"1033\",\"static/chunks/1033-b57b5ecba30df9a6.js\",\"29164\",\"static/chunks/29164-fe61c097204046f2.js\",\"44033\",\"static/chunks/44033-720551d845ebc349.js\",\"70285\",\"static/chunks/70285-497779ec0ded09a2.js\",\"82601\",\"static/chunks/82601-0b227e0b22e2369d.js\",\"69765\",\"static/chunks/69765-b3cbd86ef9352c07.js\",\"87360\",\"static/chunks/87360-4c28fa78f97c4853.js\",\"49904\",\"static/chunks/app/(arabic-routes)/ar/courses/%5BcourseUrlSlug%5D/page-106ce70c18"])</script><script>self.__next_f.push([1,"74870a.js\"],\"default\"]\n94:I[17967,[\"45182\",\"static/chunks/45182-4793c91ba6d3f02c.js\",\"96414\",\"static/chunks/96414-eff7ba19fda12b0d.js\",\"75666\",\"static/chunks/75666-82e9a5dca7f1828e.js\",\"7283\",\"static/chunks/7283-2dd83eec713b7f7d.js\",\"44033\",\"static/chunks/44033-720551d845ebc349.js\",\"97690\",\"static/chunks/97690-ea56edb307f7f2bd.js\",\"7717\",\"static/chunks/app/(routes)/layout-3874172a3d3df3a5.js\"],\"default\"]\n95:\"$Sreact.suspense\"\n96:I[167253,[\"45182\",\"static/chunks/45182-4793c91ba6d3f02c.js\",\"96414\",\"static/chunks/96414-eff7ba19fda12b0d.js\",\"75666\",\"static/chunks/75666-82e9a5dca7f1828e.js\",\"7283\",\"static/chunks/7283-2dd83eec713b7f7d.js\",\"44033\",\"static/chunks/44033-720551d845ebc349.js\",\"97690\",\"static/chunks/97690-ea56edb307f7f2bd.js\",\"7717\",\"static/chunks/app/(routes)/layout-3874172a3d3df3a5.js\"],\"default\"]\n97:I[277548,[\"45182\",\"static/chunks/45182-4793c91ba6d3f02c.js\",\"96414\",\"static/chunks/96414-eff7ba19fda12b0d.js\",\"75666\",\"static/chunks/75666-82e9a5dca7f1828e.js\",\"7283\",\"static/chunks/7283-2dd83eec713b7f7d.js\",\"44033\",\"static/chunks/44033-720551d845ebc349.js\",\"97690\",\"static/chunks/97690-ea56edb307f7f2bd.js\",\"7717\",\"static/chunks/app/(routes)/layout-3874172a3d3df3a5.js\"],\"default\"]\n98:I[882487,[\"45182\",\"static/chunks/45182-4793c91ba6d3f02c.js\",\"96414\",\"static/chunks/96414-eff7ba19fda12b0d.js\",\"75666\",\"static/chunks/75666-82e9a5dca7f1828e.js\",\"7283\",\"static/chunks/7283-2dd83eec713b7f7d.js\",\"44033\",\"static/chunks/44033-720551d845ebc349.js\",\"97690\",\"static/chunks/97690-ea56edb307f7f2bd.js\",\"7717\",\"static/chunks/app/(routes)/layout-3874172a3d3df3a5.js\"],\"ProgressComplete\"]\n11f:I[821994,[],\"\"]\n12:[\"courseUrlSlug\",\"learn-react\",\"d\"]\n13:[\"pageUrlSlug\",\"support-for-document-metadata\",\"d\"]\n17:Tf35,"])</script><script>self.__next_f.push([1,"\n if (!window.__supportScriptLoaded__) {\n window.__supportScriptLoaded__ = true;\n window.dataLayer=window.dataLayer||[];var nVer=navigator.appVersion;var nAgt=navigator.userAgent;var browserName=navigator.appName;\n var fullVersion=''+parseFloat(navigator.appVersion);var majorVersion=parseInt(navigator.appVersion,10);\n var nameOffset,verOffset,ix;if((verOffset=nAgt.indexOf(\"Opera\"))!=-1){browserName=\"opera\";\n fullVersion=nAgt.substring(verOffset+6);if((verOffset=nAgt.indexOf(\"Version\"))!=-1) \n fullVersion=nAgt.substring(verOffset+8);}else if((verOffset=nAgt.indexOf(\"Edge\"))!=-1){browserName=\"edge\";\n majorVersion=parseInt(nAgt.substring(verOffset+5).split(\".\")[0])}else if((verOffset=nAgt.indexOf(\"MSIE\"))!=-1)\n {browserName=\"ie\";fullVersion=nAgt.substring(verOffset+5);} else if((verOffset=nAgt.indexOf(\"Chrome\"))!=-1)\n {browserName=\"chrome\";fullVersion=nAgt.substring(verOffset+7);} else if((verOffset=nAgt.toLowerCase().indexOf(\"crios\"))!=-1)\n {browserName=\"chrome\";fullVersion=nAgt.substring(verOffset+6);} else if((verOffset=nAgt.indexOf(\"Firefox\"))!=-1){browserName=\"firefox\";\n fullVersion=nAgt.substring(verOffset+8);} else if((verOffset=nAgt.toLowerCase().indexOf(\"fxios\"))!=-1){browserName=\"firefox\";\n fullVersion=nAgt.substring(verOffset+6);} else if((verOffset=nAgt.indexOf(\"Safari\"))!=-1)\n {browserName=\"safari\";fullVersion=nAgt.substring(verOffset+7);if((verOffset=nAgt.indexOf(\"Version\"))!=-1) \n fullVersion=nAgt.substring(verOffset+8);} else if((nameOffset=nAgt.lastIndexOf(' ')+1)\u003c(verOffset=nAgt.lastIndexOf('/'))) \n {browserName=nAgt.substring(nameOffset,verOffset);fullVersion=nAgt.substring(verOffset+1);if(browserName.toLowerCase()\n ==browserName.toUpperCase()){browserName=navigator.appName;}} if((ix=fullVersion.indexOf(\";\"))!=-1) \n fullVersion=fullVersion.substring(0,ix);if((ix=fullVersion.indexOf(\" \"))!=-1) fullVersion=fullVersion.substring(0,ix);\n majorVersion=parseInt(''+fullVersion,10);if(isNaN(majorVersion)){fullVersion=''+parseFloat(navigator.appVersion);\n majorVersion=parseInt(navigator.appVersion,10);} var isIOS = ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator',\n 'iPad', 'iPhone', 'iPod'].indexOf(navigator.platform) !== -1; if((browserName==='safari'\u0026\u0026majorVersion\u003c12)||\n (browserName==='chrome'\u0026\u0026majorVersion\u003c64\u0026\u0026isIOS)||(browserName==='chrome'\u0026\u0026majorVersion\u003c51 \u0026\u0026!isIOS)|| (browserName === 'firefox'\u0026\u0026majorVersion \u003c54 \u0026\u0026!isIOS)\n ||(browserName ==='firefox' \u0026\u0026 majorVersion \u003c 24 \u0026\u0026isIOS)||(browserName==='ie')||(browserName==='edge' \u0026\u0026 majorVersion \u003c15) || (browserName==='opera' \u0026\u0026 majorVersion \u003c38))\n {setTimeout(function(){ document.body.innerHTML=\"\u003ch1 class='text-3xl ml-4'\u003eIt seems that your browser is not supported by our application.\u003c/h1\u003e\u003ch2 class='text-xl font-semibold ml-4'\u003eWe apologize for the inconvenience, please download a latest browser like \u003ca style='color:#5553FF; text-decoration:underline' href='https://www.google.com/chrome' target='_blank' rel='noopener noreferrer'\u003eChrome\u003c/a\u003e, \u003ca style='color:#5553FF; text-decoration:underline' href='https://www.mozilla.org/en-US/firefox/new/'target='_blank' rel='noopener noreferrer'\u003eFirefox\u003c/a\u003e, \u003ca style='color:#5553FF; text-decoration:underline' href='https://www.microsoft.com/en-us/edge' target='_blank' rel='noopener noreferrer'\u003eEdge\u003c/a\u003e or \u003ca style='color:#5553FF; text-decoration:underline' href='https://www.opera.com/download'target='_blank' rel='noopener noreferrer'\u003eOpera\u003c/a\u003e etc.\u003c/h2\u003e\";\n dataLayer.push({event: 'browser-not-supported', browserName: browserName, majorVersion: majorVersion, fullVersion: fullVersion, category: null, action: null, eventName: null, label: null})},2000)}\n }\n "])</script><script>self.__next_f.push([1,"18:Tf35,"])</script><script>self.__next_f.push([1,"\n if (!window.__supportScriptLoaded__) {\n window.__supportScriptLoaded__ = true;\n window.dataLayer=window.dataLayer||[];var nVer=navigator.appVersion;var nAgt=navigator.userAgent;var browserName=navigator.appName;\n var fullVersion=''+parseFloat(navigator.appVersion);var majorVersion=parseInt(navigator.appVersion,10);\n var nameOffset,verOffset,ix;if((verOffset=nAgt.indexOf(\"Opera\"))!=-1){browserName=\"opera\";\n fullVersion=nAgt.substring(verOffset+6);if((verOffset=nAgt.indexOf(\"Version\"))!=-1) \n fullVersion=nAgt.substring(verOffset+8);}else if((verOffset=nAgt.indexOf(\"Edge\"))!=-1){browserName=\"edge\";\n majorVersion=parseInt(nAgt.substring(verOffset+5).split(\".\")[0])}else if((verOffset=nAgt.indexOf(\"MSIE\"))!=-1)\n {browserName=\"ie\";fullVersion=nAgt.substring(verOffset+5);} else if((verOffset=nAgt.indexOf(\"Chrome\"))!=-1)\n {browserName=\"chrome\";fullVersion=nAgt.substring(verOffset+7);} else if((verOffset=nAgt.toLowerCase().indexOf(\"crios\"))!=-1)\n {browserName=\"chrome\";fullVersion=nAgt.substring(verOffset+6);} else if((verOffset=nAgt.indexOf(\"Firefox\"))!=-1){browserName=\"firefox\";\n fullVersion=nAgt.substring(verOffset+8);} else if((verOffset=nAgt.toLowerCase().indexOf(\"fxios\"))!=-1){browserName=\"firefox\";\n fullVersion=nAgt.substring(verOffset+6);} else if((verOffset=nAgt.indexOf(\"Safari\"))!=-1)\n {browserName=\"safari\";fullVersion=nAgt.substring(verOffset+7);if((verOffset=nAgt.indexOf(\"Version\"))!=-1) \n fullVersion=nAgt.substring(verOffset+8);} else if((nameOffset=nAgt.lastIndexOf(' ')+1)\u003c(verOffset=nAgt.lastIndexOf('/'))) \n {browserName=nAgt.substring(nameOffset,verOffset);fullVersion=nAgt.substring(verOffset+1);if(browserName.toLowerCase()\n ==browserName.toUpperCase()){browserName=navigator.appName;}} if((ix=fullVersion.indexOf(\";\"))!=-1) \n fullVersion=fullVersion.substring(0,ix);if((ix=fullVersion.indexOf(\" \"))!=-1) fullVersion=fullVersion.substring(0,ix);\n majorVersion=parseInt(''+fullVersion,10);if(isNaN(majorVersion)){fullVersion=''+parseFloat(navigator.appVersion);\n majorVersion=parseInt(navigator.appVersion,10);} var isIOS = ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator',\n 'iPad', 'iPhone', 'iPod'].indexOf(navigator.platform) !== -1; if((browserName==='safari'\u0026\u0026majorVersion\u003c12)||\n (browserName==='chrome'\u0026\u0026majorVersion\u003c64\u0026\u0026isIOS)||(browserName==='chrome'\u0026\u0026majorVersion\u003c51 \u0026\u0026!isIOS)|| (browserName === 'firefox'\u0026\u0026majorVersion \u003c54 \u0026\u0026!isIOS)\n ||(browserName ==='firefox' \u0026\u0026 majorVersion \u003c 24 \u0026\u0026isIOS)||(browserName==='ie')||(browserName==='edge' \u0026\u0026 majorVersion \u003c15) || (browserName==='opera' \u0026\u0026 majorVersion \u003c38))\n {setTimeout(function(){ document.body.innerHTML=\"\u003ch1 class='text-3xl ml-4'\u003eIt seems that your browser is not supported by our application.\u003c/h1\u003e\u003ch2 class='text-xl font-semibold ml-4'\u003eWe apologize for the inconvenience, please download a latest browser like \u003ca style='color:#5553FF; text-decoration:underline' href='https://www.google.com/chrome' target='_blank' rel='noopener noreferrer'\u003eChrome\u003c/a\u003e, \u003ca style='color:#5553FF; text-decoration:underline' href='https://www.mozilla.org/en-US/firefox/new/'target='_blank' rel='noopener noreferrer'\u003eFirefox\u003c/a\u003e, \u003ca style='color:#5553FF; text-decoration:underline' href='https://www.microsoft.com/en-us/edge' target='_blank' rel='noopener noreferrer'\u003eEdge\u003c/a\u003e or \u003ca style='color:#5553FF; text-decoration:underline' href='https://www.opera.com/download'target='_blank' rel='noopener noreferrer'\u003eOpera\u003c/a\u003e etc.\u003c/h2\u003e\";\n dataLayer.push({event: 'browser-not-supported', browserName: browserName, majorVersion: majorVersion, fullVersion: fullVersion, category: null, action: null, eventName: null, label: null})},2000)}\n }\n "])</script><script>self.__next_f.push([1,"24:{\"stopColor\":\"gray\",\"stopOpacity\":0.25,\"offset\":\"0%\"}\n23:[\"$\",\"stop\",null,\"$24\"]\n26:{\"stopColor\":\"gray\",\"stopOpacity\":0.12,\"offset\":\"54%\"}\n25:[\"$\",\"stop\",null,\"$26\"]\n28:{\"stopColor\":\"gray\",\"stopOpacity\":0.1,\"offset\":\"100%\"}\n27:[\"$\",\"stop\",null,\"$28\"]\n22:[\"$23\",\"$25\",\"$27\"]\n21:{\"x1\":\"18.66%\",\"y1\":\"90.86%\",\"x2\":\"66.94%\",\"y2\":\"8.63%\",\"id\":\"a\",\"children\":\"$22\"}\n20:[\"$\",\"linearGradient\",null,\"$21\"]\n2d:{\"stopColor\":\"gray\",\"stopOpacity\":0.25,\"offset\":\"0%\"}\n2c:[\"$\",\"stop\",null,\"$2d\"]\n2f:{\"stopColor\":\"gray\",\"stopOpacity\":0.12,\"offset\":\"54%\"}\n2e:[\"$\",\"stop\",null,\"$2f\"]\n31:{\"stopColor\":\"gray\",\"stopOpacity\":0.1,\"offset\":\"100%\"}\n30:[\"$\",\"stop\",null,\"$31\"]\n2b:[\"$2c\",\"$2e\",\"$30\"]\n2a:{\"x1\":\"28.04%\",\"y1\":\"93.89%\",\"x2\":\"70.68%\",\"y2\":\"5.55%\",\"id\":\"b\",\"children\":\"$2b\"}\n29:[\"$\",\"linearGradient\",null,\"$2a\"]\n36:{\"stopColor\":\"gray\",\"stopOpacity\":0.25,\"offset\":\"0%\"}\n35:[\"$\",\"stop\",null,\"$36\"]\n38:{\"stopColor\":\"gray\",\"stopOpacity\":0.12,\"offset\":\"54%\"}\n37:[\"$\",\"stop\",null,\"$38\"]\n3a:{\"stopColor\":\"gray\",\"stopOpacity\":0.1,\"offset\":\"100%\"}\n39:[\"$\",\"stop\",null,\"$3a\"]\n34:[\"$35\",\"$37\",\"$39\"]\n33:{\"x1\":\"0%\",\"y1\":\"50%\",\"x2\":\"100%\",\"y2\":\"50%\",\"id\":\"c\",\"children\":\"$34\"}\n32:[\"$\",\"linearGradient\",null,\"$33\"]\n3f:{\"stopColor\":\"gray\",\"stopOpacity\":0.25,\"offset\":\"0%\"}\n3e:[\"$\",\"stop\",null,\"$3f\"]\n41:{\"stopColor\":\"gray\",\"stopOpacity\":0.12,\"offset\":\"54%\"}\n40:[\"$\",\"stop\",null,\"$41\"]\n43:{\"stopColor\":\"gray\",\"stopOpacity\":0.1,\"offset\":\"100%\"}\n42:[\"$\",\"stop\",null,\"$43\"]\n3d:[\"$3e\",\"$40\",\"$42\"]\n3c:{\"x1\":\"39.85%\",\"y1\":\"78.96%\",\"x2\":\"71.75%\",\"y2\":\"7.24%\",\"id\":\"d\",\"children\":\"$3d\"}\n3b:[\"$\",\"linearGradient\",null,\"$3c\"]\n48:{\"stopColor\":\"gray\",\"stopOpacity\":0.25,\"offset\":\"0%\"}\n47:[\"$\",\"stop\",null,\"$48\"]\n4a:{\"stopColor\":\"gray\",\"stopOpacity\":0.12,\"offset\":\"54%\"}\n49:[\"$\",\"stop\",null,\"$4a\"]\n4c:{\"stopColor\":\"gray\",\"stopOpacity\":0.1,\"offset\":\"100%\"}\n4b:[\"$\",\"stop\",null,\"$4c\"]\n46:[\"$47\",\"$49\",\"$4b\"]\n45:{\"x1\":\"39.83%\",\"y1\":\"78.96%\",\"x2\":\"71.74%\",\"y2\":\"7.24%\",\"id\":\"e\",\"children\":\"$46\"}\n44:[\"$\",\"linearGradient\",null,\"$45\"]\n51:{\"stopColor\":\"gray\",\"stopOpacity\":0.25,\"offset\":\"0%\"}\n50"])</script><script>self.__next_f.push([1,":[\"$\",\"stop\",null,\"$51\"]\n53:{\"stopColor\":\"gray\",\"stopOpacity\":0.12,\"offset\":\"54%\"}\n52:[\"$\",\"stop\",null,\"$53\"]\n55:{\"stopColor\":\"gray\",\"stopOpacity\":0.1,\"offset\":\"100%\"}\n54:[\"$\",\"stop\",null,\"$55\"]\n4f:[\"$50\",\"$52\",\"$54\"]\n4e:{\"x1\":\"0%\",\"y1\":\"50.03%\",\"x2\":\"100%\",\"y2\":\"50.03%\",\"id\":\"f\",\"children\":\"$4f\"}\n4d:[\"$\",\"linearGradient\",null,\"$4e\"]\n1f:[\"$20\",\"$29\",\"$32\",\"$3b\",\"$44\",\"$4d\"]\n1e:{\"children\":\"$1f\"}\n1d:[\"$\",\"defs\",null,\"$1e\"]\n5a:{\"d\":\"M28.01 31.23a7.82 7.82 0 013.25 10.63l-5.16 9.59a7.95 7.95 0 01-10.71 3.26 7.82 7.82 0 01-3.25-10.62l5.16-9.59a7.95 7.95 0 0110.71-3.27z\",\"fill\":\"#535461\",\"fillRule\":\"nonzero\"}\n59:[\"$\",\"path\",null,\"$5a\"]\n5f:{\"d\":\"M31.89 15.63L20 9.37h3.05l7.1 3.44z\",\"fill\":\"#E0E0E0\"}\n5e:[\"$\",\"path\",null,\"$5f\"]\n61:{\"d\":\"M35.37 23.41c-.15-2.84-.73-5.9-2.71-8.07-.33-.36-1.22-1.4-1.72-1.22a2.75 2.75 0 00-1.13 1.1l-8.36-4.4.17-.3c.64-1.21-.3-1.76-1.64-2.1a7.48 7.48 0 00-3.54 0c-1.85.43-3.48 1.4-5.09 2.36l-.7-2.24a.96.96 0 00-.42-.64.97.97 0 00-.8.12c-1.13.53-2.3 1.1-3.03 2.07-.73.99-.9 2.21-1.08 3.4-.18 1.2-.45 2.8.39 3.7.9.95 2.03 1.6 3.33 1.46 2.03-.22 4.12-.47 5.95-1.28L9.34 27.88l.13.07L.04 43.02 6.9 46.6l8.88-15.31.2.1-8.05 15.75 6.93 3.7 7.36-16.16.21.11 5.7-10.61.11.25-.13 4.96c.4.95-4.2 7.24-3.52 6.97.68-.3 4.76 2.44 5.32 1.97a7.62 7.62 0 002.19-2.5c.23-.4 1.59-2.26 2.19-4.16a26.43 26.43 0 001.08-8.25z\",\"fill\":\"url(#a)\"}\n60:[\"$\",\"path\",null,\"$61\"]\n63:{\"d\":\"M36.36 9.05l-1.19-.62c.62-2.82-.5-5.95-3.07-7.32C29.5-.25 26.27.6 24.26 2.67l-1.16-.61L21.7 4.6l1 .52c-1 2.9.42 5.9 3.24 7.4 2.83 1.5 6.16.98 8.02-1.47l1.02.54 1.37-2.54z\",\"fill\":\"#EEE\"}\n62:[\"$\",\"path\",null,\"$63\"]\n65:{\"fill\":\"#000\",\"opacity\":0.2,\"d\":\"M19.09 17.46l1.66.87-2.35 4.37-1.66-.87zm2.73 3.48L24 22.1l-.8 1.48-2.17-1.15zm2.84-1.49l1.2.63-.57 1.06-1.2-.63z\"}\n64:[\"$\",\"path\",null,\"$65\"]\n67:{\"fill\":\"#000\",\"opacity\":0.2,\"transform\":\"rotate(-61.97 22.23 25.64)\",\"cx\":22.23,\"cy\":25.64,\"rx\":1.47,\"ry\":1.48}\n66:[\"$\",\"ellipse\",null,\"$67\"]\n69:{\"fill\":\"#FFF\",\"d\":\"M36.66 6.17l.24.1-1.42 3.05-.24-.1z\"}\n68:[\"$\",\"path\",null,\"$69\"]\n6b:{\"d\":\"M36.8 9.06l-1.23-.6"])</script><script>self.__next_f.push([1,"6A6.74 6.74 0 0032.28.78a6.86 6.86 0 00-8.2 1.56l-1.22-.65-1.5 2.8 1.04.56c-1.13 3.17.31 6.42 3.31 8s6.52.94 8.54-1.75l1.08.56 1.48-2.8z\",\"fill\":\"url(#b)\"}\n6a:[\"$\",\"path\",null,\"$6b\"]\n6d:{\"d\":\"M8.27 8.92l11.36.05a8.38 8.38 0 018.34 8.34 8.24 8.24 0 01-8.28 8.28l-11.35-.05A8.38 8.38 0 010 17.2a8.24 8.24 0 018.27-8.28z\",\"transform\":\"rotate(-61.97 20.79 13.01)\",\"fill\":\"url(#c)\"}\n6c:[\"$\",\"path\",null,\"$6d\"]\n5d:[\"$5e\",\"$60\",\"$62\",\"$64\",\"$66\",\"$68\",\"$6a\",\"$6c\"]\n5c:{\"transform\":\"translate(.3 22)\",\"fillRule\":\"nonzero\",\"children\":\"$5d\"}\n5b:[\"$\",\"g\",null,\"$5c\"]\n6f:{\"d\":\"M33.66 54.48c.78-2.07.93-2.65 1.16-4.25.22-1.6.5-3.38.44-4.97-.05-1.58-.81-5.65-2.72-7.8-.31-.35-1.02-1.28-1.5-1.1-.22.1-.55.73-.81 1.26l-8.83-4.65.16-.31c.64-1.2.15-1.5-1.13-1.82a7.08 7.08 0 00-3.41.06c-1.79.46-3.4 1.44-4.95 2.4l-.65-2.2a.68.68 0 00-.41-.63.7.7 0 00-.75.14c-1.1.53-2.24 1.12-2.96 2.09-.71.97-.9 2.19-1.1 3.36-.18 1.17-.3 2.47.48 3.33.85.93 2.32.84 3.58.68 1.96-.25 3.98-.52 5.76-1.34L9.86 50.16l.12.06L.68 65.2l6.26 3.3 9.08-15.1.2.1-7.77 15.8 6.39 3.35 7.33-16.02.2.11 6.05-11.25.1.25.39 3.13c.3.73.07 1.93-.69 3.63-1.6 3.76-2.18 5.54-1.74 5.33.66-.3 2.5 2.7 2.77 2.77.27.07.85.12 2.18-1.74 1.34-1.85 1.46-2.3 2.23-4.38z\",\"fill\":\"#EEE\",\"fillRule\":\"nonzero\"}\n6e:[\"$\",\"path\",null,\"$6f\"]\n74:{\"d\":\"M29.22 39.1l-8.06-4.05-.86-3.67 12 6.05z\",\"fill\":\"#E0E0E0\"}\n73:[\"$\",\"path\",null,\"$74\"]\n76:{\"d\":\"M7.25 37.63c-.82 1.53-2.26.44-4.2-.59-1.94-1.02-3.66-1.6-2.83-3.12.84-1.52 3.32-2.4 5.26-1.37 1.95 1.03 2.6 3.56 1.77 5.08z\",\"fill\":\"url(#d)\",\"transform\":\"translate(0 31.24)\"}\n75:[\"$\",\"path\",null,\"$76\"]\n78:{\"d\":\"M15.12 41.78c-.82 1.52-2.27.43-4.2-.6-1.95-1.02-3.67-1.59-2.83-3.12.83-1.52 3.3-2.39 5.25-1.37 1.95 1.03 2.6 3.56 1.78 5.09z\",\"fill\":\"url(#e)\",\"transform\":\"translate(0 31.24)\"}\n77:[\"$\",\"path\",null,\"$78\"]\n7a:{\"d\":\"M20.8 7.58h.76a5.4 5.4 0 015.37 5.38 5.3 5.3 0 01-5.32 5.32h-.76a5.4 5.4 0 01-5.37-5.37 5.3 5.3 0 015.32-5.33z\",\"fill\":\"url(#f)\",\"transform\":\"rotate(-61.97 47.21 28.55)\"}\n79:[\"$\",\"path\",null,\"$7a\"]\n72:[\"$73\",\"$75\",\"$77\",\"$79\"]\n71:{\"fillRule\":\"nonzer"])</script><script>self.__next_f.push([1,"o\",\"children\":\"$72\"}\n70:[\"$\",\"g\",null,\"$71\"]\n7c:{\"d\":\"M29.67 60.96c-.24.38-.53.59-.69.74-.16.15-.7.54-.83.72a1.41 1.41 0 01-1 .56c-.4 0-.8-.37-.7-.74a.95.95 0 01-.7-.3.93.93 0 01-.25-.7.71.71 0 01-.64-.4.7.7 0 01.08-.75.6.6 0 01-.52-.05.6.6 0 01-.28-.44c.01-.22.1-.43.23-.6.25-.41.51-.81.78-1.2a2.41 2.41 0 01.89-.9c1.01-.49 1.65.76 2.16 1.38.77.93 1.37 1.44 1.56 1.86.18.4-.05.76-.09.82z\",\"fill\":\"#535461\",\"fillRule\":\"nonzero\"}\n7b:[\"$\",\"path\",null,\"$7c\"]\n7e:{\"fill\":\"#535461\",\"fillRule\":\"nonzero\",\"transform\":\"rotate(-61.97 29.08 29.23)\",\"cx\":29.08,\"cy\":29.23,\"rx\":5.18,\"ry\":5.21}\n7d:[\"$\",\"ellipse\",null,\"$7e\"]\n80:{\"d\":\"M7.03 68.65c-.75 1.4-2.08.4-3.88-.56-1.8-.95-3.4-1.48-2.64-2.87.76-1.4 3.05-2.19 4.85-1.24 1.8.95 2.43 3.27 1.67 4.67zm7.81 4.36c-.75 1.4-2.08.4-3.88-.56-1.8-.95-3.4-1.48-2.64-2.87.76-1.4 3.05-2.18 4.85-1.24 1.8.95 2.42 3.28 1.67 4.67zm8.87-33.59a5.06 5.06 0 012.1 6.88l-.26.47a5.14 5.14 0 01-6.93 2.11 5.06 5.06 0 01-2.1-6.87l.26-.47a5.14 5.14 0 016.93-2.12z\",\"fill\":\"#535461\",\"fillRule\":\"nonzero\"}\n7f:[\"$\",\"path\",null,\"$80\"]\n82:{\"d\":\"M31.57 25.97a5.17 5.17 0 012.7 3.76 5.16 5.16 0 00-2.52-4.96 5.27 5.27 0 00-5.6.17 5.15 5.15 0 00-2.24 5.1 5.17 5.17 0 012.74-4.06 5.27 5.27 0 014.92 0z\",\"fill\":\"#000\",\"fillRule\":\"nonzero\",\"opacity\":0.2}\n81:[\"$\",\"path\",null,\"$82\"]\n84:{\"fill\":\"#FFF\",\"fillRule\":\"nonzero\",\"transform\":\"rotate(-65.15 37.1 28.23)\",\"cx\":37.1,\"cy\":28.23,\"r\":1}\n83:[\"$\",\"circle\",null,\"$84\"]\n86:{\"d\":\"M18.86 30.66l.32 7.93 1.28-.23s.26-4.5.05-7.5a3.22 3.22 0 00-1.65-.2zm14.75 8.17l-6.92 4-.5-1.2s3.74-2.67 6.4-4.11c.67.4 1.02 1.3 1.02 1.3z\",\"fill\":\"#535461\",\"fillRule\":\"nonzero\"}\n85:[\"$\",\"path\",null,\"$86\"]\n88:{\"d\":\"M21.44 8.94C15.22 4.1 10.76 1.24 8.04.4 9.4 1.67 1.83 6.73 1.83 9.82c2.71.57 5 3 7 4 1.33.67 3.42 2.37 6.26 5.12l6.35-10z\",\"fill\":\"#F6F6F6\",\"fillRule\":\"nonzero\"}\n87:[\"$\",\"path\",null,\"$88\"]\n8c:{\"x\":5.93,\"y\":11.57,\"children\":\"404\"}\n8b:[\"$\",\"tspan\",null,\"$8c\"]\n8a:{\"transform\":\"rotate(34.91 12.43 9.57)\",\"fontFamily\":\"var(--font-family-nunito-sans)\",\"fontSize\":7,\"fontWeight\":600,\"fill\":\"#535461\",\"chil"])</script><script>self.__next_f.push([1,"dren\":\"$8b\"}\n89:[\"$\",\"text\",null,\"$8a\"]\n8e:{\"stroke\":\"#979797\",\"fill\":\"#D8D8D8\",\"fillRule\":\"nonzero\",\"transform\":\"rotate(31 14.48 21.02)\",\"x\":14.48,\"y\":6.02,\"width\":1,\"height\":30,\"rx\":0.5}\n8d:[\"$\",\"rect\",null,\"$8e\"]\n90:{\"d\":\"M9.35 27.77a1.6 1.6 0 00-1.27-.3c-.44.11-.76.65-.52 1.03-.3.08-.53.27-.67.54a1.05 1.05 0 00-.05.84.8.8 0 00-.24 1.42.68.68 0 00-.56.22.67.67 0 00-.17.57c.09.23.24.44.45.59.23.2 1.54.7 2.66.6.85-.07 1.58-.65 1.74-1 .18-.43 1.06-2.01 1.22-2.62.07-.25.78-1.06.92-1.69.09-.4-.29-.71-.46-.8-.18-.1-.33.2-.6.43-.35.29-.76.59-.94.67-.44.2-1.3-.35-1.5-.5z\",\"fill\":\"#535461\",\"fillRule\":\"nonzero\"}\n8f:[\"$\",\"path\",null,\"$90\"]\n58:[\"$59\",\"$5b\",\"$6e\",\"$70\",\"$7b\",\"$7d\",\"$7f\",\"$81\",\"$83\",\"$85\",\"$87\",\"$89\",\"$8d\",\"$8f\"]\n57:{\"transform\":\"rotate(4 16.93 74.4)\",\"fill\":\"none\",\"fillRule\":\"evenodd\",\"children\":\"$58\"}\n56:[\"$\",\"g\",null,\"$57\"]\n92:T9a8,"])</script><script>self.__next_f.push([1,"m36.3 51.1 5.4 6.5c-2 2.5-4.5 4.4-7.3 5.5-3 1.3-6.4 1.9-10 1.9-4.9 0-9-1-12.7-3a20.8 20.8 0 0 1-8.4-8.2c-2-3.5-3-7.5-3-12 0-4.4 1-8.3 3-11.8 1.8-3.5 4.5-6.3 8-8.3 3.3-2 7.1-3 11.4-3 3.8 0 7.6 1 11 2.8 3.3 1.8 6 4.6 8 7.9 1.9 3.4 2.8 7.4 2.8 12L11.4 48c1 2.5 2.7 4.5 5 6 2.2 1.2 5 2 8.1 2 4.7 0 8.6-1.7 11.8-5Zm-22.7-20c-2.3 2.5-3.4 5.9-3.4 10.1v.1l24.5-4.9a12 12 0 0 0-12-9.2c-3.8 0-6.8 1.3-9 3.8ZM86 58.7V65h9V2.2h-8.7v22.6a16 16 0 0 0-6.1-4.6A22.2 22.2 0 0 0 61 21.6c-3.3 1.9-6 4.7-7.8 8-2 3.6-2.9 7.7-2.9 12.2 0 4.6 1 8.7 2.9 12.2 1.7 3.4 4.5 6.3 7.8 8.2a22.3 22.3 0 0 0 19.5 1.3c2.5-1 4.5-2.7 5.6-4.9ZM73.6 56c-2.3 0-4.6-.6-6.6-1.7-2-1.2-3.6-3-4.6-5a15.9 15.9 0 0 1-1.7-7.5c0-2.8.5-5.3 1.7-7.4 1-2 2.6-3.8 4.6-5C71 27 76 27 80.1 29.4c2 1.2 3.6 3 4.7 5 1 2.1 1.7 4.6 1.7 7.4 0 2.9-.6 5.4-1.7 7.5A12.3 12.3 0 0 1 73.5 56ZM145 18.7V65h-9v-6.3a19 19 0 0 1-14.2 6.4c-5.9 0-8.9-1.7-12.2-5-3.3-3.4-5-8.4-5-15V18.8h8.9v24.9c0 4 .6 7 2.3 9 1.8 2 4.3 3.1 7.6 3.1 3.6 0 6.5-1.2 8.6-3.5 2.2-2.4 4-4.3 4-10.2V18.8h9ZM164.6 62a21 21 0 0 1-8.2-8.2c-2-3.7-3-7.9-3-12 0-4.6 1-8.5 3-12 1.9-3.5 4.7-6.4 8.1-8.3 3.5-2 7.5-3 12-3 4.1 0 7.8 1 11 2.8 3 1.7 5.6 4.5 7 7.8l-7.6 4.7c-1-2-2.6-3.5-4.5-4.7-1.9-1-4-1.6-6-1.5-3.8 0-6.8 1.2-9.3 3.8-2.4 2.6-3.6 6-3.6 10.4 0 4.3 1.2 7.7 3.6 10.3a12 12 0 0 0 9.2 3.8 11.9 11.9 0 0 0 10.6-6.2l7.7 4.7c-1.6 3.3-4 6-7.2 7.9a21.3 21.3 0 0 1-11 2.8c-4.4 0-8.3-1-11.8-3ZM273.7 54.5a8.7 8.7 0 0 1-5.7 1.9c-2 0-3.4-.6-4.5-1.8-1-1.1-2-3.3-2-5V27.7h11.2v-9h-11.2v-9h-9v9h-6.7v9h6.7V50c0 5 1.3 8.8 4 11.4 2.6 2.6 5.5 3.8 10.3 3.8 1.8 0 3.6-.3 5.4-.8 1.6-.4 3-1.2 4.3-2.3l-2.8-7.5ZM285.8 18.8h8.8V65h-8.8V18.8ZM349.6 18.8 330.9 65h-10.4l-18.1-46.2h10l13.4 34.6 14-34.6h9.7ZM386.8 51.2l5.4 6.5c-1.9 2.5-4.4 4.4-7.3 5.5a26 26 0 0 1-10.1 1.9c-4.8 0-9-1-12.6-3a24.4 24.4 0 0 1-11.9-20.3 24.7 24.7 0 0 1 11.3-20.2c3.4-2 7.3-3 11.6-3 3.8 0 7.7 1 11 2.8 3.4 1.9 6.2 4.6 8 8 2 3.4 3 7.4 3 12L361.8 48c1 2.5 2.7 4.6 5 6 2.3 1.3 5 2 8.2 2 4.7 0 8.7-1.6 11.8-5ZM364.1 31c-2.3 2.5-3.5 6-3.5 10.2v.1l24.6-5a12.1 12.1 0 0 0-12-9.2c-3.8 0-6.8 1.3-9.2 3.9ZM294.7.8h-9v9h9v-9ZM235 22.1a20.5 20.5 0 0 0-12.7-3.6c-9.4 0-15.6 2.5-18.5 7.4l8.7 4.1c1.3-2.5 4.3-3.6 9.4-3.6 3.2 0 5.5.4 6.8 1.2 1.4.7 2.1 1.7 2.4 2.8.3 1.2 0 3 0 5.5h-2.4c-18.7 0-28.1 5.4-28.1 16 0 3.9 1.6 7.1 4.7 9.6 3 2.4 7 3.6 11.6 3.6 5.8 0 10.7-1.4 14.7-4.2v4l8.7.2V35.7c0-6.7-1.8-11.2-5.2-13.6Zm-3.4 29.5a13.8 13.8 0 0 1-5.2 4 17 17 0 0 1-7.2 1.6 11 11 0 0 1-6.3-1.5 4.8 4.8 0 0 1-2-4.2c0-5.4 5.4-8 16.2-8h4.5v8.1Z"])</script><script>self.__next_f.push([1,"99:Tf35,"])</script><script>self.__next_f.push([1,"\n if (!window.__supportScriptLoaded__) {\n window.__supportScriptLoaded__ = true;\n window.dataLayer=window.dataLayer||[];var nVer=navigator.appVersion;var nAgt=navigator.userAgent;var browserName=navigator.appName;\n var fullVersion=''+parseFloat(navigator.appVersion);var majorVersion=parseInt(navigator.appVersion,10);\n var nameOffset,verOffset,ix;if((verOffset=nAgt.indexOf(\"Opera\"))!=-1){browserName=\"opera\";\n fullVersion=nAgt.substring(verOffset+6);if((verOffset=nAgt.indexOf(\"Version\"))!=-1) \n fullVersion=nAgt.substring(verOffset+8);}else if((verOffset=nAgt.indexOf(\"Edge\"))!=-1){browserName=\"edge\";\n majorVersion=parseInt(nAgt.substring(verOffset+5).split(\".\")[0])}else if((verOffset=nAgt.indexOf(\"MSIE\"))!=-1)\n {browserName=\"ie\";fullVersion=nAgt.substring(verOffset+5);} else if((verOffset=nAgt.indexOf(\"Chrome\"))!=-1)\n {browserName=\"chrome\";fullVersion=nAgt.substring(verOffset+7);} else if((verOffset=nAgt.toLowerCase().indexOf(\"crios\"))!=-1)\n {browserName=\"chrome\";fullVersion=nAgt.substring(verOffset+6);} else if((verOffset=nAgt.indexOf(\"Firefox\"))!=-1){browserName=\"firefox\";\n fullVersion=nAgt.substring(verOffset+8);} else if((verOffset=nAgt.toLowerCase().indexOf(\"fxios\"))!=-1){browserName=\"firefox\";\n fullVersion=nAgt.substring(verOffset+6);} else if((verOffset=nAgt.indexOf(\"Safari\"))!=-1)\n {browserName=\"safari\";fullVersion=nAgt.substring(verOffset+7);if((verOffset=nAgt.indexOf(\"Version\"))!=-1) \n fullVersion=nAgt.substring(verOffset+8);} else if((nameOffset=nAgt.lastIndexOf(' ')+1)\u003c(verOffset=nAgt.lastIndexOf('/'))) \n {browserName=nAgt.substring(nameOffset,verOffset);fullVersion=nAgt.substring(verOffset+1);if(browserName.toLowerCase()\n ==browserName.toUpperCase()){browserName=navigator.appName;}} if((ix=fullVersion.indexOf(\";\"))!=-1) \n fullVersion=fullVersion.substring(0,ix);if((ix=fullVersion.indexOf(\" \"))!=-1) fullVersion=fullVersion.substring(0,ix);\n majorVersion=parseInt(''+fullVersion,10);if(isNaN(majorVersion)){fullVersion=''+parseFloat(navigator.appVersion);\n majorVersion=parseInt(navigator.appVersion,10);} var isIOS = ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator',\n 'iPad', 'iPhone', 'iPod'].indexOf(navigator.platform) !== -1; if((browserName==='safari'\u0026\u0026majorVersion\u003c12)||\n (browserName==='chrome'\u0026\u0026majorVersion\u003c64\u0026\u0026isIOS)||(browserName==='chrome'\u0026\u0026majorVersion\u003c51 \u0026\u0026!isIOS)|| (browserName === 'firefox'\u0026\u0026majorVersion \u003c54 \u0026\u0026!isIOS)\n ||(browserName ==='firefox' \u0026\u0026 majorVersion \u003c 24 \u0026\u0026isIOS)||(browserName==='ie')||(browserName==='edge' \u0026\u0026 majorVersion \u003c15) || (browserName==='opera' \u0026\u0026 majorVersion \u003c38))\n {setTimeout(function(){ document.body.innerHTML=\"\u003ch1 class='text-3xl ml-4'\u003eIt seems that your browser is not supported by our application.\u003c/h1\u003e\u003ch2 class='text-xl font-semibold ml-4'\u003eWe apologize for the inconvenience, please download a latest browser like \u003ca style='color:#5553FF; text-decoration:underline' href='https://www.google.com/chrome' target='_blank' rel='noopener noreferrer'\u003eChrome\u003c/a\u003e, \u003ca style='color:#5553FF; text-decoration:underline' href='https://www.mozilla.org/en-US/firefox/new/'target='_blank' rel='noopener noreferrer'\u003eFirefox\u003c/a\u003e, \u003ca style='color:#5553FF; text-decoration:underline' href='https://www.microsoft.com/en-us/edge' target='_blank' rel='noopener noreferrer'\u003eEdge\u003c/a\u003e or \u003ca style='color:#5553FF; text-decoration:underline' href='https://www.opera.com/download'target='_blank' rel='noopener noreferrer'\u003eOpera\u003c/a\u003e etc.\u003c/h2\u003e\";\n dataLayer.push({event: 'browser-not-supported', browserName: browserName, majorVersion: majorVersion, fullVersion: fullVersion, category: null, action: null, eventName: null, label: null})},2000)}\n }\n "])</script><script>self.__next_f.push([1,"9a:Tf35,"])</script><script>self.__next_f.push([1,"\n if (!window.__supportScriptLoaded__) {\n window.__supportScriptLoaded__ = true;\n window.dataLayer=window.dataLayer||[];var nVer=navigator.appVersion;var nAgt=navigator.userAgent;var browserName=navigator.appName;\n var fullVersion=''+parseFloat(navigator.appVersion);var majorVersion=parseInt(navigator.appVersion,10);\n var nameOffset,verOffset,ix;if((verOffset=nAgt.indexOf(\"Opera\"))!=-1){browserName=\"opera\";\n fullVersion=nAgt.substring(verOffset+6);if((verOffset=nAgt.indexOf(\"Version\"))!=-1) \n fullVersion=nAgt.substring(verOffset+8);}else if((verOffset=nAgt.indexOf(\"Edge\"))!=-1){browserName=\"edge\";\n majorVersion=parseInt(nAgt.substring(verOffset+5).split(\".\")[0])}else if((verOffset=nAgt.indexOf(\"MSIE\"))!=-1)\n {browserName=\"ie\";fullVersion=nAgt.substring(verOffset+5);} else if((verOffset=nAgt.indexOf(\"Chrome\"))!=-1)\n {browserName=\"chrome\";fullVersion=nAgt.substring(verOffset+7);} else if((verOffset=nAgt.toLowerCase().indexOf(\"crios\"))!=-1)\n {browserName=\"chrome\";fullVersion=nAgt.substring(verOffset+6);} else if((verOffset=nAgt.indexOf(\"Firefox\"))!=-1){browserName=\"firefox\";\n fullVersion=nAgt.substring(verOffset+8);} else if((verOffset=nAgt.toLowerCase().indexOf(\"fxios\"))!=-1){browserName=\"firefox\";\n fullVersion=nAgt.substring(verOffset+6);} else if((verOffset=nAgt.indexOf(\"Safari\"))!=-1)\n {browserName=\"safari\";fullVersion=nAgt.substring(verOffset+7);if((verOffset=nAgt.indexOf(\"Version\"))!=-1) \n fullVersion=nAgt.substring(verOffset+8);} else if((nameOffset=nAgt.lastIndexOf(' ')+1)\u003c(verOffset=nAgt.lastIndexOf('/'))) \n {browserName=nAgt.substring(nameOffset,verOffset);fullVersion=nAgt.substring(verOffset+1);if(browserName.toLowerCase()\n ==browserName.toUpperCase()){browserName=navigator.appName;}} if((ix=fullVersion.indexOf(\";\"))!=-1) \n fullVersion=fullVersion.substring(0,ix);if((ix=fullVersion.indexOf(\" \"))!=-1) fullVersion=fullVersion.substring(0,ix);\n majorVersion=parseInt(''+fullVersion,10);if(isNaN(majorVersion)){fullVersion=''+parseFloat(navigator.appVersion);\n majorVersion=parseInt(navigator.appVersion,10);} var isIOS = ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator',\n 'iPad', 'iPhone', 'iPod'].indexOf(navigator.platform) !== -1; if((browserName==='safari'\u0026\u0026majorVersion\u003c12)||\n (browserName==='chrome'\u0026\u0026majorVersion\u003c64\u0026\u0026isIOS)||(browserName==='chrome'\u0026\u0026majorVersion\u003c51 \u0026\u0026!isIOS)|| (browserName === 'firefox'\u0026\u0026majorVersion \u003c54 \u0026\u0026!isIOS)\n ||(browserName ==='firefox' \u0026\u0026 majorVersion \u003c 24 \u0026\u0026isIOS)||(browserName==='ie')||(browserName==='edge' \u0026\u0026 majorVersion \u003c15) || (browserName==='opera' \u0026\u0026 majorVersion \u003c38))\n {setTimeout(function(){ document.body.innerHTML=\"\u003ch1 class='text-3xl ml-4'\u003eIt seems that your browser is not supported by our application.\u003c/h1\u003e\u003ch2 class='text-xl font-semibold ml-4'\u003eWe apologize for the inconvenience, please download a latest browser like \u003ca style='color:#5553FF; text-decoration:underline' href='https://www.google.com/chrome' target='_blank' rel='noopener noreferrer'\u003eChrome\u003c/a\u003e, \u003ca style='color:#5553FF; text-decoration:underline' href='https://www.mozilla.org/en-US/firefox/new/'target='_blank' rel='noopener noreferrer'\u003eFirefox\u003c/a\u003e, \u003ca style='color:#5553FF; text-decoration:underline' href='https://www.microsoft.com/en-us/edge' target='_blank' rel='noopener noreferrer'\u003eEdge\u003c/a\u003e or \u003ca style='color:#5553FF; text-decoration:underline' href='https://www.opera.com/download'target='_blank' rel='noopener noreferrer'\u003eOpera\u003c/a\u003e etc.\u003c/h2\u003e\";\n dataLayer.push({event: 'browser-not-supported', browserName: browserName, majorVersion: majorVersion, fullVersion: fullVersion, category: null, action: null, eventName: null, label: null})},2000)}\n }\n "])</script><script>self.__next_f.push([1,"a2:{\"stopColor\":\"gray\",\"stopOpacity\":0.3,\"offset\":\"0%\"}\na1:[\"$\",\"stop\",null,\"$a2\"]\na4:{\"stopColor\":\"gray\",\"stopOpacity\":0.1,\"offset\":\"54%\"}\na3:[\"$\",\"stop\",null,\"$a4\"]\na6:{\"stopColor\":\"gray\",\"stopOpacity\":0.1,\"offset\":\"100%\"}\na5:[\"$\",\"stop\",null,\"$a6\"]\na0:[\"$a1\",\"$a3\",\"$a5\"]\n9f:{\"x1\":\"50%\",\"y1\":\"100%\",\"x2\":\"50%\",\"y2\":\"0%\",\"id\":\"a\",\"children\":\"$a0\"}\n9e:[\"$\",\"linearGradient\",null,\"$9f\"]\nab:{\"stopColor\":\"gray\",\"stopOpacity\":0.3,\"offset\":\"0%\"}\naa:[\"$\",\"stop\",null,\"$ab\"]\nad:{\"stopColor\":\"gray\",\"stopOpacity\":0.1,\"offset\":\"54%\"}\nac:[\"$\",\"stop\",null,\"$ad\"]\naf:{\"stopColor\":\"gray\",\"stopOpacity\":0.1,\"offset\":\"100%\"}\nae:[\"$\",\"stop\",null,\"$af\"]\na9:[\"$aa\",\"$ac\",\"$ae\"]\na8:{\"x1\":\"50%\",\"y1\":\"100%\",\"x2\":\"50%\",\"y2\":\"0%\",\"id\":\"b\",\"children\":\"$a9\"}\na7:[\"$\",\"linearGradient\",null,\"$a8\"]\nb4:{\"stopColor\":\"gray\",\"stopOpacity\":0.3,\"offset\":\"0%\"}\nb3:[\"$\",\"stop\",null,\"$b4\"]\nb6:{\"stopColor\":\"gray\",\"stopOpacity\":0.1,\"offset\":\"54%\"}\nb5:[\"$\",\"stop\",null,\"$b6\"]\nb8:{\"stopColor\":\"gray\",\"stopOpacity\":0.1,\"offset\":\"100%\"}\nb7:[\"$\",\"stop\",null,\"$b8\"]\nb2:[\"$b3\",\"$b5\",\"$b7\"]\nb1:{\"x1\":\"50%\",\"y1\":\"100%\",\"x2\":\"50%\",\"y2\":\"0%\",\"id\":\"c\",\"children\":\"$b2\"}\nb0:[\"$\",\"linearGradient\",null,\"$b1\"]\nbd:{\"stopColor\":\"gray\",\"stopOpacity\":0.3,\"offset\":\"0%\"}\nbc:[\"$\",\"stop\",null,\"$bd\"]\nbf:{\"stopColor\":\"gray\",\"stopOpacity\":0.1,\"offset\":\"54%\"}\nbe:[\"$\",\"stop\",null,\"$bf\"]\nc1:{\"stopColor\":\"gray\",\"stopOpacity\":0.1,\"offset\":\"100%\"}\nc0:[\"$\",\"stop\",null,\"$c1\"]\nbb:[\"$bc\",\"$be\",\"$c0\"]\nba:{\"x1\":\"50.2%\",\"y1\":\"100%\",\"x2\":\"50.2%\",\"y2\":\".2%\",\"id\":\"d\",\"children\":\"$bb\"}\nb9:[\"$\",\"linearGradient\",null,\"$ba\"]\n9d:[\"$9e\",\"$a7\",\"$b0\",\"$b9\"]\n9c:{\"children\":\"$9d\"}\n9b:[\"$\",\"defs\",null,\"$9c\"]\nc6:{\"d\":\"M992 622.4a140 140 0 01-27.7-.4c-101.1-11.2-238.8-8-351 61.5-155.3 96.2-398.6 13.9-506-31-82-34.1-124.5-118-99-196.6l1.2-3.3c16-46.7 47.8-83.3 87.2-102.7a205 205 0 00106.6-120c9.2-28 21.8-54.3 38.2-77.3C285.4 91.1 377.3-.4 535.3.2a254.7 254.7 0 0181.4 13.7C674.4 33.6 726.6 73.6 766.3 129c25.4 35.4 63.4 68.3 117.8 71 75.6 3.7 147.7 38.9 201.7 101.5l4.7 5.4c96.3 114.6 29.4 304.3-98.5 315.5z\",\"fill\":\"#6C63FF"])</script><script>self.__next_f.push([1,"\",\"fillRule\":\"nonzero\"}\nc5:[\"$\",\"path\",null,\"$c6\"]\nc8:{\"cx\":14.5,\"cy\":14.3,\"r\":13.8,\"opacity\":0.7,\"transform\":\"translate(264 583)\",\"fill\":\"url(#a)\",\"fillRule\":\"nonzero\"}\nc7:[\"$\",\"circle\",null,\"$c8\"]\nca:{\"fill\":\"#000\",\"fillRule\":\"nonzero\",\"opacity\":0.2,\"cx\":278.5,\"cy\":597.3,\"r\":13.2}\nc9:[\"$\",\"circle\",null,\"$ca\"]\ncc:{\"fill\":\"#FFF\",\"fillRule\":\"nonzero\",\"cx\":204.1,\"cy\":328.1,\"r\":5.1}\ncb:[\"$\",\"circle\",null,\"$cc\"]\nce:{\"fill\":\"#FFF\",\"fillRule\":\"nonzero\",\"cx\":568.1,\"cy\":624.1,\"r\":5.1}\ncd:[\"$\",\"circle\",null,\"$ce\"]\nd0:{\"fill\":\"#FFF\",\"fillRule\":\"nonzero\",\"cx\":688.1,\"cy\":564.1,\"r\":5.1}\ncf:[\"$\",\"circle\",null,\"$d0\"]\nd2:{\"fill\":\"#FFF\",\"fillRule\":\"nonzero\",\"cx\":615.1,\"cy\":447.1,\"r\":5.1}\nd1:[\"$\",\"circle\",null,\"$d2\"]\nd4:{\"fill\":\"#FFF\",\"fillRule\":\"nonzero\",\"cx\":353.1,\"cy\":650.1,\"r\":2.9}\nd3:[\"$\",\"circle\",null,\"$d4\"]\nd6:{\"fill\":\"#FFF\",\"fillRule\":\"nonzero\",\"cx\":984.1,\"cy\":512.1,\"r\":2.9}\nd5:[\"$\",\"circle\",null,\"$d6\"]\nd8:{\"fill\":\"#FFF\",\"fillRule\":\"nonzero\",\"cx\":821.1,\"cy\":256.1,\"r\":2.9}\nd7:[\"$\",\"circle\",null,\"$d8\"]\nda:{\"fill\":\"#FFF\",\"fillRule\":\"nonzero\",\"cx\":1052.1,\"cy\":381.1,\"r\":2.9}\nd9:[\"$\",\"circle\",null,\"$da\"]\ndc:{\"fill\":\"#FFF\",\"fillRule\":\"nonzero\",\"cx\":294.1,\"cy\":161.1,\"r\":5.1}\ndb:[\"$\",\"circle\",null,\"$dc\"]\nde:{\"fill\":\"#FFF\",\"fillRule\":\"nonzero\",\"d\":\"M154 506.2h-4.6v-4.5h-1.9v4.5H143v1.9h4.6v4.5h1.8V508h4.5zm114-2h-4.6v-4.5h-1.9v4.5H257v1.9h4.5v4.5h1.9V506h4.5zm163 92h-4.6v-4.5h-1.9v4.5H420v1.9h4.5v4.5h1.9V598h4.5zm10-160h-4.6v-4.5h-1.9v4.5H430v1.9h4.5v4.5h1.9V438h4.5zM658 44.7h-2.1v-2h-.8v2H653v.8h2v2.1h.9v-2h2zm295 190h-2.1v-2h-.8v2H948v.9h2v2h.9v-2h2zm-174 124h-2.1v-2h-.8v2H774v.8h2v2.1h.9v-2h2zm-290-190h-2.1v-2h-.8v2H484v.9h2v2h.9v-2h2zm197.9-10v-2h-.8v2H684v.9h2v2h.9v-2h2v-.9zm-616 278h-2v-2h-.8v2H66v.9h2v2h.9v-2h2zm85 170h-2v-2h-.8v2H151v.8h2v2.1h.9v-2h2zm267-537h-2v-2h-.8v2H418v.9h2v2h.9v-2h2zm-126 299h-2v-2h-.8v2H292v.8h2v2.1h.9v-2h2zm27-86h-2v-2h-.8v2H319v.8h2v2.1h.9v-2h2z\"}\ndd:[\"$\",\"path\",null,\"$de\"]\ne0:{\"cx\":12.2,\"cy\":11.7,\"r\":11.5,\"opacity\":0.7,\"transform\":\"translate(737 458)\",\"fill\":\"url(#b)\",\"fillRule\":\"nonzero\"}\ndf:[\"$\""])</script><script>self.__next_f.push([1,",\"circle\",null,\"$e0\"]\ne2:{\"fill\":\"#000\",\"fillRule\":\"nonzero\",\"opacity\":0.2,\"cx\":747.1,\"cy\":471.7,\"r\":8.7}\ne1:[\"$\",\"circle\",null,\"$e2\"]\ne4:{\"fill\":\"#000\",\"fillRule\":\"nonzero\",\"opacity\":0.2,\"cx\":915.6,\"cy\":413.2,\"r\":7.2}\ne3:[\"$\",\"circle\",null,\"$e4\"]\ne6:{\"fill\":\"#000\",\"fillRule\":\"nonzero\",\"opacity\":0.2,\"cx\":812.9,\"cy\":545.9,\"r\":12.9}\ne5:[\"$\",\"circle\",null,\"$e6\"]\ne8:{\"d\":\"M762 225.3a34.6 34.6 0 00-10.2-9 34.3 34.3 0 10-17.2 64h2.2a34.3 34.3 0 0025.2-55z\",\"fill\":\"url(#c)\",\"fillRule\":\"nonzero\"}\ne7:[\"$\",\"path\",null,\"$e8\"]\nea:{\"d\":\"M767 246a32.4 32.4 0 01-30.3 32.4h-2a32.5 32.5 0 1116.2-60.5 32.8 32.8 0 019.6 8.6 32.3 32.3 0 016.6 19.5zM472.6 274h-.6a9 9 0 114.5-16.7 9 9 0 012.7 2.4 8.9 8.9 0 011.8 5.3 9 9 0 01-8.4 9z\",\"fill\":\"#000\",\"fillRule\":\"nonzero\",\"opacity\":0.2}\ne9:[\"$\",\"path\",null,\"$ea\"]\nec:{\"d\":\"M726.6 225.4a35.3 35.3 0 00-4.8 2.6 7.7 7.7 0 00-2.6 2.3 3 3 0 000 3.3c.7 1 2.3 1.2 3.6 1.3a7 7 0 006.6-2.2l2.8-2.5c1-.9 2-2.1 1.6-3.3a3 3 0 00-2.3-1.6 9.8 9.8 0 00-7 1.2\",\"fill\":\"#000\",\"fillRule\":\"nonzero\",\"opacity\":0.1}\neb:[\"$\",\"path\",null,\"$ec\"]\nee:{\"cx\":2,\"cy\":1.8,\"r\":1.7,\"opacity\":0.1,\"transform\":\"translate(713 257)\",\"fill\":\"#000\",\"fillRule\":\"nonzero\"}\ned:[\"$\",\"circle\",null,\"$ee\"]\nf0:{\"cx\":6.7,\"cy\":7,\"r\":6.3,\"opacity\":0.1,\"transform\":\"translate(743 241)\",\"fill\":\"#000\",\"fillRule\":\"nonzero\"}\nef:[\"$\",\"circle\",null,\"$f0\"]\nf2:{\"d\":\"M760.6 226.5a8.5 8.5 0 11-9.7-8.6 32.8 32.8 0 019.7 8.6zm.6 38.2a32.4 32.4 0 01-24.5 13.7V277a15.4 15.4 0 0124.5-12.3z\",\"opacity\":0.1,\"fill\":\"#000\",\"fillRule\":\"nonzero\"}\nf1:[\"$\",\"path\",null,\"$f2\"]\nf4:{\"d\":\"M318.8 410.6a24.2 24.2 0 00-7.2-6.3 24 24 0 10-12 44.7h1.5a24 24 0 0017.6-38.4z\",\"fill\":\"url(#d)\",\"fillRule\":\"nonzero\"}\nf3:[\"$\",\"path\",null,\"$f4\"]\nf6:{\"d\":\"M322.3 425c0 12-9.3 21.8-21.2 22.6h-1.5a22.6 22.6 0 1111.4-42.3 22.9 22.9 0 016.7 6 22.5 22.5 0 014.6 13.7z\",\"fill\":\"#000\",\"fillRule\":\"nonzero\",\"opacity\":0.2}\nf5:[\"$\",\"path\",null,\"$f6\"]\nf8:{\"d\":\"M294 410.6a24.6 24.6 0 00-3.3 1.8 5.3 5.3 0 00-1.8 1.6 2.1 2.1 0 000 2.4 3.2 3.2 0 002.5.9 4.8 4.8 0 004.7-1.6l1.9-1.7c.7-.6 1.4-1.5 1.1-2.3a2 2 0"])</script><script>self.__next_f.push([1," 00-1.6-1.2 6.9 6.9 0 00-4.9.9\",\"fill\":\"#000\",\"fillRule\":\"nonzero\",\"opacity\":0.1}\nf7:[\"$\",\"path\",null,\"$f8\"]\nfa:{\"cx\":1.9,\"cy\":1.9,\"r\":1.2,\"opacity\":0.1,\"transform\":\"translate(284 432)\",\"fill\":\"#000\",\"fillRule\":\"nonzero\"}\nf9:[\"$\",\"circle\",null,\"$fa\"]\nfc:{\"cx\":5.2,\"cy\":4.4,\"r\":4.4,\"opacity\":0.1,\"transform\":\"translate(305 422)\",\"fill\":\"#000\",\"fillRule\":\"nonzero\"}\nfb:[\"$\",\"circle\",null,\"$fc\"]\nfe:{\"d\":\"M317.7 411.4a6 6 0 11-6.7-6 22.9 22.9 0 016.7 6zm.4 26.6a22.6 22.6 0 01-17 9.6v-1a10.7 10.7 0 0117-8.6z\",\"opacity\":0.1,\"fill\":\"#000\",\"fillRule\":\"nonzero\"}\nfd:[\"$\",\"path\",null,\"$fe\"]\n100:{\"d\":\"M838.7 453.4l21.8 11.6-17 19\"}\nff:[\"$\",\"path\",null,\"$100\"]\nc4:[\"$c5\",\"$c7\",\"$c9\",\"$cb\",\"$cd\",\"$cf\",\"$d1\",\"$d3\",\"$d5\",\"$d7\",\"$d9\",\"$db\",\"$dd\",\"$df\",\"$e1\",\"$e3\",\"$e5\",\"$e7\",\"$e9\",\"$eb\",\"$ed\",\"$ef\",\"$f1\",\"$f3\",\"$f5\",\"$f7\",\"$f9\",\"$fb\",\"$fd\",\"$ff\"]\nc3:{\"fill\":\"none\",\"fillRule\":\"evenodd\",\"children\":\"$c4\"}\nc2:[\"$\",\"g\",null,\"$c3\"]\n102:{\"d\":\"M83.3333 0H16.6667C7.46115 0 0 7.46115 0 16.6667V83.326C0 92.5315 7.46115 99.9927 16.6593 99.9927H83.326C92.5315 99.9927 100 92.5388 100 83.3333V16.6667C100 7.46115 92.5388 0 83.3333 0ZM22.4861 81.5597L14.871 74.5896C14.3433 74.0985 14.3067 73.2703 14.7977 72.7353L31.479 54.5001C31.9261 54.0164 31.9408 53.2762 31.5157 52.7704L15.9191 34.2348C15.4573 33.6778 15.5233 32.8569 16.0803 32.3879L23.9666 25.7402C24.5236 25.2785 25.3445 25.3445 25.8135 25.9015L48.7101 53.1369C49.1352 53.6426 49.1205 54.3829 48.6734 54.8739L24.333 81.4937C23.842 82.0141 23.0211 82.0507 22.4934 81.567L22.4861 81.5597ZM85.5981 81.1346C85.5981 81.8602 85.0117 82.4465 84.2861 82.4465H48.9226C48.197 82.4465 47.6107 81.8602 47.6107 81.1346V71.416C47.6107 70.6904 48.197 70.1041 48.9226 70.1041H84.2861C85.0117 70.1041 85.5981 70.6904 85.5981 71.416V81.1346Z\",\"fill\":\"currentColor\"}\n101:[\"$\",\"path\",null,\"$102\"]\n105:T9a8,"])</script><script>self.__next_f.push([1,"m36.3 51.1 5.4 6.5c-2 2.5-4.5 4.4-7.3 5.5-3 1.3-6.4 1.9-10 1.9-4.9 0-9-1-12.7-3a20.8 20.8 0 0 1-8.4-8.2c-2-3.5-3-7.5-3-12 0-4.4 1-8.3 3-11.8 1.8-3.5 4.5-6.3 8-8.3 3.3-2 7.1-3 11.4-3 3.8 0 7.6 1 11 2.8 3.3 1.8 6 4.6 8 7.9 1.9 3.4 2.8 7.4 2.8 12L11.4 48c1 2.5 2.7 4.5 5 6 2.2 1.2 5 2 8.1 2 4.7 0 8.6-1.7 11.8-5Zm-22.7-20c-2.3 2.5-3.4 5.9-3.4 10.1v.1l24.5-4.9a12 12 0 0 0-12-9.2c-3.8 0-6.8 1.3-9 3.8ZM86 58.7V65h9V2.2h-8.7v22.6a16 16 0 0 0-6.1-4.6A22.2 22.2 0 0 0 61 21.6c-3.3 1.9-6 4.7-7.8 8-2 3.6-2.9 7.7-2.9 12.2 0 4.6 1 8.7 2.9 12.2 1.7 3.4 4.5 6.3 7.8 8.2a22.3 22.3 0 0 0 19.5 1.3c2.5-1 4.5-2.7 5.6-4.9ZM73.6 56c-2.3 0-4.6-.6-6.6-1.7-2-1.2-3.6-3-4.6-5a15.9 15.9 0 0 1-1.7-7.5c0-2.8.5-5.3 1.7-7.4 1-2 2.6-3.8 4.6-5C71 27 76 27 80.1 29.4c2 1.2 3.6 3 4.7 5 1 2.1 1.7 4.6 1.7 7.4 0 2.9-.6 5.4-1.7 7.5A12.3 12.3 0 0 1 73.5 56ZM145 18.7V65h-9v-6.3a19 19 0 0 1-14.2 6.4c-5.9 0-8.9-1.7-12.2-5-3.3-3.4-5-8.4-5-15V18.8h8.9v24.9c0 4 .6 7 2.3 9 1.8 2 4.3 3.1 7.6 3.1 3.6 0 6.5-1.2 8.6-3.5 2.2-2.4 4-4.3 4-10.2V18.8h9ZM164.6 62a21 21 0 0 1-8.2-8.2c-2-3.7-3-7.9-3-12 0-4.6 1-8.5 3-12 1.9-3.5 4.7-6.4 8.1-8.3 3.5-2 7.5-3 12-3 4.1 0 7.8 1 11 2.8 3 1.7 5.6 4.5 7 7.8l-7.6 4.7c-1-2-2.6-3.5-4.5-4.7-1.9-1-4-1.6-6-1.5-3.8 0-6.8 1.2-9.3 3.8-2.4 2.6-3.6 6-3.6 10.4 0 4.3 1.2 7.7 3.6 10.3a12 12 0 0 0 9.2 3.8 11.9 11.9 0 0 0 10.6-6.2l7.7 4.7c-1.6 3.3-4 6-7.2 7.9a21.3 21.3 0 0 1-11 2.8c-4.4 0-8.3-1-11.8-3ZM273.7 54.5a8.7 8.7 0 0 1-5.7 1.9c-2 0-3.4-.6-4.5-1.8-1-1.1-2-3.3-2-5V27.7h11.2v-9h-11.2v-9h-9v9h-6.7v9h6.7V50c0 5 1.3 8.8 4 11.4 2.6 2.6 5.5 3.8 10.3 3.8 1.8 0 3.6-.3 5.4-.8 1.6-.4 3-1.2 4.3-2.3l-2.8-7.5ZM285.8 18.8h8.8V65h-8.8V18.8ZM349.6 18.8 330.9 65h-10.4l-18.1-46.2h10l13.4 34.6 14-34.6h9.7ZM386.8 51.2l5.4 6.5c-1.9 2.5-4.4 4.4-7.3 5.5a26 26 0 0 1-10.1 1.9c-4.8 0-9-1-12.6-3a24.4 24.4 0 0 1-11.9-20.3 24.7 24.7 0 0 1 11.3-20.2c3.4-2 7.3-3 11.6-3 3.8 0 7.7 1 11 2.8 3.4 1.9 6.2 4.6 8 8 2 3.4 3 7.4 3 12L361.8 48c1 2.5 2.7 4.6 5 6 2.3 1.3 5 2 8.2 2 4.7 0 8.7-1.6 11.8-5ZM364.1 31c-2.3 2.5-3.5 6-3.5 10.2v.1l24.6-5a12.1 12.1 0 0 0-12-9.2c-3.8 0-6.8 1.3-9.2 3.9ZM294.7.8h-9v9h9v-9ZM235 22.1a20.5 20.5 0 0 0-12.7-3.6c-9.4 0-15.6 2.5-18.5 7.4l8.7 4.1c1.3-2.5 4.3-3.6 9.4-3.6 3.2 0 5.5.4 6.8 1.2 1.4.7 2.1 1.7 2.4 2.8.3 1.2 0 3 0 5.5h-2.4c-18.7 0-28.1 5.4-28.1 16 0 3.9 1.6 7.1 4.7 9.6 3 2.4 7 3.6 11.6 3.6 5.8 0 10.7-1.4 14.7-4.2v4l8.7.2V35.7c0-6.7-1.8-11.2-5.2-13.6Zm-3.4 29.5a13.8 13.8 0 0 1-5.2 4 17 17 0 0 1-7.2 1.6 11 11 0 0 1-6.3-1.5 4.8 4.8 0 0 1-2-4.2c0-5.4 5.4-8 16.2-8h4.5v8.1Z"])</script><script>self.__next_f.push([1,"104:{\"d\":\"$105\"}\n103:[\"$\",\"path\",null,\"$104\"]\n106:{\"name\":\"Cookie Settings\",\"to\":\"\",\"type\":\"cookie-settings\"}\n109:{\"d\":\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"}\n108:[\"$\",\"path\",null,\"$109\"]\n107:[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"Footer_icon__eVjbQ\",\"children\":\"$108\"}]\n10c:{\"d\":\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"}\n10b:[\"$\",\"path\",null,\"$10c\"]\n10e:{\"x\":2,\"y\":9,\"width\":4,\"height\":12}\n10d:[\"$\",\"rect\",null,\"$10e\"]\n110:{\"cx\":4,\"cy\":4,\"r\":2}\n10f:[\"$\",\"circle\",null,\"$110\"]\n10a:[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"Footer_icon__eVjbQ\",\"children\":[\"$10b\",\"$10d\",\"$10f\"]}]\n113:{\"d\":\"M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z\"}\n112:[\"$\",\"path\",null,\"$113\"]\n111:[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"Footer_icon__eVjbQ\",\"children\":\"$112\"}]\n116:{\"d\":\"M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z\"}\n115:[\"$\",\"path\",null,\"$116\"]\n118:{\"points\":\"9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02\"}\n117:[\"$\",\"polygon\",null,\"$118\"]\n114:[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"stroke"])</script><script>self.__next_f.push([1,"Linejoin\":\"round\",\"className\":\"Footer_icon__eVjbQ\",\"children\":[\"$115\",\"$117\"]}]\n11b:{\"d\":\"M0 0h24v24H0z\",\"fill\":\"none\"}\n11a:[\"$\",\"path\",null,\"$11b\"]\n11d:{\"d\":\"M12 14a3 3 0 003-3V5a3 3 0 10-6 0v6a3 3 0 003 3zm-1.2-9.1c0-.7.5-1.2 1.2-1.2s1.2.5 1.2 1.2v6.2a1.2 1.2 0 11-2.4 0V4.9zm6.5 6.1c0 3-2.5 5.1-5.3 5.1S6.7 14 6.7 11H5a7 7 0 006 6.7V21h2v-3.3a7 7 0 006-6.7h-1.7z\"}\n11c:[\"$\",\"path\",null,\"$11d\"]\n119:[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"height\":24,\"viewBox\":\"0 0 24 24\",\"width\":24,\"className\":\"Footer_icon__eVjbQ\",\"children\":[\"$11a\",\"$11c\"]}]\n120:[]\n"])</script><script>self.__next_f.push([1,"0:[\"$\",\"$Le\",null,{\"buildId\":\"v250618-h-250620-1019\",\"assetPrefix\":\"/static\",\"urlParts\":[\"\",\"ar\",\"courses\",\"learn-react\",\"support-for-document-metadata\"],\"initialTree\":[\"\",{\"children\":[\"(arabic-routes)\",{\"children\":[\"ar\",{\"children\":[\"courses\",{\"children\":[[\"courseUrlSlug\",\"learn-react\",\"d\"],{\"children\":[\"(lesson-page-group)\",{\"children\":[[\"pageUrlSlug\",\"support-for-document-metadata\",\"d\"],{\"children\":[\"__PAGE__\",{}]}]}]}]}]}]}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[\"(arabic-routes)\",{\"children\":[\"ar\",{\"children\":[\"courses\",{\"children\":[[\"courseUrlSlug\",\"learn-react\",\"d\"],{\"children\":[\"(lesson-page-group)\",{\"children\":[[\"pageUrlSlug\",\"support-for-document-metadata\",\"d\"],{\"children\":[\"__PAGE__\",{},[[\"$Lf\",\"$L10\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/static/_next/static/css/ff29fc42b356fee8.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/static/_next/static/css/b07511953fe127d8.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]]],null],null]},[null,[\"$\",\"$L11\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(arabic-routes)\",\"children\",\"ar\",\"children\",\"courses\",\"children\",\"$12\",\"children\",\"(lesson-page-group)\",\"children\",\"$13\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L14\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/static/_next/static/css/12dd831df1bd69c0.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/static/_next/static/css/b2f731f25f98be4b.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/static/_next/static/css/02caabbddc598bfb.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/static/_next/static/css/5488a97e08bee5f3.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"4\",{\"rel\":\"stylesheet\",\"href\":\"/static/_next/static/css/f4113f114a3182fd.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"5\",{\"rel\":\"stylesheet\",\"href\":\"/static/_next/static/css/75384e8b559194ea.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"6\",{\"rel\":\"stylesheet\",\"href\":\"/static/_next/static/css/b3f5d23a90ab32c3.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],\"$L15\"],null],null]},[null,[\"$\",\"$L11\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(arabic-routes)\",\"children\",\"ar\",\"children\",\"courses\",\"children\",\"$12\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L14\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]],null]},[null,[\"$\",\"$L11\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(arabic-routes)\",\"children\",\"ar\",\"children\",\"courses\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L14\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]],null]},[null,[\"$\",\"$L11\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(arabic-routes)\",\"children\",\"ar\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L14\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/static/_next/static/css/a6a36d1aa1cf0be5.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/static/_next/static/css/bc92af3f4c7304c2.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"ar\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"meta\",null,{\"content\":\"object-src 'self' *.devpath.com *.educative.io https://accounts.google.com https://beacon-v2.helpscout.net https://www.grokkingpython.com https://www.youtube.com; worker-src 'self'\",\"httpEquiv\":\"Content-Security-Policy\"}],[\"$\",\"link\",null,{\"rel\":\"shortcut icon\",\"type\":\"image/x-icon\",\"href\":\"/static/favicons/faviconV2.png\",\"id\":\"favicon-scheme\"}],[\"$\",\"link\",null,{\"rel\":\"preload\",\"href\":\"/api/userdata/user_config\",\"as\":\"fetch\",\"crossOrigin\":\"use-credentials\"}],[\"$\",\"link\",null,{\"rel\":\"preload\",\"href\":\"/api/user/info\",\"as\":\"fetch\"}],[\"$\",\"script\",null,{\"data-cfasync\":\"false\",\"id\":\"org-data-script\",\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Organization\\\",\\\"name\\\":\\\"Educative\\\",\\\"url\\\":\\\"https://www.educative.io/\\\",\\\"logo\\\":\\\"https://www.educative.io/static/imgs/logos/logoMarkv3.png\\\",\\\"description\\\":\\\"Educative is a platform for online learning of coding skills through interactive, hands-on courses and so much more.\\\",\\\"foundingDate\\\":\\\"2015\\\",\\\"founders\\\":[{\\\"@type\\\":\\\"Person\\\",\\\"name\\\":\\\"Fahim-ul-Haq\\\"},{\\\"@type\\\":\\\"Person\\\",\\\"name\\\":\\\"Naeem-ul-Haq\\\"}],\\\"contactPoint\\\":{\\\"@type\\\":\\\"ContactPoint\\\",\\\"contactType\\\":\\\"customer service\\\",\\\"url\\\":\\\"https://www.educative.io/contactUs\\\"},\\\"sameAs\\\":[\\\"https://www.facebook.com/educativeinc\\\",\\\"https://www.linkedin.com/company/educative-inc\\\",\\\"https://twitter.com/educativeinc\\\",\\\"https://www.instagram.com/educativeinc/\\\"],\\\"address\\\":{\\\"@type\\\":\\\"PostalAddress\\\",\\\"streetAddress\\\":\\\"12280 NE District Way\\\",\\\"addressLocality\\\":\\\"Bellevue\\\",\\\"addressRegion\\\":\\\"WA\\\",\\\"postalCode\\\":\\\"98005\\\",\\\"addressCountry\\\":{\\\"@type\\\":\\\"Country\\\",\\\"name\\\":\\\"US\\\"}}}\"}}],[\"$\",\"script\",null,{\"id\":\"user-script\",\"data-cfasync\":\"false\",\"dangerouslySetInnerHTML\":{\"__html\":\"\\n if (!window.__edCookieScriptLoaded___) {\\n window.__edCookieScriptLoaded___ = true;\\n // Set globalThis\\n window.globalThis=window;\\n\\n // Handle login\\n const loggedIn = document.cookie.includes('logged_in'); \\n document.documentElement.style.setProperty('--logged-in', loggedIn ? 'flex' : 'none');\\n document.documentElement.style.setProperty('--logged-out', loggedIn ? 'none' : 'flex');\\n\\n // Check system preference\\n document.documentElement.classList.add(\\n document.cookie.includes('use_system_preference=system')\\n ? window.matchMedia('(prefers-color-scheme: dark)').matches\\n ? 'dark'\\n : 'light'\\n : document.cookie.includes('theme=dark')\\n ? 'dark'\\n : 'light',\\n );\\n }\\n \"}}],[\"$\",\"$L16\",null,{\"id\":\"user-script-next\",\"data-cfasync\":\"false\",\"strategy\":\"beforeInteractive\",\"dangerouslySetInnerHTML\":{\"__html\":\"\\n if (!window.__edCookieScriptLoaded___) {\\n window.__edCookieScriptLoaded___ = true;\\n // Set globalThis\\n window.globalThis=window;\\n\\n // Handle login\\n const loggedIn = document.cookie.includes('logged_in'); \\n document.documentElement.style.setProperty('--logged-in', loggedIn ? 'flex' : 'none');\\n document.documentElement.style.setProperty('--logged-out', loggedIn ? 'none' : 'flex');\\n\\n // Check system preference\\n document.documentElement.classList.add(\\n document.cookie.includes('use_system_preference=system')\\n ? window.matchMedia('(prefers-color-scheme: dark)').matches\\n ? 'dark'\\n : 'light'\\n : document.cookie.includes('theme=dark')\\n ? 'dark'\\n : 'light',\\n );\\n }\\n \"}}],[\"$\",\"script\",null,{\"data-cfasync\":\"false\",\"id\":\"browser-script\",\"dangerouslySetInnerHTML\":{\"__html\":\"$17\"}}],[\"$\",\"$L16\",null,{\"data-cfasync\":\"false\",\"id\":\"browser-script-next\",\"strategy\":\"beforeInteractive\",\"dangerouslySetInnerHTML\":{\"__html\":\"$18\"}}]]}],[\"$\",\"body\",null,{\"style\":{\"margin\":0},\"children\":[[\"$\",\"$L19\",null,{\"children\":[[\"$\",\"$L1a\",null,{}],[\"$\",\"$L1b\",null,{}],[\"$\",\"$L11\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(arabic-routes)\",\"children\"],\"error\":\"$1c\",\"errorStyles\":[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/static/_next/static/css/12dd831df1bd69c0.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/static/_next/static/css/09ab5b93aa5c792a.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],\"errorScripts\":[],\"template\":[\"$\",\"$L14\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[\"$\",\"div\",null,{\"className\":\"landingPage_landingPageClasses__GGnCN\",\"children\":[\"$\",\"div\",null,{\"className\":\"not-found_notFoundContainer__rM67h\",\"children\":[[\"$\",\"div\",null,{\"className\":\"not-found_contentWrapper__z9yqF\",\"children\":[\"$\",\"div\",null,{\"className\":\"not-found_contentInner__2_jnR\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"not-found_heading__v9TmO\",\"children\":\"Page Not Found!\"}],[\"$\",\"div\",null,{\"className\":\"not-found_spaceImageWrapper__kqoQ7\",\"children\":[\"$\",\"svg\",null,{\"viewBox\":\"0 0 1137 729\",\"width\":\"100rem\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"children\":[[\"$\",\"defs\",null,{\"children\":[[\"$\",\"linearGradient\",null,{\"x1\":\"50%\",\"y1\":\"100%\",\"x2\":\"50%\",\"y2\":\"0%\",\"id\":\"a\",\"children\":[[\"$\",\"stop\",null,{\"stopColor\":\"gray\",\"stopOpacity\":0.3,\"offset\":\"0%\"}],[\"$\",\"stop\",null,{\"stopColor\":\"gray\",\"stopOpacity\":0.1,\"offset\":\"54%\"}],[\"$\",\"stop\",null,{\"stopColor\":\"gray\",\"stopOpacity\":0.1,\"offset\":\"100%\"}]]}],[\"$\",\"linearGradient\",null,{\"x1\":\"50%\",\"y1\":\"100%\",\"x2\":\"50%\",\"y2\":\"0%\",\"id\":\"b\",\"children\":[[\"$\",\"stop\",null,{\"stopColor\":\"gray\",\"stopOpacity\":0.3,\"offset\":\"0%\"}],[\"$\",\"stop\",null,{\"stopColor\":\"gray\",\"stopOpacity\":0.1,\"offset\":\"54%\"}],[\"$\",\"stop\",null,{\"stopColor\":\"gray\",\"stopOpacity\":0.1,\"offset\":\"100%\"}]]}],[\"$\",\"linearGradient\",null,{\"x1\":\"50%\",\"y1\":\"100%\",\"x2\":\"50%\",\"y2\":\"0%\",\"id\":\"c\",\"children\":[[\"$\",\"stop\",null,{\"stopColor\":\"gray\",\"stopOpacity\":0.3,\"offset\":\"0%\"}],[\"$\",\"stop\",null,{\"stopColor\":\"gray\",\"stopOpacity\":0.1,\"offset\":\"54%\"}],[\"$\",\"stop\",null,{\"stopColor\":\"gray\",\"stopOpacity\":0.1,\"offset\":\"100%\"}]]}],[\"$\",\"linearGradient\",null,{\"x1\":\"50.2%\",\"y1\":\"100%\",\"x2\":\"50.2%\",\"y2\":\".2%\",\"id\":\"d\",\"children\":[[\"$\",\"stop\",null,{\"stopColor\":\"gray\",\"stopOpacity\":0.3,\"offset\":\"0%\"}],[\"$\",\"stop\",null,{\"stopColor\":\"gray\",\"stopOpacity\":0.1,\"offset\":\"54%\"}],[\"$\",\"stop\",null,{\"stopColor\":\"gray\",\"stopOpacity\":0.1,\"offset\":\"100%\"}]]}]]}],[\"$\",\"g\",null,{\"fill\":\"none\",\"fillRule\":\"evenodd\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M992 622.4a140 140 0 01-27.7-.4c-101.1-11.2-238.8-8-351 61.5-155.3 96.2-398.6 13.9-506-31-82-34.1-124.5-118-99-196.6l1.2-3.3c16-46.7 47.8-83.3 87.2-102.7a205 205 0 00106.6-120c9.2-28 21.8-54.3 38.2-77.3C285.4 91.1 377.3-.4 535.3.2a254.7 254.7 0 0181.4 13.7C674.4 33.6 726.6 73.6 766.3 129c25.4 35.4 63.4 68.3 117.8 71 75.6 3.7 147.7 38.9 201.7 101.5l4.7 5.4c96.3 114.6 29.4 304.3-98.5 315.5z\",\"fill\":\"#6C63FF\",\"fillRule\":\"nonzero\"}],[\"$\",\"circle\",null,{\"cx\":14.5,\"cy\":14.3,\"r\":13.8,\"opacity\":0.7,\"transform\":\"translate(264 583)\",\"fill\":\"url(#a)\",\"fillRule\":\"nonzero\"}],[\"$\",\"circle\",null,{\"fill\":\"#000\",\"fillRule\":\"nonzero\",\"opacity\":0.2,\"cx\":278.5,\"cy\":597.3,\"r\":13.2}],[\"$\",\"circle\",null,{\"fill\":\"#FFF\",\"fillRule\":\"nonzero\",\"cx\":204.1,\"cy\":328.1,\"r\":5.1}],[\"$\",\"circle\",null,{\"fill\":\"#FFF\",\"fillRule\":\"nonzero\",\"cx\":568.1,\"cy\":624.1,\"r\":5.1}],[\"$\",\"circle\",null,{\"fill\":\"#FFF\",\"fillRule\":\"nonzero\",\"cx\":688.1,\"cy\":564.1,\"r\":5.1}],[\"$\",\"circle\",null,{\"fill\":\"#FFF\",\"fillRule\":\"nonzero\",\"cx\":615.1,\"cy\":447.1,\"r\":5.1}],[\"$\",\"circle\",null,{\"fill\":\"#FFF\",\"fillRule\":\"nonzero\",\"cx\":353.1,\"cy\":650.1,\"r\":2.9}],[\"$\",\"circle\",null,{\"fill\":\"#FFF\",\"fillRule\":\"nonzero\",\"cx\":984.1,\"cy\":512.1,\"r\":2.9}],[\"$\",\"circle\",null,{\"fill\":\"#FFF\",\"fillRule\":\"nonzero\",\"cx\":821.1,\"cy\":256.1,\"r\":2.9}],[\"$\",\"circle\",null,{\"fill\":\"#FFF\",\"fillRule\":\"nonzero\",\"cx\":1052.1,\"cy\":381.1,\"r\":2.9}],[\"$\",\"circle\",null,{\"fill\":\"#FFF\",\"fillRule\":\"nonzero\",\"cx\":294.1,\"cy\":161.1,\"r\":5.1}],[\"$\",\"path\",null,{\"fill\":\"#FFF\",\"fillRule\":\"nonzero\",\"d\":\"M154 506.2h-4.6v-4.5h-1.9v4.5H143v1.9h4.6v4.5h1.8V508h4.5zm114-2h-4.6v-4.5h-1.9v4.5H257v1.9h4.5v4.5h1.9V506h4.5zm163 92h-4.6v-4.5h-1.9v4.5H420v1.9h4.5v4.5h1.9V598h4.5zm10-160h-4.6v-4.5h-1.9v4.5H430v1.9h4.5v4.5h1.9V438h4.5zM658 44.7h-2.1v-2h-.8v2H653v.8h2v2.1h.9v-2h2zm295 190h-2.1v-2h-.8v2H948v.9h2v2h.9v-2h2zm-174 124h-2.1v-2h-.8v2H774v.8h2v2.1h.9v-2h2zm-290-190h-2.1v-2h-.8v2H484v.9h2v2h.9v-2h2zm197.9-10v-2h-.8v2H684v.9h2v2h.9v-2h2v-.9zm-616 278h-2v-2h-.8v2H66v.9h2v2h.9v-2h2zm85 170h-2v-2h-.8v2H151v.8h2v2.1h.9v-2h2zm267-537h-2v-2h-.8v2H418v.9h2v2h.9v-2h2zm-126 299h-2v-2h-.8v2H292v.8h2v2.1h.9v-2h2zm27-86h-2v-2h-.8v2H319v.8h2v2.1h.9v-2h2z\"}],[\"$\",\"circle\",null,{\"cx\":12.2,\"cy\":11.7,\"r\":11.5,\"opacity\":0.7,\"transform\":\"translate(737 458)\",\"fill\":\"url(#b)\",\"fillRule\":\"nonzero\"}],[\"$\",\"circle\",null,{\"fill\":\"#000\",\"fillRule\":\"nonzero\",\"opacity\":0.2,\"cx\":747.1,\"cy\":471.7,\"r\":8.7}],[\"$\",\"circle\",null,{\"fill\":\"#000\",\"fillRule\":\"nonzero\",\"opacity\":0.2,\"cx\":915.6,\"cy\":413.2,\"r\":7.2}],[\"$\",\"circle\",null,{\"fill\":\"#000\",\"fillRule\":\"nonzero\",\"opacity\":0.2,\"cx\":812.9,\"cy\":545.9,\"r\":12.9}],[\"$\",\"path\",null,{\"d\":\"M762 225.3a34.6 34.6 0 00-10.2-9 34.3 34.3 0 10-17.2 64h2.2a34.3 34.3 0 0025.2-55z\",\"fill\":\"url(#c)\",\"fillRule\":\"nonzero\"}],[\"$\",\"path\",null,{\"d\":\"M767 246a32.4 32.4 0 01-30.3 32.4h-2a32.5 32.5 0 1116.2-60.5 32.8 32.8 0 019.6 8.6 32.3 32.3 0 016.6 19.5zM472.6 274h-.6a9 9 0 114.5-16.7 9 9 0 012.7 2.4 8.9 8.9 0 011.8 5.3 9 9 0 01-8.4 9z\",\"fill\":\"#000\",\"fillRule\":\"nonzero\",\"opacity\":0.2}],[\"$\",\"path\",null,{\"d\":\"M726.6 225.4a35.3 35.3 0 00-4.8 2.6 7.7 7.7 0 00-2.6 2.3 3 3 0 000 3.3c.7 1 2.3 1.2 3.6 1.3a7 7 0 006.6-2.2l2.8-2.5c1-.9 2-2.1 1.6-3.3a3 3 0 00-2.3-1.6 9.8 9.8 0 00-7 1.2\",\"fill\":\"#000\",\"fillRule\":\"nonzero\",\"opacity\":0.1}],[\"$\",\"circle\",null,{\"cx\":2,\"cy\":1.8,\"r\":1.7,\"opacity\":0.1,\"transform\":\"translate(713 257)\",\"fill\":\"#000\",\"fillRule\":\"nonzero\"}],[\"$\",\"circle\",null,{\"cx\":6.7,\"cy\":7,\"r\":6.3,\"opacity\":0.1,\"transform\":\"translate(743 241)\",\"fill\":\"#000\",\"fillRule\":\"nonzero\"}],[\"$\",\"path\",null,{\"d\":\"M760.6 226.5a8.5 8.5 0 11-9.7-8.6 32.8 32.8 0 019.7 8.6zm.6 38.2a32.4 32.4 0 01-24.5 13.7V277a15.4 15.4 0 0124.5-12.3z\",\"opacity\":0.1,\"fill\":\"#000\",\"fillRule\":\"nonzero\"}],[\"$\",\"path\",null,{\"d\":\"M318.8 410.6a24.2 24.2 0 00-7.2-6.3 24 24 0 10-12 44.7h1.5a24 24 0 0017.6-38.4z\",\"fill\":\"url(#d)\",\"fillRule\":\"nonzero\"}],[\"$\",\"path\",null,{\"d\":\"M322.3 425c0 12-9.3 21.8-21.2 22.6h-1.5a22.6 22.6 0 1111.4-42.3 22.9 22.9 0 016.7 6 22.5 22.5 0 014.6 13.7z\",\"fill\":\"#000\",\"fillRule\":\"nonzero\",\"opacity\":0.2}],[\"$\",\"path\",null,{\"d\":\"M294 410.6a24.6 24.6 0 00-3.3 1.8 5.3 5.3 0 00-1.8 1.6 2.1 2.1 0 000 2.4 3.2 3.2 0 002.5.9 4.8 4.8 0 004.7-1.6l1.9-1.7c.7-.6 1.4-1.5 1.1-2.3a2 2 0 00-1.6-1.2 6.9 6.9 0 00-4.9.9\",\"fill\":\"#000\",\"fillRule\":\"nonzero\",\"opacity\":0.1}],[\"$\",\"circle\",null,{\"cx\":1.9,\"cy\":1.9,\"r\":1.2,\"opacity\":0.1,\"transform\":\"translate(284 432)\",\"fill\":\"#000\",\"fillRule\":\"nonzero\"}],[\"$\",\"circle\",null,{\"cx\":5.2,\"cy\":4.4,\"r\":4.4,\"opacity\":0.1,\"transform\":\"translate(305 422)\",\"fill\":\"#000\",\"fillRule\":\"nonzero\"}],[\"$\",\"path\",null,{\"d\":\"M317.7 411.4a6 6 0 11-6.7-6 22.9 22.9 0 016.7 6zm.4 26.6a22.6 22.6 0 01-17 9.6v-1a10.7 10.7 0 0117-8.6z\",\"opacity\":0.1,\"fill\":\"#000\",\"fillRule\":\"nonzero\"}],[\"$\",\"path\",null,{\"d\":\"M838.7 453.4l21.8 11.6-17 19\"}]]}]]}]}],[\"$\",\"div\",null,{\"className\":\"not-found_astronautMobile__0qnnj NotFoundPage_animate-lost-in-space__7qi6Q\",\"children\":[\"$\",\"svg\",null,{\"width\":82,\"height\":148,\"viewBox\":\"0 0 41 74\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"children\":[[\"$\",\"defs\",null,{\"children\":[[\"$\",\"linearGradient\",null,{\"x1\":\"18.66%\",\"y1\":\"90.86%\",\"x2\":\"66.94%\",\"y2\":\"8.63%\",\"id\":\"a\",\"children\":[[\"$\",\"stop\",null,{\"stopColor\":\"gray\",\"stopOpacity\":0.25,\"offset\":\"0%\"}],[\"$\",\"stop\",null,{\"stopColor\":\"gray\",\"stopOpacity\":0.12,\"offset\":\"54%\"}],[\"$\",\"stop\",null,{\"stopColor\":\"gray\",\"stopOpacity\":0.1,\"offset\":\"100%\"}]]}],[\"$\",\"linearGradient\",null,{\"x1\":\"28.04%\",\"y1\":\"93.89%\",\"x2\":\"70.68%\",\"y2\":\"5.55%\",\"id\":\"b\",\"children\":[[\"$\",\"stop\",null,{\"stopColor\":\"gray\",\"stopOpacity\":0.25,\"offset\":\"0%\"}],[\"$\",\"stop\",null,{\"stopColor\":\"gray\",\"stopOpacity\":0.12,\"offset\":\"54%\"}],[\"$\",\"stop\",null,{\"stopColor\":\"gray\",\"stopOpacity\":0.1,\"offset\":\"100%\"}]]}],[\"$\",\"linearGradient\",null,{\"x1\":\"0%\",\"y1\":\"50%\",\"x2\":\"100%\",\"y2\":\"50%\",\"id\":\"c\",\"children\":[[\"$\",\"stop\",null,{\"stopColor\":\"gray\",\"stopOpacity\":0.25,\"offset\":\"0%\"}],[\"$\",\"stop\",null,{\"stopColor\":\"gray\",\"stopOpacity\":0.12,\"offset\":\"54%\"}],[\"$\",\"stop\",null,{\"stopColor\":\"gray\",\"stopOpacity\":0.1,\"offset\":\"100%\"}]]}],[\"$\",\"linearGradient\",null,{\"x1\":\"39.85%\",\"y1\":\"78.96%\",\"x2\":\"71.75%\",\"y2\":\"7.24%\",\"id\":\"d\",\"children\":[[\"$\",\"stop\",null,{\"stopColor\":\"gray\",\"stopOpacity\":0.25,\"offset\":\"0%\"}],[\"$\",\"stop\",null,{\"stopColor\":\"gray\",\"stopOpacity\":0.12,\"offset\":\"54%\"}],[\"$\",\"stop\",null,{\"stopColor\":\"gray\",\"stopOpacity\":0.1,\"offset\":\"100%\"}]]}],[\"$\",\"linearGradient\",null,{\"x1\":\"39.83%\",\"y1\":\"78.96%\",\"x2\":\"71.74%\",\"y2\":\"7.24%\",\"id\":\"e\",\"children\":[[\"$\",\"stop\",null,{\"stopColor\":\"gray\",\"stopOpacity\":0.25,\"offset\":\"0%\"}],[\"$\",\"stop\",null,{\"stopColor\":\"gray\",\"stopOpacity\":0.12,\"offset\":\"54%\"}],[\"$\",\"stop\",null,{\"stopColor\":\"gray\",\"stopOpacity\":0.1,\"offset\":\"100%\"}]]}],[\"$\",\"linearGradient\",null,{\"x1\":\"0%\",\"y1\":\"50.03%\",\"x2\":\"100%\",\"y2\":\"50.03%\",\"id\":\"f\",\"children\":[[\"$\",\"stop\",null,{\"stopColor\":\"gray\",\"stopOpacity\":0.25,\"offset\":\"0%\"}],[\"$\",\"stop\",null,{\"stopColor\":\"gray\",\"stopOpacity\":0.12,\"offset\":\"54%\"}],[\"$\",\"stop\",null,{\"stopColor\":\"gray\",\"stopOpacity\":0.1,\"offset\":\"100%\"}]]}]]}],[\"$\",\"g\",null,{\"transform\":\"rotate(4 16.93 74.4)\",\"fill\":\"none\",\"fillRule\":\"evenodd\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M28.01 31.23a7.82 7.82 0 013.25 10.63l-5.16 9.59a7.95 7.95 0 01-10.71 3.26 7.82 7.82 0 01-3.25-10.62l5.16-9.59a7.95 7.95 0 0110.71-3.27z\",\"fill\":\"#535461\",\"fillRule\":\"nonzero\"}],[\"$\",\"g\",null,{\"transform\":\"translate(.3 22)\",\"fillRule\":\"nonzero\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M31.89 15.63L20 9.37h3.05l7.1 3.44z\",\"fill\":\"#E0E0E0\"}],[\"$\",\"path\",null,{\"d\":\"M35.37 23.41c-.15-2.84-.73-5.9-2.71-8.07-.33-.36-1.22-1.4-1.72-1.22a2.75 2.75 0 00-1.13 1.1l-8.36-4.4.17-.3c.64-1.21-.3-1.76-1.64-2.1a7.48 7.48 0 00-3.54 0c-1.85.43-3.48 1.4-5.09 2.36l-.7-2.24a.96.96 0 00-.42-.64.97.97 0 00-.8.12c-1.13.53-2.3 1.1-3.03 2.07-.73.99-.9 2.21-1.08 3.4-.18 1.2-.45 2.8.39 3.7.9.95 2.03 1.6 3.33 1.46 2.03-.22 4.12-.47 5.95-1.28L9.34 27.88l.13.07L.04 43.02 6.9 46.6l8.88-15.31.2.1-8.05 15.75 6.93 3.7 7.36-16.16.21.11 5.7-10.61.11.25-.13 4.96c.4.95-4.2 7.24-3.52 6.97.68-.3 4.76 2.44 5.32 1.97a7.62 7.62 0 002.19-2.5c.23-.4 1.59-2.26 2.19-4.16a26.43 26.43 0 001.08-8.25z\",\"fill\":\"url(#a)\"}],[\"$\",\"path\",null,{\"d\":\"M36.36 9.05l-1.19-.62c.62-2.82-.5-5.95-3.07-7.32C29.5-.25 26.27.6 24.26 2.67l-1.16-.61L21.7 4.6l1 .52c-1 2.9.42 5.9 3.24 7.4 2.83 1.5 6.16.98 8.02-1.47l1.02.54 1.37-2.54z\",\"fill\":\"#EEE\"}],[\"$\",\"path\",null,{\"fill\":\"#000\",\"opacity\":0.2,\"d\":\"M19.09 17.46l1.66.87-2.35 4.37-1.66-.87zm2.73 3.48L24 22.1l-.8 1.48-2.17-1.15zm2.84-1.49l1.2.63-.57 1.06-1.2-.63z\"}],[\"$\",\"ellipse\",null,{\"fill\":\"#000\",\"opacity\":0.2,\"transform\":\"rotate(-61.97 22.23 25.64)\",\"cx\":22.23,\"cy\":25.64,\"rx\":1.47,\"ry\":1.48}],[\"$\",\"path\",null,{\"fill\":\"#FFF\",\"d\":\"M36.66 6.17l.24.1-1.42 3.05-.24-.1z\"}],[\"$\",\"path\",null,{\"d\":\"M36.8 9.06l-1.23-.66A6.74 6.74 0 0032.28.78a6.86 6.86 0 00-8.2 1.56l-1.22-.65-1.5 2.8 1.04.56c-1.13 3.17.31 6.42 3.31 8s6.52.94 8.54-1.75l1.08.56 1.48-2.8z\",\"fill\":\"url(#b)\"}],[\"$\",\"path\",null,{\"d\":\"M8.27 8.92l11.36.05a8.38 8.38 0 018.34 8.34 8.24 8.24 0 01-8.28 8.28l-11.35-.05A8.38 8.38 0 010 17.2a8.24 8.24 0 018.27-8.28z\",\"transform\":\"rotate(-61.97 20.79 13.01)\",\"fill\":\"url(#c)\"}]]}],[\"$\",\"path\",null,{\"d\":\"M33.66 54.48c.78-2.07.93-2.65 1.16-4.25.22-1.6.5-3.38.44-4.97-.05-1.58-.81-5.65-2.72-7.8-.31-.35-1.02-1.28-1.5-1.1-.22.1-.55.73-.81 1.26l-8.83-4.65.16-.31c.64-1.2.15-1.5-1.13-1.82a7.08 7.08 0 00-3.41.06c-1.79.46-3.4 1.44-4.95 2.4l-.65-2.2a.68.68 0 00-.41-.63.7.7 0 00-.75.14c-1.1.53-2.24 1.12-2.96 2.09-.71.97-.9 2.19-1.1 3.36-.18 1.17-.3 2.47.48 3.33.85.93 2.32.84 3.58.68 1.96-.25 3.98-.52 5.76-1.34L9.86 50.16l.12.06L.68 65.2l6.26 3.3 9.08-15.1.2.1-7.77 15.8 6.39 3.35 7.33-16.02.2.11 6.05-11.25.1.25.39 3.13c.3.73.07 1.93-.69 3.63-1.6 3.76-2.18 5.54-1.74 5.33.66-.3 2.5 2.7 2.77 2.77.27.07.85.12 2.18-1.74 1.34-1.85 1.46-2.3 2.23-4.38z\",\"fill\":\"#EEE\",\"fillRule\":\"nonzero\"}],[\"$\",\"g\",null,{\"fillRule\":\"nonzero\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M29.22 39.1l-8.06-4.05-.86-3.67 12 6.05z\",\"fill\":\"#E0E0E0\"}],[\"$\",\"path\",null,{\"d\":\"M7.25 37.63c-.82 1.53-2.26.44-4.2-.59-1.94-1.02-3.66-1.6-2.83-3.12.84-1.52 3.32-2.4 5.26-1.37 1.95 1.03 2.6 3.56 1.77 5.08z\",\"fill\":\"url(#d)\",\"transform\":\"translate(0 31.24)\"}],[\"$\",\"path\",null,{\"d\":\"M15.12 41.78c-.82 1.52-2.27.43-4.2-.6-1.95-1.02-3.67-1.59-2.83-3.12.83-1.52 3.3-2.39 5.25-1.37 1.95 1.03 2.6 3.56 1.78 5.09z\",\"fill\":\"url(#e)\",\"transform\":\"translate(0 31.24)\"}],[\"$\",\"path\",null,{\"d\":\"M20.8 7.58h.76a5.4 5.4 0 015.37 5.38 5.3 5.3 0 01-5.32 5.32h-.76a5.4 5.4 0 01-5.37-5.37 5.3 5.3 0 015.32-5.33z\",\"fill\":\"url(#f)\",\"transform\":\"rotate(-61.97 47.21 28.55)\"}]]}],[\"$\",\"path\",null,{\"d\":\"M29.67 60.96c-.24.38-.53.59-.69.74-.16.15-.7.54-.83.72a1.41 1.41 0 01-1 .56c-.4 0-.8-.37-.7-.74a.95.95 0 01-.7-.3.93.93 0 01-.25-.7.71.71 0 01-.64-.4.7.7 0 01.08-.75.6.6 0 01-.52-.05.6.6 0 01-.28-.44c.01-.22.1-.43.23-.6.25-.41.51-.81.78-1.2a2.41 2.41 0 01.89-.9c1.01-.49 1.65.76 2.16 1.38.77.93 1.37 1.44 1.56 1.86.18.4-.05.76-.09.82z\",\"fill\":\"#535461\",\"fillRule\":\"nonzero\"}],[\"$\",\"ellipse\",null,{\"fill\":\"#535461\",\"fillRule\":\"nonzero\",\"transform\":\"rotate(-61.97 29.08 29.23)\",\"cx\":29.08,\"cy\":29.23,\"rx\":5.18,\"ry\":5.21}],[\"$\",\"path\",null,{\"d\":\"M7.03 68.65c-.75 1.4-2.08.4-3.88-.56-1.8-.95-3.4-1.48-2.64-2.87.76-1.4 3.05-2.19 4.85-1.24 1.8.95 2.43 3.27 1.67 4.67zm7.81 4.36c-.75 1.4-2.08.4-3.88-.56-1.8-.95-3.4-1.48-2.64-2.87.76-1.4 3.05-2.18 4.85-1.24 1.8.95 2.42 3.28 1.67 4.67zm8.87-33.59a5.06 5.06 0 012.1 6.88l-.26.47a5.14 5.14 0 01-6.93 2.11 5.06 5.06 0 01-2.1-6.87l.26-.47a5.14 5.14 0 016.93-2.12z\",\"fill\":\"#535461\",\"fillRule\":\"nonzero\"}],[\"$\",\"path\",null,{\"d\":\"M31.57 25.97a5.17 5.17 0 012.7 3.76 5.16 5.16 0 00-2.52-4.96 5.27 5.27 0 00-5.6.17 5.15 5.15 0 00-2.24 5.1 5.17 5.17 0 012.74-4.06 5.27 5.27 0 014.92 0z\",\"fill\":\"#000\",\"fillRule\":\"nonzero\",\"opacity\":0.2}],[\"$\",\"circle\",null,{\"fill\":\"#FFF\",\"fillRule\":\"nonzero\",\"transform\":\"rotate(-65.15 37.1 28.23)\",\"cx\":37.1,\"cy\":28.23,\"r\":1}],[\"$\",\"path\",null,{\"d\":\"M18.86 30.66l.32 7.93 1.28-.23s.26-4.5.05-7.5a3.22 3.22 0 00-1.65-.2zm14.75 8.17l-6.92 4-.5-1.2s3.74-2.67 6.4-4.11c.67.4 1.02 1.3 1.02 1.3z\",\"fill\":\"#535461\",\"fillRule\":\"nonzero\"}],[\"$\",\"path\",null,{\"d\":\"M21.44 8.94C15.22 4.1 10.76 1.24 8.04.4 9.4 1.67 1.83 6.73 1.83 9.82c2.71.57 5 3 7 4 1.33.67 3.42 2.37 6.26 5.12l6.35-10z\",\"fill\":\"#F6F6F6\",\"fillRule\":\"nonzero\"}],[\"$\",\"text\",null,{\"transform\":\"rotate(34.91 12.43 9.57)\",\"fontFamily\":\"var(--font-family-nunito-sans)\",\"fontSize\":7,\"fontWeight\":600,\"fill\":\"#535461\",\"children\":[\"$\",\"tspan\",null,{\"x\":5.93,\"y\":11.57,\"children\":\"404\"}]}],[\"$\",\"rect\",null,{\"stroke\":\"#979797\",\"fill\":\"#D8D8D8\",\"fillRule\":\"nonzero\",\"transform\":\"rotate(31 14.48 21.02)\",\"x\":14.48,\"y\":6.02,\"width\":1,\"height\":30,\"rx\":0.5}],[\"$\",\"path\",null,{\"d\":\"M9.35 27.77a1.6 1.6 0 00-1.27-.3c-.44.11-.76.65-.52 1.03-.3.08-.53.27-.67.54a1.05 1.05 0 00-.05.84.8.8 0 00-.24 1.42.68.68 0 00-.56.22.67.67 0 00-.17.57c.09.23.24.44.45.59.23.2 1.54.7 2.66.6.85-.07 1.58-.65 1.74-1 .18-.43 1.06-2.01 1.22-2.62.07-.25.78-1.06.92-1.69.09-.4-.29-.71-.46-.8-.18-.1-.33.2-.6.43-.35.29-.76.59-.94.67-.44.2-1.3-.35-1.5-.5z\",\"fill\":\"#535461\",\"fillRule\":\"nonzero\"}]]}]]}]}],[\"$\",\"div\",null,{\"className\":\"not-found_astronautDesktop__WBc7U NotFoundPage_animate-lost-in-space__7qi6Q\",\"children\":[\"$\",\"svg\",null,{\"width\":82,\"height\":148,\"viewBox\":\"0 0 41 74\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"children\":[\"$1d\",\"$56\"]}]}]]}]}],[\"$\",\"div\",null,{\"className\":\"Footer_footerWrapper__tJsF0\",\"children\":[\"$\",\"div\",null,{\"className\":\"Footer_container__Z5ck3\",\"children\":[\"$\",\"div\",null,{\"className\":\"Footer_containerInner__pz86u\",\"style\":{\"maxWidth\":\"1140px\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"Footer_branding__koTL4\",\"children\":[\"$\",\"div\",null,{\"className\":\"Footer_brandingInner__H1HnX\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/\",\"className\":\"Footer_homeLink__7cZYv\",\"aria-label\":\"educative.io\",\"children\":[\"$\",\"div\",null,{\"className\":\"Footer_logoContainer__sibp2\",\"children\":[[\"$\",\"svg\",null,{\"viewBox\":\"0 0 100 100\",\"fill\":\"currentColor\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"height\":\"20px\",\"children\":[\"$\",\"path\",null,{\"d\":\"M83.3333 0H16.6667C7.46115 0 0 7.46115 0 16.6667V83.326C0 92.5315 7.46115 99.9927 16.6593 99.9927H83.326C92.5315 99.9927 100 92.5388 100 83.3333V16.6667C100 7.46115 92.5388 0 83.3333 0ZM22.4861 81.5597L14.871 74.5896C14.3433 74.0985 14.3067 73.2703 14.7977 72.7353L31.479 54.5001C31.9261 54.0164 31.9408 53.2762 31.5157 52.7704L15.9191 34.2348C15.4573 33.6778 15.5233 32.8569 16.0803 32.3879L23.9666 25.7402C24.5236 25.2785 25.3445 25.3445 25.8135 25.9015L48.7101 53.1369C49.1352 53.6426 49.1205 54.3829 48.6734 54.8739L24.333 81.4937C23.842 82.0141 23.0211 82.0507 22.4934 81.567L22.4861 81.5597ZM85.5981 81.1346C85.5981 81.8602 85.0117 82.4465 84.2861 82.4465H48.9226C48.197 82.4465 47.6107 81.8602 47.6107 81.1346V71.416C47.6107 70.6904 48.197 70.1041 48.9226 70.1041H84.2861C85.0117 70.1041 85.5981 70.6904 85.5981 71.416V81.1346Z\",\"fill\":\"currentColor\"}]}],[\"$\",\"svg\",null,{\"viewBox\":\"0 0 396 66\",\"fill\":\"currentColor\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"Footer_logoText__rRiqK\",\"children\":[\"$\",\"path\",null,{\"d\":\"$92\"}]}]]}]}],[\"$\",\"div\",null,{\"className\":\"Footer_educativePunchlineContainer__SXnCG\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_educativePunchline__xXm_6\",\"children\":\"Learn in-demand tech skills in half the time\"}]}]]}]}],[\"$\",\"div\",null,{\"className\":\"Footer_dividerContainer__HmGsX\",\"children\":[\"$\",\"div\",null,{\"className\":\"Footer_divider__OUjS0\"}]}],[\"$\",\"div\",null,{\"className\":\"Footer_linkContainer__4DUgF\",\"children\":[[\"$\",\"div\",\"PRODUCTS\",{\"className\":\"Footer_categoryContainer__cxw0c\",\"children\":[[\"$\",\"div\",null,{\"className\":\"Footer_category__VB1Xp\",\"style\":{\"letterSpacing\":\"2.5px\"},\"children\":\"PRODUCTS\"}],[[\"$\",\"div\",\"Mock Interview\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/mock-interview\",\"aria-label\":\"Mock Interview\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Mock Interview\"}]}],[\"$\",\"div\",null,{\"className\":\"Footer_badge__Mi_gv\",\"style\":{\"minWidth\":\"20px\"},\"children\":\"New\"}]]}],[\"$\",\"div\",\"Courses\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/explore\",\"aria-label\":\"Courses\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Courses\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Cloud Labs\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/cloudlabs\",\"aria-label\":\"Cloud Labs\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Cloud Labs\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Skill Paths\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/paths\",\"aria-label\":\"Skill Paths\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Skill Paths\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Projects\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/projects\",\"aria-label\":\"Projects\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Projects\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Assessments\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/assessments\",\"aria-label\":\"Assessments\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Assessments\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Newsletter\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/newsletter\",\"aria-label\":\"Newsletter\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Newsletter\"}]}],\"$undefined\"]}]]]}],[\"$\",\"div\",\"TRENDING TOPICS\",{\"className\":\"Footer_categoryContainer__cxw0c\",\"children\":[[\"$\",\"div\",null,{\"className\":\"Footer_category__VB1Xp\",\"style\":{\"letterSpacing\":\"2.5px\"},\"children\":\"TRENDING TOPICS\"}],[[\"$\",\"div\",\"Learn to Code\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/learn-to-code\",\"aria-label\":\"Learn to Code\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Learn to Code\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Tech Interview Prep\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/interview\",\"aria-label\":\"Tech Interview Prep\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Tech Interview Prep\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Generative AI\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/generative-ai\",\"aria-label\":\"Generative AI\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Generative AI\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Data Science\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/data-science\",\"aria-label\":\"Data Science\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Data Science\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Machine Learning\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/data-science/machine-learning\",\"aria-label\":\"Machine Learning\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Machine Learning\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"GitHub Students Scholarship\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/github-students\",\"aria-label\":\"GitHub Students Scholarship\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"GitHub Students Scholarship\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Early Access Courses\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/explore/early-access\",\"aria-label\":\"Early Access Courses\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Early Access Courses\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Blind 75\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/blind75\",\"aria-label\":\"Blind 75\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Blind 75\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Layoffs\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/tech-layoffs\",\"aria-label\":\"Layoffs\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Layoffs\"}]}],\"$undefined\"]}]]]}],[\"$\",\"div\",\"Pricing\",{\"className\":\"Footer_categoryContainer__cxw0c\",\"children\":[[\"$\",\"div\",null,{\"className\":\"Footer_category__VB1Xp\",\"style\":{\"letterSpacing\":\"2.5px\"},\"children\":\"Pricing\"}],[[\"$\",\"div\",\"For Individuals\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/unlimited\",\"aria-label\":\"For Individuals\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"For Individuals\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Try for Free\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/trial\",\"aria-label\":\"Try for Free\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Try for Free\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Gift a Subscription\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/unlimited#buyNowAnnual-200\",\"aria-label\":\"Gift a Subscription\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Gift a Subscription\"}]}],\"$undefined\"]}]]]}],[\"$\",\"div\",\"CONTRIBUTE\",{\"className\":\"Footer_categoryContainer__cxw0c\",\"children\":[[\"$\",\"div\",null,{\"className\":\"Footer_category__VB1Xp\",\"style\":{\"letterSpacing\":\"2.5px\"},\"children\":\"CONTRIBUTE\"}],[[\"$\",\"div\",\"Become an Author\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"https://educative.io/m/become-an-educative-author\",\"aria-label\":\"Become an Author\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Become an Author\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Become an Affiliate\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"https://learn.educative.io/affiliate-program\",\"aria-label\":\"Become an Affiliate\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Become an Affiliate\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Earn Referral Credits\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/refer-a-friend\",\"aria-label\":\"Earn Referral Credits\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Earn Referral Credits\"}]}],\"$undefined\"]}]]]}],[\"$\",\"div\",\"RESOURCES\",{\"className\":\"Footer_categoryContainer__cxw0c\",\"children\":[[\"$\",\"div\",null,{\"className\":\"Footer_category__VB1Xp\",\"style\":{\"letterSpacing\":\"2.5px\"},\"children\":\"RESOURCES\"}],[[\"$\",\"div\",\"Blog\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/blog\",\"aria-label\":\"Blog\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Blog\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Cheatsheets\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/cheatsheets\",\"aria-label\":\"Cheatsheets\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Cheatsheets\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Webinars\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"https://www.youtube.com/@Educativeinc\",\"aria-label\":\"Webinars\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Webinars\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Answers\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/answers\",\"aria-label\":\"Answers\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Answers\"}]}],\"$undefined\"]}]]]}],[\"$\",\"div\",\"ABOUT US\",{\"className\":\"Footer_categoryContainer__cxw0c\",\"children\":[[\"$\",\"div\",null,{\"className\":\"Footer_category__VB1Xp\",\"style\":{\"letterSpacing\":\"2.5px\"},\"children\":\"ABOUT US\"}],[[\"$\",\"div\",\"Our Team\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/team\",\"aria-label\":\"Our Team\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Our Team\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Careers\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/careers\",\"aria-label\":\"Careers\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Careers\"}]}],[\"$\",\"div\",null,{\"className\":\"Footer_badge__Mi_gv\",\"style\":{\"minWidth\":\"20px\"},\"children\":\"Hiring\"}]]}],[\"$\",\"div\",\"Frequently Asked Questions\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/faq/general-faq\",\"aria-label\":\"Frequently Asked Questions\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Frequently Asked Questions\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Contact Us\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/contactUs\",\"aria-label\":\"Contact Us\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Contact Us\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Press\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/press\",\"aria-label\":\"Press\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Press\"}]}],\"$undefined\"]}]]]}],[\"$\",\"div\",\"LEGAL\",{\"className\":\"Footer_categoryContainer__cxw0c\",\"children\":[[\"$\",\"div\",null,{\"className\":\"Footer_category__VB1Xp\",\"style\":{\"letterSpacing\":\"2.5px\"},\"children\":\"LEGAL\"}],[[\"$\",\"div\",\"Privacy Policy\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/privacy\",\"aria-label\":\"Privacy Policy\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Privacy Policy\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Cookie Policy\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/cookie-policy\",\"aria-label\":\"Cookie Policy\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Cookie Policy\"}]}],\"$undefined\"]}],[\"$\",\"$L93\",\"Cookie Settings\",{\"link\":{\"name\":\"Cookie Settings\",\"to\":\"\",\"type\":\"cookie-settings\"}}],[\"$\",\"div\",\"Terms of Service\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/terms\",\"aria-label\":\"Terms of Service\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Terms of Service\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Business Terms of Service\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/enterprise-terms\",\"aria-label\":\"Business Terms of Service\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Business Terms of Service\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Data \u0026 Privacy\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/privacy-center\",\"aria-label\":\"Data \u0026 Privacy\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Data \u0026 Privacy\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Data Processing Agreement\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/data-processing-agreement\",\"aria-label\":\"Data Processing Agreement\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Data Processing Agreement\"}]}],\"$undefined\"]}]]]}],[\"$\",\"div\",\"INTERVIEW PREP COURSES\",{\"className\":\"Footer_categoryContainer__cxw0c\",\"children\":[[\"$\",\"div\",null,{\"className\":\"Footer_category__VB1Xp\",\"style\":{\"letterSpacing\":\"2.5px\"},\"children\":\"INTERVIEW PREP COURSES\"}],[[\"$\",\"div\",\"Grokking the Modern System Design Interview\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/courses/grokking-the-system-design-interview\",\"aria-label\":\"Grokking the Modern System Design Interview\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Grokking the Modern System Design Interview\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Grokking the Product Architecture Design Interview\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/courses/grokking-the-api-design-interview\",\"aria-label\":\"Grokking the Product Architecture Design Interview\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Grokking the Product Architecture Design Interview\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Grokking the Coding Interview Patterns\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/courses/grokking-coding-interview\",\"aria-label\":\"Grokking the Coding Interview Patterns\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Grokking the Coding Interview Patterns\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Machine Learning System Design\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/courses/machine-learning-system-design\",\"aria-label\":\"Machine Learning System Design\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Machine Learning System Design\"}]}],\"$undefined\"]}]]]}]]}],[\"$\",\"div\",null,{\"className\":\"Footer_socialLinksDividerContainer__k5Des \",\"children\":[\"$\",\"div\",null,{\"className\":\"Footer_socialLinksDivider__aj6yW\"}]}],[\"$\",\"div\",null,{\"className\":\"Footer_socialSection___5sHp\",\"style\":{\"maxWidth\":\"1140px\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"Footer_socialLinksContainer__e2bXi\",\"children\":[[\"$\",\"a\",\"Facebook\",{\"href\":\"//facebook.com/educativeinc\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"aria-label\":\"Facebook\",\"className\":\"Footer_socialLink__27D07\",\"children\":[\"$\",\"span\",null,{\"className\":\"Footer_socialLinkIcon__772IS\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"Footer_icon__eVjbQ\",\"children\":[\"$\",\"path\",null,{\"d\":\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"}]}]}]}],[\"$\",\"a\",\"Linkedin\",{\"href\":\"//linkedin.com/company/educative-inc/\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"aria-label\":\"Linkedin\",\"className\":\"Footer_socialLink__27D07\",\"children\":[\"$\",\"span\",null,{\"className\":\"Footer_socialLinkIcon__772IS\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"Footer_icon__eVjbQ\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"}],[\"$\",\"rect\",null,{\"x\":2,\"y\":9,\"width\":4,\"height\":12}],[\"$\",\"circle\",null,{\"cx\":4,\"cy\":4,\"r\":2}]]}]}]}],[\"$\",\"a\",\"Twitter\",{\"href\":\"//twitter.com/educativeinc\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"aria-label\":\"Twitter\",\"className\":\"Footer_socialLink__27D07\",\"children\":[\"$\",\"span\",null,{\"className\":\"Footer_socialLinkIcon__772IS\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"Footer_icon__eVjbQ\",\"children\":[\"$\",\"path\",null,{\"d\":\"M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z\"}]}]}]}],[\"$\",\"a\",\"YouTube\",{\"href\":\"//www.youtube.com/channel/UCT_8FqzTIr2Q1BOtvX_DPPw/?sub_confirmation=1\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"aria-label\":\"YouTube\",\"className\":\"Footer_socialLink__27D07\",\"children\":[\"$\",\"span\",null,{\"className\":\"Footer_socialLinkIcon__772IS\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"Footer_icon__eVjbQ\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z\"}],[\"$\",\"polygon\",null,{\"points\":\"9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02\"}]]}]}]}],[\"$\",\"a\",\"Podcast\",{\"href\":\"//educativesessions.podbean.com\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"aria-label\":\"Podcast\",\"className\":\"Footer_socialLink__27D07\",\"children\":[\"$\",\"span\",null,{\"className\":\"Footer_socialLinkIcon__772IS\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"height\":24,\"viewBox\":\"0 0 24 24\",\"width\":24,\"className\":\"Footer_icon__eVjbQ\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M0 0h24v24H0z\",\"fill\":\"none\"}],[\"$\",\"path\",null,{\"d\":\"M12 14a3 3 0 003-3V5a3 3 0 10-6 0v6a3 3 0 003 3zm-1.2-9.1c0-.7.5-1.2 1.2-1.2s1.2.5 1.2 1.2v6.2a1.2 1.2 0 11-2.4 0V4.9zm6.5 6.1c0 3-2.5 5.1-5.3 5.1S6.7 14 6.7 11H5a7 7 0 006 6.7V21h2v-3.3a7 7 0 006-6.7h-1.7z\"}]]}]}]}]]}],[\"$\",\"div\",null,{\"className\":\"Footer_copyrightSectionContainer__zTsKy\",\"children\":[[\"$\",\"p\",null,{\"className\":\"Footer_copyright___0HiP\",\"children\":[\"Copyright ©\",2025,\" Educative, Inc. All rights reserved.\"]}],[\"$\",\"img\",null,{\"src\":\"/static/imgs/soc2.svg\",\"loading\":\"lazy\",\"alt\":\"soc2\",\"className\":\"Footer_socImage__z0XGm\"}]]}]]}]]}]}]}]]}]}],\"notFoundStyles\":[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/static/_next/static/css/12dd831df1bd69c0.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/static/_next/static/css/03087f9a458ef881.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/static/_next/static/css/02caabbddc598bfb.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]]}],[\"$\",\"$L94\",null,{}],[\"$\",\"$95\",null,{\"children\":[\"$\",\"$L96\",null,{}]}],[\"$\",\"$95\",null,{\"children\":[\"$\",\"$L97\",null,{}]}],[\"$\",\"$95\",null,{}],[\"$\",\"$95\",null,{\"children\":[\"$\",\"$L98\",null,{}]}]]}],[[\"$\",\"$L16\",null,{\"id\":\"dataLayer-script\",\"strategy\":\"afterInteractive\",\"dangerouslySetInnerHTML\":{\"__html\":\"(function(w,d,s,l,i){\\n window.__edGTMLoaded__ = true;\\n w[l]=w[l]||[];\\n w._gtmReady = false;\\n w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});\\n var f=d.getElementsByTagName(s)[0];\\n var j=d.createElement(s);\\n var dl=l!='dataLayer'?'\u0026l='+l:'';\\n j.async=true;\\n j.onload = function() {\\n w._gtmReady = true;\\n }\\n j.onerror = function() {\\n w._gtmBlocked = true;\\n }\\n j.src='https://www.educative.io/collect/gtm.js?id='+i+dl;\\n f.parentNode.insertBefore(j,f);\\n })\\n (window,document,'script','dataLayer','GTM-KW9B87V3');\"}}],[\"$\",\"$L16\",null,{\"src\":\"https://static.cloudflareinsights.com/beacon.min.js\",\"data-cf-beacon\":\"{\\\"token\\\": \\\"7ceca3b2478f402fbe1337eadbfd7be5\\\"}\",\"strategy\":\"lazyOnload\"}]]]}]]}]],null],null]},[[null,[\"$\",\"$L11\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L14\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"meta\",null,{\"content\":\"object-src 'self' *.devpath.com *.educative.io https://accounts.google.com https://beacon-v2.helpscout.net https://www.grokkingpython.com https://www.youtube.com; worker-src 'self'\",\"httpEquiv\":\"Content-Security-Policy\"}],[\"$\",\"link\",null,{\"rel\":\"shortcut icon\",\"type\":\"image/x-icon\",\"href\":\"/static/favicons/faviconV2.png\",\"id\":\"favicon-scheme\"}],[\"$\",\"link\",null,{\"rel\":\"preload\",\"href\":\"/api/userdata/user_config\",\"as\":\"fetch\",\"crossOrigin\":\"use-credentials\"}],[\"$\",\"link\",null,{\"rel\":\"preload\",\"href\":\"/api/user/info\",\"as\":\"fetch\"}],[\"$\",\"script\",null,{\"data-cfasync\":\"false\",\"id\":\"org-data-script\",\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Organization\\\",\\\"name\\\":\\\"Educative\\\",\\\"url\\\":\\\"https://www.educative.io/\\\",\\\"logo\\\":\\\"https://www.educative.io/static/imgs/logos/logoMarkv3.png\\\",\\\"description\\\":\\\"Educative is a platform for online learning of coding skills through interactive, hands-on courses and so much more.\\\",\\\"foundingDate\\\":\\\"2015\\\",\\\"founders\\\":[{\\\"@type\\\":\\\"Person\\\",\\\"name\\\":\\\"Fahim-ul-Haq\\\"},{\\\"@type\\\":\\\"Person\\\",\\\"name\\\":\\\"Naeem-ul-Haq\\\"}],\\\"contactPoint\\\":{\\\"@type\\\":\\\"ContactPoint\\\",\\\"contactType\\\":\\\"customer service\\\",\\\"url\\\":\\\"https://www.educative.io/contactUs\\\"},\\\"sameAs\\\":[\\\"https://www.facebook.com/educativeinc\\\",\\\"https://www.linkedin.com/company/educative-inc\\\",\\\"https://twitter.com/educativeinc\\\",\\\"https://www.instagram.com/educativeinc/\\\"],\\\"address\\\":{\\\"@type\\\":\\\"PostalAddress\\\",\\\"streetAddress\\\":\\\"12280 NE District Way\\\",\\\"addressLocality\\\":\\\"Bellevue\\\",\\\"addressRegion\\\":\\\"WA\\\",\\\"postalCode\\\":\\\"98005\\\",\\\"addressCountry\\\":{\\\"@type\\\":\\\"Country\\\",\\\"name\\\":\\\"US\\\"}}}\"}}],[\"$\",\"script\",null,{\"id\":\"user-script\",\"data-cfasync\":\"false\",\"dangerouslySetInnerHTML\":{\"__html\":\"\\n if (!window.__edCookieScriptLoaded___) {\\n window.__edCookieScriptLoaded___ = true;\\n // Set globalThis\\n window.globalThis=window;\\n\\n // Handle login\\n const loggedIn = document.cookie.includes('logged_in'); \\n document.documentElement.style.setProperty('--logged-in', loggedIn ? 'flex' : 'none');\\n document.documentElement.style.setProperty('--logged-out', loggedIn ? 'none' : 'flex');\\n\\n // Check system preference\\n document.documentElement.classList.add(\\n document.cookie.includes('use_system_preference=system')\\n ? window.matchMedia('(prefers-color-scheme: dark)').matches\\n ? 'dark'\\n : 'light'\\n : document.cookie.includes('theme=dark')\\n ? 'dark'\\n : 'light',\\n );\\n }\\n \"}}],[\"$\",\"$L16\",null,{\"id\":\"user-script-next\",\"data-cfasync\":\"false\",\"strategy\":\"beforeInteractive\",\"dangerouslySetInnerHTML\":{\"__html\":\"\\n if (!window.__edCookieScriptLoaded___) {\\n window.__edCookieScriptLoaded___ = true;\\n // Set globalThis\\n window.globalThis=window;\\n\\n // Handle login\\n const loggedIn = document.cookie.includes('logged_in'); \\n document.documentElement.style.setProperty('--logged-in', loggedIn ? 'flex' : 'none');\\n document.documentElement.style.setProperty('--logged-out', loggedIn ? 'none' : 'flex');\\n\\n // Check system preference\\n document.documentElement.classList.add(\\n document.cookie.includes('use_system_preference=system')\\n ? window.matchMedia('(prefers-color-scheme: dark)').matches\\n ? 'dark'\\n : 'light'\\n : document.cookie.includes('theme=dark')\\n ? 'dark'\\n : 'light',\\n );\\n }\\n \"}}],[\"$\",\"script\",null,{\"data-cfasync\":\"false\",\"id\":\"browser-script\",\"dangerouslySetInnerHTML\":{\"__html\":\"$99\"}}],[\"$\",\"$L16\",null,{\"data-cfasync\":\"false\",\"id\":\"browser-script-next\",\"strategy\":\"beforeInteractive\",\"dangerouslySetInnerHTML\":{\"__html\":\"$9a\"}}]]}],[\"$\",\"body\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"landingPage_landingPageClasses__GGnCN\",\"children\":[\"$\",\"div\",null,{\"className\":\"not-found_notFoundContainer__rM67h\",\"children\":[[\"$\",\"div\",null,{\"className\":\"not-found_contentWrapper__z9yqF\",\"children\":[\"$\",\"div\",null,{\"className\":\"not-found_contentInner__2_jnR\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"not-found_heading__v9TmO\",\"children\":\"Page Not Found!\"}],[\"$\",\"div\",null,{\"className\":\"not-found_spaceImageWrapper__kqoQ7\",\"children\":[\"$\",\"svg\",null,{\"viewBox\":\"0 0 1137 729\",\"width\":\"100rem\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"children\":[\"$9b\",\"$c2\"]}]}],[\"$\",\"div\",null,{\"className\":\"not-found_astronautMobile__0qnnj NotFoundPage_animate-lost-in-space__7qi6Q\",\"children\":[\"$\",\"svg\",null,{\"width\":82,\"height\":148,\"viewBox\":\"0 0 41 74\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"children\":[\"$1d\",\"$56\"]}]}],[\"$\",\"div\",null,{\"className\":\"not-found_astronautDesktop__WBc7U NotFoundPage_animate-lost-in-space__7qi6Q\",\"children\":[\"$\",\"svg\",null,{\"width\":82,\"height\":148,\"viewBox\":\"0 0 41 74\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"children\":[\"$1d\",\"$56\"]}]}]]}]}],[\"$\",\"div\",null,{\"className\":\"Footer_footerWrapper__tJsF0\",\"children\":[\"$\",\"div\",null,{\"className\":\"Footer_container__Z5ck3\",\"children\":[\"$\",\"div\",null,{\"className\":\"Footer_containerInner__pz86u\",\"style\":{\"maxWidth\":\"1140px\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"Footer_branding__koTL4\",\"children\":[\"$\",\"div\",null,{\"className\":\"Footer_brandingInner__H1HnX\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/\",\"className\":\"Footer_homeLink__7cZYv\",\"aria-label\":\"educative.io\",\"children\":[\"$\",\"div\",null,{\"className\":\"Footer_logoContainer__sibp2\",\"children\":[[\"$\",\"svg\",null,{\"viewBox\":\"0 0 100 100\",\"fill\":\"currentColor\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"height\":\"20px\",\"children\":\"$101\"}],[\"$\",\"svg\",null,{\"viewBox\":\"0 0 396 66\",\"fill\":\"currentColor\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"Footer_logoText__rRiqK\",\"children\":\"$103\"}]]}]}],[\"$\",\"div\",null,{\"className\":\"Footer_educativePunchlineContainer__SXnCG\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_educativePunchline__xXm_6\",\"children\":\"Learn in-demand tech skills in half the time\"}]}]]}]}],[\"$\",\"div\",null,{\"className\":\"Footer_dividerContainer__HmGsX\",\"children\":[\"$\",\"div\",null,{\"className\":\"Footer_divider__OUjS0\"}]}],[\"$\",\"div\",null,{\"className\":\"Footer_linkContainer__4DUgF\",\"children\":[[\"$\",\"div\",\"PRODUCTS\",{\"className\":\"Footer_categoryContainer__cxw0c\",\"children\":[[\"$\",\"div\",null,{\"className\":\"Footer_category__VB1Xp\",\"style\":{\"letterSpacing\":\"2.5px\"},\"children\":\"PRODUCTS\"}],[[\"$\",\"div\",\"Mock Interview\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/mock-interview\",\"aria-label\":\"Mock Interview\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Mock Interview\"}]}],[\"$\",\"div\",null,{\"className\":\"Footer_badge__Mi_gv\",\"style\":{\"minWidth\":\"20px\"},\"children\":\"New\"}]]}],[\"$\",\"div\",\"Courses\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/explore\",\"aria-label\":\"Courses\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Courses\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Cloud Labs\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/cloudlabs\",\"aria-label\":\"Cloud Labs\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Cloud Labs\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Skill Paths\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/paths\",\"aria-label\":\"Skill Paths\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Skill Paths\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Projects\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/projects\",\"aria-label\":\"Projects\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Projects\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Assessments\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/assessments\",\"aria-label\":\"Assessments\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Assessments\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Newsletter\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/newsletter\",\"aria-label\":\"Newsletter\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Newsletter\"}]}],\"$undefined\"]}]]]}],[\"$\",\"div\",\"TRENDING TOPICS\",{\"className\":\"Footer_categoryContainer__cxw0c\",\"children\":[[\"$\",\"div\",null,{\"className\":\"Footer_category__VB1Xp\",\"style\":{\"letterSpacing\":\"2.5px\"},\"children\":\"TRENDING TOPICS\"}],[[\"$\",\"div\",\"Learn to Code\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/learn-to-code\",\"aria-label\":\"Learn to Code\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Learn to Code\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Tech Interview Prep\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/interview\",\"aria-label\":\"Tech Interview Prep\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Tech Interview Prep\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Generative AI\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/generative-ai\",\"aria-label\":\"Generative AI\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Generative AI\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Data Science\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/data-science\",\"aria-label\":\"Data Science\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Data Science\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Machine Learning\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/data-science/machine-learning\",\"aria-label\":\"Machine Learning\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Machine Learning\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"GitHub Students Scholarship\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/github-students\",\"aria-label\":\"GitHub Students Scholarship\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"GitHub Students Scholarship\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Early Access Courses\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/explore/early-access\",\"aria-label\":\"Early Access Courses\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Early Access Courses\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Blind 75\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/blind75\",\"aria-label\":\"Blind 75\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Blind 75\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Layoffs\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/tech-layoffs\",\"aria-label\":\"Layoffs\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Layoffs\"}]}],\"$undefined\"]}]]]}],[\"$\",\"div\",\"Pricing\",{\"className\":\"Footer_categoryContainer__cxw0c\",\"children\":[[\"$\",\"div\",null,{\"className\":\"Footer_category__VB1Xp\",\"style\":{\"letterSpacing\":\"2.5px\"},\"children\":\"Pricing\"}],[[\"$\",\"div\",\"For Individuals\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/unlimited\",\"aria-label\":\"For Individuals\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"For Individuals\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Try for Free\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/trial\",\"aria-label\":\"Try for Free\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Try for Free\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Gift a Subscription\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/unlimited#buyNowAnnual-200\",\"aria-label\":\"Gift a Subscription\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Gift a Subscription\"}]}],\"$undefined\"]}]]]}],[\"$\",\"div\",\"CONTRIBUTE\",{\"className\":\"Footer_categoryContainer__cxw0c\",\"children\":[[\"$\",\"div\",null,{\"className\":\"Footer_category__VB1Xp\",\"style\":{\"letterSpacing\":\"2.5px\"},\"children\":\"CONTRIBUTE\"}],[[\"$\",\"div\",\"Become an Author\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"https://educative.io/m/become-an-educative-author\",\"aria-label\":\"Become an Author\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Become an Author\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Become an Affiliate\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"https://learn.educative.io/affiliate-program\",\"aria-label\":\"Become an Affiliate\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Become an Affiliate\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Earn Referral Credits\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/refer-a-friend\",\"aria-label\":\"Earn Referral Credits\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Earn Referral Credits\"}]}],\"$undefined\"]}]]]}],[\"$\",\"div\",\"RESOURCES\",{\"className\":\"Footer_categoryContainer__cxw0c\",\"children\":[[\"$\",\"div\",null,{\"className\":\"Footer_category__VB1Xp\",\"style\":{\"letterSpacing\":\"2.5px\"},\"children\":\"RESOURCES\"}],[[\"$\",\"div\",\"Blog\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/blog\",\"aria-label\":\"Blog\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Blog\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Cheatsheets\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/cheatsheets\",\"aria-label\":\"Cheatsheets\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Cheatsheets\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Webinars\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"https://www.youtube.com/@Educativeinc\",\"aria-label\":\"Webinars\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Webinars\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Answers\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/answers\",\"aria-label\":\"Answers\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Answers\"}]}],\"$undefined\"]}]]]}],[\"$\",\"div\",\"ABOUT US\",{\"className\":\"Footer_categoryContainer__cxw0c\",\"children\":[[\"$\",\"div\",null,{\"className\":\"Footer_category__VB1Xp\",\"style\":{\"letterSpacing\":\"2.5px\"},\"children\":\"ABOUT US\"}],[[\"$\",\"div\",\"Our Team\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/team\",\"aria-label\":\"Our Team\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Our Team\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Careers\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/careers\",\"aria-label\":\"Careers\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Careers\"}]}],[\"$\",\"div\",null,{\"className\":\"Footer_badge__Mi_gv\",\"style\":{\"minWidth\":\"20px\"},\"children\":\"Hiring\"}]]}],[\"$\",\"div\",\"Frequently Asked Questions\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/faq/general-faq\",\"aria-label\":\"Frequently Asked Questions\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Frequently Asked Questions\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Contact Us\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/contactUs\",\"aria-label\":\"Contact Us\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Contact Us\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Press\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/press\",\"aria-label\":\"Press\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Press\"}]}],\"$undefined\"]}]]]}],[\"$\",\"div\",\"LEGAL\",{\"className\":\"Footer_categoryContainer__cxw0c\",\"children\":[[\"$\",\"div\",null,{\"className\":\"Footer_category__VB1Xp\",\"style\":{\"letterSpacing\":\"2.5px\"},\"children\":\"LEGAL\"}],[[\"$\",\"div\",\"Privacy Policy\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/privacy\",\"aria-label\":\"Privacy Policy\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Privacy Policy\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Cookie Policy\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/cookie-policy\",\"aria-label\":\"Cookie Policy\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Cookie Policy\"}]}],\"$undefined\"]}],[\"$\",\"$L93\",\"Cookie Settings\",{\"link\":\"$106\"}],[\"$\",\"div\",\"Terms of Service\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/terms\",\"aria-label\":\"Terms of Service\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Terms of Service\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Business Terms of Service\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/enterprise-terms\",\"aria-label\":\"Business Terms of Service\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Business Terms of Service\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Data \u0026 Privacy\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/privacy-center\",\"aria-label\":\"Data \u0026 Privacy\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Data \u0026 Privacy\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Data Processing Agreement\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/data-processing-agreement\",\"aria-label\":\"Data Processing Agreement\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Data Processing Agreement\"}]}],\"$undefined\"]}]]]}],[\"$\",\"div\",\"INTERVIEW PREP COURSES\",{\"className\":\"Footer_categoryContainer__cxw0c\",\"children\":[[\"$\",\"div\",null,{\"className\":\"Footer_category__VB1Xp\",\"style\":{\"letterSpacing\":\"2.5px\"},\"children\":\"INTERVIEW PREP COURSES\"}],[[\"$\",\"div\",\"Grokking the Modern System Design Interview\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/courses/grokking-the-system-design-interview\",\"aria-label\":\"Grokking the Modern System Design Interview\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Grokking the Modern System Design Interview\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Grokking the Product Architecture Design Interview\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/courses/grokking-the-api-design-interview\",\"aria-label\":\"Grokking the Product Architecture Design Interview\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Grokking the Product Architecture Design Interview\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Grokking the Coding Interview Patterns\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/courses/grokking-coding-interview\",\"aria-label\":\"Grokking the Coding Interview Patterns\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Grokking the Coding Interview Patterns\"}]}],\"$undefined\"]}],[\"$\",\"div\",\"Machine Learning System Design\",{\"className\":\"Footer_linkWrapper__cF_ze\",\"children\":[[\"$\",\"$L91\",null,{\"prefetch\":false,\"href\":\"/courses/machine-learning-system-design\",\"aria-label\":\"Machine Learning System Design\",\"rel\":\"$undefined\",\"children\":[\"$\",\"p\",null,{\"className\":\"Footer_link__1R6LC\",\"children\":\"Machine Learning System Design\"}]}],\"$undefined\"]}]]]}]]}],[\"$\",\"div\",null,{\"className\":\"Footer_socialLinksDividerContainer__k5Des \",\"children\":[\"$\",\"div\",null,{\"className\":\"Footer_socialLinksDivider__aj6yW\"}]}],[\"$\",\"div\",null,{\"className\":\"Footer_socialSection___5sHp\",\"style\":{\"maxWidth\":\"1140px\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"Footer_socialLinksContainer__e2bXi\",\"children\":[[\"$\",\"a\",\"Facebook\",{\"href\":\"//facebook.com/educativeinc\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"aria-label\":\"Facebook\",\"className\":\"Footer_socialLink__27D07\",\"children\":[\"$\",\"span\",null,{\"className\":\"Footer_socialLinkIcon__772IS\",\"children\":\"$107\"}]}],[\"$\",\"a\",\"Linkedin\",{\"href\":\"//linkedin.com/company/educative-inc/\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"aria-label\":\"Linkedin\",\"className\":\"Footer_socialLink__27D07\",\"children\":[\"$\",\"span\",null,{\"className\":\"Footer_socialLinkIcon__772IS\",\"children\":\"$10a\"}]}],[\"$\",\"a\",\"Twitter\",{\"href\":\"//twitter.com/educativeinc\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"aria-label\":\"Twitter\",\"className\":\"Footer_socialLink__27D07\",\"children\":[\"$\",\"span\",null,{\"className\":\"Footer_socialLinkIcon__772IS\",\"children\":\"$111\"}]}],[\"$\",\"a\",\"YouTube\",{\"href\":\"//www.youtube.com/channel/UCT_8FqzTIr2Q1BOtvX_DPPw/?sub_confirmation=1\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"aria-label\":\"YouTube\",\"className\":\"Footer_socialLink__27D07\",\"children\":[\"$\",\"span\",null,{\"className\":\"Footer_socialLinkIcon__772IS\",\"children\":\"$114\"}]}],[\"$\",\"a\",\"Podcast\",{\"href\":\"//educativesessions.podbean.com\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"aria-label\":\"Podcast\",\"className\":\"Footer_socialLink__27D07\",\"children\":[\"$\",\"span\",null,{\"className\":\"Footer_socialLinkIcon__772IS\",\"children\":\"$119\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"Footer_copyrightSectionContainer__zTsKy\",\"children\":[[\"$\",\"p\",null,{\"className\":\"Footer_copyright___0HiP\",\"children\":[\"Copyright ©\",2025,\" Educative, Inc. All rights reserved.\"]}],[\"$\",\"img\",null,{\"src\":\"/static/imgs/soc2.svg\",\"loading\":\"lazy\",\"alt\":\"soc2\",\"className\":\"Footer_socImage__z0XGm\"}]]}]]}]]}]}]}]]}]}],[[\"$\",\"$L16\",null,{\"id\":\"dataLayer-script\",\"strategy\":\"afterInteractive\",\"dangerouslySetInnerHTML\":{\"__html\":\"(function(w,d,s,l,i){\\n window.__edGTMLoaded__ = true;\\n w[l]=w[l]||[];\\n w._gtmReady = false;\\n w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});\\n var f=d.getElementsByTagName(s)[0];\\n var j=d.createElement(s);\\n var dl=l!='dataLayer'?'\u0026l='+l:'';\\n j.async=true;\\n j.onload = function() {\\n w._gtmReady = true;\\n }\\n j.onerror = function() {\\n w._gtmBlocked = true;\\n }\\n j.src='https://www.educative.io/collect/gtm.js?id='+i+dl;\\n f.parentNode.insertBefore(j,f);\\n })\\n (window,document,'script','dataLayer','GTM-KW9B87V3');\"}}],[\"$\",\"$L16\",null,{\"src\":\"https://static.cloudflareinsights.com/beacon.min.js\",\"data-cf-beacon\":\"{\\\"token\\\": \\\"7ceca3b2478f402fbe1337eadbfd7be5\\\"}\",\"strategy\":\"lazyOnload\"}]]]}]]}],\"notFoundStyles\":[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/static/_next/static/css/a6a36d1aa1cf0be5.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/static/_next/static/css/03087f9a458ef881.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/static/_next/static/css/12dd831df1bd69c0.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/static/_next/static/css/bc92af3f4c7304c2.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"4\",{\"rel\":\"stylesheet\",\"href\":\"/static/_next/static/css/02caabbddc598bfb.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]]}]],null],null],\"couldBeIntercepted\":false,\"initialHead\":[null,\"$L11e\"],\"globalErrorComponent\":\"$11f\",\"missingSlots\":\"$W120\"}]\n"])</script><script>self.__next_f.push([1,"121:I[630059,[\"63898\",\"static/chunks/appCommons-6e4ba6ddc71a6cfa.js\",\"45182\",\"static/chunks/45182-4793c91ba6d3f02c.js\",\"96414\",\"static/chunks/96414-eff7ba19fda12b0d.js\",\"24711\",\"static/chunks/24711-5f7e1207b277a341.js\",\"94028\",\"static/chunks/94028-106257d72c11dfae.js\",\"75666\",\"static/chunks/75666-82e9a5dca7f1828e.js\",\"37712\",\"static/chunks/37712-b3afc943d85f41b6.js\",\"97125\",\"static/chunks/97125-80aeafbf1b08e927.js\",\"44033\",\"static/chunks/44033-720551d845ebc349.js\",\"70285\",\"static/chunks/70285-497779ec0ded09a2.js\",\"68539\",\"static/chunks/68539-bad467d23b69d1c5.js\",\"13306\",\"static/chunks/13306-918824f32f42a946.js\",\"28538\",\"static/chunks/28538-0488c9d8457a948e.js\",\"57694\",\"static/chunks/57694-35dfa96448775480.js\",\"2906\",\"static/chunks/2906-0938252dd0486883.js\",\"24413\",\"static/chunks/app/(arabic-routes)/ar/courses/%5BcourseUrlSlug%5D/(lesson-page-group)/layout-9aa13065ea52cef7.js\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"122:{\"5273970234753024\":\"المتغيرات وأنواع البيانات\",\"6017846327246848\":\"الوظائف، ووظائف الأسهم، وعمليات الاسترجاع\",\"6305923234922496\":\"النطاق والإغلاقات\",\"4581745725145088\":\"الكائنات والمصفوفات\",\"6041037351288832\":\"برمجة JavaScript غير المتزامنة\",\"5739113364193280\":\"ميزات JavaScript الحديثة وES6+\",\"5945078084665344\":\"أساسيات DOM لمطوري React\",\"5868141832175616\":\"لماذا React؟\",\"6500630653173760\":\"اختبار: أساسيات JavaScript لـ React\",\"5928243658358784\":\"التحدي: تطبيق قائمة المهام الديناميكية\",\"5858146965127168\":\"الحل: تطبيق قائمة المهام الديناميكية\",\"5488554577100800\":\"ما هو React؟\",\"6178594072428544\":\"فهم بناء جملة JSX\",\"6247557926092800\":\"اختبار: مقدمة إلى React\",\"6456393261776896\":\"الحل: عرض صفحة ملف تعريف ديناميكية\",\"6181952703299584\":\"تمرير الدعائم إلى المكونات\",\"6051602324914176\":\"مقدمة لمكونات React\",\"4910286102724608\":\"اختبار: مكونات React\",\"5921827925131264\":\"التحدي: صفحة قائمة المنتجات\",\"6667336218443776\":\"DOM الافتراضي: قوة React\",\"4905934294220800\":\"عرض عناصر JSX في React\",\"6673045924478976\":\"التحدي: عرض صفحة ملف تعريف ديناميكية\",\"5701484929220608\":\"تنسيق المكونات في React\",\"5507968299040768\":\"التعامل مع الأحداث في مكونات React\",\"6499411167674368\":\"إنشاء مكونات عديمة الجنسية\",\"5156340101414912\":\"الحل: صفحة قائمة المنتجات\",\"5729095163183104\":\"فهم الخطافات في React\",\"6104869133221888\":\"خطاف useState\",\"5287128247697408\":\"خطاف useEffect\",\"4868643176710144\":\"خطاف useContext\",\"4972898575319040\":\"خطاف useRef\",\"5656133819039744\":\"خطاف useMemo\",\"6178221420052480\":\"التحدي: نظام إدارة المخزون مع المواضيع\",\"5371146733486080\":\"دمج useState وuseEffect للتفاعلات الديناميكية\",\"5897860710531072\":\"اختبار: خطافات React\",\"5737584711303168\":\"مقدمة إلى React Router\",\"6093507644489728\":\"تحديد المسارات في React\",\"5631942407356416\":\"التنقل بين الصفحات في React\",\"4645410951266304\":\"التوجيه الديناميكي\",\"6512584699543552\":\"المسارات المتداخلة\",\"6018577343053824\":\"الملاحة البرمجية\",\"6566348831719424\":\"صفحة 404 وطرق البدل\",\"4957694349148160\":\"الحل: نظام إدارة المخزون مع التخصيص\",\"4963327848873984\":\"اختبار: React Router and Navigation\",\"4718935502356480\":\"التحدي: تطبيق مبسط للتجارة الإلكترونية\",\"5308426793385984\":\"الحل: تطبيق التجارة الإلكترونية المبسط\",\"5502136395104256\":\"اختتم رحلتك مع React\",\"4707653546016768\":\"مقدمة عن الدورة\",\"5854688235618304\":\"المرجع كدعامة\",\"5747634531598336\":\"وظائف التنظيف للمراجع\",\"5545132091637760\":\"السياق كمزود\",\"4630939712749568\":\"دعم بيانات التعريف الخاصة بالمستندات\",\"6669534497734656\":\"دعم البرامج النصية غير المتزامنة\",\"5975789901053952\":\"اختبار: تحسينات React 19\"}\n"])</script><script>self.__next_f.push([1,"15:[\"$\",\"$L121\",null,{\"props\":{\"collectionDetailsSSR\":{\"read_time\":11220,\"discounted_price\":29,\"is_priced\":true,\"page_titles\":{\"5273970234753024\":\"المتغيرات وأنواع البيانات\",\"6017846327246848\":\"الوظائف، ووظائف الأسهم، وعمليات الاسترجاع\",\"6305923234922496\":\"النطاق والإغلاقات\",\"4581745725145088\":\"الكائنات والمصفوفات\",\"6041037351288832\":\"برمجة JavaScript غير المتزامنة\",\"5739113364193280\":\"ميزات JavaScript الحديثة وES6+\",\"5945078084665344\":\"أساسيات DOM لمطوري React\",\"5868141832175616\":\"لماذا React؟\",\"6500630653173760\":\"اختبار: أساسيات JavaScript لـ React\",\"5928243658358784\":\"التحدي: تطبيق قائمة المهام الديناميكية\",\"5858146965127168\":\"الحل: تطبيق قائمة المهام الديناميكية\",\"5488554577100800\":\"ما هو React؟\",\"6178594072428544\":\"فهم بناء جملة JSX\",\"6247557926092800\":\"اختبار: مقدمة إلى React\",\"6456393261776896\":\"الحل: عرض صفحة ملف تعريف ديناميكية\",\"6181952703299584\":\"تمرير الدعائم إلى المكونات\",\"6051602324914176\":\"مقدمة لمكونات React\",\"4910286102724608\":\"اختبار: مكونات React\",\"5921827925131264\":\"التحدي: صفحة قائمة المنتجات\",\"6667336218443776\":\"DOM الافتراضي: قوة React\",\"4905934294220800\":\"عرض عناصر JSX في React\",\"6673045924478976\":\"التحدي: عرض صفحة ملف تعريف ديناميكية\",\"5701484929220608\":\"تنسيق المكونات في React\",\"5507968299040768\":\"التعامل مع الأحداث في مكونات React\",\"6499411167674368\":\"إنشاء مكونات عديمة الجنسية\",\"5156340101414912\":\"الحل: صفحة قائمة المنتجات\",\"5729095163183104\":\"فهم الخطافات في React\",\"6104869133221888\":\"خطاف useState\",\"5287128247697408\":\"خطاف useEffect\",\"4868643176710144\":\"خطاف useContext\",\"4972898575319040\":\"خطاف useRef\",\"5656133819039744\":\"خطاف useMemo\",\"6178221420052480\":\"التحدي: نظام إدارة المخزون مع المواضيع\",\"5371146733486080\":\"دمج useState وuseEffect للتفاعلات الديناميكية\",\"5897860710531072\":\"اختبار: خطافات React\",\"5737584711303168\":\"مقدمة إلى React Router\",\"6093507644489728\":\"تحديد المسارات في React\",\"5631942407356416\":\"التنقل بين الصفحات في React\",\"4645410951266304\":\"التوجيه الديناميكي\",\"6512584699543552\":\"المسارات المتداخلة\",\"6018577343053824\":\"الملاحة البرمجية\",\"6566348831719424\":\"صفحة 404 وطرق البدل\",\"4957694349148160\":\"الحل: نظام إدارة المخزون مع التخصيص\",\"4963327848873984\":\"اختبار: React Router and Navigation\",\"4718935502356480\":\"التحدي: تطبيق مبسط للتجارة الإلكترونية\",\"5308426793385984\":\"الحل: تطبيق التجارة الإلكترونية المبسط\",\"5502136395104256\":\"اختتم رحلتك مع React\",\"4707653546016768\":\"مقدمة عن الدورة\",\"5854688235618304\":\"المرجع كدعامة\",\"5747634531598336\":\"وظائف التنظيف للمراجع\",\"5545132091637760\":\"السياق كمزود\",\"4630939712749568\":\"دعم بيانات التعريف الخاصة بالمستندات\",\"6669534497734656\":\"دعم البرامج النصية غير المتزامنة\",\"5975789901053952\":\"اختبار: تحسينات React 19\"},\"price\":29,\"title\":\"تعلم React\",\"toc\":{\"categories\":[{\"id\":\"esrl1ixf4\",\"title\":\"قبل أن نبدأ\",\"pages\":[{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":4707653546016768,\"id\":4707653546016768,\"title\":\"مقدمة عن الدورة\",\"is_preview\":true,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"introduction-to-the-course\",\"title_arabic\":\"مقدمة عن الدورة\",\"summary\":\"$undefined\"}],\"editMode\":false,\"type\":\"COLLECTION_CATEGORY\",\"summary\":\"يقدم هذا الفصل مقدمة عن الدورة، ويوضح أهدافها وبنيتها ونصائح عملية لتحقيق النجاح في رحلة تعلم React.\",\"title_arabic\":\"قبل أن نبدأ\",\"summary_arabic\":\"يقدم هذا الفصل مقدمة عن الدورة، ويوضح أهدافها وبنيتها ونصائح عملية لتحقيق النجاح في رحلة تعلم React.\"},{\"id\":\"ujnr6xcd1\",\"title\":\"JavaScript لـ React— مراجعة سريعة\",\"pages\":[{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5273970234753024,\"id\":5273970234753024,\"title\":\"المتغيرات وأنواع البيانات\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"variables-and-data-types\",\"title_arabic\":\"المتغيرات وأنواع البيانات\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":6017846327246848,\"id\":6017846327246848,\"title\":\"الوظائف، ووظائف الأسهم، وعمليات الاسترجاع\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"functions-arrow-functions-and-callbacks\",\"title_arabic\":\"الوظائف، ووظائف الأسهم، وعمليات الاسترجاع\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":6305923234922496,\"id\":6305923234922496,\"title\":\"النطاق والإغلاقات\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"scope-and-closures\",\"title_arabic\":\"النطاق والإغلاقات\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":4581745725145088,\"id\":4581745725145088,\"title\":\"الكائنات والمصفوفات\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"objects-and-arrays\",\"title_arabic\":\"الكائنات والمصفوفات\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":6041037351288832,\"id\":6041037351288832,\"title\":\"برمجة JavaScript غير المتزامنة\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"javascript-asynchronous-programming\",\"title_arabic\":\"برمجة JavaScript غير المتزامنة\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5739113364193280,\"id\":5739113364193280,\"title\":\"ميزات JavaScript الحديثة وES6+\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"modern-javascript-and-es6-features\",\"title_arabic\":\"ميزات JavaScript الحديثة وES6+\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5945078084665344,\"id\":5945078084665344,\"title\":\"أساسيات DOM لمطوري React\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"dom-essentials-for-react-developers\",\"title_arabic\":\"أساسيات DOM لمطوري React\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":6500630653173760,\"id\":6500630653173760,\"title\":\"اختبار: أساسيات JavaScript لـ React\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"quiz-javascript-fundamentals-for-react\",\"title_arabic\":\"اختبار: أساسيات JavaScript لـ React\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5928243658358784,\"id\":5928243658358784,\"title\":\"التحدي: تطبيق قائمة المهام الديناميكية\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"challenge-dynamic-to-do-list-application\",\"title_arabic\":\"التحدي: تطبيق قائمة المهام الديناميكية\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5858146965127168,\"id\":5858146965127168,\"title\":\"الحل: تطبيق قائمة المهام الديناميكية\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"solution-dynamic-to-do-list-application\",\"title_arabic\":\"الحل: تطبيق قائمة المهام الديناميكية\",\"summary\":\"$undefined\"}],\"editMode\":false,\"type\":\"COLLECTION_CATEGORY\",\"summary\":\"قم بمراجعة أساسيات JavaScript وميزات ES6+ الحديثة وأساسيات DOM لبناء أساس قوي لتطوير React في هذا الفصل.\",\"title_arabic\":\"JavaScript لـ React— مراجعة سريعة\",\"summary_arabic\":\"قم بمراجعة أساسيات JavaScript وميزات ES6+ الحديثة وأساسيات DOM لبناء أساس قوي لتطوير React في هذا الفصل.\"},{\"id\":\"ef9l58b69\",\"title\":\"مقدمة إلى React\",\"pages\":[{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5868141832175616,\"id\":5868141832175616,\"title\":\"لماذا React؟\",\"is_preview\":true,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"why-react\",\"title_arabic\":\"لماذا React؟\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5488554577100800,\"id\":5488554577100800,\"title\":\"ما هو React؟\",\"is_preview\":true,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"what-is-react\",\"title_arabic\":\"ما هو React؟\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":6667336218443776,\"id\":6667336218443776,\"title\":\"DOM الافتراضي: قوة React\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"virtual-dom-the-power-of-react\",\"title_arabic\":\"DOM الافتراضي: قوة React\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":6178594072428544,\"id\":6178594072428544,\"title\":\"فهم بناء جملة JSX\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"understanding-jsx-syntax\",\"title_arabic\":\"فهم بناء جملة JSX\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":4905934294220800,\"id\":4905934294220800,\"title\":\"عرض عناصر JSX في React\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"rendering-jsx-elements-in-react\",\"title_arabic\":\"عرض عناصر JSX في React\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":6247557926092800,\"id\":6247557926092800,\"title\":\"اختبار: مقدمة إلى React\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"quiz-introduction-to-react\",\"title_arabic\":\"اختبار: مقدمة إلى React\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":6673045924478976,\"id\":6673045924478976,\"title\":\"التحدي: عرض صفحة ملف تعريف ديناميكية\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"challenge-displaying-a-dynamic-profile-page\",\"title_arabic\":\"التحدي: عرض صفحة ملف تعريف ديناميكية\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":6456393261776896,\"id\":6456393261776896,\"title\":\"الحل: عرض صفحة ملف تعريف ديناميكية\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"solution-displaying-a-dynamic-profile-page\",\"title_arabic\":\"الحل: عرض صفحة ملف تعريف ديناميكية\",\"summary\":\"$undefined\"}],\"editMode\":false,\"type\":\"COLLECTION_CATEGORY\",\"summary\":\"استكشف React وفوائده، وقواعد لغة JSX، وDOM الافتراضية، وكيفية عرض العناصر الديناميكية، ووضع الأساس لتطوير React.\",\"title_arabic\":\"مقدمة إلى React\",\"summary_arabic\":\"استكشف React وفوائده، وقواعد لغة JSX، وDOM الافتراضية، وكيفية عرض العناصر الديناميكية، ووضع الأساس لتطوير React.\"},{\"id\":\"i2alfs5hh\",\"title\":\"مكونات React\",\"pages\":[{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":6051602324914176,\"id\":6051602324914176,\"title\":\"مقدمة لمكونات React\",\"is_preview\":true,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"introduction-to-react-components\",\"title_arabic\":\"مقدمة إلى مكونات React\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":6181952703299584,\"id\":6181952703299584,\"title\":\"تمرير الدعائم إلى المكونات\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"passing-props-to-components\",\"title_arabic\":\"تمرير الدعائم إلى المكونات\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5701484929220608,\"id\":5701484929220608,\"title\":\"تنسيق المكونات في React\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"styling-components-in-react\",\"title_arabic\":\"تنسيق المكونات في React\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5507968299040768,\"id\":5507968299040768,\"title\":\"التعامل مع الأحداث في مكونات React\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"handling-events-in-react-components\",\"title_arabic\":\"التعامل مع الأحداث في مكونات React\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":6499411167674368,\"id\":6499411167674368,\"title\":\"إنشاء مكونات عديمة الجنسية\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"creating-stateless-components\",\"title_arabic\":\"إنشاء مكونات عديمة الجنسية\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":4910286102724608,\"id\":4910286102724608,\"title\":\"اختبار: مكونات React\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"quiz-react-components\",\"title_arabic\":\"اختبار: مكونات React\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5921827925131264,\"id\":5921827925131264,\"title\":\"التحدي: صفحة قائمة المنتجات\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"challenge-product-listing-page\",\"title_arabic\":\"التحدي: صفحة قائمة المنتجات\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5156340101414912,\"id\":5156340101414912,\"title\":\"الحل: صفحة قائمة المنتجات\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"solution-product-listing-page\",\"title_arabic\":\"الحل: صفحة قائمة المنتجات\",\"summary\":\"$undefined\"}],\"editMode\":false,\"type\":\"COLLECTION_CATEGORY\",\"summary\":\"انغمس في مكونات React لبناء واجهات مستخدم ديناميكية مع الدعائم، ومعالجة الأحداث، وتنسيق المكونات، وإنشاء مكون عديم الحالة قابل لإعادة الاستخدام.\",\"title_arabic\":\"مكونات React\",\"summary_arabic\":\"انغمس في مكونات React لبناء واجهات مستخدم ديناميكية مع الدعائم، ومعالجة الأحداث، وتنسيق المكونات، وإنشاء مكون عديم الحالة قابل لإعادة الاستخدام.\"},{\"id\":\"0f6re3c65\",\"title\":\"الخطافات: إدارة الحالات والتأثيرات في مكونات React\",\"pages\":[{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5729095163183104,\"id\":5729095163183104,\"title\":\"فهم الخطافات في React\",\"is_preview\":true,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"understanding-hooks-in-react\",\"title_arabic\":\"فهم الخطافات في React\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":6104869133221888,\"id\":6104869133221888,\"title\":\"خطاف useState\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"the-usestate-hook\",\"title_arabic\":\"خطاف useState\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5287128247697408,\"id\":5287128247697408,\"title\":\"خطاف useEffect\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"the-useeffect-hook\",\"title_arabic\":\"خطاف useEffect\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5371146733486080,\"id\":5371146733486080,\"title\":\"دمج useState وuseEffect للتفاعلات الديناميكية\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"combining-usestate-and-useeffect-for-dynamic-interactions\",\"title_arabic\":\"دمج useState وuseEffect للتفاعلات الديناميكية\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":4868643176710144,\"id\":4868643176710144,\"title\":\"خطاف useContext\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"the-usecontext-hook\",\"title_arabic\":\"خطاف useContext\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":4972898575319040,\"id\":4972898575319040,\"title\":\"خطاف useRef\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"the-useref-hook\",\"title_arabic\":\"خطاف useRef\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5656133819039744,\"id\":5656133819039744,\"title\":\"خطاف useMemo\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"the-usememo-hook\",\"title_arabic\":\"خطاف useMemo\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5897860710531072,\"id\":5897860710531072,\"title\":\"اختبار: خطافات React\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"quiz-react-hooks\",\"title_arabic\":\"اختبار: خطافات React\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":6178221420052480,\"id\":6178221420052480,\"title\":\"التحدي: نظام إدارة المخزون مع المواضيع\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"challenge-inventory-management-system-with-theming\",\"title_arabic\":\"التحدي: نظام إدارة المخزون مع المواضيع\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":4957694349148160,\"id\":4957694349148160,\"title\":\"الحل: نظام إدارة المخزون مع التخصيص\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"solution-inventory-management-system-with-theming\",\"title_arabic\":\"الحل: نظام إدارة المخزون مع التخصيص\",\"summary\":\"$undefined\"}],\"editMode\":false,\"type\":\"COLLECTION_CATEGORY\",\"summary\":\"استكشف React Hooks مثل useState، وuseEffect، وuseContext، وuseMemo لإدارة الحالة، ومعالجة الآثار الجانبية، وتحسين الأداء.\",\"title_arabic\":\"الخطافات: إدارة الحالات والتأثيرات في مكونات React\",\"summary_arabic\":\"استكشف React Hooks مثل useState، وuseEffect، وuseContext، وuseMemo لإدارة الحالة، ومعالجة الآثار الجانبية، وتحسين الأداء.\"},{\"id\":\"92gj81d18\",\"title\":\"React Router والتنقلات\",\"pages\":[{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5737584711303168,\"id\":5737584711303168,\"title\":\"مقدمة إلى React Router\",\"is_preview\":true,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"introduction-to-react-router\",\"title_arabic\":\"مقدمة إلى React Router\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":6093507644489728,\"id\":6093507644489728,\"title\":\"تحديد المسارات في React\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"defining-routes-in-react\",\"title_arabic\":\"تحديد المسارات في React\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5631942407356416,\"id\":5631942407356416,\"title\":\"التنقل بين الصفحات في React\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"navigating-between-pages-in-react\",\"title_arabic\":\"التنقل بين الصفحات في React\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":4645410951266304,\"id\":4645410951266304,\"title\":\"التوجيه الديناميكي\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"dynamic-routing\",\"title_arabic\":\"التوجيه الديناميكي\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":6512584699543552,\"id\":6512584699543552,\"title\":\"المسارات المتداخلة\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"nested-routes\",\"title_arabic\":\"المسارات المتداخلة\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":6566348831719424,\"id\":6566348831719424,\"title\":\"صفحة 404 وطرق البدل\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"404-page-and-wildcard-routes\",\"title_arabic\":\"صفحة 404 وطرق البدل\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":6018577343053824,\"id\":6018577343053824,\"title\":\"الملاحة البرمجية\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"programmatic-navigation\",\"title_arabic\":\"الملاحة البرمجية\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":4963327848873984,\"id\":4963327848873984,\"title\":\"اختبار: React Router and Navigation\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"quiz-react-router-and-navigation\",\"title_arabic\":\"اختبار: React Router and Navigation\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":4718935502356480,\"id\":4718935502356480,\"title\":\"التحدي: تطبيق مبسط للتجارة الإلكترونية\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"challenge-simplified-e-commerce-application\",\"title_arabic\":\"التحدي: تطبيق مبسط للتجارة الإلكترونية\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5308426793385984,\"id\":5308426793385984,\"title\":\"الحل: تطبيق التجارة الإلكترونية المبسط\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"solution-simplified-e-commerce-application\",\"title_arabic\":\"الحل: تطبيق التجارة الإلكترونية المبسط\",\"summary\":\"$undefined\"}],\"editMode\":false,\"type\":\"COLLECTION_CATEGORY\",\"summary\":\"تعرف على أساسيات React Router، بما في ذلك تحديد المسارات، والتنقل الديناميكي، والمسارات المتداخلة، ومعالجة صفحات 404 لإنشاء تطبيقات الصفحة الواحدة (SPA) سلسة.\",\"title_arabic\":\"React Router والتنقلات\",\"summary_arabic\":\"تعرف على أساسيات React Router، بما في ذلك تحديد المسارات، والتنقل الديناميكي، والمسارات المتداخلة، ومعالجة صفحات 404 لإنشاء تطبيقات الصفحة الواحدة (SPA) سلسة.\"},{\"id\":\"flufhar0h\",\"title\":\"تحسينات جديدة في React 19\",\"pages\":[{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5854688235618304,\"id\":5854688235618304,\"title\":\"المرجع كدعامة\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"ref-as-a-prop\",\"title_arabic\":\"المرجع كدعامة\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5747634531598336,\"id\":5747634531598336,\"title\":\"وظائف التنظيف للمراجع\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"cleanup-functions-for-refs\",\"title_arabic\":\"وظائف التنظيف للمراجع\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5545132091637760,\"id\":5545132091637760,\"title\":\"السياق كمزود\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"context-as-a-provider\",\"title_arabic\":\"السياق كمزود\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":4630939712749568,\"id\":4630939712749568,\"title\":\"دعم بيانات التعريف الخاصة بالمستندات\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"support-for-document-metadata\",\"title_arabic\":\"دعم بيانات التعريف الخاصة بالمستندات\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":6669534497734656,\"id\":6669534497734656,\"title\":\"دعم البرامج النصية غير المتزامنة\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"support-for-async-scripts\",\"title_arabic\":\"دعم البرامج النصية غير المتزامنة\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5975789901053952,\"id\":5975789901053952,\"title\":\"اختبار: تحسينات React 19\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"quiz-react-19-improvements\",\"title_arabic\":\"اختبار: تحسينات React 19\",\"summary\":\"$undefined\"}],\"editMode\":false,\"type\":\"COLLECTION_CATEGORY\",\"summary\":\"استكشف تحسينات React 19 للمراجع والسياق والبيانات الوصفية والبرامج النصية غير المتزامنة.\",\"title_arabic\":\"تحسينات جديدة في React 19\",\"summary_arabic\":\"استكشف تحسينات React 19 للمراجع والسياق والبيانات الوصفية والبرامج النصية غير المتزامنة.\"},{\"id\":\"nvarlwcx9\",\"title\":\"خاتمة\",\"pages\":[{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5502136395104256,\"id\":5502136395104256,\"title\":\"اختتم رحلتك مع React\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"conclude-your-react-journey\",\"title_arabic\":\"اختتم رحلتك مع React\",\"summary\":\"$undefined\"}],\"editMode\":false,\"type\":\"COLLECTION_CATEGORY\",\"summary\":\"اختتم الدورة التدريبية من خلال تلخيص مفاهيم React، وتقديم الخطوات العملية التالية، وإلهام المتعلمين لبناء تطبيقات ويب ديناميكية.\",\"title_arabic\":\"خاتمة\",\"summary_arabic\":\"اختتم الدورة التدريبية من خلال تلخيص مفاهيم React، وتقديم الخطوات العملية التالية، وإلهام المتعلمين لبناء تطبيقات ويب ديناميكية.\"},{\"page_id\":6336975150645248,\"id\":5167979390959616,\"title\":\"Build a Doctor Appointment Booking System Using the MERN Stack\",\"pages\":[],\"editMode\":false,\"type\":\"PATH_EXTERNAL_PROJECT\",\"author_id\":10370001,\"collection_id\":6135215312207872,\"is_required\":false,\"detail_id\":\"project_10370001_6135215312207872_6336975150645248\",\"title_arabic\":\"إنشاء نظام حجز مواعيد الطبيب باستخدام حزمة MERN\",\"summary\":\"$undefined\",\"cover_image_serving_url\":null,\"collection_read_time\":0,\"page_count\":0,\"brief_summary\":null,\"course_url_slug\":null,\"assessments_keys\":[],\"projects_keys\":[],\"optional_lessons\":[],\"time_limit\":null}]},\"arabic_available\":true},\"enableLessonPageLockedBannerV2\":true,\"lockedBannerStatsSSR\":{\"b2cTrialStats\":{\"is_b2c_trial_active\":true,\"b2c_trial_active_duration\":7,\"b2c_trial_categories\":[\"become-a-developer\",\"grow-my-skillset\",\"learn-to-code\"]},\"learnerTags\":[\"become-a-developer\",\"javascript\",\"front-end-development\",\"reactive-programming\",\"uiux\",\"react\",\"react-hooks\",\"react-router\"],\"b2cStatus\":100,\"inL2cStarterPack\":false},\"requestUrlInfo\":{\"authorId\":\"10370001\",\"collectionId\":\"4823099470381056\",\"courseUrlSlug\":\"learn-react\"},\"pageTags\":{\"5273970234753024\":\"\",\"6017846327246848\":\"\",\"6305923234922496\":\"\",\"4581745725145088\":\"\",\"6041037351288832\":\"\",\"5739113364193280\":\"\",\"5945078084665344\":\"\",\"5868141832175616\":\"\",\"6500630653173760\":\"\",\"5928243658358784\":\"\",\"5858146965127168\":\"\",\"5488554577100800\":\"\",\"6178594072428544\":\"\",\"6247557926092800\":\"\",\"6456393261776896\":\"\",\"6181952703299584\":\"\",\"6051602324914176\":\"\",\"4910286102724608\":\"\",\"5921827925131264\":\"\",\"6667336218443776\":\"\",\"4905934294220800\":\"\",\"6673045924478976\":\"\",\"5701484929220608\":\"\",\"5507968299040768\":\"\",\"6499411167674368\":\"\",\"5156340101414912\":\"\",\"5729095163183104\":\"\",\"6104869133221888\":\"\",\"5287128247697408\":\"\",\"4868643176710144\":\"\",\"4972898575319040\":\"\",\"5656133819039744\":\"\",\"6178221420052480\":\"\",\"5371146733486080\":\"\",\"5897860710531072\":\"\",\"5737584711303168\":\"\",\"6093507644489728\":\"\",\"5631942407356416\":\"\",\"4645410951266304\":\"\",\"6512584699543552\":\"\",\"6018577343053824\":\"\",\"6566348831719424\":\"\",\"4957694349148160\":\"\",\"4963327848873984\":\"\",\"4718935502356480\":\"\",\"5308426793385984\":\"\",\"5502136395104256\":\"\",\"4707653546016768\":\"\",\"5854688235618304\":\"\",\"5747634531598336\":\"\",\"5545132091637760\":\"\",\"4630939712749568\":\"\",\"6669534497734656\":\"\",\"5975789901053952\":\"\"},\"pageTitles\":\"$122\",\"isMarkedForDeletion\":false,\"metadataStatus\":101,\"isArabic\":true},\"params\":{\"courseUrlSlug\":\"learn-react\"},\"children\":[\"$\",\"$L11\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(arabic-routes)\",\"children\",\"ar\",\"children\",\"courses\",\"children\",\"$12\",\"children\",\"(lesson-page-group)\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L14\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]}]\n"])</script><script>self.__next_f.push([1,"11e:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"2\",{\"children\":\"تعلم React\"}],[\"$\",\"meta\",\"3\",{\"name\":\"description\",\"content\":\"أتقن كيفية بناء واجهات المستخدم الحديثة مع React. من لوحات المعلومات إلى تطبيقات الأجهزة المحمولة، يُعد React أساس العديد من أكثر واجهات المستخدم قابلية للتطوير اليوم. تُعلّم هذه الدورة React من خلال أمثلة عملية وتحديات عملية، مما يساعدك بناء أساس متين في تقنيات التطوير العملية. ستتجاوز بناء الجمل النحوية لفهم كيفية تحديث React لـ DOM، وإدارة الحالة، والتعامل مع تفاعل المستخدم. ابنِ مكونات يمكنك إعادة استخدامها. تعلّم JSX، والخطافات، والتوجيه، والميزات الجديدة في React 19 التي تُحسّن الأداء وتُبسّط الكود. سواء كنت تُنشئ تطبيق React الأول الخاص بك أو تُحسّن واجهة فريقك الأمامية، تُزوّدك هذه الدورة بالهيكل والأمثلة والمهارات اللازمة للقيام بذلك على النحو الصحيح.\"}],[\"$\",\"meta\",\"4\",{\"name\":\"keywords\",\"content\":\"become-a-developer,javascript,front-end-development,reactive-programming,uiux,react,react-hooks,react-router\"}],[\"$\",\"meta\",\"5\",{\"name\":\"robots\",\"content\":\"noindex, follow\"}],[\"$\",\"link\",\"6\",{\"rel\":\"canonical\",\"href\":\"https://www.educative.io/ar/courses/learn-react/support-for-document-metadata\"}],[\"$\",\"link\",\"7\",{\"rel\":\"alternate\",\"hrefLang\":\"en\",\"href\":\"https://www.educative.io/courses/learn-react/support-for-document-metadata\"}],[\"$\",\"link\",\"8\",{\"rel\":\"alternate\",\"hrefLang\":\"ar\",\"href\":\"https://www.educative.io/ar/courses/learn-react/support-for-document-metadata\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:title\",\"content\":\"تعلم React\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:description\",\"content\":\"أتقن كيفية بناء واجهات المستخدم الحديثة مع React. من لوحات المعلومات إلى تطبيقات الأجهزة المحمولة، يُعد React أساس العديد من أكثر واجهات المستخدم قابلية للتطوير اليوم. تُعلّم هذه الدورة React من خلال أمثلة عملية وتحديات عملية، مما يساعدك بناء أساس متين في تقنيات التطوير العملية. ستتجاوز بناء الجمل النحوية لفهم كيفية تحديث React لـ DOM، وإدارة الحالة، والتعامل مع تفاعل المستخدم. ابنِ مكونات يمكنك إعادة استخدامها. تعلّم JSX، والخطافات، والتوجيه، والميزات الجديدة في React 19 التي تُحسّن الأداء وتُبسّط الكود. سواء كنت تُنشئ تطبيق React الأول الخاص بك أو تُحسّن واجهة فريقك الأمامية، تُزوّدك هذه الدورة بالهيكل والأمثلة والمهارات اللازمة للقيام بذلك على النحو الصحيح.\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:url\",\"content\":\"/ar/courses/learn-react/support-for-document-metadata\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:image\",\"content\":\"https://educative.io/api/collection/10370001/4823099470381056/image/5035708774744064.png\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:image:width\",\"content\":\"1296\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:image:height\",\"content\":\"1295\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:image:alt\",\"content\":\"Page Logo\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:title\",\"content\":\"تعلم React\"}],[\"$\",\"meta\",\"18\",{\"name\":\"twitter:description\",\"content\":\"أتقن كيفية بناء واجهات المستخدم الحديثة مع React. من لوحات المعلومات إلى تطبيقات الأجهزة المحمولة، يُعد React أساس العديد من أكثر واجهات المستخدم قابلية للتطوير اليوم. تُعلّم هذه الدورة React من خلال أمثلة عملية وتحديات عملية، مما يساعدك بناء أساس متين في تقنيات التطوير العملية. ستتجاوز بناء الجمل النحوية لفهم كيفية تحديث React لـ DOM، وإدارة الحالة، والتعامل مع تفاعل المستخدم. ابنِ مكونات يمكنك إعادة استخدامها. تعلّم JSX، والخطافات، والتوجيه، والميزات الجديدة في React 19 التي تُحسّن الأداء وتُبسّط الكود. سواء كنت تُنشئ تطبيق React الأول الخاص بك أو تُحسّن واجهة فريقك الأمامية، تُزوّدك هذه الدورة بالهيكل والأمثلة والمهارات اللازمة للقيام بذلك على النحو الصحيح.\"}],[\"$\",\"meta\",\"19\",{\"name\":\"twitter:image\",\"content\":\"https://educative.io/api/collection/10370001/4823099470381056/image/5035708774744064.png\"}],[\"$\",\"meta\",\"20\",{\"name\":\"next-size-adjust\"}]]\n"])</script><script>self.__next_f.push([1,"f:null\n"])</script><script>self.__next_f.push([1,"123:I[704337,[\"63898\",\"static/chunks/appCommons-6e4ba6ddc71a6cfa.js\",\"58296\",\"static/chunks/db956b01-bcb2027c4405347a.js\",\"6355\",\"static/chunks/44dd07c6-2b28e7c3977ea7c3.js\",\"69455\",\"static/chunks/69455-d792fb80240f8d93.js\",\"33625\",\"static/chunks/33625-e7342b27c6787096.js\",\"45182\",\"static/chunks/45182-4793c91ba6d3f02c.js\",\"96414\",\"static/chunks/96414-eff7ba19fda12b0d.js\",\"25641\",\"static/chunks/25641-d66ca23862cf75f7.js\",\"94028\",\"static/chunks/94028-106257d72c11dfae.js\",\"75666\",\"static/chunks/75666-82e9a5dca7f1828e.js\",\"93033\",\"static/chunks/93033-5acd503568a76a8b.js\",\"37712\",\"static/chunks/37712-b3afc943d85f41b6.js\",\"61853\",\"static/chunks/61853-b90416245f4d989e.js\",\"77548\",\"static/chunks/77548-979c3f59c280e99c.js\",\"37745\",\"static/chunks/37745-a9c16fd58256dd6b.js\",\"44033\",\"static/chunks/44033-720551d845ebc349.js\",\"56180\",\"static/chunks/56180-0fa1725c981e3ca8.js\",\"68539\",\"static/chunks/68539-bad467d23b69d1c5.js\",\"69395\",\"static/chunks/69395-b1e1267b92ff1855.js\",\"4354\",\"static/chunks/4354-735a91025d004087.js\",\"13306\",\"static/chunks/13306-918824f32f42a946.js\",\"4150\",\"static/chunks/4150-1b85e2415f4da87e.js\",\"28538\",\"static/chunks/28538-0488c9d8457a948e.js\",\"41880\",\"static/chunks/41880-a05d19232fcabf7b.js\",\"64997\",\"static/chunks/64997-af7e24489adb729f.js\",\"29112\",\"static/chunks/app/(arabic-routes)/ar/courses/%5BcourseUrlSlug%5D/(lesson-page-group)/%5BpageUrlSlug%5D/page-46f998a984a1e954.js\"],\"default\"]\n124:T7ec,\u003cp id=\"nHqYwRW6eJxZkLAWu1R_V\" style=\";text-align:right;direction:rtl\"\u003eفي تطبيقات الويب التقليدية، تُحفظ البيانات الوصفية، مثل عنوان الصفحة ووصفها ووسوم Open Graph، في عنصر \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003e\u003chead\u003e\u003c/code\u003e في HTML. أما في تطبيقات React أحادية الصفحة (SPAs)، فيجب أن تكون هذه القيم \u003cem\u003eديناميكية\u003c/em\u003e أثناء تنقل المستخدم بين مختلف العروض.\u003c/p\u003e\u003cp style=\";text-align:right;direction:rtl\"\u003e قبل إصدار R"])</script><script>self.__next_f.push([1,"eact 19، كان تحديث البيانات الوصفية في React يعني استخدام \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003edocument.title\u003c/code\u003e أو الاعتماد على مكتبات خارجية مثل \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003ereact-helmet\u003c/code\u003e . أضافت هذه الأساليب قوالب جاهزة وأبعدت التأثيرات الجانبية عن JSX حيث تُعرّف واجهة المستخدم. يُقدّم React 19 نقلة نوعية: يُمكننا الآن الإعلان عن وسوم البيانات الوصفية - مثل \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003e\u003ctitle\u003e\u003c/code\u003e و \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003e\u003cmeta\u003e\u003c/code\u003e و \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003e\u003clink\u003e\u003c/code\u003e - مباشرةً في JSX.\u003c/p\u003e\u003ch2 id=\"Ej875xdk1CqR_hzvlZ6jn\" style=\";text-align:right;direction:rtl\"\u003e تحديثات البيانات الوصفية اليدوية\u003c/h2\u003e\u003cp id=\"itCJwQeG7S3CBntCP3IEs\" style=\";text-align:right;direction:rtl\"\u003e قبل React 19، كانت الطريقة الأكثر شيوعًا لتغيير البيانات الوصفية هي التلاعب بالمستند داخل \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003euseEffect\u003c/code\u003e .\u003c/p\u003e125:T7ec,\u003cp id=\"nHqYwRW6eJxZkLAWu1R_V\" style=\";text-align:right;direction:rtl\"\u003eفي تطبيقات الويب التقليدية، تُحفظ البيانات الوصفية، مثل عنوان الصفحة ووصفها ووسوم Open Graph، في عنصر \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003e\u003chead\u003e\u003c/code\u003e في HTML. أما في تطبيقات React أحادية الصفحة (SPAs)، فيجب أن تكون هذه القيم \u003cem\u003eديناميكية\u003c/em\u003e أثناء تنقل المستخدم بين مختلف العروض.\u003c/p\u003e\u003cp style=\";text-align:right;direction:rtl\"\u003e قبل إصدار React 19، "])</script><script>self.__next_f.push([1,"كان تحديث البيانات الوصفية في React يعني استخدام \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003edocument.title\u003c/code\u003e أو الاعتماد على مكتبات خارجية مثل \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003ereact-helmet\u003c/code\u003e . أضافت هذه الأساليب قوالب جاهزة وأبعدت التأثيرات الجانبية عن JSX حيث تُعرّف واجهة المستخدم. يُقدّم React 19 نقلة نوعية: يُمكننا الآن الإعلان عن وسوم البيانات الوصفية - مثل \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003e\u003ctitle\u003e\u003c/code\u003e و \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003e\u003cmeta\u003e\u003c/code\u003e و \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003e\u003clink\u003e\u003c/code\u003e - مباشرةً في JSX.\u003c/p\u003e\u003ch2 id=\"Ej875xdk1CqR_hzvlZ6jn\" style=\";text-align:right;direction:rtl\"\u003e تحديثات البيانات الوصفية اليدوية\u003c/h2\u003e\u003cp id=\"itCJwQeG7S3CBntCP3IEs\" style=\";text-align:right;direction:rtl\"\u003e قبل React 19، كانت الطريقة الأكثر شيوعًا لتغيير البيانات الوصفية هي التلاعب بالمستند داخل \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003euseEffect\u003c/code\u003e .\u003c/p\u003e126:T87b,"])</script><script>self.__next_f.push([1,"\u003cul id=\"TiOwkcgM-jBnQulFq_GWH\" style=\";text-align:right;direction:rtl\"\u003e\u003cli id=\"yB-hfdiV3Ph39-9uEUH-C\" style=\";text-align:right;direction:rtl\"\u003e\u003cp style=\";text-align:right;direction:rtl\"\u003e\u003cstrong\u003eالأسطر 4-6:\u003c/strong\u003e يستخدم خطاف \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003euseEffect\u003c/code\u003e لتعيين عنوان المستند إلى \"حولنا\" عند تحميل مكون \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003eAboutPage\u003c/code\u003e .\u003c/p\u003e\u003c/li\u003e\u003cli id=\"o3p3MLBIPVleBwPcIorEE\" style=\";text-align:right;direction:rtl\"\u003e\u003cp style=\";text-align:right;direction:rtl\"\u003e \u003cstrong\u003eالسطر 8:\u003c/strong\u003e يقوم بإرجاع وعرض عنصر العنوان كواجهة مستخدم للمكون.\u003c/p\u003e\u003c/li\u003e\u003cli id=\"Bfdly_Lk2jACZ747nJV63\" style=\";text-align:right;direction:rtl\"\u003e\u003cp style=\";text-align:right;direction:rtl\"\u003e \u003cstrong\u003eالأسطر 11–13:\u003c/strong\u003e يقوم بعرض مكون \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003eAboutPage\u003c/code\u003e من خلال مكون \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003eApp\u003c/code\u003e ، والذي سيتم في النهاية تثبيته في DOM بواسطة React.\u003c/p\u003e\u003c/li\u003e\u003c/ul\u003e\u003cp id=\"YqBLHhZE4eVjG3rLjBD7I\" style=\";text-align:right;direction:rtl\"\u003e يعمل هذا النهج، ولكنه ضروري (يعتمد على \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003euseEffect\u003c/code\u003e ) ومنفصل عن بنية JSX للمكون.\u003c/p\u003e\u003ch2 id=\"Uz3KdYqkpCGbA_EOw_1YH\" style=\";text-align:right;direction:rtl\"\u003e التعامل مع بيانات تعريف المستندات في React 19\u003c/h2\u003e\u003cp id=\"eT30g7npFzih4JDBr9J2T\" style=\";text-align:right;direction:rtl\"\u003e يجعل React 19 إدارة البيانات الوصفية \u003cem\u003eتصريحية\u003c/em\u003e . يمكننا الآن وضع وسوم قياسية مثل \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003e\u003ctitle\u003e\u003c/code\u003e و \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003e\u003cmeta\u003e\u003c/code\u003e مباشرةً في JSX، وسيتولى React إدراجها في رأس HTML تلقائيًا.\u003c/p\u003e"])</script><script>self.__next_f.push([1,"127:T7ec,\u003cp id=\"nHqYwRW6eJxZkLAWu1R_V\" style=\";text-align:right;direction:rtl\"\u003eفي تطبيقات الويب التقليدية، تُحفظ البيانات الوصفية، مثل عنوان الصفحة ووصفها ووسوم Open Graph، في عنصر \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003e\u003chead\u003e\u003c/code\u003e في HTML. أما في تطبيقات React أحادية الصفحة (SPAs)، فيجب أن تكون هذه القيم \u003cem\u003eديناميكية\u003c/em\u003e أثناء تنقل المستخدم بين مختلف العروض.\u003c/p\u003e\u003cp style=\";text-align:right;direction:rtl\"\u003e قبل إصدار React 19، كان تحديث البيانات الوصفية في React يعني استخدام \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003edocument.title\u003c/code\u003e أو الاعتماد على مكتبات خارجية مثل \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003ereact-helmet\u003c/code\u003e . أضافت هذه الأساليب قوالب جاهزة وأبعدت التأثيرات الجانبية عن JSX حيث تُعرّف واجهة المستخدم. يُقدّم React 19 نقلة نوعية: يُمكننا الآن الإعلان عن وسوم البيانات الوصفية - مثل \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003e\u003ctitle\u003e\u003c/code\u003e و \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003e\u003cmeta\u003e\u003c/code\u003e و \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003e\u003clink\u003e\u003c/code\u003e - مباشرةً في JSX.\u003c/p\u003e\u003ch2 id=\"Ej875xdk1CqR_hzvlZ6jn\" style=\";text-align:right;direction:rtl\"\u003e تحديثات البيانات الوصفية اليدوية\u003c/h2\u003e\u003cp id=\"itCJwQeG7S3CBntCP3IEs\" style=\";text-align:right;direction:rtl\"\u003e قبل React 19، كانت الطريقة الأكثر شيوعًا لتغيير البيانات الوصفية هي التلاعب بالمستند داخل \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003euseEffect\u003c/code\u003e .\u003c/p\u003e128:T7ec,\u003cp"])</script><script>self.__next_f.push([1," id=\"nHqYwRW6eJxZkLAWu1R_V\" style=\";text-align:right;direction:rtl\"\u003eفي تطبيقات الويب التقليدية، تُحفظ البيانات الوصفية، مثل عنوان الصفحة ووصفها ووسوم Open Graph، في عنصر \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003e\u003chead\u003e\u003c/code\u003e في HTML. أما في تطبيقات React أحادية الصفحة (SPAs)، فيجب أن تكون هذه القيم \u003cem\u003eديناميكية\u003c/em\u003e أثناء تنقل المستخدم بين مختلف العروض.\u003c/p\u003e\u003cp style=\";text-align:right;direction:rtl\"\u003e قبل إصدار React 19، كان تحديث البيانات الوصفية في React يعني استخدام \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003edocument.title\u003c/code\u003e أو الاعتماد على مكتبات خارجية مثل \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003ereact-helmet\u003c/code\u003e . أضافت هذه الأساليب قوالب جاهزة وأبعدت التأثيرات الجانبية عن JSX حيث تُعرّف واجهة المستخدم. يُقدّم React 19 نقلة نوعية: يُمكننا الآن الإعلان عن وسوم البيانات الوصفية - مثل \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003e\u003ctitle\u003e\u003c/code\u003e و \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003e\u003cmeta\u003e\u003c/code\u003e و \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003e\u003clink\u003e\u003c/code\u003e - مباشرةً في JSX.\u003c/p\u003e\u003ch2 id=\"Ej875xdk1CqR_hzvlZ6jn\" style=\";text-align:right;direction:rtl\"\u003e تحديثات البيانات الوصفية اليدوية\u003c/h2\u003e\u003cp id=\"itCJwQeG7S3CBntCP3IEs\" style=\";text-align:right;direction:rtl\"\u003e قبل React 19، كانت الطريقة الأكثر شيوعًا لتغيير البيانات الوصفية هي التلاعب بالمستند داخل \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003euseEffect\u003c/code\u003e .\u003c/p\u003e129:T87b,"])</script><script>self.__next_f.push([1,"\u003cul id=\"TiOwkcgM-jBnQulFq_GWH\" style=\";text-align:right;direction:rtl\"\u003e\u003cli id=\"yB-hfdiV3Ph39-9uEUH-C\" style=\";text-align:right;direction:rtl\"\u003e\u003cp style=\";text-align:right;direction:rtl\"\u003e\u003cstrong\u003eالأسطر 4-6:\u003c/strong\u003e يستخدم خطاف \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003euseEffect\u003c/code\u003e لتعيين عنوان المستند إلى \"حولنا\" عند تحميل مكون \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003eAboutPage\u003c/code\u003e .\u003c/p\u003e\u003c/li\u003e\u003cli id=\"o3p3MLBIPVleBwPcIorEE\" style=\";text-align:right;direction:rtl\"\u003e\u003cp style=\";text-align:right;direction:rtl\"\u003e \u003cstrong\u003eالسطر 8:\u003c/strong\u003e يقوم بإرجاع وعرض عنصر العنوان كواجهة مستخدم للمكون.\u003c/p\u003e\u003c/li\u003e\u003cli id=\"Bfdly_Lk2jACZ747nJV63\" style=\";text-align:right;direction:rtl\"\u003e\u003cp style=\";text-align:right;direction:rtl\"\u003e \u003cstrong\u003eالأسطر 11–13:\u003c/strong\u003e يقوم بعرض مكون \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003eAboutPage\u003c/code\u003e من خلال مكون \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003eApp\u003c/code\u003e ، والذي سيتم في النهاية تثبيته في DOM بواسطة React.\u003c/p\u003e\u003c/li\u003e\u003c/ul\u003e\u003cp id=\"YqBLHhZE4eVjG3rLjBD7I\" style=\";text-align:right;direction:rtl\"\u003e يعمل هذا النهج، ولكنه ضروري (يعتمد على \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003euseEffect\u003c/code\u003e ) ومنفصل عن بنية JSX للمكون.\u003c/p\u003e\u003ch2 id=\"Uz3KdYqkpCGbA_EOw_1YH\" style=\";text-align:right;direction:rtl\"\u003e التعامل مع بيانات تعريف المستندات في React 19\u003c/h2\u003e\u003cp id=\"eT30g7npFzih4JDBr9J2T\" style=\";text-align:right;direction:rtl\"\u003e يجعل React 19 إدارة البيانات الوصفية \u003cem\u003eتصريحية\u003c/em\u003e . يمكننا الآن وضع وسوم قياسية مثل \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003e\u003ctitle\u003e\u003c/code\u003e و \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003e\u003cmeta\u003e\u003c/code\u003e مباشرةً في JSX، وسيتولى React إدراجها في رأس HTML تلقائيًا.\u003c/p\u003e"])</script><script>self.__next_f.push([1,"12a:T7ec,\u003cp id=\"nHqYwRW6eJxZkLAWu1R_V\" style=\";text-align:right;direction:rtl\"\u003eفي تطبيقات الويب التقليدية، تُحفظ البيانات الوصفية، مثل عنوان الصفحة ووصفها ووسوم Open Graph، في عنصر \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003e\u003chead\u003e\u003c/code\u003e في HTML. أما في تطبيقات React أحادية الصفحة (SPAs)، فيجب أن تكون هذه القيم \u003cem\u003eديناميكية\u003c/em\u003e أثناء تنقل المستخدم بين مختلف العروض.\u003c/p\u003e\u003cp style=\";text-align:right;direction:rtl\"\u003e قبل إصدار React 19، كان تحديث البيانات الوصفية في React يعني استخدام \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003edocument.title\u003c/code\u003e أو الاعتماد على مكتبات خارجية مثل \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003ereact-helmet\u003c/code\u003e . أضافت هذه الأساليب قوالب جاهزة وأبعدت التأثيرات الجانبية عن JSX حيث تُعرّف واجهة المستخدم. يُقدّم React 19 نقلة نوعية: يُمكننا الآن الإعلان عن وسوم البيانات الوصفية - مثل \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003e\u003ctitle\u003e\u003c/code\u003e و \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003e\u003cmeta\u003e\u003c/code\u003e و \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003e\u003clink\u003e\u003c/code\u003e - مباشرةً في JSX.\u003c/p\u003e\u003ch2 id=\"Ej875xdk1CqR_hzvlZ6jn\" style=\";text-align:right;direction:rtl\"\u003e تحديثات البيانات الوصفية اليدوية\u003c/h2\u003e\u003cp id=\"itCJwQeG7S3CBntCP3IEs\" style=\";text-align:right;direction:rtl\"\u003e قبل React 19، كانت الطريقة الأكثر شيوعًا لتغيير البيانات الوصفية هي التلاعب بالمستند داخل \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003euseEffect\u003c/code\u003e .\u003c/p\u003e12b:T7ec,\u003cp"])</script><script>self.__next_f.push([1," id=\"nHqYwRW6eJxZkLAWu1R_V\" style=\";text-align:right;direction:rtl\"\u003eفي تطبيقات الويب التقليدية، تُحفظ البيانات الوصفية، مثل عنوان الصفحة ووصفها ووسوم Open Graph، في عنصر \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003e\u003chead\u003e\u003c/code\u003e في HTML. أما في تطبيقات React أحادية الصفحة (SPAs)، فيجب أن تكون هذه القيم \u003cem\u003eديناميكية\u003c/em\u003e أثناء تنقل المستخدم بين مختلف العروض.\u003c/p\u003e\u003cp style=\";text-align:right;direction:rtl\"\u003e قبل إصدار React 19، كان تحديث البيانات الوصفية في React يعني استخدام \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003edocument.title\u003c/code\u003e أو الاعتماد على مكتبات خارجية مثل \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003ereact-helmet\u003c/code\u003e . أضافت هذه الأساليب قوالب جاهزة وأبعدت التأثيرات الجانبية عن JSX حيث تُعرّف واجهة المستخدم. يُقدّم React 19 نقلة نوعية: يُمكننا الآن الإعلان عن وسوم البيانات الوصفية - مثل \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003e\u003ctitle\u003e\u003c/code\u003e و \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003e\u003cmeta\u003e\u003c/code\u003e و \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003e\u003clink\u003e\u003c/code\u003e - مباشرةً في JSX.\u003c/p\u003e\u003ch2 id=\"Ej875xdk1CqR_hzvlZ6jn\" style=\";text-align:right;direction:rtl\"\u003e تحديثات البيانات الوصفية اليدوية\u003c/h2\u003e\u003cp id=\"itCJwQeG7S3CBntCP3IEs\" style=\";text-align:right;direction:rtl\"\u003e قبل React 19، كانت الطريقة الأكثر شيوعًا لتغيير البيانات الوصفية هي التلاعب بالمستند داخل \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003euseEffect\u003c/code\u003e .\u003c/p\u003e12c:T87b,"])</script><script>self.__next_f.push([1,"\u003cul id=\"TiOwkcgM-jBnQulFq_GWH\" style=\";text-align:right;direction:rtl\"\u003e\u003cli id=\"yB-hfdiV3Ph39-9uEUH-C\" style=\";text-align:right;direction:rtl\"\u003e\u003cp style=\";text-align:right;direction:rtl\"\u003e\u003cstrong\u003eالأسطر 4-6:\u003c/strong\u003e يستخدم خطاف \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003euseEffect\u003c/code\u003e لتعيين عنوان المستند إلى \"حولنا\" عند تحميل مكون \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003eAboutPage\u003c/code\u003e .\u003c/p\u003e\u003c/li\u003e\u003cli id=\"o3p3MLBIPVleBwPcIorEE\" style=\";text-align:right;direction:rtl\"\u003e\u003cp style=\";text-align:right;direction:rtl\"\u003e \u003cstrong\u003eالسطر 8:\u003c/strong\u003e يقوم بإرجاع وعرض عنصر العنوان كواجهة مستخدم للمكون.\u003c/p\u003e\u003c/li\u003e\u003cli id=\"Bfdly_Lk2jACZ747nJV63\" style=\";text-align:right;direction:rtl\"\u003e\u003cp style=\";text-align:right;direction:rtl\"\u003e \u003cstrong\u003eالأسطر 11–13:\u003c/strong\u003e يقوم بعرض مكون \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003eAboutPage\u003c/code\u003e من خلال مكون \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003eApp\u003c/code\u003e ، والذي سيتم في النهاية تثبيته في DOM بواسطة React.\u003c/p\u003e\u003c/li\u003e\u003c/ul\u003e\u003cp id=\"YqBLHhZE4eVjG3rLjBD7I\" style=\";text-align:right;direction:rtl\"\u003e يعمل هذا النهج، ولكنه ضروري (يعتمد على \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003euseEffect\u003c/code\u003e ) ومنفصل عن بنية JSX للمكون.\u003c/p\u003e\u003ch2 id=\"Uz3KdYqkpCGbA_EOw_1YH\" style=\";text-align:right;direction:rtl\"\u003e التعامل مع بيانات تعريف المستندات في React 19\u003c/h2\u003e\u003cp id=\"eT30g7npFzih4JDBr9J2T\" style=\";text-align:right;direction:rtl\"\u003e يجعل React 19 إدارة البيانات الوصفية \u003cem\u003eتصريحية\u003c/em\u003e . يمكننا الآن وضع وسوم قياسية مثل \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003e\u003ctitle\u003e\u003c/code\u003e و \u003ccode style=\"text-align:right;direction:ltr;unicode-bidi:bidi-override;\"\u003e\u003cmeta\u003e\u003c/code\u003e مباشرةً في JSX، وسيتولى React إدراجها في رأس HTML تلقائيًا.\u003c/p\u003e"])</script><script>self.__next_f.push([1,"12d:[\"become-a-developer\",\"grow-my-skillset\",\"learn-to-code\"]\n12e:[\"become-a-developer\",\"javascript\",\"front-end-development\",\"reactive-programming\",\"uiux\",\"react\",\"react-hooks\",\"react-router\"]\n12f:T6e0,\u003cul style=\";text-align:right;direction:rtl\"\u003e\u003cli style=\";text-align:right;direction:rtl\"\u003e\u003ca href=\"#Manual-metadata-updates\" aria-label=\"Read more about Manual metadata updates\" \u003eتحديثات البيانات الوصفية اليدوية\u003c/a\u003e\u003c/li\u003e\u003cli style=\";text-align:right;direction:rtl\"\u003e \u003ca href=\"#Handling-document-metadata-in-React-19\" aria-label=\"Read more about Handling document metadata in React 19\" \u003eالتعامل مع بيانات تعريف المستندات في React 19\u003c/a\u003e\u003c/li\u003e\u003cli style=\";text-align:right;direction:rtl\"\u003e \u003ca href=\"#Supported-metadata-tags-in-React-19\" aria-label=\"Read more about Supported metadata tags in React 19\" \u003eعلامات البيانات الوصفية المدعومة في React 19\u003c/a\u003e\u003c/li\u003e\u003cli style=\";text-align:right;direction:rtl\"\u003e \u003ca href=\"#Practice-exercises\" aria-label=\"Read more about Practice exercises\" \u003eتمارين الممارسة\u003c/a\u003e\u003cul style=\";text-align:right;direction:rtl\"\u003e\u003cli style=\";text-align:right;direction:rtl\"\u003e \u003ca href=\"#Exercise-Set-metadata-for-the-home-page\" aria-label=\"Read more about Exercise: Set metadata for the home page\" \u003eتمرين: تعيين البيانات الوصفية للصفحة الرئيسية\u003c/a\u003e\u003c/li\u003e\u003cli style=\";text-align:right;direction:rtl\"\u003e \u003ca href=\"#Exercise-Open-Graph-metadata-for-the-blog-post\" aria-label=\"Read more about Exercise: Open Graph metadata for the blog post\" \u003eتمرين: بيانات التعريف الخاصة بالرسم البياني المفتوح لمنشور المدونة\u003c/a\u003e\u003c/li\u003e\u003cli style=\";text-align:right;direction:rtl\"\u003e \u003ca href=\"#Exercise-Canonical-URL-and-favicon\" aria-label=\"Read more about Exercise: Canonical URL and favicon\" \u003eتمرين: عنوان URL الأساسي والرمز المفضل\u003c/a\u003e\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e"])</script><script>self.__next_f.push([1,"130:{\"5273970234753024\":\"المتغيرات وأنواع البيانات\",\"6017846327246848\":\"الوظائف، ووظائف الأسهم، وعمليات الاسترجاع\",\"6305923234922496\":\"النطاق والإغلاقات\",\"4581745725145088\":\"الكائنات والمصفوفات\",\"6041037351288832\":\"برمجة JavaScript غير المتزامنة\",\"5739113364193280\":\"ميزات JavaScript الحديثة وES6+\",\"5945078084665344\":\"أساسيات DOM لمطوري React\",\"5868141832175616\":\"لماذا React؟\",\"6500630653173760\":\"اختبار: أساسيات JavaScript لـ React\",\"5928243658358784\":\"التحدي: تطبيق قائمة المهام الديناميكية\",\"5858146965127168\":\"الحل: تطبيق قائمة المهام الديناميكية\",\"5488554577100800\":\"ما هو React؟\",\"6178594072428544\":\"فهم بناء جملة JSX\",\"6247557926092800\":\"اختبار: مقدمة إلى React\",\"6456393261776896\":\"الحل: عرض صفحة ملف تعريف ديناميكية\",\"6181952703299584\":\"تمرير الدعائم إلى المكونات\",\"6051602324914176\":\"مقدمة لمكونات React\",\"4910286102724608\":\"اختبار: مكونات React\",\"5921827925131264\":\"التحدي: صفحة قائمة المنتجات\",\"6667336218443776\":\"DOM الافتراضي: قوة React\",\"4905934294220800\":\"عرض عناصر JSX في React\",\"6673045924478976\":\"التحدي: عرض صفحة ملف تعريف ديناميكية\",\"5701484929220608\":\"تنسيق المكونات في React\",\"5507968299040768\":\"التعامل مع الأحداث في مكونات React\",\"6499411167674368\":\"إنشاء مكونات عديمة الجنسية\",\"5156340101414912\":\"الحل: صفحة قائمة المنتجات\",\"5729095163183104\":\"فهم الخطافات في React\",\"6104869133221888\":\"خطاف useState\",\"5287128247697408\":\"خطاف useEffect\",\"4868643176710144\":\"خطاف useContext\",\"4972898575319040\":\"خطاف useRef\",\"5656133819039744\":\"خطاف useMemo\",\"6178221420052480\":\"التحدي: نظام إدارة المخزون مع المواضيع\",\"5371146733486080\":\"دمج useState وuseEffect للتفاعلات الديناميكية\",\"5897860710531072\":\"اختبار: خطافات React\",\"5737584711303168\":\"مقدمة إلى React Router\",\"6093507644489728\":\"تحديد المسارات في React\",\"5631942407356416\":\"التنقل بين الصفحات في React\",\"4645410951266304\":\"التوجيه الديناميكي\",\"6512584699543552\":\"المسارات المتداخلة\",\"6018577343053824\":\"الملاحة البرمجية\",\"6566348831719424\":\"صفحة 404 وطرق البدل\",\"4957694349148160\":\"الحل: نظام إدارة المخزون مع التخصيص\",\"4963327848873984\":\"اختبار: React Router and Navigation\",\"4718935502356480\":\"التحدي: تطبيق مبسط للتجارة الإلكترونية\",\"5308426793385984\":\"الحل: تطبيق التجارة الإلكترونية المبسط\",\"5502136395104256\":\"اختتم رحلتك مع React\",\"4707653546016768\":\"مقدمة عن الدورة\",\"5854688235618304\":\"المرجع كدعامة\",\"5747634531598336\":\"وظائف التنظيف للمراجع\",\"5545132091637760\":\"السياق كمزود\",\"4630939712749568\":\"دعم بيانات التعريف الخاصة بالمستندات\",\"6669534497734656\":\"دعم البرامج النصية غير المتزامنة\",\"5975789901053952\":\"اختبار: تحسينات React 19\"}\n"])</script><script>self.__next_f.push([1,"131:T8df,"])</script><script>self.__next_f.push([1,"{\"@context\":\"https://schema.org/\",\"@id\":\"https://www.educative.io/courses/learn-react/support-for-document-metadata\",\"@type\":[\"Article\",\"TechArticle\"],\"description\":\"أتقن كيفية بناء واجهات المستخدم الحديثة مع React. من لوحات المعلومات إلى تطبيقات الأجهزة المحمولة، يُعد React أساس العديد من أكثر واجهات المستخدم قابلية للتطوير اليوم. تُعلّم هذه الدورة React من خلال أمثلة عملية وتحديات عملية، مما يساعدك بناء أساس متين في تقنيات التطوير العملية. ستتجاوز بناء الجمل النحوية لفهم كيفية تحديث React لـ DOM، وإدارة الحالة، والتعامل مع تفاعل المستخدم. ابنِ مكونات يمكنك إعادة استخدامها. تعلّم JSX، والخطافات، والتوجيه، والميزات الجديدة في React 19 التي تُحسّن الأداء وتُبسّط الكود. سواء كنت تُنشئ تطبيق React الأول الخاص بك أو تُحسّن واجهة فريقك الأمامية، تُزوّدك هذه الدورة بالهيكل والأمثلة والمهارات اللازمة للقيام بذلك على النحو الصحيح.\",\"offers\":[{\"@type\":\"Offer\",\"category\":\"Subscribed\"}],\"headline\":\"تعلم React\",\"name\":\"تعلم React\",\"image\":\"https://educative.io/api/collection/10370001/4823099470381056/image/5035708774744064.png\",\"keywords\":[\"become-a-developer\",\"javascript\",\"front-end-development\",\"reactive-programming\",\"uiux\",\"react\",\"react-hooks\",\"react-router\"],\"isAccessibleForFree\":false,\"author\":{\"@type\":\"Person\",\"name\":\"Educative\"},\"provider\":{\"@type\":\"EducationalOrganization\",\"name\":\"Educative\",\"legalName\":\"Educative Inc\",\"image\":\"https://www.educative.io/static/imgs/logos/MainLogoV2.png\",\"url\":\"https://www.educative.io\",\"email\":\"contact@educative.io\"},\"publisher\":{\"@type\":\"EducationalOrganization\",\"name\":\"Educative\",\"legalName\":\"Educative Inc\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://www.educative.io/static/imgs/logos/MainLogoV2.png\"},\"url\":\"https://www.educative.io\"},\"educationalLevel\":\"beginner\",\"inLanguage\":\"ar\"}"])</script><script>self.__next_f.push([1,"10:[[\"$\",\"$L123\",null,{\"props\":{\"lessonContent\":{\"components\":[{\"type\":\"SlateHTML\",\"content\":{\"html\":\"$124\",\"comp_id\":\"nHqYwRW6eJxZkLAWu1R_V\",\"html_arabic\":\"$125\"},\"hash\":0,\"iteration\":0},{\"type\":\"Sandpack\",\"mode\":\"view\",\"content\":{\"version\":1,\"showLineNumbers\":true,\"hideEditor\":false,\"hideConsole\":true,\"hideOutput\":false,\"hideTests\":true,\"hideStopBtn\":true,\"autoRun\":false,\"disableExecution\":false,\"codeHeight\":450,\"outputHeight\":300,\"directories\":{},\"primaryFile\":\"/App.js\",\"template\":\"react\",\"selectedApiKeys\":{},\"caption\":\"Updating the page title manually using document.title inside a side effect\",\"files\":{\"/App.js\":{\"code\":\"import React, { useEffect } from 'react';\\n\\nfunction AboutPage() {\\n useEffect(() =\u003e {\\n document.title = 'About Us';\\n }, []);\\n\\n return \u003ch1\u003eAbout our company\u003c/h1\u003e;\\n}\\n\\nfunction App() {\\n return \u003cAboutPage /\u003e;\\n}\\n\\nexport default App \",\"active\":true,\"hidden\":false,\"readOnly\":false,\"visible\":true,\"highlightedLines\":\"\"},\"/index.js\":{\"code\":\"import React, { StrictMode } from \\\"react\\\";\\nimport { createRoot } from \\\"react-dom/client\\\";\\nimport \\\"./styles.css\\\";\\n\\nimport App from \\\"./App\\\";\\n\\nconst root = createRoot(document.getElementById(\\\"root\\\"));\\nroot.render(\\n \u003cStrictMode\u003e\\n \u003cApp /\u003e\\n \u003c/StrictMode\u003e\\n);\",\"active\":false,\"hidden\":false,\"readOnly\":false,\"visible\":true,\"highlightedLines\":\"\"},\"/styles.css\":{\"code\":\"body {\\n font-family: sans-serif;\\n -webkit-font-smoothing: auto;\\n -moz-font-smoothing: auto;\\n -moz-osx-font-smoothing: grayscale;\\n font-smoothing: auto;\\n text-rendering: optimizeLegibility;\\n font-smooth: always;\\n -webkit-tap-highlight-color: transparent;\\n -webkit-touch-callout: none;\\n}\\n\\nh1 {\\n font-size: 1.5rem;\\n}\",\"active\":false,\"hidden\":false,\"readOnly\":false,\"visible\":true,\"highlightedLines\":\"\"},\"/public/index.html\":{\"code\":\"\u003c!DOCTYPE html\u003e\\n\u003chtml lang=\\\"en\\\"\u003e\\n \u003chead\u003e\\n \u003cmeta charset=\\\"UTF-8\\\"\u003e\\n \u003cmeta name=\\\"viewport\\\" content=\\\"width=device-width, initial-scale=1.0\\\"\u003e\\n \u003ctitle\u003eDocument\u003c/title\u003e\\n \u003c/head\u003e\\n \u003cbody\u003e\\n \u003cdiv id=\\\"root\\\"\u003e\u003c/div\u003e\\n \u003c/body\u003e\\n\u003c/html\u003e\",\"active\":false,\"hidden\":false,\"readOnly\":false,\"visible\":true,\"highlightedLines\":\"\"},\"/package.json\":{\"code\":\"{\\n\\\"dependencies\\\":{\\n\\\"react\\\": \\\"^19.0.0\\\",\\n\\\"react-dom\\\": \\\"^19.0.0\\\",\\n\\\"react-scripts\\\":\\\"^4.0.0\\\"\\n},\\n\\\"main\\\":\\\"/index.js\\\"\\n}\",\"active\":false,\"hidden\":true,\"readOnly\":false,\"visible\":false,\"highlightedLines\":\"\"}},\"comp_id\":\"IhxWZIRpv8zO2kx09WP9l\",\"isCopied\":true},\"status\":\"normal\",\"contentID\":\"hvopgZuxZZ1SZ0yVtxDxV\",\"saveVersion\":6,\"widgetCopyId\":\"4823099470381056\",\"iteration\":0,\"hash\":1,\"children\":[{\"text\":\"\"}]},{\"type\":\"SlateHTML\",\"content\":{\"html\":\"\u003cul id=\\\"TiOwkcgM-jBnQulFq_GWH\\\" style=\\\";text-align:right;direction:rtl\\\"\u003e\u003c/ul\u003e\u003cspan\u003e ...\u003c/span\u003e\",\"comp_id\":\"TiOwkcgM-jBnQulFq_GWH\",\"html_arabic\":\"$126\"},\"hash\":2,\"iteration\":0}],\"summary\":{\"title\":\"دعم بيانات التعريف الخاصة بالمستندات\",\"titleUpdated\":true,\"description\":\"تعرف على كيفية تمكين React 19 لنا من إدارة بيانات تعريف المستندات بشكل معلن مباشرة في شجرة المكونات الخاصة بنا، دون الحاجة إلى مكتبات خارجية.\",\"description_arabic\":\"تعرف على كيفية تمكين React 19 لنا من إدارة بيانات تعريف المستندات بشكل معلن مباشرة في شجرة المكونات الخاصة بنا، دون الحاجة إلى مكتبات خارجية.\",\"title_arabic\":\"دعم بيانات التعريف الخاصة بالمستندات\"},\"content\":[{\"type\":\"SlateHTML\",\"content\":{\"html\":\"$127\",\"comp_id\":\"nHqYwRW6eJxZkLAWu1R_V\",\"html_arabic\":\"$128\"},\"hash\":0,\"iteration\":0},{\"type\":\"Sandpack\",\"mode\":\"view\",\"content\":{\"version\":1,\"showLineNumbers\":true,\"hideEditor\":false,\"hideConsole\":true,\"hideOutput\":false,\"hideTests\":true,\"hideStopBtn\":true,\"autoRun\":false,\"disableExecution\":false,\"codeHeight\":450,\"outputHeight\":300,\"directories\":{},\"primaryFile\":\"/App.js\",\"template\":\"react\",\"selectedApiKeys\":{},\"caption\":\"Updating the page title manually using document.title inside a side effect\",\"files\":{\"/App.js\":{\"code\":\"import React, { useEffect } from 'react';\\n\\nfunction AboutPage() {\\n useEffect(() =\u003e {\\n document.title = 'About Us';\\n }, []);\\n\\n return \u003ch1\u003eAbout our company\u003c/h1\u003e;\\n}\\n\\nfunction App() {\\n return \u003cAboutPage /\u003e;\\n}\\n\\nexport default App \",\"active\":true,\"hidden\":false,\"readOnly\":false,\"visible\":true,\"highlightedLines\":\"\"},\"/index.js\":{\"code\":\"import React, { StrictMode } from \\\"react\\\";\\nimport { createRoot } from \\\"react-dom/client\\\";\\nimport \\\"./styles.css\\\";\\n\\nimport App from \\\"./App\\\";\\n\\nconst root = createRoot(document.getElementById(\\\"root\\\"));\\nroot.render(\\n \u003cStrictMode\u003e\\n \u003cApp /\u003e\\n \u003c/StrictMode\u003e\\n);\",\"active\":false,\"hidden\":false,\"readOnly\":false,\"visible\":true,\"highlightedLines\":\"\"},\"/styles.css\":{\"code\":\"body {\\n font-family: sans-serif;\\n -webkit-font-smoothing: auto;\\n -moz-font-smoothing: auto;\\n -moz-osx-font-smoothing: grayscale;\\n font-smoothing: auto;\\n text-rendering: optimizeLegibility;\\n font-smooth: always;\\n -webkit-tap-highlight-color: transparent;\\n -webkit-touch-callout: none;\\n}\\n\\nh1 {\\n font-size: 1.5rem;\\n}\",\"active\":false,\"hidden\":false,\"readOnly\":false,\"visible\":true,\"highlightedLines\":\"\"},\"/public/index.html\":{\"code\":\"\u003c!DOCTYPE html\u003e\\n\u003chtml lang=\\\"en\\\"\u003e\\n \u003chead\u003e\\n \u003cmeta charset=\\\"UTF-8\\\"\u003e\\n \u003cmeta name=\\\"viewport\\\" content=\\\"width=device-width, initial-scale=1.0\\\"\u003e\\n \u003ctitle\u003eDocument\u003c/title\u003e\\n \u003c/head\u003e\\n \u003cbody\u003e\\n \u003cdiv id=\\\"root\\\"\u003e\u003c/div\u003e\\n \u003c/body\u003e\\n\u003c/html\u003e\",\"active\":false,\"hidden\":false,\"readOnly\":false,\"visible\":true,\"highlightedLines\":\"\"},\"/package.json\":{\"code\":\"{\\n\\\"dependencies\\\":{\\n\\\"react\\\": \\\"^19.0.0\\\",\\n\\\"react-dom\\\": \\\"^19.0.0\\\",\\n\\\"react-scripts\\\":\\\"^4.0.0\\\"\\n},\\n\\\"main\\\":\\\"/index.js\\\"\\n}\",\"active\":false,\"hidden\":true,\"readOnly\":false,\"visible\":false,\"highlightedLines\":\"\"}},\"comp_id\":\"IhxWZIRpv8zO2kx09WP9l\",\"isCopied\":true},\"status\":\"normal\",\"contentID\":\"hvopgZuxZZ1SZ0yVtxDxV\",\"saveVersion\":6,\"widgetCopyId\":\"4823099470381056\",\"iteration\":0,\"hash\":1,\"children\":[{\"text\":\"\"}]},{\"type\":\"SlateHTML\",\"content\":{\"html\":\"\u003cul id=\\\"TiOwkcgM-jBnQulFq_GWH\\\" style=\\\";text-align:right;direction:rtl\\\"\u003e\u003c/ul\u003e\u003cspan\u003e ...\u003c/span\u003e\",\"comp_id\":\"TiOwkcgM-jBnQulFq_GWH\",\"html_arabic\":\"$129\"},\"hash\":2,\"iteration\":0}],\"darkModeContent\":[{\"type\":\"SlateHTML\",\"content\":{\"html\":\"$12a\",\"comp_id\":\"nHqYwRW6eJxZkLAWu1R_V\",\"html_arabic\":\"$12b\"},\"hash\":0,\"iteration\":0},{\"type\":\"Sandpack\",\"mode\":\"view\",\"content\":{\"version\":1,\"showLineNumbers\":true,\"hideEditor\":false,\"hideConsole\":true,\"hideOutput\":false,\"hideTests\":true,\"hideStopBtn\":true,\"autoRun\":false,\"disableExecution\":false,\"codeHeight\":450,\"outputHeight\":300,\"directories\":{},\"primaryFile\":\"/App.js\",\"template\":\"react\",\"selectedApiKeys\":{},\"caption\":\"Updating the page title manually using document.title inside a side effect\",\"files\":{\"/App.js\":{\"code\":\"import React, { useEffect } from 'react';\\n\\nfunction AboutPage() {\\n useEffect(() =\u003e {\\n document.title = 'About Us';\\n }, []);\\n\\n return \u003ch1\u003eAbout our company\u003c/h1\u003e;\\n}\\n\\nfunction App() {\\n return \u003cAboutPage /\u003e;\\n}\\n\\nexport default App \",\"active\":true,\"hidden\":false,\"readOnly\":false,\"visible\":true,\"highlightedLines\":\"\"},\"/index.js\":{\"code\":\"import React, { StrictMode } from \\\"react\\\";\\nimport { createRoot } from \\\"react-dom/client\\\";\\nimport \\\"./styles.css\\\";\\n\\nimport App from \\\"./App\\\";\\n\\nconst root = createRoot(document.getElementById(\\\"root\\\"));\\nroot.render(\\n \u003cStrictMode\u003e\\n \u003cApp /\u003e\\n \u003c/StrictMode\u003e\\n);\",\"active\":false,\"hidden\":false,\"readOnly\":false,\"visible\":true,\"highlightedLines\":\"\"},\"/styles.css\":{\"code\":\"body {\\n font-family: sans-serif;\\n -webkit-font-smoothing: auto;\\n -moz-font-smoothing: auto;\\n -moz-osx-font-smoothing: grayscale;\\n font-smoothing: auto;\\n text-rendering: optimizeLegibility;\\n font-smooth: always;\\n -webkit-tap-highlight-color: transparent;\\n -webkit-touch-callout: none;\\n}\\n\\nh1 {\\n font-size: 1.5rem;\\n}\",\"active\":false,\"hidden\":false,\"readOnly\":false,\"visible\":true,\"highlightedLines\":\"\"},\"/public/index.html\":{\"code\":\"\u003c!DOCTYPE html\u003e\\n\u003chtml lang=\\\"en\\\"\u003e\\n \u003chead\u003e\\n \u003cmeta charset=\\\"UTF-8\\\"\u003e\\n \u003cmeta name=\\\"viewport\\\" content=\\\"width=device-width, initial-scale=1.0\\\"\u003e\\n \u003ctitle\u003eDocument\u003c/title\u003e\\n \u003c/head\u003e\\n \u003cbody\u003e\\n \u003cdiv id=\\\"root\\\"\u003e\u003c/div\u003e\\n \u003c/body\u003e\\n\u003c/html\u003e\",\"active\":false,\"hidden\":false,\"readOnly\":false,\"visible\":true,\"highlightedLines\":\"\"},\"/package.json\":{\"code\":\"{\\n\\\"dependencies\\\":{\\n\\\"react\\\": \\\"^19.0.0\\\",\\n\\\"react-dom\\\": \\\"^19.0.0\\\",\\n\\\"react-scripts\\\":\\\"^4.0.0\\\"\\n},\\n\\\"main\\\":\\\"/index.js\\\"\\n}\",\"active\":false,\"hidden\":true,\"readOnly\":false,\"visible\":false,\"highlightedLines\":\"\"}},\"comp_id\":\"IhxWZIRpv8zO2kx09WP9l\",\"isCopied\":true},\"status\":\"normal\",\"contentID\":\"hvopgZuxZZ1SZ0yVtxDxV\",\"saveVersion\":6,\"widgetCopyId\":\"4823099470381056\",\"iteration\":0,\"hash\":1,\"children\":[{\"text\":\"\"}]},{\"type\":\"SlateHTML\",\"content\":{\"html\":\"\u003cul id=\\\"TiOwkcgM-jBnQulFq_GWH\\\" style=\\\";text-align:right;direction:rtl\\\"\u003e\u003c/ul\u003e\u003cspan\u003e ...\u003c/span\u003e\",\"comp_id\":\"TiOwkcgM-jBnQulFq_GWH\",\"html_arabic\":\"$12c\"},\"hash\":2,\"iteration\":0}]},\"isPreviewLesson\":false,\"pageType\":\"collection_lesson\",\"aiCoachVideoUrl\":\"https://youtu.be/kgl8y9J3O6c\",\"collectionDetailsSSR\":{\"title\":\"تعلم React\",\"summary\":\"أتقن كيفية بناء واجهات المستخدم الحديثة مع React. من لوحات المعلومات إلى تطبيقات الأجهزة المحمولة، يُعد React أساس العديد من أكثر واجهات المستخدم قابلية للتطوير اليوم. تُعلّم هذه الدورة React من خلال أمثلة عملية وتحديات عملية، مما يساعدك بناء أساس متين في تقنيات التطوير العملية. ستتجاوز بناء الجمل النحوية لفهم كيفية تحديث React لـ DOM، وإدارة الحالة، والتعامل مع تفاعل المستخدم. ابنِ مكونات يمكنك إعادة استخدامها. تعلّم JSX، والخطافات، والتوجيه، والميزات الجديدة في React 19 التي تُحسّن الأداء وتُبسّط الكود. سواء كنت تُنشئ تطبيق React الأول الخاص بك أو تُحسّن واجهة فريقك الأمامية، تُزوّدك هذه الدورة بالهيكل والأمثلة والمهارات اللازمة للقيام بذلك على النحو الصحيح.\",\"details\":\"\",\"clos\":[\"القدرة على بناء واجهات مستخدم ديناميكية وقابلة للتعديل باستخدام تصميم React القائم على المكونات\",\"معرفة عملية بـ JSX، امتداد XML القوي JavaScript ، لإنشاء كود إعلاني وقابل للصيانة\",\"خبرة عملية في استخدام أدوات مثل useState وuseEffect للتعامل مع البيانات الديناميكية والآثار الجانبية في المكونات الوظيفية\",\"القدرة على بناء تطبيقات صفحة واحدة سلسة مع مسارات ديناميكية ومتداخلة باستخدام React Router\",\"فهم ميزات React 19 الجديدة لإدارة البيانات الوصفية وأوراق الأنماط والموارد الخارجية بشكل إعلاني\"],\"arabic_available\":true,\"toc\":{\"categories\":[{\"id\":\"esrl1ixf4\",\"title\":\"قبل أن نبدأ\",\"pages\":[{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":4707653546016768,\"id\":4707653546016768,\"title\":\"مقدمة عن الدورة\",\"is_preview\":true,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"introduction-to-the-course\",\"title_arabic\":\"مقدمة عن الدورة\",\"summary\":\"$undefined\"}],\"editMode\":false,\"type\":\"COLLECTION_CATEGORY\",\"summary\":\"يقدم هذا الفصل مقدمة عن الدورة، ويوضح أهدافها وبنيتها ونصائح عملية لتحقيق النجاح في رحلة تعلم React.\",\"title_arabic\":\"قبل أن نبدأ\",\"summary_arabic\":\"يقدم هذا الفصل مقدمة عن الدورة، ويوضح أهدافها وبنيتها ونصائح عملية لتحقيق النجاح في رحلة تعلم React.\"},{\"id\":\"ujnr6xcd1\",\"title\":\"JavaScript لـ React— مراجعة سريعة\",\"pages\":[{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5273970234753024,\"id\":5273970234753024,\"title\":\"المتغيرات وأنواع البيانات\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"variables-and-data-types\",\"title_arabic\":\"المتغيرات وأنواع البيانات\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":6017846327246848,\"id\":6017846327246848,\"title\":\"الوظائف، ووظائف الأسهم، وعمليات الاسترجاع\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"functions-arrow-functions-and-callbacks\",\"title_arabic\":\"الوظائف، ووظائف الأسهم، وعمليات الاسترجاع\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":6305923234922496,\"id\":6305923234922496,\"title\":\"النطاق والإغلاقات\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"scope-and-closures\",\"title_arabic\":\"النطاق والإغلاقات\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":4581745725145088,\"id\":4581745725145088,\"title\":\"الكائنات والمصفوفات\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"objects-and-arrays\",\"title_arabic\":\"الكائنات والمصفوفات\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":6041037351288832,\"id\":6041037351288832,\"title\":\"برمجة JavaScript غير المتزامنة\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"javascript-asynchronous-programming\",\"title_arabic\":\"برمجة JavaScript غير المتزامنة\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5739113364193280,\"id\":5739113364193280,\"title\":\"ميزات JavaScript الحديثة وES6+\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"modern-javascript-and-es6-features\",\"title_arabic\":\"ميزات JavaScript الحديثة وES6+\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5945078084665344,\"id\":5945078084665344,\"title\":\"أساسيات DOM لمطوري React\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"dom-essentials-for-react-developers\",\"title_arabic\":\"أساسيات DOM لمطوري React\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":6500630653173760,\"id\":6500630653173760,\"title\":\"اختبار: أساسيات JavaScript لـ React\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"quiz-javascript-fundamentals-for-react\",\"title_arabic\":\"اختبار: أساسيات JavaScript لـ React\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5928243658358784,\"id\":5928243658358784,\"title\":\"التحدي: تطبيق قائمة المهام الديناميكية\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"challenge-dynamic-to-do-list-application\",\"title_arabic\":\"التحدي: تطبيق قائمة المهام الديناميكية\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5858146965127168,\"id\":5858146965127168,\"title\":\"الحل: تطبيق قائمة المهام الديناميكية\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"solution-dynamic-to-do-list-application\",\"title_arabic\":\"الحل: تطبيق قائمة المهام الديناميكية\",\"summary\":\"$undefined\"}],\"editMode\":false,\"type\":\"COLLECTION_CATEGORY\",\"summary\":\"قم بمراجعة أساسيات JavaScript وميزات ES6+ الحديثة وأساسيات DOM لبناء أساس قوي لتطوير React في هذا الفصل.\",\"title_arabic\":\"JavaScript لـ React— مراجعة سريعة\",\"summary_arabic\":\"قم بمراجعة أساسيات JavaScript وميزات ES6+ الحديثة وأساسيات DOM لبناء أساس قوي لتطوير React في هذا الفصل.\"},{\"id\":\"ef9l58b69\",\"title\":\"مقدمة إلى React\",\"pages\":[{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5868141832175616,\"id\":5868141832175616,\"title\":\"لماذا React؟\",\"is_preview\":true,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"why-react\",\"title_arabic\":\"لماذا React؟\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5488554577100800,\"id\":5488554577100800,\"title\":\"ما هو React؟\",\"is_preview\":true,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"what-is-react\",\"title_arabic\":\"ما هو React؟\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":6667336218443776,\"id\":6667336218443776,\"title\":\"DOM الافتراضي: قوة React\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"virtual-dom-the-power-of-react\",\"title_arabic\":\"DOM الافتراضي: قوة React\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":6178594072428544,\"id\":6178594072428544,\"title\":\"فهم بناء جملة JSX\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"understanding-jsx-syntax\",\"title_arabic\":\"فهم بناء جملة JSX\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":4905934294220800,\"id\":4905934294220800,\"title\":\"عرض عناصر JSX في React\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"rendering-jsx-elements-in-react\",\"title_arabic\":\"عرض عناصر JSX في React\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":6247557926092800,\"id\":6247557926092800,\"title\":\"اختبار: مقدمة إلى React\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"quiz-introduction-to-react\",\"title_arabic\":\"اختبار: مقدمة إلى React\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":6673045924478976,\"id\":6673045924478976,\"title\":\"التحدي: عرض صفحة ملف تعريف ديناميكية\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"challenge-displaying-a-dynamic-profile-page\",\"title_arabic\":\"التحدي: عرض صفحة ملف تعريف ديناميكية\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":6456393261776896,\"id\":6456393261776896,\"title\":\"الحل: عرض صفحة ملف تعريف ديناميكية\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"solution-displaying-a-dynamic-profile-page\",\"title_arabic\":\"الحل: عرض صفحة ملف تعريف ديناميكية\",\"summary\":\"$undefined\"}],\"editMode\":false,\"type\":\"COLLECTION_CATEGORY\",\"summary\":\"استكشف React وفوائده، وقواعد لغة JSX، وDOM الافتراضية، وكيفية عرض العناصر الديناميكية، ووضع الأساس لتطوير React.\",\"title_arabic\":\"مقدمة إلى React\",\"summary_arabic\":\"استكشف React وفوائده، وقواعد لغة JSX، وDOM الافتراضية، وكيفية عرض العناصر الديناميكية، ووضع الأساس لتطوير React.\"},{\"id\":\"i2alfs5hh\",\"title\":\"مكونات React\",\"pages\":[{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":6051602324914176,\"id\":6051602324914176,\"title\":\"مقدمة لمكونات React\",\"is_preview\":true,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"introduction-to-react-components\",\"title_arabic\":\"مقدمة إلى مكونات React\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":6181952703299584,\"id\":6181952703299584,\"title\":\"تمرير الدعائم إلى المكونات\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"passing-props-to-components\",\"title_arabic\":\"تمرير الدعائم إلى المكونات\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5701484929220608,\"id\":5701484929220608,\"title\":\"تنسيق المكونات في React\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"styling-components-in-react\",\"title_arabic\":\"تنسيق المكونات في React\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5507968299040768,\"id\":5507968299040768,\"title\":\"التعامل مع الأحداث في مكونات React\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"handling-events-in-react-components\",\"title_arabic\":\"التعامل مع الأحداث في مكونات React\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":6499411167674368,\"id\":6499411167674368,\"title\":\"إنشاء مكونات عديمة الجنسية\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"creating-stateless-components\",\"title_arabic\":\"إنشاء مكونات عديمة الجنسية\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":4910286102724608,\"id\":4910286102724608,\"title\":\"اختبار: مكونات React\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"quiz-react-components\",\"title_arabic\":\"اختبار: مكونات React\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5921827925131264,\"id\":5921827925131264,\"title\":\"التحدي: صفحة قائمة المنتجات\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"challenge-product-listing-page\",\"title_arabic\":\"التحدي: صفحة قائمة المنتجات\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5156340101414912,\"id\":5156340101414912,\"title\":\"الحل: صفحة قائمة المنتجات\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"solution-product-listing-page\",\"title_arabic\":\"الحل: صفحة قائمة المنتجات\",\"summary\":\"$undefined\"}],\"editMode\":false,\"type\":\"COLLECTION_CATEGORY\",\"summary\":\"انغمس في مكونات React لبناء واجهات مستخدم ديناميكية مع الدعائم، ومعالجة الأحداث، وتنسيق المكونات، وإنشاء مكون عديم الحالة قابل لإعادة الاستخدام.\",\"title_arabic\":\"مكونات React\",\"summary_arabic\":\"انغمس في مكونات React لبناء واجهات مستخدم ديناميكية مع الدعائم، ومعالجة الأحداث، وتنسيق المكونات، وإنشاء مكون عديم الحالة قابل لإعادة الاستخدام.\"},{\"id\":\"0f6re3c65\",\"title\":\"الخطافات: إدارة الحالات والتأثيرات في مكونات React\",\"pages\":[{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5729095163183104,\"id\":5729095163183104,\"title\":\"فهم الخطافات في React\",\"is_preview\":true,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"understanding-hooks-in-react\",\"title_arabic\":\"فهم الخطافات في React\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":6104869133221888,\"id\":6104869133221888,\"title\":\"خطاف useState\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"the-usestate-hook\",\"title_arabic\":\"خطاف useState\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5287128247697408,\"id\":5287128247697408,\"title\":\"خطاف useEffect\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"the-useeffect-hook\",\"title_arabic\":\"خطاف useEffect\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5371146733486080,\"id\":5371146733486080,\"title\":\"دمج useState وuseEffect للتفاعلات الديناميكية\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"combining-usestate-and-useeffect-for-dynamic-interactions\",\"title_arabic\":\"دمج useState وuseEffect للتفاعلات الديناميكية\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":4868643176710144,\"id\":4868643176710144,\"title\":\"خطاف useContext\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"the-usecontext-hook\",\"title_arabic\":\"خطاف useContext\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":4972898575319040,\"id\":4972898575319040,\"title\":\"خطاف useRef\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"the-useref-hook\",\"title_arabic\":\"خطاف useRef\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5656133819039744,\"id\":5656133819039744,\"title\":\"خطاف useMemo\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"the-usememo-hook\",\"title_arabic\":\"خطاف useMemo\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5897860710531072,\"id\":5897860710531072,\"title\":\"اختبار: خطافات React\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"quiz-react-hooks\",\"title_arabic\":\"اختبار: خطافات React\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":6178221420052480,\"id\":6178221420052480,\"title\":\"التحدي: نظام إدارة المخزون مع المواضيع\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"challenge-inventory-management-system-with-theming\",\"title_arabic\":\"التحدي: نظام إدارة المخزون مع المواضيع\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":4957694349148160,\"id\":4957694349148160,\"title\":\"الحل: نظام إدارة المخزون مع التخصيص\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"solution-inventory-management-system-with-theming\",\"title_arabic\":\"الحل: نظام إدارة المخزون مع التخصيص\",\"summary\":\"$undefined\"}],\"editMode\":false,\"type\":\"COLLECTION_CATEGORY\",\"summary\":\"استكشف React Hooks مثل useState، وuseEffect، وuseContext، وuseMemo لإدارة الحالة، ومعالجة الآثار الجانبية، وتحسين الأداء.\",\"title_arabic\":\"الخطافات: إدارة الحالات والتأثيرات في مكونات React\",\"summary_arabic\":\"استكشف React Hooks مثل useState، وuseEffect، وuseContext، وuseMemo لإدارة الحالة، ومعالجة الآثار الجانبية، وتحسين الأداء.\"},{\"id\":\"92gj81d18\",\"title\":\"React Router والتنقلات\",\"pages\":[{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5737584711303168,\"id\":5737584711303168,\"title\":\"مقدمة إلى React Router\",\"is_preview\":true,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"introduction-to-react-router\",\"title_arabic\":\"مقدمة إلى React Router\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":6093507644489728,\"id\":6093507644489728,\"title\":\"تحديد المسارات في React\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"defining-routes-in-react\",\"title_arabic\":\"تحديد المسارات في React\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5631942407356416,\"id\":5631942407356416,\"title\":\"التنقل بين الصفحات في React\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"navigating-between-pages-in-react\",\"title_arabic\":\"التنقل بين الصفحات في React\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":4645410951266304,\"id\":4645410951266304,\"title\":\"التوجيه الديناميكي\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"dynamic-routing\",\"title_arabic\":\"التوجيه الديناميكي\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":6512584699543552,\"id\":6512584699543552,\"title\":\"المسارات المتداخلة\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"nested-routes\",\"title_arabic\":\"المسارات المتداخلة\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":6566348831719424,\"id\":6566348831719424,\"title\":\"صفحة 404 وطرق البدل\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"404-page-and-wildcard-routes\",\"title_arabic\":\"صفحة 404 وطرق البدل\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":6018577343053824,\"id\":6018577343053824,\"title\":\"الملاحة البرمجية\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"programmatic-navigation\",\"title_arabic\":\"الملاحة البرمجية\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":4963327848873984,\"id\":4963327848873984,\"title\":\"اختبار: React Router and Navigation\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"quiz-react-router-and-navigation\",\"title_arabic\":\"اختبار: React Router and Navigation\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":4718935502356480,\"id\":4718935502356480,\"title\":\"التحدي: تطبيق مبسط للتجارة الإلكترونية\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"challenge-simplified-e-commerce-application\",\"title_arabic\":\"التحدي: تطبيق مبسط للتجارة الإلكترونية\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5308426793385984,\"id\":5308426793385984,\"title\":\"الحل: تطبيق التجارة الإلكترونية المبسط\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"solution-simplified-e-commerce-application\",\"title_arabic\":\"الحل: تطبيق التجارة الإلكترونية المبسط\",\"summary\":\"$undefined\"}],\"editMode\":false,\"type\":\"COLLECTION_CATEGORY\",\"summary\":\"تعرف على أساسيات React Router، بما في ذلك تحديد المسارات، والتنقل الديناميكي، والمسارات المتداخلة، ومعالجة صفحات 404 لإنشاء تطبيقات الصفحة الواحدة (SPA) سلسة.\",\"title_arabic\":\"React Router والتنقلات\",\"summary_arabic\":\"تعرف على أساسيات React Router، بما في ذلك تحديد المسارات، والتنقل الديناميكي، والمسارات المتداخلة، ومعالجة صفحات 404 لإنشاء تطبيقات الصفحة الواحدة (SPA) سلسة.\"},{\"id\":\"flufhar0h\",\"title\":\"تحسينات جديدة في React 19\",\"pages\":[{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5854688235618304,\"id\":5854688235618304,\"title\":\"المرجع كدعامة\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"ref-as-a-prop\",\"title_arabic\":\"المرجع كدعامة\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5747634531598336,\"id\":5747634531598336,\"title\":\"وظائف التنظيف للمراجع\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"cleanup-functions-for-refs\",\"title_arabic\":\"وظائف التنظيف للمراجع\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5545132091637760,\"id\":5545132091637760,\"title\":\"السياق كمزود\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"context-as-a-provider\",\"title_arabic\":\"السياق كمزود\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":4630939712749568,\"id\":4630939712749568,\"title\":\"دعم بيانات التعريف الخاصة بالمستندات\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"support-for-document-metadata\",\"title_arabic\":\"دعم بيانات التعريف الخاصة بالمستندات\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":6669534497734656,\"id\":6669534497734656,\"title\":\"دعم البرامج النصية غير المتزامنة\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":false,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"support-for-async-scripts\",\"title_arabic\":\"دعم البرامج النصية غير المتزامنة\",\"summary\":\"$undefined\"},{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5975789901053952,\"id\":5975789901053952,\"title\":\"اختبار: تحسينات React 19\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"quiz-react-19-improvements\",\"title_arabic\":\"اختبار: تحسينات React 19\",\"summary\":\"$undefined\"}],\"editMode\":false,\"type\":\"COLLECTION_CATEGORY\",\"summary\":\"استكشف تحسينات React 19 للمراجع والسياق والبيانات الوصفية والبرامج النصية غير المتزامنة.\",\"title_arabic\":\"تحسينات جديدة في React 19\",\"summary_arabic\":\"استكشف تحسينات React 19 للمراجع والسياق والبيانات الوصفية والبرامج النصية غير المتزامنة.\"},{\"id\":\"nvarlwcx9\",\"title\":\"خاتمة\",\"pages\":[{\"author_id\":10370001,\"collection_id\":4823099470381056,\"page_id\":5502136395104256,\"id\":5502136395104256,\"title\":\"اختتم رحلتك مع React\",\"is_preview\":false,\"parentIndex\":null,\"editMode\":true,\"is_recovered\":false,\"type\":\"collection_lesson\",\"can_edit\":false,\"is_standalone_module\":false,\"is_cloned\":false,\"brief_summary\":\"\",\"slug\":\"conclude-your-react-journey\",\"title_arabic\":\"اختتم رحلتك مع React\",\"summary\":\"$undefined\"}],\"editMode\":false,\"type\":\"COLLECTION_CATEGORY\",\"summary\":\"اختتم الدورة التدريبية من خلال تلخيص مفاهيم React، وتقديم الخطوات العملية التالية، وإلهام المتعلمين لبناء تطبيقات ويب ديناميكية.\",\"title_arabic\":\"خاتمة\",\"summary_arabic\":\"اختتم الدورة التدريبية من خلال تلخيص مفاهيم React، وتقديم الخطوات العملية التالية، وإلهام المتعلمين لبناء تطبيقات ويب ديناميكية.\"},{\"page_id\":6336975150645248,\"id\":5167979390959616,\"title\":\"Build a Doctor Appointment Booking System Using the MERN Stack\",\"pages\":[],\"editMode\":false,\"type\":\"PATH_EXTERNAL_PROJECT\",\"author_id\":10370001,\"collection_id\":6135215312207872,\"is_required\":false,\"detail_id\":\"project_10370001_6135215312207872_6336975150645248\",\"title_arabic\":\"إنشاء نظام حجز مواعيد الطبيب باستخدام حزمة MERN\",\"summary\":\"$undefined\",\"cover_image_serving_url\":null,\"collection_read_time\":0,\"page_count\":0,\"brief_summary\":null,\"course_url_slug\":null,\"assessments_keys\":[],\"projects_keys\":[],\"optional_lessons\":[],\"time_limit\":null}]},\"page_titles\":{\"5273970234753024\":\"المتغيرات وأنواع البيانات\",\"6017846327246848\":\"الوظائف، ووظائف الأسهم، وعمليات الاسترجاع\",\"6305923234922496\":\"النطاق والإغلاقات\",\"4581745725145088\":\"الكائنات والمصفوفات\",\"6041037351288832\":\"برمجة JavaScript غير المتزامنة\",\"5739113364193280\":\"ميزات JavaScript الحديثة وES6+\",\"5945078084665344\":\"أساسيات DOM لمطوري React\",\"5868141832175616\":\"لماذا React؟\",\"6500630653173760\":\"اختبار: أساسيات JavaScript لـ React\",\"5928243658358784\":\"التحدي: تطبيق قائمة المهام الديناميكية\",\"5858146965127168\":\"الحل: تطبيق قائمة المهام الديناميكية\",\"5488554577100800\":\"ما هو React؟\",\"6178594072428544\":\"فهم بناء جملة JSX\",\"6247557926092800\":\"اختبار: مقدمة إلى React\",\"6456393261776896\":\"الحل: عرض صفحة ملف تعريف ديناميكية\",\"6181952703299584\":\"تمرير الدعائم إلى المكونات\",\"6051602324914176\":\"مقدمة لمكونات React\",\"4910286102724608\":\"اختبار: مكونات React\",\"5921827925131264\":\"التحدي: صفحة قائمة المنتجات\",\"6667336218443776\":\"DOM الافتراضي: قوة React\",\"4905934294220800\":\"عرض عناصر JSX في React\",\"6673045924478976\":\"التحدي: عرض صفحة ملف تعريف ديناميكية\",\"5701484929220608\":\"تنسيق المكونات في React\",\"5507968299040768\":\"التعامل مع الأحداث في مكونات React\",\"6499411167674368\":\"إنشاء مكونات عديمة الجنسية\",\"5156340101414912\":\"الحل: صفحة قائمة المنتجات\",\"5729095163183104\":\"فهم الخطافات في React\",\"6104869133221888\":\"خطاف useState\",\"5287128247697408\":\"خطاف useEffect\",\"4868643176710144\":\"خطاف useContext\",\"4972898575319040\":\"خطاف useRef\",\"5656133819039744\":\"خطاف useMemo\",\"6178221420052480\":\"التحدي: نظام إدارة المخزون مع المواضيع\",\"5371146733486080\":\"دمج useState وuseEffect للتفاعلات الديناميكية\",\"5897860710531072\":\"اختبار: خطافات React\",\"5737584711303168\":\"مقدمة إلى React Router\",\"6093507644489728\":\"تحديد المسارات في React\",\"5631942407356416\":\"التنقل بين الصفحات في React\",\"4645410951266304\":\"التوجيه الديناميكي\",\"6512584699543552\":\"المسارات المتداخلة\",\"6018577343053824\":\"الملاحة البرمجية\",\"6566348831719424\":\"صفحة 404 وطرق البدل\",\"4957694349148160\":\"الحل: نظام إدارة المخزون مع التخصيص\",\"4963327848873984\":\"اختبار: React Router and Navigation\",\"4718935502356480\":\"التحدي: تطبيق مبسط للتجارة الإلكترونية\",\"5308426793385984\":\"الحل: تطبيق التجارة الإلكترونية المبسط\",\"5502136395104256\":\"اختتم رحلتك مع React\",\"4707653546016768\":\"مقدمة عن الدورة\",\"5854688235618304\":\"المرجع كدعامة\",\"5747634531598336\":\"وظائف التنظيف للمراجع\",\"5545132091637760\":\"السياق كمزود\",\"4630939712749568\":\"دعم بيانات التعريف الخاصة بالمستندات\",\"6669534497734656\":\"دعم البرامج النصية غير المتزامنة\",\"5975789901053952\":\"اختبار: تحسينات React 19\"},\"page_tags\":{\"5273970234753024\":\"\",\"6017846327246848\":\"\",\"6305923234922496\":\"\",\"4581745725145088\":\"\",\"6041037351288832\":\"\",\"5739113364193280\":\"\",\"5945078084665344\":\"\",\"5868141832175616\":\"\",\"6500630653173760\":\"\",\"5928243658358784\":\"\",\"5858146965127168\":\"\",\"5488554577100800\":\"\",\"6178594072428544\":\"\",\"6247557926092800\":\"\",\"6456393261776896\":\"\",\"6181952703299584\":\"\",\"6051602324914176\":\"\",\"4910286102724608\":\"\",\"5921827925131264\":\"\",\"6667336218443776\":\"\",\"4905934294220800\":\"\",\"6673045924478976\":\"\",\"5701484929220608\":\"\",\"5507968299040768\":\"\",\"6499411167674368\":\"\",\"5156340101414912\":\"\",\"5729095163183104\":\"\",\"6104869133221888\":\"\",\"5287128247697408\":\"\",\"4868643176710144\":\"\",\"4972898575319040\":\"\",\"5656133819039744\":\"\",\"6178221420052480\":\"\",\"5371146733486080\":\"\",\"5897860710531072\":\"\",\"5737584711303168\":\"\",\"6093507644489728\":\"\",\"5631942407356416\":\"\",\"4645410951266304\":\"\",\"6512584699543552\":\"\",\"6018577343053824\":\"\",\"6566348831719424\":\"\",\"4957694349148160\":\"\",\"4963327848873984\":\"\",\"4718935502356480\":\"\",\"5308426793385984\":\"\",\"5502136395104256\":\"\",\"4707653546016768\":\"\",\"5854688235618304\":\"\",\"5747634531598336\":\"\",\"5545132091637760\":\"\",\"4630939712749568\":\"\",\"6669534497734656\":\"\",\"5975789901053952\":\"\"},\"collection_toc_is_enabled\":true,\"page_count\":null,\"docker\":{\"container\":{\"file\":{},\"imageName\":\"\",\"buildStatusUrl\":\"\",\"buildLogUrl\":\"\",\"track\":false},\"envs\":[],\"jobs\":[],\"testRunners\":[],\"version\":3,\"loaded\":true},\"discounted_price\":29,\"cover_image_id\":5035708774744064,\"cover_image_metadata\":\"{\\\"width\\\":1024,\\\"height\\\":512,\\\"sizeInBytes\\\":31335,\\\"name\\\":\\\"Learn React.png\\\"}\",\"cover_image_serving_url\":\"/v2api/collection/10370001/4823099470381056/image/5035708774744064\",\"tags\":[\"JavaScript\",\"Front-end Development\",\"UI/UX\",\"React Hooks\",\"React Router\"],\"intro_video_url\":\"\",\"intro_video_thumbnail_url\":\"\",\"aggregated_widget_stats\":{\"projects\":0,\"assessments\":0,\"cloudlabs\":0,\"SlateHTML\":313,\"codeExerciseCount\":0,\"codeRunnableCount\":212,\"codeSnippetCount\":35,\"illustrations\":28,\"EditorCode\":18,\"TableHTML\":8,\"Code\":59,\"Table\":0,\"RunJS\":0,\"DrawIOWidget\":28,\"Sandpack\":158,\"Quiz\":6,\"Image\":0,\"MarkdownEditor\":0,\"AIMentor\":12},\"default_themes\":{\"code_themes\":{\"Code\":\"default\",\"Markdown\":\"default\",\"RunJS\":\"default\",\"SPA\":\"default\",\"isForced\":{\"Code\":false,\"Markdown\":false,\"RunJS\":false,\"SPA\":false}}},\"api_keys\":{\"api_keys\":[]},\"skills\":[],\"testimonials\":[],\"licensing\":null,\"target_audience\":\"beginner\",\"author_id\":\"10370001\",\"collection_id\":\"4823099470381056\",\"approval_status\":3005,\"price\":29,\"is_private\":false,\"path_type\":\"regular\",\"organization_id\":null,\"is_mini\":false,\"is_priced\":true,\"brief_summary\":\"تعلم React خطوة بخطوة في هذه الدورة التدريبية المناسبة للمبتدئين، وإتقان المكونات والخطافات والتوجيه بناء تطبيقات ويب ديناميكية وقابلة للتطوير.\",\"approval_update_time\":\"2025-02-19T10:49:54.489Z\",\"rating_visibility\":true,\"update_last_published_on_homepage\":true,\"show_developed_by\":true,\"udata_files\":[],\"CodeThemes\":{\"Code\":\"default\",\"Markdown\":\"default\",\"RunJS\":\"default\",\"SPA\":\"default\",\"isForced\":{\"Code\":false,\"Markdown\":false,\"RunJS\":false,\"SPA\":false}},\"is_marked_for_deletion\":false,\"transition_page_title\":\"\",\"is_redirectable\":false,\"collection_type\":\"collection\",\"adaptive_learning_mode\":false,\"HLOs_to_toc\":{},\"is_guide\":false,\"read_time\":11220,\"allow_logged_out_executions\":false,\"unique_live_widget_urls\":false,\"metadata_status\":101},\"pageSummarySSR\":{\"title\":\"تعلم React\",\"description\":\"أتقن كيفية بناء واجهات المستخدم الحديثة مع React. من لوحات المعلومات إلى تطبيقات الأجهزة المحمولة، يُعد React أساس العديد من أكثر واجهات المستخدم قابلية للتطوير اليوم. تُعلّم هذه الدورة React من خلال أمثلة عملية وتحديات عملية، مما يساعدك بناء أساس متين في تقنيات التطوير العملية. ستتجاوز بناء الجمل النحوية لفهم كيفية تحديث React لـ DOM، وإدارة الحالة، والتعامل مع تفاعل المستخدم. ابنِ مكونات يمكنك إعادة استخدامها. تعلّم JSX، والخطافات، والتوجيه، والميزات الجديدة في React 19 التي تُحسّن الأداء وتُبسّط الكود. سواء كنت تُنشئ تطبيق React الأول الخاص بك أو تُحسّن واجهة فريقك الأمامية، تُزوّدك هذه الدورة بالهيكل والأمثلة والمهارات اللازمة للقيام بذلك على النحو الصحيح.\",\"discourse_page_url\":null},\"adaptiveLearningConfigConstantSSR\":0,\"enableLessonPageLockedBannerV2\":true,\"allowAllLessonPreview\":false,\"lockedBannerStatsSSR\":{\"b2cTrialStats\":{\"is_b2c_trial_active\":true,\"b2c_trial_active_duration\":7,\"b2c_trial_categories\":\"$12d\"},\"b2cStatus\":100,\"learnerTags\":\"$12e\",\"workStats\":1440,\"interviewWorksStats\":78,\"inL2cStarterPack\":false,\"l2cWorkStats\":43,\"enableL2cStarterPackPaymentWidget\":\"true\"},\"pageTocSSR\":\"$12f\",\"authorId\":\"10370001\",\"collectionId\":\"4823099470381056\",\"pageId\":\"4630939712749568\",\"isCollectionPageLockedCachingEnabled\":true,\"aceFeatureFlags\":{\"enableAceEditor\":true,\"enableAceEditorForAnswers\":true},\"meta\":{\"type\":[\"Article\",\"TechArticle\"],\"title\":\"تعلم React\",\"name\":\"تعلم React\",\"description\":\"أتقن كيفية بناء واجهات المستخدم الحديثة مع React. من لوحات المعلومات إلى تطبيقات الأجهزة المحمولة، يُعد React أساس العديد من أكثر واجهات المستخدم قابلية للتطوير اليوم. تُعلّم هذه الدورة React من خلال أمثلة عملية وتحديات عملية، مما يساعدك بناء أساس متين في تقنيات التطوير العملية. ستتجاوز بناء الجمل النحوية لفهم كيفية تحديث React لـ DOM، وإدارة الحالة، والتعامل مع تفاعل المستخدم. ابنِ مكونات يمكنك إعادة استخدامها. تعلّم JSX، والخطافات، والتوجيه، والميزات الجديدة في React 19 التي تُحسّن الأداء وتُبسّط الكود. سواء كنت تُنشئ تطبيق React الأول الخاص بك أو تُحسّن واجهة فريقك الأمامية، تُزوّدك هذه الدورة بالهيكل والأمثلة والمهارات اللازمة للقيام بذلك على النحو الصحيح.\",\"image\":\"https://educative.io/api/collection/10370001/4823099470381056/image/5035708774744064.png\",\"isAccessibleForFree\":false,\"keywords\":\"$12e\",\"provider\":\"Educative\",\"publisher\":\"Educative\",\"id\":\"courses/learn-react/support-for-document-metadata\",\"author\":\"Educative\",\"educationalLevel\":\"beginner\",\"noIndex\":true,\"isForcedNoIndex\":true,\"noFollow\":false,\"redirectInfo\":{\"isDeletedCollectionPageRedirectable\":false},\"page_titles\":\"$130\",\"is_marked_for_deletion\":false,\"transition_page_title\":\"\",\"is_redirectable\":false,\"deleted_course_lesson_redirect\":{\"author_id\":null,\"collection_id\":null,\"page_id\":null,\"redirect_url_slug\":null},\"metadata_status\":101,\"additional_course_alternatives\":[]},\"requestUrl\":\"/ar/courses/learn-react/support-for-document-metadata\",\"requestUrlInfo\":{\"authorId\":\"10370001\",\"collectionId\":\"4823099470381056\",\"pageId\":\"4630939712749568\",\"courseUrlSlug\":\"learn-react\",\"pageUrlSlug\":\"support-for-document-metadata\"},\"isExternalContent\":false}}],[[\"$\",\"script\",null,{\"id\":\"generate-data\",\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$131\"}}],false,\"$undefined\"]]\n"])</script></body></html>