وبسایت شخصی آرتین علی محمدی، دانشآموز دبیرستان نگاه نو؛ یک پورتفولیوی دوزبانه با ربات سهبعدی تعاملی که کاملاً آفلاین و بدون هیچ سرویس بیرونی اجرا میشود. حاصل سه ماه کار مستمر.
پروژه پایین اجرا شده است. برای دیدن آن در صفحهٔ کامل، دکمهٔ زیر را بزنید.
باز کردن سایت آرتین در صفحهٔ کامل ↗فایلهای این بخش بهزودی اضافه میشود.
آرتین علی محمدی، دانشآموز دبیرستان نگاه نو، در سه مسابقهٔ بینالمللی رباتیک مدال گرفته بود اما هیچ جای مشخصی نداشت که کارهایش را جمع کند. تصمیم گرفت بهجای ساختن یک رزومهٔ کاغذی، خودش یک وبسایت شخصی بنویسد؛ جایی که هم دستاوردهایش را نشان بدهد و هم خودِ سایت نمونهای از تواناییاش در برنامهنویسی باشد.
این پروژه حاصل حدود سه ماه کار مستمر است. آرتین در این مدت طراحی رابط کاربری، متنها، ترجمهٔ کامل فارسی و انگلیسی، حالت روشن و تیره، انیمیشنها و مدل سهبعدی ربات را بارها بازنویسی کرد تا به نسخهای برسد که هم سریع باشد و هم روی موبایل درست دربیاید.
قلب صفحهٔ اول یک ربات امدادگر سهبعدی است که با کتابخانهٔ Three.js ساخته شده. این ربات از صفر و فقط با اشکال هندسی پایه مدل شده — بدون استفاده از هیچ فایل مدل آماده. ربات با حرکت موس سرش را میچرخاند، چشمهایش نبض میزند و رنگهایش با تغییر تم روشن و تیره عوض میشود.
نسخهٔ اول سایت فونتها و کتابخانهٔ Three.js را از CDN خارجی میگرفت. نتیجه این بود که سایت در ایران بدون فیلترشکن اصلاً بالا نمیآمد و روی صفحهٔ لودینگ گیر میکرد. آرتین همهٔ وابستگیهای بیرونی را حذف کرد و فونتها و کتابخانه را داخل خود پروژه آورد. حالا سایت صددرصد آفلاین اجرا میشود و هیچ درخواستی به بیرون نمیفرستد.
سایت کاملاً استاتیک است: HTML و CSS و JavaScript خالص با ES Modules، بههمراه Three.js برای رندر سهبعدی. نه فریمورکی استفاده شده، نه دیتابیسی لازم دارد. فونت وزیرمتن و Sora و کل کتابخانهٔ گرافیکی داخل خود پروژه قرار دارند.
یک جلسهٔ مشاورهٔ رایگان با کارشناسان آکادمی نوین ذهن رزرو کنید تا مسیر مناسب سن و علاقهٔ فرزندتان را با هم انتخاب کنیم.