#NEWPost

این ویدیو دلی بود امیدوارم که خوشتون بیاد ؛)

بالاخره یکی باید نشون میداد که برنامه نویسا همش تو یه اتاق تاریک با یه فنجون قهوه کد نمیزنن 😎😂

https://www.instagram.com/reel/C90OYbmMxgL

Channel | YouTube | Instagram

💎 آموزش هک بازی دینو 💎

توی این ویدیو بهتون یاد دادم چجوری بازی دایناسور کروم رو بینهایت کنید، در کل هک حساب نمیشه ولی روش جالبی بود که خودم کشف کردم و دوست داشتم باهاتون به اشتراک بزارم 🔥😎

🌐 مشاهده ویدیو

هر کیم بخنده انشالله دایی ناصر بیاد تو خوابش 😂

#️⃣ #youtube

🚀 @coolycode

#reactjs #NEWPost

سه تا فکت جالب در مورد React Js 😉🔥


برای حمایت بیشتر میتونید از پیج اینستا مشاهده کنید :
https://www.instagram.com/reel/C9plLPrM5fE/?igsh=dnFicnZja2V5Y2Qz

Channel | YouTube | Instagram

#reactjs #youtube #reactjs_tutorial

جلسه سوم دوره ReactJS - استیت ها در React، به همراه مینی پروژه افزودن به سبد خرید

استیت یکی از مهم ترین مفاهیم در ری اکت هست و بدون وجود اون تقریبا توسعه اپلکیشین های تعاملی با ری اکت امکان پذیر نیست.

توی این ویدیو، به آموزش کامل استفاده از استیت ها در ری اکت جی اس می‌پردازیم و استیت هارو به صورت کامل مورد بررسی قرار میدیم‌ و تمام نکات کلیدی استیت ها رو به همراه یک مینی پروژه کاربردی یاد میگیریم ⚡


توی این جلسه چیا قراره یادبگیریم ؟

1️⃣ - استیت ها چی هستند داخل ReactJS و چه ویژگی هایی دارند ؟

2️⃣ - نحوه استفاده از استیت ها ReactJS

3️⃣ - مینی پروژه دکمه افزودن به سبد خرید با استفاده از استیت ها

مشاهده ویدیو ▶️

ریپازیتوری گیت‌هاب پروژه این جلسه 🧑‍💻

جلسه قبلی

Channel | YouTube | Instagram

#reactjs #youtube #reactjs_tutorial

جلسه دوم دوره ReactJS - کامپوننت ها در ری‌اکت

کامپوننت ها یکی از مهم ترین بخش های هر اپلیکیشن ری‌اکتی هستند که شما باید بلد باشید به خوبی با اونها کار بکنید چون بدون استفاده از کامپوننت ها توسعه وب‌سایت های بزرگ غیر ممکن میشه، حالا یسری نکات وجود داره در مورد کامپوننت ها که اگر این نکات رو بلد باشید توانایی این رو پیدا میکنید که به شکل حرفه ای و اصولی تر به توسعه اپلیکیشن ری‌اکتی خودتون بپردازید.

توی این ویدیو، به آموزش کامل کامپوننت ها در ری‌اکت جی‌اس می‌پردازیم و همه قسمت های مختلف و نکات کلیدی رو در مورد کامپوننت ها بررسی میکنیم.


توی این جلسه چیا قراره یادبگیریم ؟

1️⃣ - مزایای استفاده از کامپوننت ها در ری‌اکت جی‌اس

2️⃣ - تاریخچه کامپوننت ها

3️⃣ - نحوه پیاده سازی کامپوننت ها در ری‌اکت جی‌اس

4️⃣ - استفاده از props در کامپوننت ها

5️⃣ - تفاوت استفاده از کامپوننت به صورت Self-Closing و Open-Close 

6️⃣ - مینی پروژه کارد محصول در ری‌اکت جی‌اس با استفاده از کامپوننت ها


مشاهده ویدیو ▶️

ریپازیتوری گیت‌هاب پروژه این جلسه 🧑‍💻

جلسه قبلی

Channel | YouTube | Instagram

#reactjs #youtube #reactjs_tutorial

سلام به همگی، امیدوارم حالتون عالی باشه 🔥

