- 54
- 8 128
Built with Bits
Приєднався 28 бер 2024
Welcome to Built with Bits!
This channel is your one-stop shop for mastering the latest web development tools and frameworks. Whether you're a complete beginner or a seasoned developer looking to level up your skills, we've got you covered.
We break down complex concepts into bite-sized, easy-to-understand tutorials, all within a minute. ⏱️ Explore topics like:
Laravel: Build powerful web applications with a robust PHP framework.
Vue.js: Create dynamic and interactive user interfaces.
Vite & Nuxt: Streamline your development workflow with modern build tools and frameworks.
NestJS & Express: Build scalable and maintainable backend APIs.
And much more!
Join us on our journey to become better developers, one "bit" at a time.
Subscribe for new tutorials every week!
Let us know in the comments what you'd like to learn next.
This channel is your one-stop shop for mastering the latest web development tools and frameworks. Whether you're a complete beginner or a seasoned developer looking to level up your skills, we've got you covered.
We break down complex concepts into bite-sized, easy-to-understand tutorials, all within a minute. ⏱️ Explore topics like:
Laravel: Build powerful web applications with a robust PHP framework.
Vue.js: Create dynamic and interactive user interfaces.
Vite & Nuxt: Streamline your development workflow with modern build tools and frameworks.
NestJS & Express: Build scalable and maintainable backend APIs.
And much more!
Join us on our journey to become better developers, one "bit" at a time.
Subscribe for new tutorials every week!
Let us know in the comments what you'd like to learn next.
اپیزود ۱۹ : تسلط بر روابط پیچیده در لاراول؛ Has One of Many، Has One Through و Has Many Through
تاکنون با روابط سادهای مانند One-to-One و One-to-Many در لاراول آشنا شدیم. اما برای مدلسازی دادههای پیچیدهتر، نیاز به روابط پیشرفتهتری داریم. در این ویدیو، به بررسی سه نوع رابطه مهم در لاراول میپردازیم:
Has One of Many: چطور از بین چندین رکورد مرتبط، تنها به یکی از آنها دسترسی پیدا کنیم؟
Has One Through: چگونه از طریق یک مدل واسطه، به یک مدل دیگر دسترسی پیدا کنیم؟
Has Many Through: چطور به چندین مدل مرتبط از طریق یک مدل واسطه دسترسی پیدا کنیم؟
با استفاده از مثالهای عملی و کدهای قابل فهم، این مفاهیم را به طور کامل توضیح خواهیم داد. همچنین، به شما نشان خواهیم داد که چگونه میتوانید از این روابط در پروژههای واقعی خود استفاده کنید.
github repo : github.com/unknownman/laravel-boilerplate-11/tree/19
Has One of Many: چطور از بین چندین رکورد مرتبط، تنها به یکی از آنها دسترسی پیدا کنیم؟
Has One Through: چگونه از طریق یک مدل واسطه، به یک مدل دیگر دسترسی پیدا کنیم؟
Has Many Through: چطور به چندین مدل مرتبط از طریق یک مدل واسطه دسترسی پیدا کنیم؟
با استفاده از مثالهای عملی و کدهای قابل فهم، این مفاهیم را به طور کامل توضیح خواهیم داد. همچنین، به شما نشان خواهیم داد که چگونه میتوانید از این روابط در پروژههای واقعی خود استفاده کنید.
github repo : github.com/unknownman/laravel-boilerplate-11/tree/19
Переглядів: 32
Відео
اپیزود ۱۸ : تسلط بر روابط Many-to-Many در لاراول؛ از صفر تا صد
Переглядів 32День тому
در این اپیزود، به طور کامل به رابطه Many-to-Many در لاراول میپردازیم. از ساختار جدولها و Migrationها تا پیادهسازی عملی در مدلها و نمایش دادهها در View. با این آموزش، به راحتی میتوانید روابط پیچیده بین مدلهای خود را مدیریت کنید. آیا تا به حال با موقعیتی مواجه شدهاید که بخواهید بین دو مدل در پایگاه داده خود رابطه چند به چند ایجاد کنید؟ برای مثال، یک پست میتواند چندین تگ داشته باشد و هر ت...
اپیزود ۱۷ : استفاده از useForm در Inertia.js برای ساخت فرمهای قدرتمند
Переглядів 2514 днів тому
اپیزود ۱۷ : استفاده از useForm در Inertia.js برای ساخت فرمهای قدرتمند
اپیزود ۱۶ : رابطه One-to-Many در لاراول ؛ پیاده سازی سیستم کامنت گذاری
Переглядів 2821 день тому
اپیزود ۱۶ : رابطه One-to-Many در لاراول ؛ پیاده سازی سیستم کامنت گذاری
اپیزود ۱۵: آموزش جامع رابطه One-to-One در لاراول؛ ساخت پروفایل کاربری
Переглядів 4228 днів тому
اپیزود ۱۵: آموزش جامع رابطه One-to-One در لاراول؛ ساخت پروفایل کاربری
اپیزود ۱۴ : اصول SOLID ؛ کدهای تمیز و قابل توسعه در لاراول
Переглядів 56Місяць тому
اپیزود ۱۴ : اصول SOLID ؛ کدهای تمیز و قابل توسعه در لاراول
اپیزود ۱۳ : طراحی Layout با Tailwind CSS در Laravel 11
Переглядів 77Місяць тому
اپیزود ۱۳ : طراحی Layout با Tailwind CSS در Laravel 11
اپیزود ۱۲ : طراحی Layout ؛ آشنایی با Tailwind CSS
Переглядів 46Місяць тому
اپیزود ۱۲ : طراحی Layout ؛ آشنایی با Tailwind CSS
اپیزود ۱۱ : کار با مدلها در کنترلر لاراول؛ نمایش لیست و جزئیات پستها و صفحات
Переглядів 32Місяць тому
اپیزود ۱۱ : کار با مدلها در کنترلر لاراول؛ نمایش لیست و جزئیات پستها و صفحات
اپیزود ۱۰ : تسلط بر Tinker و کار با مدلهای Post و Page
Переглядів 40Місяць тому
اپیزود ۱۰ : تسلط بر Tinker و کار با مدلهای Post و Page
اپیزود ۹ : قدم به قدم به Model ؛ ساخت مدل Post و Page در لاراول ۱۱
Переглядів 32Місяць тому
اپیزود ۹ : قدم به قدم به Model ؛ ساخت مدل Post و Page در لاراول ۱۱
اپیزود ۸ : کنترلرها در لاراول؛ ساختار، Routeها و سازماندهی کد
Переглядів 30Місяць тому
اپیزود ۸ : کنترلرها در لاراول؛ ساختار، Routeها و سازماندهی کد
اپیزود ۷ : مدلها در لاراول: ساختار، ORM و Migrations
Переглядів 462 місяці тому
اپیزود ۷ : مدلها در لاراول: ساختار، ORM و Migrations
اپیزود ۶ : شخصی سازی صفحات login و register در laravel breeze با قدرت Vue 3 و Flowbite
Переглядів 682 місяці тому
اپیزود ۶ : شخصی سازی صفحات login و register در laravel breeze با قدرت Vue 3 و Flowbite
اپیزود ۵ : معماری لاراول ؛ آشنایی با چرخه درخواست ، کنترلر ها و Router در لاراول ۱۱
Переглядів 1062 місяці тому
اپیزود ۵ : معماری لاراول ؛ آشنایی با چرخه درخواست ، کنترلر ها و Router در لاراول ۱۱
اپیزود ۴: ارتقا و شخصی سازی Vite در لاراول ۱۱؛ افزایش سرعت توسعه با Inertia.js
Переглядів 1162 місяці тому
اپیزود ۴: ارتقا و شخصی سازی Vite در لاراول ۱۱؛ افزایش سرعت توسعه با Inertia.js
اپیزود ۳ : مرور Vue 3 و ساخت و مشاهده اولین کامپوننت با Inertia.js در لاراول ۱۱
Переглядів 702 місяці тому
اپیزود ۳ : مرور Vue 3 و ساخت و مشاهده اولین کامپوننت با Inertia.js در لاراول ۱۱
اپیزود ۲ : نصب Inertia و Laravel Breeze
Переглядів 802 місяці тому
اپیزود ۲ : نصب Inertia و Laravel Breeze
اپیزود ۱ : نصب لاراول ۱۱ ؛ اولین گام برای ساخت CMS قدرتمند با فول استک Laravel, Inertia.js و Vue 3
Переглядів 1582 місяці тому
اپیزود ۱ : نصب لاراول ۱۱ ؛ اولین گام برای ساخت CMS قدرتمند با فول استک Laravel, Inertia.js و Vue 3
اپیزود ۰ : معرفی دوره آموزش فول استک لاراول ۱۱ ؛ ساخت CMS با Laravel 11, Inertia.js و Vue 3
Переглядів 2472 місяці тому
اپیزود ۰ : معرفی دوره آموزش فول استک لاراول ۱۱ ؛ ساخت CMS با Laravel 11, Inertia.js و Vue 3
حاجی من موندم از livewire استفاده کنم یا از react یا از vue .با livewire خیلی حال میکنم اما نمیدونم واقعا. میدونم بستگی به پروژه داره اما نظر شما چیه؟ اینم بگو من همرو کار میکنم و چند سالی هست دارم با سه تاش کد میزنم
سلام دوست عزیز، تشکر از کامنتت. کاملا درکت میکنم که انتخاب بین Livewire، React و Vue گیجکننده باشه، مخصوصاً وقتی با همهشون کار کرده باشی. به نظر من آشنایی با همه این فریمورکها و استکها خیلی مفیده. هر کدوم مزایا و معایب خاص خودشون رو دارن و انتخاب بهترین گزینه بستگی به نیازهای پروژه و تیم داره. ترکیب Livewire و Alpine.js یه ترکیب قدرتمند و سریع و جذابه که من هم بهش علاقه دارم. بعد از اتمام این مجموعه آموزشی، حتما یه ویدیوی جامع در مورد این ترکیب و مقایسهش با بقیه گزینهها تولید میکنم. شخصاً من طرفدار اکوسیستم V هستم، یعنی Vue با Vite. Vite باندلر فوقالعاده سریعیه که توسط سازنده Vue ساخته شده و ترکیب شون خیلی شیرینه. البته React هم هنوز یکی از محبوبترین و قدرتمندترین فریمورکهاست و اکوسیستم گستردهای داره. Vue هم رشد چشمگیری داشته و توسط شرکتهای بزرگی مثل Adobe، Alibaba و Netflix استفاده میشه. پس انتخاب بین این سه گزینه خیلی به سلیقه شخصی و نیازهای پروژه بستگی داره. در نهایت، به نظر من مهمترین نکته اینه که با یکی از این فریمورکها به خوبی آشنا بشی و بتونی باهاش پروژههای باکیفیت تری بسازی.
nice
gracias ♥️
عالی مثل همیشه
سپاسگزارم ♥️
مثل همیشه بی نظیر
متشکرم. خوشحالم که از ویدیو لذت بردید
عالی هست، مرسی
باعث خوشحالی ماست؛ سپاس
❤perfect❤
muchisimas gracias ♥️
عالی
🪻👾
میشه درباره پکیج Laravel actions صحبت کنی
سلام. ممنون از پیشنهادت، بله با کمال میل. هم پکیج Laravel Actions و هم روش استاندارد لاراول برای invoke کردن اکشنها مزایای خاص خودشون رو دارن. میتونیم در ویدیویی، یک مقایسه بین این دو روش انجام بدیم و ببینیم که در چه شرایطی از هر کدومشون باید استفاده کنیم. دوست داری بیشتر در مورد چه ویژگی خاصی از Laravel Actions صحبت کنیم؟
@@BW8builtwithbits به طور کلی درباره روند کارش و اینکه در چه پروژه هایی مناسب هستش. چه ویژگی های مهمی داره که باید ازش استفاده کنیم و اگر میشه چند تا از مثال های عملی کار باهاش و یک CRUD باهاش بزنیم. من خودم باهاش کار میکنم ولی گفتم دیگران هم باهاش کار کنند به وسیله تدریس عالیه شما. در یک پروژه اپ تماس تصویری لاراول باهاش دارم کار میکنم
خیلی ممنون از پیشنهاد و بازخوردت. پیشنهادت عالیه. مواردی مثل معرفی کامل Laravel Actions و اینکه چه مشکلی رو حل میکنه، مقایسهاش با روش استاندارد لاراول، موارد استفاده بهجا، و یک مثال CRUD کامل با استفاده از Laravel Actions، موضوعات جالبی برای یک ویدیو هستن. کاربرد در پروژه اپ تماس هم خیلی جالبه و میتونه مثال عملی خوبی باشه. لطفاً اگر سوال یا پیشنهاد دیگهای هم داشتی، حتماً اینجا مطرح کن. منتظر نظرات و ایدههای بیشتر ازت هستم!
کامنت در جهت حمایت از چنل + واقعا vue js جالبه و کار کردن باهاش باحاله
👾🪻👾🪻
کامنت در جهت حمایت از چنل
👾🪻👾
کامنت در جهت حمایت از چنل
🪻👾
عالی استاد همینجوری ادامه بدید لطفا این دوره بسیار عالی است
خیلی خوشحالم که از دوره لذت میبرید! انرژی شما باعث میشه با انگیزه بیشتری پیش بریم..
محتوای با ارزش ادامه بده سوتون🎉
از انرژی گرم شما سپاسگزارم! با قدرت ادامه میدیییم ❤️♥️
در عینِ کوتاهی، کاملــــــــه.
ممنون از نظر ارزشمندتون. خوشحالیم که اپیزود مفید بوده.
خیلی ممنون بابت آموزش ساختِ یک Starter Kit چنین قدرتمندی. ممنون میشم راهنماییم بفرمایید. موقع build کردنِ پروژه برایِ ref تو فایلِ useTest.ts خطا میده: resources/js/Composables/useTest.ts:3:19 - error TS2304: Cannot find name 'ref'. البته با import دستیِ ref این مشکل رفع میشه. ولی میخواستم ببینم آیا راهی هست تا بشه importهایِ مربوط به vue رو هم توسطِ پلاگینِ autoimport در فایل ts هم ممکن کرد (مثلِ ویدیو!!) همچنین من پروژه رو با داکر و sail بالا آوردم. 5:08
خوشبختانه راه حلش رو پیدا کردم. مشکلِ ts با پلاگین unplugin-auto-import با افزودنِ رشته "auto-imports.d.ts" به آرایه include در فایل tsconfig.json حل میشه.
در داخل وردپرس به چه صورت میشه ازش استفاده کرد؟ ایا مثل نوشتن کد css کد های Tailwind CSS میتوان نوشت؟
روشهای مختلفی برای استفاده از Tailwind Css در وردپرس وجود داره ؛ راه ساده استفاده از پلاگینی به نام Draft هست . راه حرفه ای تر اینه که به تم خودتون Tailwind رو اضافه کنید. ابتدا باید Tailwind را در پوشه تم خود نصب کنین. اگه تم شما فایل package.json داره، میتونید با اجرای دستورات زیر Tailwind را نصب کنید: ``` npm install tailwindcss --save-dev npx tailwindcss init ``` بعد باید فایل app.css تم خودتون را به صورت زیر بازنویسی کنید: ``` /* The WordPress theme file header . */ @tailwind base; /* extra CSS . */ @tailwind components; @tailwind utilities; ``` و بیلد اون رو به عنوان style.css بیلد بگیرید
یعنی جای خالی یک پیج فارسی زبان برای معرفی ابزار و تگ های طراحی وب واقعا بشدت احساس می شد...
خیلی ممنون از این نظر ارزشمند و دلگرم کنندتون! خوشحالم که این آموزشها براتون مفید بوده. حق با شماست، جامعه طراحی وب فارسی به منابع آموزشی جامع و بهروز نیاز داره. خوشحال میشیم که شما هم به عنوان یکی از اعضای این جامعه، با پیشنهادات و سوالاتتون به ما کمک کنید تا محتوای مناسبتری تولید کنیم
🎉
🪻
منابع آموزشی معرفی فرمایید. آیا صفحه لینکدین دارید؟
در توضیحات این ویدیو منبع آموزشی معرفی نشده است. اما میتونید از طریق ویدیوی دیگر در کانال با منابع بیشتر در توضیحات دسترسی داشته باشید : ua-cam.com/video/TNnQJUi44sE/v-deo.html آدرس ما در لینکدین: www.linkedin.com/company/built-with-bits/ هنوز فعالیت ما در لینکدین به طور جدی شروع نشده است، اما به زودی منابع آموزشی بیشتری را در آنجا به اشتراک خواهیم گذاشت.
سلام این لاراول پلاگین برای ویت دقیقا چه کاری میکنه؟دو روزه رومخمه اصلا چرا بهش نیاز داریم
این پلاگین مسئول یکپارچه سازی بین فریمورک Laravel و Vite- که ابزار build معرفی شده توسط Vue.js هست - را ممکن می کند. Vite به شما امکان می دهد از React و Vue و بقیه فریم ورک ها راحت تر در اپلیکیشن های Laravel خود استفاده کنید و کار بیلد asset هاشون با سرعت بیشتری از webpack انجام بشه. پلاگینی که گفتی وظایف زیر را انجام می دهد: - ادغام resource های Vite با برنامه Laravel: این پلاگین اطمینان می دهد که resource های کامپایل شده Vite (مثل JavaScript و CSS) به درستی در برنامه Laravel شما گنجونده بشه. - Hot Reloading: این پلاگین از قابلیت hot reloading در Vite برای به روز رسانی خودکار مرورگر هنگام تغییر فایل های جاوا اسکریپت، CSS یا Vue شما استفاده می کند. این باعث می شود توسعه سریعتر و راحت تربشه و هر سری نیاز به بیلد پروژه تون نداشته باشید تا تغییرات سمت فرانت رو ببینید. - سازگاری با محیط توسعه Laravel: این پلاگین با محیط توسعه Laravel مانند Artisan و فایل های پیکربندی ادغام می شود. توی این دوره میخوایم یاد بگیریم که چطور از Inertia.js برای ساخت یک برنامه تک صفحه ای (SPA) با Laravel استفاده کنیم که از Vue بهره می برد. برای همین بعضی جاها از vite بیشتر میگیم.
@@BW8builtwithbits مرسی ، یه حرکت جالبیم زدم این وسط گفتم چنین چیزی تو جنگو نداریم برم ببینم اونجا چطوریاس ،یه چیزایی درک کردم اومد خودمم ویم کانفیگ رو دستکاری کردم درواقع کانفیگ مربوط ب پلاگین رو پاک کردم و چیزای جالبی دستم اومد یه چیز بامزه هم دیدم انگار این وسط یه کانفیگی ست میشه رو ویت چون موقع بیلد فایل روبات و پی اچ پی رو بدون کانفیگ یوزر ست میکنه دستورشم که ارگومانی نداشت ولی باز اینا رو جنریت میکرد در کل جالب بود
همینجوری ادامه بده عالی❤
ممنون از پیام محبت آمیزت، یک روز در میان short های مربوط به tailwind آپدیت میشن حتما 🌹❤️
عالی
سپاس 🪻
خیلی ممنون از اموزش خوبتون ❤، اکستنشن خاصی وجود داره که اسم پارامتر موقع صدا زدنش کنار پارامتری که پاس میدید نمایش داده میشه؟
سلام دوست عزیز، ممنون از نظرتون. برای نمایش بهتر نام پارامترها در حین کدنویسی: اگر منظور از اکستنشن، افزونهای برای ادیتور کد هست: ادیتورهایی مثل Visual Studio Code، PHPStorm و Sublime Text قابلیتهای بسیار خوبی برای نمایش اطلاعات مربوط به کد، از جمله نام پارامترها، دارند. هر کدوم هم برای لاراول پیشنهاد های خوبی دارند. همینطور استفاده از تایپ هینت برای متغیرها کمک میکند تا IDE شما نوع داده مورد انتظار هر پارامتر را تشخیص دهد و هنگام فراخوانی تابع، پیشنهادات مناسبی به شما ارائه دهد. اگر منظورتون از اکستنشن، افزونهای برای لاراول است:ا Laravel Debugbar یه پکیج بسیار محبوب، برای دیباگ کردن اپلیکیشنهای لاراول است. علاوه بر نمایش اطلاعات مختلف در مورد درخواستها، پاسخها و پایگاه داده، میتواند به شما در درک بهتر جریان اجرای کد کمک کند. برای نصب و استفاده از آن، میتوانید به مستندات رسمی آن مراجعه کنید: github.com/barryvdh/laravel-debugbar
خیلی روند آموزشی که پیش گرفتین عالیه، سریع، هدفمند و دقیق، موفق باشین
متشکرم . سعی من بر اینه همونطور که یه پروژه واقعی رو از صفر شروع میکنیم همونجور پیش برم و با هر مفهومی که بر میخورم اون رو توضیح بدم. خوشحال میشم پیشنهادی داشتی مطرح کنی یا سرفصلی که دوست داری باشه حتما
@@BW8builtwithbits به نظرم بهترین روش آموزش همینه و مسیری که پیش گرفتی رو خیلی قبول دارم. کسی که آموزش رو میبینه هدفمند پیش میره و میدونه به کجا میخواد برسه، و این درک رو خیلی بالا میبره. حتما و با افتخار مبحثی تو ذهنم باشه باشه مطرح میکنم
@@bijanbiria ممنون از نظر بسیار دلگرمکنندهات! خوشحالم که این روش رو مفید و هدفمند میبینی. هدف اصلی من همین بوده که بتونم مسیری روشن و موثر برای یادگیری ارائه بدم و دیدگاهت خیلی به من انگیزه میده که با قدرت بیشتری ادامه بدم. خیلی مشتاقم که موضوعات پیشنهادیت رو بشنوم و مطمئن باش که نظرات و پیشنهاداتت میتونه به بهتر شدن محتوای آموزشی کمک کنه. باز هم از حمایت و انگیزهات ممنونم .
عالی هستید
از نظرتون متشکرم! 💐چه چیزی از ویدیو ها رو بیشتر دوست داشتید؟