دوره جاوااسکریپت 🚀

مشاهده

#Programming #MrA #js #javascript #WebDesign #Web 💻

دوره جاوااسکریپت 🚀

مشاهده

#Programming #MrA #js #javascript #WebDesign #Web 💻

خیلی وقت ها مشکل یادگیری JavaScript کمبود منبع نیست، بلکه درک نکردن مفاهیم اصلیه.

این کتاب فارسی با بیش از ۲۵۰ صفحه روی درک بهتر JavaScript تمرکز داره و برای عمیق تر شدن در مفاهیم زبان میتونه منبع خوبی باشه.

https://github.com/Mariotek/better-understanding-of-javascript

#JavaScript #ProgrammingLanguage #LearningJavaScript #ProgrammingBooks #BetterUnderstanding #SoftwareDevelopment #CodingSkills #WebDevelopment #ProgrammingResources #ProgrammingTips

—————————-»»

> Mr.A 
> Code & Technology

اینم جدیدا توی اینستاگرام ترند شده (باید کامنت بزاری که برات بفرستنش😁)، توسط Enzo ساخته شده بجز این QRCode کلی انیمیشن جالب دیگه هم توی سایتش داره سایتش رو حتما یه چکی کنید یکی دیگه از افکت هاش برای وقتیه که توی بازی شطرنج کیش و مات می‌شین یه انیمیشن جالب داره :

reactiive.io/demos

#Enzo #Reactiive #Animation #Design #UI #UX #WebDevelopment #JavaScript #GameDevelopment #Shatranj

—————————-»»

> Mr.A 
> Code & Technology

آقای austin_malerba یه پروژه جالب ساخته که یه المنت موجود توی صفحه رو به‌صورت زنده آینه می‌کنه و خروجی رو روی کنواس می‌ذاره؛ بدون اینکه لازم باشه DOM رو کلون کنین و سنگین کاری کنید. یعنی همون چیزی که روی صفحه رندر می‌شه، می‌تونه به شکل یه نسخه تصویری مستقل استفاده بشه

کاربردهای جالبی داره؛ مثلاً می‌تونین ازش برای ساخت تصویر بازتابی، نمایش نسخه‌ی شناورِ یک عنصر هنگام جابه‌جایی، ایجاد رد حرکتی، ذره‌بین، پیش‌نمایش کوچک از محتوا، پس‌زمینه‌ی ویدیویی و کلی جلوه‌ی بصری دیگه استفاده کنین. حتی می‌شه نمایش این نسخه رو با کمی تأخیر انجام داد تا از حرکت عنصر، یه رد تصویری جذاب ساخته بشه.

تست آنلاین :
element-mirror-demo.vercel.app

سورس کد :
github.com/malerba118/element-mirror

#JavaScript #DOMManipulation #Canvas #WebDevelopment #Frontend #WebDesign #ReflectionEffect #Animation #WebGL #GraphicsProgramming

—————————-»»

> Mr.A 
> Code & Technology

این یه پروژه دمو برای ساخت افکت‌های جادویی و Skillshot سه‌بعدی با Three.js هستش؛
که یه کاراکتر سه‌بعدی داری و می‌تونی با کیبورد چندتا قدرت مختلف رو انتخاب کنی، با موس هدف بگیری و افکت رو اجرا کنی. مثلاً:

دکمه Q → حلقه‌ای از آتش و تیغه‌های شعله‌ای
دکمه E → بازوهای هیولایی شبیه Kraken که از زمین بیرون میان
دکمه R → کره الکتریکی
دکمه F → حمله خطی سنگی و ستون سنگی
دکمه V → دروازه/پورتال سبز
دکمه X → حلقه جادویی که از زمین بلند می‌شه
دکمه Z → پورتال آتشین
دکمه B → تقویت الکتریکی
دکمه M → تقویت جادویی
دکمه K → تقویت آتش

github.com/achrefelouafi/LinearAbilityExtThreeJS
پروژه رو روی سیستمتون کلون کنید و بعد با دستور npm run dev بالا بیاریدش.

#Threejs #JavaScript #WebGL #GameDevelopment #Skillshot #3DGraphics #GameProgramming #LinearAbilityExt #ThreeJSPlugin #GameDev

—————————-»»

> Mr.A 
> Code & Technology

این یه کتابخونه برای ساخت اسلایدر های نرم و قابل‌کنترل اشیاء سه بعدی هستش؛ ولی تفاوت مهمش با خیلی از اسلایدرهای معمولی اینه که از اول با هدف smooth motion، inertia، drag، snapping و مخصوصاً هماهنگ شدن با WebGL ساخته شده

خیلی از Carouselهای معمولی برای چنین چیزی مناسب نیستن، چون فقط DOM رو جابه‌جا می‌کنن.
ولی این موقع حرکت، stateهای مفیدی  رو در اختیارت می‌ذاره که می‌تونید بسته به نیازتون از ایونت هاش و متغییر هاش استفاده کنید

تست آنلاین و سورس کد:
smooothy.vercel.app

#3DModeling #WebGL #SmoothMotion #Inertia #Drag #Snapping #Carousel #JavaScript #DOMManipulation #WebDevelopment

—————————-»»

> Mr.A 
> Code & Technology

ساخت اسکرول سفارشی جاوا اسکریپت صفحه وب

https://youtu.be/j_jMMOU2JEU
https://github.com/Coding-With-Raymond/ProjectsJavaScript
https://youtu.be/Thxav1nVPDQ

#CustomScroll #JavaScript #WebDevelopment #FrontendEngineering #WebDesign #MrA

—————————-»»

> Mr.A
> Code & Technology