یه دوره جدید داخل چنل یوتوب استارت زدیم و قراره که توی این دوره آموزش کامل لایبرری ری‌اکت جی‌اس رو به صورت کامل از سطح مقدماتی تا پیشرفته داشته باشیم تا بتونیم به صورت کامل به این لایبرری مسلط بشیم ⚡

اطلاع رسانی قسمت های جدید دوره داخل چنل تلگرام انجام میشه


مشاهده پلی لیست دوره ▶️

Channel | YouTube | Instagram

#reactjs #youtube #reactjs_tutorial

ری‌اکت یه کتابخونه‌ی نسبتا تودرتو هستش و همه چیز داخل ری‌اکت داخل یه سری کامپوننت تو در تو چیده شده که این مسئله می‌تونه بعضی از کارها رو خیلی سخت‌تر کنه، مثلا اگر یک جایی نیاز داشته باشیم که محتوای ری‌اکت رو در جایی خارج از جریان دام داشته باشیم آیا میتونیم کاری انجام بدیم ؟ در این صورت، پورتال‌های ری‌اکت به کمک ما میان !

🎯 با پورتال ها میتونید یک المنت رو داخل یک کامپوننت با همه قابلیت هایی که نیاز دارید استفاده کنید و خیلی ساده اون المنت رو به عنوان فرزند یک المنت دیگه داخل اپلیکیشن خودتون قرار بدید.‌

توی این ویدیو به صورت کامل پورتال هارو بهتون آموزش دادم ⚡

مشاهده کامل ویدیو

Channel | YouTube | Instagram

#javascript #youtube

از اونجایی که ما در برنامه نویسی خیلی با آبجکت ها سر و کار داریم، حتما باید بتونیم به خوبی باهاشون کار بکنیم، حالا یسری تریک ها و ترفند ها هستند که قطعا خیلی به بهمون کمک می‌کنند در روند کار و سرعت مارو بالا تر میبرند ❗

داخل این ویدیو پنج تا تریک خفن و کاربردی در مورد آبجکت ها داخل جاوااسکریپت بهتون یاد دادم که هر وب دولوپری باید بدونه ⚡


1️⃣ -  کپی عمیق یا deep copy چیست ؟
2️⃣ - چک کردن موجودیت پروپرتی موردنظر داخل آبجکت
3️⃣ - حذف یک پروپرتی از آبجکت
4️⃣ - ادغام و مرج کردن دو آبجکت با یکدیگر
5️⃣ - استفاده از defineProperty برای تعریف پروپرتی جدید در آبجکت

مشاهده کامل ویدیو

Channel | YouTube | Instagram

#javascript #youtube

احتمالا برای شما هم پیش اومده که یک آبجکت و یا آرایه رو داخل لوکال استوریج ذخیره کردید و وقتی اومدید دیتاش رو بخونید با این مقدار مواجه شدید ❗

"Object object"

این اتفاق بخاطر هندل نکردم درست این موضوع هنگام ذخیره کردن دیتا هستش ⚠️

داخل این ویدیو دلیلش رو به طور کامل بررسی کردیم و راه حل درست هندل کردنشم بهتون گفتم که قطعا خیلی جاها میتونه کمکتون کنه ⚡

مشاهده کامل ویدیو

Channel | YouTube | Instagram

#reactjs #youtube

سلام به همگی، امیدوارم عالی باشین 🔥

یه دوره جدید رو داخل چنل یوتوب استارت زدیم و قراره داخل این دوره آموزش کامل لایبرری ری‌اکت جی‌اس رو داشته باشیم و امروز اولین قسمت دوره منتشر شد

داخل این ویدیو قراره که لایبرری محبوب ری‌اکت‌جی‌اس رو با هم دیگه بررسی بکنیم و اولین پروژه خودمون رو ایجاد بکنیم ⚡


توی این جلسه چیا قراره یاد بگیریم ؟

1️⃣ - ری‌اکت جی‌اس چیه ؟

2️⃣ - ساخت اولین پروژه با Create React App

3️⃣ - ساختار فایل‌ها و کامپوننت‌ها در ری‌اکت

5️⃣ - چگونگی و نحوه‌کار ری‌اکت

