{"id":17287,"date":"2026-02-10T07:57:04","date_gmt":"2026-02-10T07:57:04","guid":{"rendered":"https:\/\/smartedujo.com\/?page_id=17287"},"modified":"2026-03-16T11:30:38","modified_gmt":"2026-03-16T08:30:38","slug":"%d8%a7%d9%84%d8%a5%d8%ab%d8%b1%d8%a7%d8%a1-%d9%88%d8%a7%d9%84%d8%aa%d9%88%d8%b3%d8%b9-%d8%a3%d8%ba%d8%b4%d9%8a%d8%a9-%d8%a7%d9%84%d8%a3%d9%86%d8%a7%d8%a8%d9%8a%d8%a8-%d8%a7%d9%84%d9%86%d8%a7%d9%86","status":"publish","type":"page","link":"https:\/\/smartedujo.com\/ar\/%d8%a7%d9%84%d8%a5%d8%ab%d8%b1%d8%a7%d8%a1-%d9%88%d8%a7%d9%84%d8%aa%d9%88%d8%b3%d8%b9-%d8%a3%d8%ba%d8%b4%d9%8a%d8%a9-%d8%a7%d9%84%d8%a3%d9%86%d8%a7%d8%a8%d9%8a%d8%a8-%d8%a7%d9%84%d9%86%d8%a7%d9%86\/","title":{"rendered":"\u0627\u0644\u0625\u062b\u0631\u0627\u0621 \u0648\u0627\u0644\u062a\u0648\u0633\u0639: \u0623\u063a\u0634\u064a\u0629 \u0627\u0644\u0623\u0646\u0627\u0628\u064a\u0628 \u0627\u0644\u0646\u0627\u0646\u0648\u064a\u0629"},"content":{"rendered":"\n
\r\n\r\n\r\n \r\n \r\n \u0627\u0644\u0625\u062b\u0631\u0627\u0621 \u0648\u0627\u0644\u062a\u0648\u0633\u0639: \u0623\u063a\u0634\u064a\u0629 \u0627\u0644\u0623\u0646\u0627\u0628\u064a\u0628 \u0627\u0644\u0646\u0627\u0646\u0648\u064a\u0629<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n body {\r\n background: linear-gradient(to bottom right, #312e81, #5b21b6);\r\n font-family: 'Cairo', sans-serif;\r\n color: #f1f5f9;\r\n min-height: 100vh;\r\n padding: 2rem;\r\n }\r\n .content-container {\r\n max-width: 96rem;\r\n margin: 0 auto;\r\n background-color: rgba(30, 27, 75, 0.6);\r\n backdrop-filter: blur(12px);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 1rem;\r\n padding: 2rem;\r\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\r\n }\r\n \/* Custom Scrollbar to match app *\/\r\n ::-webkit-scrollbar { width: 8px; }\r\n ::-webkit-scrollbar-track { background: #1e1b4b; }\r\n ::-webkit-scrollbar-thumb { background: #4f46e5; border-radius: 4px; }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"content-container\">\r\n <div style=\"border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 1rem; margin-bottom: 2rem; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem;\">\r\n <div>\r\n <h1 class=\"text-3xl font-bold text-white mb-2\">\u0627\u0644\u0625\u062b\u0631\u0627\u0621 \u0648\u0627\u0644\u062a\u0648\u0633\u0639: \u0623\u063a\u0634\u064a\u0629 \u0627\u0644\u0623\u0646\u0627\u0628\u064a\u0628 \u0627\u0644\u0646\u0627\u0646\u0648\u064a\u0629<\/h1>\r\n <p class=\"text-indigo-300\">\u0627\u0644\u062b\u0627\u0646\u0648\u064a - \u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0646\u064a \u0639\u0634\u0631 - \u0627\u0644\u0645\u0633\u0627\u0631 \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a<\/p>\r\n <\/div>\r\n <div style=\"display: flex; align-items: center; gap: 0.5rem; background-color: rgba(0,0,0,0.2); padding: 0.5rem 1rem; border-radius: 9999px; border: 1px solid rgba(255,255,255,0.1);\">\r\n <div style=\"display: flex; flex-direction: column; align-items: flex-end;\">\r\n <span style=\"font-size: 0.625rem; color: #a5b4fc; line-height: 1;\">\u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0645\u0639\u0644\u0645<\/span>\r\n <span style=\"font-size: 0.875rem; font-weight: bold; color: white; line-height: 1;\">\u0623. \u0639\u0628\u062f\u0627\u0644\u0641\u062a\u0627\u062d \u0645\u0637\u0631<\/span>\r\n <\/div>\r\n <div style=\"width: 2rem; height: 2rem; border-radius: 9999px; background-color: rgba(79, 70, 229, 0.2); display: flex; align-items: center; justify-content: center;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" style=\"width: 1.25rem; height: 1.25rem; color: #a5b4fc;\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.26 10.147a60.436 60.436 0 00-.491 6.347A48.627 48.627 0 0112 20.904a48.627 48.627 0 018.232-4.41 60.46 60.46 0 00-.491-6.347m-15.482 0a50.57 50.57 0 00-2.658-.813A59.905 59.905 0 0112 3.493a59.902 59.902 0 0110.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0l-3.32-2.217A59.902 59.902 0 0112 3.493a59.902 59.902 0 0110.399 5.84l-3.32 2.217m-1.488-3.322a48.627 48.627 0 01-8.232 4.41\" \/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <!-- \u0625\u0636\u0627\u0641\u0629 \u0645\u0642\u0637\u0639 \u0635\u0648\u062a\u064a \u0645\u0639 \u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u062a\u062d\u0643\u0645 -->\r\n <div class=\"mt-4 w-full\">\r\n <audio controls class=\"w-full h-10\">\r\n <source src=\"https:\/\/smartedujo.com\/wp-content\/uploads\/2026\/03\/nanotubeMembranes.mp3\" type=\"audio\/mpeg\">\r\n <source src=\"audio\/lesson_gas_state.ogg\" type=\"audio\/ogg\">\r\n \u0645\u062a\u0635\u0641\u062d\u0643 \u0644\u0627 \u064a\u062f\u0639\u0645 \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0635\u0648\u062a. \u064a\u0645\u0643\u0646\u0643 <a href=\"https:\/\/smartedujo.com\/wp-content\/uploads\/2026\/03\/nanotubeMembranes.mp3\" class=\"text-indigo-300 underline\">\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0645\u0644\u0641 \u0627\u0644\u0635\u0648\u062a\u064a<\/a>.\r\n <\/audio>\r\n <span class=\"text-xs text-indigo-300\">\u0634\u0631\u062d \u0627\u0644\u062f\u0631\u0633 (\u0635\u0648\u062a)<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"space-y-6 text-right\">\r\n \r\n<div class=\"space-y-6 text-right\" dir=\"rtl\">\r\n <h1 class=\"text-2xl l:text-3xl font-bold text-purple-300 mb-4\">\u0627\u0644\u0625\u062b\u0631\u0627\u0621 \u0648\u0627\u0644\u062a\u0648\u0633\u0639: \u0623\u063a\u0634\u064a\u0629 \u0627\u0644\u0623\u0646\u0627\u0628\u064a\u0628 \u0627\u0644\u0646\u0627\u0646\u0648\u064a\u0629 (Nanotube Membranes)<\/h1>\r\n\r\n <section>\r\n <h2 class=\"text-xl font-semibold text-white mb-2\">\u0661. \u0645\u0627 \u0647\u064a \u0627\u0644\u0623\u0646\u0627\u0628\u064a\u0628 \u0627\u0644\u0646\u0627\u0646\u0648\u064a\u0629\u061f<\/h2>\r\n <div class=\"bg-slate-800\/50 p-4 rounded-lg border border-slate-700\">\r\n <p class=\"mb-2 text-slate-300 text-l l:text-base\">\u0627\u0644\u0623\u0646\u0627\u0628\u064a\u0628 \u0627\u0644\u0646\u0627\u0646\u0648\u064a\u0629 \u0647\u064a \u0647\u064a\u0627\u0643\u0644 \u0623\u0633\u0637\u0648\u0627\u0646\u064a\u0629 \u0627\u0644\u0634\u0643\u0644 \u064a\u0628\u0644\u063a \u0642\u0637\u0631\u0647\u0627 \u0628\u0636\u0639 \u0646\u0627\u0646\u0648\u0645\u062a\u0631\u0627\u062a (\u062c\u0632\u0621 \u0645\u0646 \u0627\u0644\u0645\u0644\u064a\u0627\u0631 \u0645\u0646 \u0627\u0644\u0645\u062a\u0631)\u060c \u0648\u0623\u0647\u0645 \u0623\u0646\u0648\u0627\u0639\u0647\u0627:<\/p>\r\n <ul class=\"list-disc list-inside space-y-1 text-slate-300 marker:text-purple-400 text-l l:text-base\">\r\n <li>\u0627\u0644\u0623\u0646\u0627\u0628\u064a\u0628 \u0627\u0644\u0646\u0627\u0646\u0648\u064a\u0629 \u0627\u0644\u0643\u0631\u0628\u0648\u0646\u064a\u0629 (CNTs)<\/li>\r\n <li>\u0623\u0646\u0627\u0628\u064a\u0628 \u0646\u0627\u0646\u0648\u064a\u0629 \u0645\u0646 \u0645\u0648\u0627\u062f \u0623\u062e\u0631\u0649 \u0645\u062b\u0644: \u0646\u064a\u062a\u0631\u064a\u062f \u0627\u0644\u0628\u0648\u0631\u0648\u0646\u060c \u0627\u0644\u0645\u0631\u0643\u0628\u0627\u062a \u0627\u0644\u0639\u0636\u0648\u064a\u0629\u060c \u0625\u0644\u062e.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/section>\r\n\r\n <section>\r\n <h2 class=\"text-xl font-semibold text-white mb-2\">\u0662. \u0645\u0627 \u0647\u064a \u0623\u063a\u0634\u064a\u0629 \u0627\u0644\u0623\u0646\u0627\u0628\u064a\u0628 \u0627\u0644\u0646\u0627\u0646\u0648\u064a\u0629\u061f<\/h2>\r\n <p class=\"bg-slate-800\/50 p-4 rounded-lg text-slate-300 text-l l:text-base\">\u0647\u064a \u0623\u063a\u0634\u064a\u0629 \u0645\u0633\u0627\u0645\u064a\u0629 \u062a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 \u0642\u0646\u0648\u0627\u062a \u062f\u0642\u064a\u0642\u0629 \u0645\u0643\u0648\u0646\u0629 \u0645\u0646 \u0623\u0646\u0627\u0628\u064a\u0628 \u0646\u0627\u0646\u0648\u064a\u0629\u060c \u062a\u0639\u0645\u0644 \u0643\u0645\u0633\u0627\u0631\u0627\u062a \u0627\u0646\u062a\u0642\u0627\u0626\u064a\u0629 \u0644\u0645\u0631\u0648\u0631 \u0627\u0644\u062c\u0632\u064a\u0626\u0627\u062a \u0623\u0648 \u0627\u0644\u0623\u064a\u0648\u0646\u0627\u062a \u0623\u0648 \u0627\u0644\u063a\u0627\u0632\u0627\u062a.<\/p>\r\n <\/section>\r\n\r\n <section>\r\n <h2 class=\"text-xl font-semibold text-white mb-2\">\u0663. \u0622\u0644\u064a\u0629 \u0639\u0645\u0644\u0647\u0627<\/h2>\r\n <div class=\"bg-slate-800\/50 p-4 rounded-lg\">\r\n <p class=\"mb-2 text-slate-300 text-l l:text-base\">\u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649:<\/p>\r\n <ul class=\"list-disc list-inside space-y-1 text-slate-300 marker:text-purple-400 text-l l:text-base\">\r\n <li><strong class=\"text-white\">\u0627\u0644\u062d\u062c\u0645 \u0627\u0644\u062c\u0632\u064a\u0626\u064a:<\/strong> \u062a\u0633\u0645\u062d \u0628\u0645\u0631\u0648\u0631 \u0627\u0644\u062c\u0632\u064a\u0626\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 \u0641\u0642\u0637.<\/li>\r\n <li><strong class=\"text-white\">\u0627\u0644\u0634\u062d\u0646\u0629:<\/strong> \u064a\u0645\u0643\u0646 \u062a\u0635\u0645\u064a\u0645\u0647\u0627 \u0644\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0623\u064a\u0648\u0646\u0627\u062a \u062d\u0633\u0628 \u0634\u062d\u0646\u062a\u0647\u0627.<\/li>\r\n <li><strong class=\"text-white\">\u0627\u0644\u062e\u0635\u0627\u0626\u0635 \u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629:<\/strong> \u0627\u0644\u062a\u0641\u0627\u0639\u0644 \u0628\u064a\u0646 \u0633\u0637\u062d \u0627\u0644\u0623\u0646\u0628\u0648\u0628 \u0648\u0627\u0644\u062c\u0632\u064a\u0626\u0627\u062a.<\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <!-- \u0645\u062d\u0627\u0643\u0627\u0629 \u062a\u0641\u0627\u0639\u0644\u064a\u0629 -->\r\n <div id=\"simulation-container\" class=\"not-prose my-8 p-4 sm:p-6 bg-black\/20 rounded-lg border border-white\/10\">\r\n <div class=\"flex justify-between items-center mb-2\">\r\n <h3 class=\"text-xl font-bold text-white\/90\">\u0645\u062d\u0627\u0643\u0627\u0629 \u063a\u0634\u0627\u0621 \u0627\u0644\u0623\u0646\u0627\u0628\u064a\u0628 \u0627\u0644\u0646\u0627\u0646\u0648\u064a\u0629 (\u062a\u062d\u0644\u064a\u0629 \u0627\u0644\u0645\u064a\u0627\u0647)<\/h3>\r\n <button id=\"reset-button\" class=\"p-2 rounded-full hover:bg-white\/10\" aria-label=\"\u0625\u0639\u0627\u062f\u0629 \u062a\u0639\u064a\u064a\u0646\">\r\n <svg class=\"w-5 h-5 text-slate-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\"\/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n \r\n <div class=\"flex flex-col items-center\">\r\n <canvas id=\"simulation-canvas\" width=\"350\" height=\"250\" class=\"rounded-md bg-slate-900\/50 max-w-full\"><\/canvas>\r\n <div class=\"flex justify-center gap-4 mt-2\">\r\n <div class=\"flex items-center gap-2\"><div class=\"w-3 h-3 rounded-full bg-[#60a5fa]\"><\/div><span class=\"text-l text-slate-300\">\u0645\u0627\u0621<\/span><\/div>\r\n <div class=\"flex items-center gap-2\"><div class=\"w-3 h-3 rounded-full bg-[#f87171]\"><\/div><span class=\"text-l text-slate-300\">\u0623\u064a\u0648\u0646\u0627\u062a \u0627\u0644\u0645\u0644\u062d<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"flex flex-col items-center mt-4 border-t border-white\/10 pt-4\">\r\n <label for=\"pressure-slider\" class=\"font-semibold mb-2 text-slate-300\">\r\n \u0627\u0644\u0636\u063a\u0637 \u0627\u0644\u0645\u0637\u0628\u0642 (\u0644\u0644\u062a\u0646\u0627\u0636\u062d \u0627\u0644\u0639\u0643\u0633\u064a)\r\n <\/label>\r\n <input id=\"pressure-slider\" type=\"range\" min=\"0\" max=\"10\" step=\"0.5\" value=\"1\" class=\"w-full max-w-md h-2 bg-slate-700 rounded-lg appearance-none cursor-pointer accent-teal-500\" \/>\r\n <div class=\"flex justify-between w-full max-w-md text-l text-slate-400 mt-1\">\r\n <span>\u0636\u063a\u0637 \u0645\u0646\u062e\u0641\u0636<\/span>\r\n <span>\u0636\u063a\u0637 \u0639\u0627\u0644\u064d<\/span>\r\n <\/div>\r\n <\/div>\r\n <p class=\"mt-4 text-l text-center text-slate-400 p-3 bg-slate-800\/40 rounded-md\">\r\n \u0639\u0646\u062f \u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0636\u063a\u0637\u060c \u062a\u064f\u062c\u0628\u0631 \u062c\u0632\u064a\u0626\u0627\u062a \u0627\u0644\u0645\u0627\u0621 \u0639\u0644\u0649 \u0627\u0644\u0645\u0631\u0648\u0631 \u0639\u0628\u0631 \u0627\u0644\u0623\u0646\u0627\u0628\u064a\u0628 \u0627\u0644\u0646\u0627\u0646\u0648\u064a\u0629\u060c \u0628\u064a\u0646\u0645\u0627 \u064a\u062a\u0645 \u062d\u062c\u0632 \u0623\u064a\u0648\u0646\u0627\u062a \u0627\u0644\u0645\u0644\u062d \u0627\u0644\u0623\u0643\u0628\u0631 \u062d\u062c\u0645\u064b\u0627. \u0647\u0630\u0647 \u0647\u064a \u0622\u0644\u064a\u0629 \u0627\u0644\u062a\u0646\u0627\u0636\u062d \u0627\u0644\u0639\u0643\u0633\u064a \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u063a\u0634\u064a\u0629 \u0646\u0627\u0646\u0648\u064a\u0629.\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section>\r\n <h2 class=\"text-xl font-semibold text-white mb-2\">\u0664. \u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u0625\u062b\u0631\u0627\u0621 \u0648\u0627\u0644\u062a\u0648\u0633\u0639 \u0641\u064a \u062a\u0637\u0628\u064a\u0642\u0627\u062a\u0647\u0627<\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\r\n <div class=\"bg-slate-800\/50 p-4 rounded-lg\"><h3 class=\"font-bold text-sky-300 mb-2\"> \u0661. \u062a\u062d\u0644\u064a\u0629 \u0627\u0644\u0645\u064a\u0627\u0647<\/h3><ul class=\"list-disc list-inside text-slate-300 text-l space-y-1\"><li><strong class=\"text-white\">\u0627\u0644\u0643\u0641\u0627\u0621\u0629:<\/strong> \u062a\u0633\u0645\u062d \u0628\u0645\u0631\u0648\u0631 \u062c\u0632\u064a\u0626\u0627\u062a \u0627\u0644\u0645\u0627\u0621 \u0628\u0633\u0631\u0639\u0629 \u0639\u0627\u0644\u064a\u0629 \u0628\u0633\u0628\u0628 \u0627\u0646\u0632\u0644\u0627\u0642\u0647\u0627 \u0639\u0644\u0649 \u0627\u0644\u062c\u062f\u0631\u0627\u0646 \u0627\u0644\u0646\u0627\u0646\u0648\u064a\u0629 \u0627\u0644\u0645\u0644\u0633\u0627\u0621.<\/li><li><strong class=\"text-white\">\u062a\u0631\u0634\u064a\u062d \u0627\u0644\u0623\u0645\u0644\u0627\u062d:<\/strong> \u062a\u0645\u0646\u0639 \u0645\u0631\u0648\u0631 \u0627\u0644\u0623\u064a\u0648\u0646\u0627\u062a \u0627\u0644\u0630\u0627\u0626\u0628\u0629.<\/li><\/ul><\/div>\r\n <div class=\"bg-slate-800\/50 p-4 rounded-lg\"><h3 class=\"font-bold text-green-300 mb-2\"> \u0662. \u0641\u0635\u0644 \u0627\u0644\u063a\u0627\u0632\u0627\u062a<\/h3><ul class=\"list-disc list-inside text-slate-300 text-l space-y-1\"><li><strong class=\"text-white\">\u0645\u062b\u0627\u0644:<\/strong> \u0641\u0635\u0644 \u062b\u0627\u0646\u064a \u0623\u0643\u0633\u064a\u062f \u0627\u0644\u0643\u0631\u0628\u0648\u0646 \u0639\u0646 \u0627\u0644\u063a\u0627\u0632\u0627\u062a \u0627\u0644\u0623\u062e\u0631\u0649 \u0641\u064a \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u062d\u062a\u062c\u0627\u0632 \u0627\u0644\u0643\u0631\u0628\u0648\u0646.<\/li><li><strong class=\"text-white\">\u0627\u0644\u0643\u0641\u0627\u0621\u0629:<\/strong> \u0623\u0639\u0644\u0649 \u0645\u0646 \u0627\u0644\u0623\u063a\u0634\u064a\u0629 \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a\u0629 \u0628\u0633\u0628\u0628 \u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0644\u064a\u0629 \u0627\u0644\u0639\u0627\u0644\u064a\u0629 \u0648\u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0626\u064a\u0629.<\/li><\/ul><\/div>\r\n <div class=\"bg-slate-800\/50 p-4 rounded-lg\"><h3 class=\"font-bold text-pink-300 mb-2\"> \u0663. \u0627\u0644\u0637\u0628 \u0648\u0627\u0644\u062f\u0648\u0627\u0621<\/h3><ul class=\"list-disc list-inside text-slate-300 text-l space-y-1\"><li><strong class=\"text-white\">\u0625\u064a\u0635\u0627\u0644 \u0627\u0644\u0623\u062f\u0648\u064a\u0629:<\/strong> \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0623\u0646\u0627\u0628\u064a\u0628 \u0627\u0644\u0646\u0627\u0646\u0648\u064a\u0629 \u0643\u062d\u0648\u0627\u0645\u0644 \u0630\u0643\u064a\u0629 \u0644\u0625\u064a\u0635\u0627\u0644 \u0627\u0644\u0623\u062f\u0648\u064a\u0629 \u0625\u0644\u0649 \u062e\u0644\u0627\u064a\u0627 \u0645\u062d\u062f\u062f\u0629.<\/li><li><strong class=\"text-white\">\u0627\u0644\u063a\u0633\u064a\u0644 \u0627\u0644\u0643\u0644\u0648\u064a:<\/strong> \u062a\u062d\u0633\u064a\u0646 \u0643\u0641\u0627\u0621\u0629 \u062a\u0631\u0634\u064a\u062d \u0627\u0644\u062f\u0645.<\/li><\/ul><\/div>\r\n <div class=\"bg-slate-800\/50 p-4 rounded-lg\"><h3 class=\"font-bold text-yellow-300 mb-2\"> \u0664. \u0627\u0644\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u0645\u062a\u062c\u062f\u062f\u0629<\/h3><ul class=\"list-disc list-inside text-slate-300 text-l space-y-1\"><li><strong class=\"text-white\">\u062e\u0644\u0627\u064a\u0627 \u0627\u0644\u0648\u0642\u0648\u062f:<\/strong> \u0623\u063a\u0634\u064a\u0629 \u0646\u0627\u0646\u0648\u064a\u0629 \u0644\u0646\u0642\u0644 \u0627\u0644\u0628\u0631\u0648\u062a\u0648\u0646\u0627\u062a \u0641\u064a \u062e\u0644\u0627\u064a\u0627 \u0627\u0644\u0648\u0642\u0648\u062f \u0627\u0644\u0647\u064a\u062f\u0631\u0648\u062c\u064a\u0646\u064a\u0629.<\/li><li><strong class=\"text-white\">\u0627\u0644\u0628\u0637\u0627\u0631\u064a\u0627\u062a:<\/strong> \u062a\u062d\u0633\u064a\u0646 \u0643\u0641\u0627\u0621\u0629 \u0628\u0637\u0627\u0631\u064a\u0627\u062a \u0627\u0644\u0644\u064a\u062b\u064a\u0648\u0645-\u0647\u0648\u0627\u0621.<\/li><\/ul><\/div>\r\n <div class=\"bg-slate-800\/50 p-4 rounded-lg\"><h3 class=\"font-bold text-orange-300 mb-2\"> \u0665. \u0627\u0644\u0635\u0646\u0627\u0639\u0627\u062a \u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629<\/h3><ul class=\"list-disc list-inside text-slate-300 text-l space-y-1\"><li><strong class=\"text-white\">\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062a\u062d\u0641\u064a\u0632:<\/strong> \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0623\u0646\u0627\u0628\u064a\u0628 \u0627\u0644\u0646\u0627\u0646\u0648\u064a\u0629 \u0643\u062d\u0641\u0627\u0632\u0627\u062a \u0623\u0648 \u062f\u0627\u0639\u0645\u0627\u062a \u0644\u0644\u062d\u0641\u0627\u0632\u0627\u062a.<\/li><li><strong class=\"text-white\">\u0627\u0644\u0641\u0635\u0644 \u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0626\u064a:<\/strong> \u0644\u0641\u0635\u0644 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629 \u0627\u0644\u0645\u062a\u0634\u0627\u0628\u0647\u0629.<\/li><\/ul><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section>\r\n <h2 class=\"text-xl font-semibold text-white mb-2\">\u0665. \u0645\u0632\u0627\u064a\u0627 \u0623\u063a\u0634\u064a\u0629 \u0627\u0644\u0623\u0646\u0627\u0628\u064a\u0628 \u0627\u0644\u0646\u0627\u0646\u0648\u064a\u0629<\/h2>\r\n <ol class=\"list-decimal list-inside space-y-2 text-slate-300 marker:text-purple-400 bg-slate-800\/50 p-4 rounded-lg text-l l:text-base\">\r\n <li>\u0646\u0641\u0627\u0630\u064a\u0629 \u0639\u0627\u0644\u064a\u0629 \u0645\u0639 \u0627\u0646\u062a\u0642\u0627\u0626\u064a\u0629 \u0645\u0645\u062a\u0627\u0632\u0629.<\/li>\r\n <li>\u0645\u0642\u0627\u0648\u0645\u0629 \u0639\u0627\u0644\u064a\u0629 \u0644\u0644\u062d\u0631\u0627\u0631\u0629 \u0648\u0627\u0644\u0645\u0648\u0627\u0633 \u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629.<\/li>\r\n <li>\u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062f\u0642\u064a\u0642 \u0644\u0644\u0645\u0633\u0627\u0645 \u062d\u0633\u0628 \u0627\u0644\u062d\u0627\u062c\u0629.<\/li>\r\n <li>\u0645\u062a\u0627\u0646\u0629 \u0645\u064a\u0643\u0627\u0646\u064a\u0643\u064a\u0629 \u0639\u0627\u0644\u064a\u0629.<\/li>\r\n <\/ol>\r\n <\/section>\r\n\r\n <section>\r\n <h2 class=\"text-xl font-semibold text-white mb-2\">\u0666. \u0627\u0644\u062a\u062d\u062f\u064a\u0627\u062a \u0648\u0623\u0648\u062c\u0647 \u0627\u0644\u062a\u0648\u0633\u0639 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629<\/h2>\r\n <div class=\"bg-slate-800\/50 p-4 rounded-lg\">\r\n <ul class=\"list-disc list-inside text-slate-300 text-l space-y-1\">\r\n <li>\u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0639\u0627\u0644\u064a\u0629 \u0644\u0644\u0625\u0646\u062a\u0627\u062c.<\/li>\r\n <li>\u0635\u0639\u0648\u0628\u0629 \u062a\u0635\u0646\u064a\u0639 \u0645\u0633\u0627\u0645 \u0645\u0648\u062d\u062f\u0629 \u0639\u0644\u0649 \u0646\u0637\u0627\u0642 \u0648\u0627\u0633\u0639.<\/li>\r\n <li>\u0627\u0644\u0622\u062b\u0627\u0631 \u0627\u0644\u0628\u064a\u0626\u064a\u0629 \u0648\u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u0629.<\/li>\r\n <li><strong class=\"text-white\">\u0627\u0644\u062a\u0648\u0633\u0639 \u0641\u064a:<\/strong> \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0644\u062a\u0635\u0645\u064a\u0645 \u0623\u063a\u0634\u064a\u0629 \u0645\u062e\u0635\u0635\u0629\u060c \u0648\u062a\u062d\u0633\u064a\u0646 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u0635\u0646\u064a\u0639.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/section>\r\n \r\n <section>\r\n <h2 class=\"text-xl font-semibold text-white mb-2\">\u0667. \u062e\u0627\u062a\u0645\u0629<\/h2>\r\n <p class=\"bg-slate-800\/50 p-4 rounded-lg text-slate-300 text-l l:text-base\">\r\n \u062a\u064f\u0645\u062b\u0644 \u0623\u063a\u0634\u064a\u0629 \u0627\u0644\u0623\u0646\u0627\u0628\u064a\u0628 \u0627\u0644\u0646\u0627\u0646\u0648\u064a\u0629 \u062b\u0648\u0631\u0629 \u0641\u064a \u0645\u062c\u0627\u0644 \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0641\u0635\u0644 \u0648\u0627\u0644\u062a\u0631\u0634\u064a\u062d\u060c \u0648\u062a\u0645\u0644\u0643 \u0625\u0645\u0643\u0627\u0646\u0627\u062a \u0647\u0627\u0626\u0644\u0629 \u0644\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629 \u0641\u064a \u0627\u0644\u0645\u064a\u0627\u0647 \u0648\u0627\u0644\u0637\u0627\u0642\u0629 \u0648\u0627\u0644\u0637\u0628 \u0648\u0627\u0644\u0635\u0646\u0627\u0639\u0629\u060c \u0645\u0645\u0627 \u064a\u062c\u0639\u0644\u0647\u0627 \u0645\u0648\u0636\u0648\u0639\u064b\u0627 \u062e\u0635\u0628\u064b\u0627 \u0644\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631.\r\n <\/p>\r\n <\/section>\r\n<\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ \u0645\u062d\u0627\u0643\u0627\u0629 \u063a\u0634\u0627\u0621 \u0627\u0644\u0623\u0646\u0627\u0628\u064a\u0628 \u0627\u0644\u0646\u0627\u0646\u0648\u064a\u0629 - JavaScript Vanilla\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const canvas = document.getElementById('simulation-canvas');\r\n const ctx = canvas.getContext('2d');\r\n const pressureSlider = document.getElementById('pressure-slider');\r\n const resetButton = document.getElementById('reset-button');\r\n \r\n const width = 350;\r\n const height = 250;\r\n const membraneX = width \/ 2;\r\n const membraneWidth = 20;\r\n const tubeHeight = 15;\r\n const numTubes = 5;\r\n const INITIAL_PRESSURE = 1;\r\n \r\n let particles = [];\r\n let animationId = null;\r\n let pressure = INITIAL_PRESSURE;\r\n \r\n \/\/ \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u062c\u0633\u064a\u0645\u0627\u062a\r\n const particleTypes = {\r\n water: { radius: 4, color: '#60a5fa' },\r\n salt: { radius: 8, color: '#f87171' }\r\n };\r\n \r\n \/\/ \u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u062c\u0633\u064a\u0645\u0627\u062a\r\n function initializeParticles() {\r\n particles = [];\r\n let idCounter = 0;\r\n \r\n \/\/ \u062c\u0633\u064a\u0645\u0627\u062a \u0627\u0644\u0645\u0627\u0621 (\u0627\u0644\u062c\u0627\u0646\u0628 \u0627\u0644\u0623\u064a\u0633\u0631 - \u0645\u0627\u0621 \u0645\u0627\u0644\u062d)\r\n for (let i = 0; i < 60; i++) {\r\n particles.push({\r\n id: idCounter++,\r\n type: 'water',\r\n x: Math.random() * (membraneX - 20),\r\n y: Math.random() * height,\r\n vx: (Math.random() - 0.5),\r\n vy: (Math.random() - 0.5),\r\n ...particleTypes.water\r\n });\r\n }\r\n \r\n \/\/ \u062c\u0633\u064a\u0645\u0627\u062a \u0627\u0644\u0645\u0644\u062d (\u0627\u0644\u062c\u0627\u0646\u0628 \u0627\u0644\u0623\u064a\u0633\u0631)\r\n for (let i = 0; i < 15; i++) {\r\n particles.push({\r\n id: idCounter++,\r\n type: 'salt',\r\n x: Math.random() * (membraneX - 20),\r\n y: Math.random() * height,\r\n vx: (Math.random() - 0.5) * 0.5,\r\n vy: (Math.random() - 0.5) * 0.5,\r\n ...particleTypes.salt\r\n });\r\n }\r\n }\r\n \r\n \/\/ \u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u062a\u0639\u064a\u064a\u0646\r\n function handleReset() {\r\n pressure = INITIAL_PRESSURE;\r\n pressureSlider.value = pressure;\r\n initializeParticles();\r\n }\r\n \r\n \/\/ \u062a\u0648\u0644\u064a\u062f \u0627\u0644\u0623\u0646\u0627\u0628\u064a\u0628 \u0627\u0644\u0646\u0627\u0646\u0648\u064a\u0629\r\n function generateTubes() {\r\n const tubes = [];\r\n for (let i = 0; i < numTubes; i++) {\r\n tubes.push({\r\n y: (height \/ (numTubes + 1)) * (i + 1) - tubeHeight \/ 2,\r\n height: tubeHeight\r\n });\r\n }\r\n return tubes;\r\n }\r\n \r\n \/\/ \u062d\u0644\u0642\u0629 \u0627\u0644\u0645\u062d\u0627\u0643\u0627\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\r\n function simulate() {\r\n if (animationId) {\r\n cancelAnimationFrame(animationId);\r\n }\r\n \r\n const tubes = generateTubes();\r\n const pressureForce = pressure \/ 10;\r\n \r\n function render() {\r\n \/\/ \u0645\u0633\u062d Canvas\r\n ctx.clearRect(0, 0, width, height);\r\n \r\n \/\/ \u0631\u0633\u0645 \u0627\u0644\u062a\u0633\u0645\u064a\u0627\u062a\r\n ctx.fillStyle = 'rgba(255, 255, 255, 0.5)';\r\n ctx.font = 'bold 12px Cairo';\r\n ctx.textAlign = 'center';\r\n ctx.fillText('\u0627\u0644\u0645\u0627\u0621 \u0627\u0644\u0645\u0627\u0644\u062d', membraneX \/ 2, 20);\r\n ctx.fillText('\u0627\u0644\u0645\u0627\u0621 \u0627\u0644\u0646\u0642\u064a', membraneX + (width - membraneX) \/ 2, 20);\r\n \r\n \/\/ \u0631\u0633\u0645 \u0627\u0644\u063a\u0634\u0627\u0621\r\n ctx.fillStyle = '#475569';\r\n ctx.fillRect(membraneX - membraneWidth \/ 2, 0, membraneWidth, height);\r\n \r\n \/\/ \u0631\u0633\u0645 \u0627\u0644\u0623\u0646\u0627\u0628\u064a\u0628 \u0627\u0644\u0646\u0627\u0646\u0648\u064a\u0629\r\n ctx.fillStyle = '#1e293b';\r\n tubes.forEach(tube => {\r\n ctx.fillRect(membraneX - membraneWidth \/ 2, tube.y, membraneWidth, tube.height);\r\n });\r\n \r\n \/\/ \u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u062c\u0633\u064a\u0645\u0627\u062a\r\n particles.forEach(p => {\r\n \/\/ \u062a\u0637\u0628\u064a\u0642 \u0642\u0648\u0629 \u0627\u0644\u0636\u063a\u0637\r\n p.vx += pressureForce * 0.05;\r\n \r\n \/\/ \u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0645\u0648\u0636\u0639\r\n p.x += p.vx;\r\n p.y += p.vy;\r\n \r\n \/\/ \u0627\u0635\u0637\u062f\u0627\u0645 \u0628\u0627\u0644\u062c\u062f\u0631\u0627\u0646\r\n if (p.x < p.radius) { p.x = p.radius; p.vx *= -0.5; }\r\n if (p.x > width - p.radius) { p.x = width - p.radius; p.vx *= -0.5; }\r\n if (p.y < p.radius || p.y > height - p.radius) { p.vy *= -1; }\r\n \r\n \/\/ \u0627\u0635\u0637\u062f\u0627\u0645 \u0628\u0627\u0644\u063a\u0634\u0627\u0621\/\u0627\u0644\u0623\u0646\u0627\u0628\u064a\u0628\r\n const isInMembrane = p.x + p.radius > membraneX - membraneWidth \/ 2 && \r\n p.x - p.radius < membraneX + membraneWidth \/ 2;\r\n \r\n if (isInMembrane) {\r\n let inTube = false;\r\n for (const tube of tubes) {\r\n if (p.y > tube.y && p.y < tube.y + tube.height) {\r\n if (p.type === 'water') {\r\n inTube = true;\r\n }\r\n break;\r\n }\r\n }\r\n \r\n if (!inTube) {\r\n \/\/ \u0627\u0631\u062a\u062f\u0627\u062f \u0639\u0646 \u0627\u0644\u063a\u0634\u0627\u0621\r\n if (p.x < membraneX) {\r\n p.x = membraneX - membraneWidth \/ 2 - p.radius;\r\n } else {\r\n p.x = membraneX + membraneWidth \/ 2 + p.radius;\r\n }\r\n p.vx *= -0.5;\r\n }\r\n }\r\n \r\n \/\/ \u0631\u0633\u0645 \u0627\u0644\u062c\u0633\u064a\u0645\r\n ctx.beginPath();\r\n ctx.arc(p.x, p.y, p.radius, 0, Math.PI * 2);\r\n ctx.fillStyle = p.color;\r\n ctx.fill();\r\n });\r\n \r\n animationId = requestAnimationFrame(render);\r\n }\r\n \r\n render();\r\n }\r\n \r\n \/\/ \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0623\u062d\u062f\u0627\u062b\r\n pressureSlider.addEventListener('input', function(e) {\r\n pressure = Number(e.target.value);\r\n });\r\n \r\n resetButton.addEventListener('click', handleReset);\r\n \r\n \/\/ \u062a\u0647\u064a\u0626\u0629 \u0627\u0644\u0645\u062d\u0627\u0643\u0627\u0629\r\n initializeParticles();\r\n simulate();\r\n \r\n \/\/ \u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0645\u062d\u0627\u0643\u0627\u0629 \u0639\u0646\u062f \u062a\u063a\u064a\u064a\u0631 \u0627\u0644\u0636\u063a\u0637\r\n pressureSlider.addEventListener('change', simulate);\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html><\/div><\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-17287","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/17287","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/comments?post=17287"}],"version-history":[{"count":2,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/17287\/revisions"}],"predecessor-version":[{"id":17289,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/17287\/revisions\/17289"}],"wp:attachment":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/media?parent=17287"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}