- 107
- 31 084
webioo
United States
Приєднався 28 лип 2021
یه چنل برای یادگیری برنامه نویسی به صورت رایگان و پروژه محور!
آموزش ری اکت | react tutorial - جلسه دوازدهم -use-ref
درود ، اومدیم با قسمت دوازدهم دوره react و تو این ویديو میخوایم باهم دیگه با هوک useRef آشنابشیم و ببینیم چی هست اصلا؟ و در مرحله بعد با useState که در جلسه یازدهم یاد گرفتیم به طور کامل مقایسه کنیم ، این ویدیو را تا آخر ببینید و از دست ندهید، همچنین کد این جلسه را میتوانید از گیت هاب دریافت کنید:
لینک پروژه:
github.com/amirhajif/react-tutuorial-youtube-beginners
#webioo #js #react #reactjs #react_tutorial #react-tutorial #جاوااسکریپت #آموزشـریـاکت #آموزش #فرانتـاند #برنامهنویسی #آموزشـبرنامهـنویسی
سایت پروژه و سورس کد :
sourceyub.ir
پلتفرم طراحی سایت :
webioo.ir
لینک پروژه:
github.com/amirhajif/react-tutuorial-youtube-beginners
#webioo #js #react #reactjs #react_tutorial #react-tutorial #جاوااسکریپت #آموزشـریـاکت #آموزش #فرانتـاند #برنامهنویسی #آموزشـبرنامهـنویسی
سایت پروژه و سورس کد :
sourceyub.ir
پلتفرم طراحی سایت :
webioo.ir
Переглядів: 4
Відео
آموزش ری اکت | react tutorial - جلسه یازدهم -state در ۱۰ دقیقه
Переглядів 3112 годин тому
درود ، اومدیم با قسمت یازدهم دوره react و تو این ویديو میخوایم باهم دیگهstateها آشنا بشیم و یک مثال از خود داکیومنت ری اکت حل کنیم و حتما چالش انتهای ویدیو را هم انجام بدین، این ویدیو را تا آخر ببینید و از دست ندهید، همچنین کد این جلسه را میتوانید از گیت هاب دریافت کنید: لینک پروژه: github.com/amirhajif/react-tutuorial-youtube-beginners #webioo #js #react #reactjs #react_tutorial #react-tutoria...
آموزش ری اکت | react tutorial - جلسه دهم -event handler در ۷ دقیقه
Переглядів 2414 годин тому
درود ، اومدیم با قسمت دهم دوره react و تو این ویديو میخوایم باهم دیگه با ایونت ها و event handler در ری اکت کار کنیم و در کمتر از ۷ دقیقه این مبحث را کامل ببندیم، این ویدیو را تا آخر ببینید و از دست ندهید، همچنین کد این جلسه را میتوانید از گیت هاب دریافت کنید: لینک پروژه: github.com/amirhajif/react-tutuorial-youtube-beginners #webioo #js #react #reactjs #react_tutorial #react-tutorial #جاوااسکر...
آموزش ری اکت | react tutorial - جلسه نهم -children
Переглядів 5021 годину тому
درود ، اومدیم با قسمت نهم دوره react و تو این ویديو میخوایم باهم دیگه با مفهوم children آشنا بشیم و میبینیم که می توانیم صرفا کامپوننتمان را به صورت self closing تعریف نکنیم و مانند خیلی از تگ های html بصورت تگ های باز و بسته بنویسیم و از محتوای داخل آن هم بهره ببریم کامل این ویدیو را تا آخر ببینید و از دست ندهید، همچنین کد این جلسه را میتوانید از گیت هاب دریافت کنید: لینک پروژه: github.com/ami...
آموزش ری اکت | react tutorial - جلسه هشتم -conditional rendering
Переглядів 59День тому
درود ، اومدیم با قسمت هشتم دوره react و تو این ویديو میخوایم باهم دیگه با conditional rendering آشنا بشیم و بیایم متناسب با وضعیت یک بخشی را در صفحه نمایش دهیم و اگر میخواهیم یک کامپوننتی را render بگیریم یا نگیریم کامل این ویدیو را تا آخر ببینید و از دست ندهید، همچنین کد این جلسه را میتوانید از گیت هاب دریافت کنید: لینک پروژه: github.com/amirhajif/react-tutuorial-youtube-beginners #webioo #js ...
آموزش ری اکت | react tutorial - جلسه هفتم -list rendering - keys
Переглядів 6014 днів тому
درود ، اومدیم با قسمت پنجم دوره react و تو این ویديو میخوایم باهم دیگه با list rendering کار کنیم و کل این همه خطوط و data را با یک حلقه ساده پیاده سازی کنیم و مهم تر از اون با مفهوم keys هم آشنا میشیم، همچنین کد این جلسه را میتوانید از گیت هاب دریافت کنید: لینک پروژه: github.com/amirhajif/react-tutuorial-youtube-beginners #webioo #js #react #reactjs #react_tutorial #react-tutorial #جاوااسکریپت...
آموزش ری اکت | react tutorial - جلسه ششم -پراپس-props
Переглядів 4621 день тому
درود ، اومدیم با قسمت شمم دوره react و تو این ویديو میخوایم باهم دیگه با مفهوم props آشنا بشیم و ببینم چقد میشه روی کامپوننت هامون مانور بدیم و می بینید چقد ری اکت کار و برای شما ساده میکنه پس بزن بریم که کار و جمع کنیم ، همچنین کد این جلسه را میتوانید از گیت هاب دریافت کنید: لینک پروژه: github.com/amirhajif/react-tutuorial-youtube-beginners #webioo #js #react #reactjs #react_tutorial #react-tu...
آموزش ری اکت | react tutorial - جلسه پنجم -تبدیل یک پروژه ساده به ری اکت
Переглядів 4921 день тому
درود ، اومدیم با قسمت پنجم دوره react و تو این ویديو میخوایم باهم دیگه یک نیمچه پروژه ساده انجام بدیم و یک کد html-css را تبدیل به یک پروژه ری اکتی بکنیم و با مباحث کامپوننت و jsx بیشتر آشنا شویم ، همچنین کد این جلسه را میتوانید از گیت هاب دریافت کنید: لینک پروژه: github.com/amirhajif/react-tutuorial-youtube-beginners #webioo #js #react #reactjs #react_tutorial #react-tutorial #جاوااسکریپت #آمو...
آموزش ری اکت | react tutorial - جلسه چهارم -component چی هست؟آموزش کامل component
Переглядів 4421 день тому
درود ، اومدیم با قسمت چهارم دوره react و تو این ویديو میخوایم باهم دیگه یاد بگیری component که میگیم یکی از مهم ترین مزیت های react به حساب می آید چی هست اصلا؟ و کامل باهم دیگه اون رو بررسی کنیم پس این قسمت و از دست ندین در ضمن حمایت هم یادتون نره #webioo #js #react #reactjs #react_tutorial #react-tutorial #جاوااسکریپت #آموزشـریـاکت #آموزش #فرانتـاند #برنامهنویسی #آموزشـبرنامهـنویسی سایت پروژه ...
آموزش طراحی صفحه لاگین اینستاگرام با Tailwind CSS: از نصب تا پیاده‌سازی
Переглядів 6628 днів тому
توی این ویدیو با استفاده از تیلویند ، صفحه لاگین اینستاگرام رو باهم طراحی میکنیم و راجب اینکه تیلویند چیه و چرا ازش استفاده میشه و چجوری باید یادش بگیریم صحبت میکنیم. لینک گیت هاب پروژه : github.com/alirzaghlmpr/login-insta-tailwind-youtube 00:00 کلیات پروژه 00:21 تیلویند چیست 01:28 تفاوت تیلویند و بوت استرپ 04:03 نصب تیلویند و تنظیمات وی اس کد 10:50 بررسی پروژه 11:25 شروع کد نویسی پروژه 39:50 ...
آموزش ری اکت | react tutorial - جلسه سوم -jsx چی هست؟آموزش کامل jsx
Переглядів 4928 днів тому
تو این ویدیو رفتیم سراغ صفر تا صد jsx پس این ویدیو رو از دست نده اصلا #webioo #js #react #reactjs #react_tutorial #react-tutorial #جاوااسکریپت #آموزشـریـاکت #آموزش #فرانتـاند #برنامهنویسی #آموزشـبرنامهـنویسی سایت پروژه و سورس کد : sourceyub.ir پلتفرم طراحی سایت : webioo.ir
آموزش ری اکت | react tutorial - جلسه دوم - ساختار و پوشه بندی پروژه ری اکت
Переглядів 67Місяць тому
خوب خوب اومدیم با دومین قسمت از آموزش ری اکت مقدماتی و تو این قسمت میخوایم مفصل ۵ دقیقه راجبه فایل هایی که vite داخل یک پروژه ری اکتی برای ما میسازه رو بررسی کنیم و ببینیم دونه به دونه این فایل ها چی هست پس این ۵ دقیقه و از دست ندین و تا آخرش با ما همراه باشید همچنین حمایت یادتون نره که خیلی به حمایت هاتون نیاز داریم. #webioo #js #react #reactjs #react_tutorial #react-tutorial #جاوااسکریپت #آمو...
ساخت پنل ادمین ریسپانسیو و مدرن با Bootstrap 5 (پروژه واقعی + نکات مهم)
Переглядів 107Місяць тому
توی این ویدیو سعی شده که از مفاهیم اصلی و پرکاربرد بوت استرپ و کامپوننت های پر استفاده برای درک بهتر استفاده بشه. لینک گیت هاب پروژه : github.com/alirzaghlmpr/bootstrap-panel-youtube بخش بندی ویدیو : 00:00:00 توضیحات کلی 00:00:32 اضافه کردن بوت استرپ به پروژه 00:03:51 اضافه کردن فونت و استایل دلخواه به بوت استرپ 00:05:50 اضافه کردن کانتینرها و داکیومنت مربوطه 00:07:04 اضافه کردن row و col و داک...
آموزش ری اکت | react tutorial - جلسه اول - نصب پیش نیاز ها و ساخت اولین پروژه
Переглядів 86Місяць тому
عملا این ویدیو اولین ویدیو اصلی دوره ری اکت به حساب میاد و تو این ویدیو میریم سراغ نصب تمامی پیش نیاز ها و همچنین ساخت اولین پروژه ری اکت خودمون با استفاده از vite که مطمئنم این ویديو خیلی برات مفید هست. اگر از این دست ویدیو ها لذت بردین و آموزش های چنل ما برای شما مفید بود حمایت یادتون نره که خیلی به حمایت های شما نیاز داریم. #webioo #js #react #reactjs #react_tutorial #react-tutorial #جاوااسک...
تگ ها و ویژگی هایی از html که کمتر کسی میدونه
Переглядів 66Місяць тому
تگ ها و ویژگی هایی از html که کمتر کسی میدونه
آموزش ری اکت | react tutorial - جلسه صفر - ری اکت چیست؟
Переглядів 85Місяць тому
آموزش ری اکت | react tutorial - جلسه صفر - ری اکت چیست؟
آموزش پروژه محور SASS: طراحی صفحه لندینگ از صفر تا صد
Переглядів 150Місяць тому
آموزش پروژه محور SASS: طراحی صفحه لندینگ از صفر تا صد
سایت فروشگاهی با جاوا اسکریپت با قابلیت لاگین و سبد خرید
Переглядів 2,2 тис.Місяць тому
سایت فروشگاهی با جاوا اسکریپت با قابلیت لاگین و سبد خرید
سرعت کدنویست رو ۵ برابر کن | افزونه emmet
Переглядів 1399 місяців тому
سرعت کدنویست رو ۵ برابر کن | افزونه emmet
جابجایی بین بخش های صفحه با اسکرول |snap to the next section on a signle scroll
Переглядів 1639 місяців тому
جابجایی بین بخش های صفحه با اسکرول |snap to the next section on a signle scroll
آموزش json در ۱۲ دقیقه | json in 12 minutes
Переглядів 8611 місяців тому
آموزش json در ۱۲ دقیقه | json in 12 minutes
وب اسکرپینگ با پایتون | آموزش پروژه محور وب اسکرپینگ
Переглядів 29311 місяців тому
وب اسکرپینگ با پایتون | آموزش پروژه محور وب اسکرپینگ
python crash course | آموزش پایتون در ۲ ساعت
Переглядів 2,3 тис.2 роки тому
python crash course | آموزش پایتون در ۲ ساعت
دادن رنگ رندوم به بکگراند با جاوااسکریپت(random color to background with js)
Переглядів 1022 роки тому
دادن رنگ رندوم به بکگراند با جاوااسکریپت(random color to background with js)
پروژه ماشین حساب - قسمت سوم فعال کردن دکمه های اعداد و 4 دکمه عملیات
Переглядів 502 роки тому
پروژه ماشین حساب - قسمت سوم فعال کردن دکمه های اعداد و 4 دکمه عملیات
پروژه ماشین حساب ویندوز فرم -قسمت دوم پیاده سازی دیزاین ماشین حساب
Переглядів 612 роки тому
پروژه ماشین حساب ویندوز فرم -قسمت دوم پیاده سازی دیزاین ماشین حساب
پروژه ماشین حساب ویندوز فرم - قسمت نهایی
Переглядів 1172 роки тому
پروژه ماشین حساب ویندوز فرم - قسمت نهایی
Bootstrap بزارین دوباره
ممنون از نظرتون ، حتما تو اولویت قرار میدیم
عالی بود
usefull tutuorial🎉
very good
salam dabir
salam dabir manam rostami
داخل کروم هم میشه اگر میشه چجوری؟
اینسپکت میگیرید ، وارد بخش resources می‌شید و پوشه فونت
سلام ممنون از آموزش خوبتون برای اسکرول افقی در سایت وردپرسی چطوری باید انجامش داد؟
سلام بستگی داره از چه صفحه ساز استفاده میکنید ، اجر المنتور هستش میتونید کد هارو توی قسمت سی اس اس کانتینر قرار بدید و ایدی مد نظرتون رو روی کانتینر قرار بدید
🎉🎉
Kamelan amozande
Best video
Nice
God ❤
Very good❤
thank you
مرسی لطفا ادامه‌بدین❤
اع یه اثراتی از من هم هست که
MasterPiece !!
سلام میشه ساین اپ چ لاگین اشتراکی هم یاد بدید که چطور ینفر باید اشتراک بخره تا بتونه وارد شه
وقت بخیر در برنامه آموزشی قرار میدیم.
First comment 😂
Interesting ❤
باه باه
چرا css رو با فریمورک tailwind نمیزنید ک کار راحت تر بشه ؟
میخاستیم همه چی به صورت بیسیک و پایه باشه و از فریموورکی استفاده نشه ، پروژه تیلویند هم تو کانال موجوده میتونید مشاهده کنید. لینک ویدیو : ua-cam.com/video/TjBAwHXSXOI/v-deo.htmlsi=fCMQStnzHZZrTmoY
@@webioo ممنون
Great👏
nice
کارت درسته
خسته نباشید استاد ما به ما گفت برای قسمت های لاگین که اطلاعات طرف ذخیره بشه و... باید بک اند بلد باشیم خواستم ببینم نظر شما در این رابطه چیه (ویدیو رو نگاه نکردم فقط نظرم جلب شد که چجوری بدون بک اند این کار رو کنیم) بدون بلد بودن بک اند که مشکلی پیش نمیاد؟
راه حل های متفاوتی داره ، اولین اینه که از یه بک اند فیک شده استفاده کنیم مثل platzi fake api ، راه حل دوم اینه که خودمون بک اند رو با یک سری کتاب خونه ها ماک کنیم کثل json server ، راه حلی اخرم که ما استفاده کردیم استفاده از لوکال استوریج و ذخیره یک سری اطلاعات هستش که خب خیلی داینامیک نیست.
عالی بود خیلی زحمت کشیدید
❤️
Wow🔥🔥🔥
اسم تم تون رو میگید؟
one dark pro
ماشاله
عالیییی بود استاد
عالی بود ممنون
Awli bood❤
بیشتر از این ویدیو ها بزار خیلی جذابه❤
montazere chizaye khafan tar bashid
به به بینظیره 💕
Your teaching is very amazing 🫶🏻
perfect 👍🏻
nice
Congratulations
Wow
Perfect
Awli bood , Vali chetor 3 saat ro upload kardi?
😂😂
Perfect 🎉
عالی بود
عالی