6️⃣ - بررسی ساختار کامپوننت ها و ساخت اولین کامپوننت

مشاهده ویدیو

Channel | YouTube | Instagram

https://youtu.be/q-380g_ypHc

#reactjs #youtube

سلام رفقا امیدوارم حالتون خوب باشه 🔥

توی ویدیو یک تودولیست کامل رو با هم دیگه داخل ری‌اکت با استفاده tailwind css پیاده سازی میکنیم که میتونه پروژه تمرینی خیلی خوبی باشه و همچنین برای استفاده شخصی هم ازش استفاده کنید ✅

برای ذخیره سازی تودو‌ها ام از لوکال‌استوریج استفاده میکنیم که کارمون رو خیلی ساده تر میکنه و چند تا تکنیک جالب و مهمم برای ذخیره سازی آرایه و آبجکت داخل لوکال استوریج بهتون گفتم که ممکنه توی پروژه های واقعی به کارتون بیاد ⚡

مشاهده ویدیو

لینک ریپازیتوری پروژه


Channel | YouTube | Instagram

https://youtu.be/XoOIITEyLiw

#youtube

کی سریع تر کد میزنه ؟ 😎😂

درسته توی کد زدن سرعت مهم نیست ولی چالش جالبیه که خودمون رو بسنجیم و ببینیم که چقدر سریع میتونیم کد بزنیم 😉

فکر میکنم که تاحالا همچین سبک محتوایی نبوده باشه تا جایی که من گشتم امیدوارم خوشتون بیاد 🤩💪

مشاهده ویدیو

Channel | YouTube | Instagram

#reactjs #youtube

تو این ویدیو بهتون هوک یوزافکت رو با یه مثال جالب یاد دادم و لیمیت سابمیت فرم رو با یوز افکت هندل کردم برای درک بهتر این هوک که می‌تونه جالب باشه براتون 😁⚡

آموزش کامل هوک یوزافکت در ری‌اکت با مثال کاربردی و مینی پروژه فرم با ولیدشن

Channel | YouTube | Instagram

https://youtu.be/udlqlFd4U7w?si=k2yuYWlC4et0G12B

#javascript #video

یه روش جالب برای هندل کردن دیتای فرم ها، بدون استفاده از ایونت onChange که میتونه خیلی جاها به کارتون بیاد 😉🔥

Channel | YouTube | Instagram

#reactjs #youtube

داخل این ویدیو بهتون یاد دادم که چجوری میتونید بدون استفاده از هیچگونه لایبرری خاصی داخل برنامه ری‌اکتی خودتون دیتای فرم هاتون رو‌ خیلی ساده با چند خط کد جاوااسکریپت مدیریت کنید ⚡️

مشاهده کامل ویدیو داخل‌ چنل یوتوب

مشاهده ریپازیتوری گیت هاب کد های استفاده شده داخل ویدیو

Channel | YouTube | Instagram

#javascript #video

حتما برای شما ام پیش اومده که وارد یه وبسایتی میشید و مثلا یه منویی رو باز میکنید ولی به محض اینکه دکمه بک گوشیتون رو میزنید صفحه عوض میشه 😨🤦🏼‍♂️

این اتفاق بخاطر هندل نکردن درست این مسئله داخل کد هستش، حالا توی این ویدیو بهتون یاد میدم که چجوری میتونید این مورد رو با جاوااسکریپت هندل کنید

Channel | YouTube | Instagram

ولاگ رویداد هنگ‌اوت دولوپر ها😍💪

هنگ‌اوت دولوپر ها یه کامیونیتی کوچیک که ایونتای زبان انگلیسی برگزار میکنند
برنامه ام به این شکله که اول یه ارائه داریم که ارائه این هفته درباره دیزاین پترن ها بود و بعد از ارائه ام به گروهای ۷،۸ نفره تقسیم میشیم مکالمه آزاد و تخصصی داریم با بچه ها
ویدیو ولاگ برنامه این هفته رو هم میتونید از پیج ایسنتاگرام من تماشا کنید

https://www.instagram.com/reel/C6WWXIMsEGa/?igsh=NHVpdm03dng2bWRi

#NEWPost #vlog

Channel | YouTube | Instagram