آموزش پروژه محور بوت استرپ bootstrap رایگان (بخش اول)
آموزش صفر مطلق تا صد پیشرفته بوت استرپ با سه پروژه پیشرفته کاملا واقعی و عملی
مشاهده بخش دوم :
• آموزش پروژه محور بوت ا...
میتوانید سورس کد های این پروژه را از ریپازتوری زیر دریافت کنید:
github.com/mohamad-sw/bootstr...
00:00:00 Bootstrap v4.5 - بوت استرپ چیست؟
00:03:21 Bootstrap v4.5 - آماده سازی محیط توسعه
00:08:50 Bootstrap v4.5 - نصب بوت استرپ
00:19:28 Bootstrap v4.5 - بوت استرپ چگونه کار میکند؟
00:24:10 Bootstrap v4.5 - نقاط شکست
00:29:16 Bootstrap v4.5 - گرید سیستم بوت استرپ چیست؟
00:33:14 Bootstrap v4.5 - container
00:42:11 Bootstrap v4.5 - سطر و ستون در گرید سیستم بوت استرپ
00:55:11 Bootstrap v4.5 - ریسپانسیو کردن گرید
01:05:31 Bootstrap v4.5 - استفاده از فلکس در گرید سیستم
01:11:37 Bootstrap v4.5 - تغییر ترتیب ستون ها
01:16:43 Bootstrap v4.5 - آفست
01:20:10 Bootstrap v4.5 - یوتیلیتی چیست؟
01:22:18 Bootstrap v4.5 - تغییر رنگ
01:33:06 Bootstrap v4.5 - sizing and spacing
01:44:08 Bootstrap v4.5 - display, visibility, shadow
01:51:34 Bootstrap v4.5 - یوتیلیتی های مربوط به Text
02:01:55 Bootstrap v4.5 - یوتیلیتی Flex
02:17:53 Bootstrap v4.5 - یوتیلیتی Float و Position
02:24:47 Bootstrap v4.5 - تایپوگرافی
02:36:42 Bootstrap v4.5 - کلاس های تصویر
02:40:39 Bootstrap v4.5 - کلاس های جدول
02:48:44 Bootstrap v4.5 - Alert
02:52:57 Bootstrap v4.5 - Badge and Breadcrumb
02:57:19 Bootstrap v4.5 - دکمه ها
03:10:36 Bootstrap v4.5 - گروه بندی کردن دکمه ها
03:12:46 Bootstrap v4.5 - کارت ها
03:28:53 Bootstrap v4.5 - کامپوننت لیست
03:43:15 Bootstrap v4.5 - کامپوننت مدیا آبجکت
03:48:53 Bootstrap v4.5 - اسلایدر
04:03:48 Bootstrap v4.5 - کامپوننت jombotron
04:06:55 Bootstrap v4.5 - کامپوننت dropdown
04:22:07 Bootstrap v4.5 - کامپوننت modal
04:34:40 Bootstrap v4.5 - کامپوننت pagination
04:39:58 Bootstrap v4.5 - progress and spinner
04:45:40 Bootstrap v4.5 - form-control
05:00:51 Bootstrap v4.5 - form-group
05:08:20 Bootstrap v4.5 - استفاده از گرید سیستم در فرم
05:15:46 Bootstrap v4.5 - ولیدیشن سمت سرور
05:27:10 Bootstrap v4.5 - ولیدیشن سمت فرانت اند
05:37:48 Bootstrap v4.5 - input-group
05:47:14 Bootstrap v4.5 - کامپوننت Toast
05:57:53 Bootstrap v4.5 - کامپوننت Collapse
06:07:23 Bootstrap v4.5 - Accordion
06:14:04 Bootstrap v4.5 - نویگیشن
06:29:38 Bootstrap v4.5 - نویگیشن بار
06:45:01 Bootstrap v4.5 - Popover and Tooltip
06:52:29 Bootstrap v4.5 - Scrollspy
آدرس پیج اینستاگرام :
/ m_h_sw
آدرس کانال تلگرام :
t.me/neonlearnir
صفحه گیت هاب :
github.com/mohamad-sw
Пікірлер: 119
من تازه یک ساعت ازدوره رو دیدم اما به قدری خوب بود که اشتیاقم برای ادامش زیاد شد ، من قبلا برای بوت استرپ هزینه دوره زیادی دادم با این حال اصلا خوب نبود و منو زده کرد اما از روش تدریس شما خیلی خوشم اومد.ممنون .مانا باشید
چقدر باجزعیات ودقیق این دوره ساخته شده
80 صفحه منهای اچ تی ام ال و سی اس اس جزوه برداشتم. دمت گرم ❤
سلام خواستم تشکر کنم از استاد سید آقایی ، دوره ها خیلی کامل و جامع است و تدریس خیلی روان ، من حدود 7 تا از دوره هارو نگاه کردم خیلی جلو افتادم و تو پروژه ها کمک حال من بود
دوستان برای دستورات data توی نسخهی جدید بوت استرپ باید یه bs هم به وسطش اضافه کنیم. مثلا: data-toggle data-bs-toggle
@moein84
Жыл бұрын
داش خدایی دمت گرم کە نوشتی
@elyalotfali5791
Жыл бұрын
مشتی فرشته روی زمین که میگن تویی
عاالی بود🤩 منتظرر قسمت دوم این دوره و همینطور دوره جاوااسکریپت هستیم🥰
سپاس خیلی دورهاتون مفید وعالیه....
Thank you very much for this great course🔥🔥🔥
سپاس فراوان.بی نهایت سپاس گذارم.تمام آموزش هاتون بی نظیرن
واقعا ممنون که اینقدر ساده ، عالی و واضح توضیح دادین👏👏👏
عاالی بود بهترین دوره بوت استرپ بود فقط اگه میشه بوت استرپ 5 هم اموزش بدین
شما بهتریند . سپاس از این همه لطفتون
سه ساعتش رو دیدم تا اینجا واقعا عالیه دمت گرم خیل خوب توضیح میدی 😍😍😍❤❤❤❤
خیلی خوب آموزش میدید ممنون این دوره واقعا عالیه❤❤❤❤😍
سپاسگزارم استاد ارجمند از زمانی که برای آموزش گذاشتید
So useful✌
مثل همیشه عالی خسته نباشید :)
00:00:00 Bootstrap v4.5 - بوت استرپ چیست؟ 00:03:21 Bootstrap v4.5 - آماده سازی محیط توسعه 00:08:50 Bootstrap v4.5 - نصب بوت استرپ 00:19:28 Bootstrap v4.5 - بوت استرپ چگونه کار میکند؟ 00:24:10 Bootstrap v4.5 - نقاط شکست 00:29:16 Bootstrap v4.5 - گرید سیستم بوت استرپ چیست؟ 00:33:14 Bootstrap v4.5 - container 00:42:11 Bootstrap v4.5 - سطر و ستون در گرید سیستم بوت استرپ 00:55:11 Bootstrap v4.5 - ریسپانسیو کردن گرید 01:05:31 Bootstrap v4.5 - استفاده از فلکس در گرید سیستم 01:11:37 Bootstrap v4.5 - تغییر ترتیب ستون ها 01:16:43 Bootstrap v4.5 - آفست 01:20:10 Bootstrap v4.5 - یوتیلیتی چیست؟ 01:22:18 Bootstrap v4.5 - تغییر رنگ 01:33:06 Bootstrap v4.5 - sizing and spacing 01:44:08 Bootstrap v4.5 - display, visibility, shadow 01:51:34 Bootstrap v4.5 - یوتیلیتی های مربوط به Text 02:01:55 Bootstrap v4.5 - یوتیلیتی Flex 02:17:53 Bootstrap v4.5 - یوتیلیتی Float و Position 02:24:47 Bootstrap v4.5 - تایپوگرافی 02:36:42 Bootstrap v4.5 - کلاس های تصویر 02:40:39 Bootstrap v4.5 - کلاس های جدول 02:48:44 Bootstrap v4.5 - Alert 02:52:57 Bootstrap v4.5 - Badge and Breadcrumb 02:57:19 Bootstrap v4.5 - دکمه ها 03:10:36 Bootstrap v4.5 - گروه بندی کردن دکمه ها 03:12:46 Bootstrap v4.5 - کارت ها 03:28:53 Bootstrap v4.5 - کامپوننت لیست 03:43:15 Bootstrap v4.5 - کامپوننت مدیا آبجکت 03:48:53 Bootstrap v4.5 - اسلایدر 04:03:48 Bootstrap v4.5 - کامپوننت jombotron 04:06:55 Bootstrap v4.5 - کامپوننت dropdown 04:22:07 Bootstrap v4.5 - کامپوننت modal 04:34:40 Bootstrap v4.5 - کامپوننت pagination 04:39:58 Bootstrap v4.5 - progress and spinner 04:45:40 Bootstrap v4.5 - form-control 05:00:51 Bootstrap v4.5 - form-group 05:08:20 Bootstrap v4.5 - استفاده از گرید سیستم در فرم 05:15:46 Bootstrap v4.5 - ولیدیشن سمت سرور 05:27:10 Bootstrap v4.5 - ولیدیشن سمت فرانت اند 05:37:48 Bootstrap v4.5 - input-group 05:47:14 Bootstrap v4.5 - کامپوننت Toast 05:57:53 Bootstrap v4.5 - کامپوننت Collapse 06:07:23 Bootstrap v4.5 - Accordion 06:14:04 Bootstrap v4.5 - نویگیشن 06:29:38 Bootstrap v4.5 - نویگیشن بار 06:45:01 Bootstrap v4.5 - Popover and Tooltip 06:52:29 Bootstrap v4.5 - Scrollspy
واقعا خیلی ممنون از ویدیوهای خوبت... هم برنامه نویسی و هم بقیه
ممنون از زحماتتون
سلام خواستم تشکر بکنم از وقتی که برای ما گزاشتی دوست عزیز. خیلی مفید و ارزشمنده.ارزوی موفق و ترقی روزافزون برای شما.یا علی
Best teaching I have ever seen thank you sir n please keep it up the same way 🙏🏻
@neonlearn
2 жыл бұрын
💚💚
ممنون از اموزشهای قوی و اصولی. لطفا تایم بدین کلیپ ها رو ببینیم بعد جدید رو بارگزاری کن.
Awesome!! ♥
you are the best
عالی بود ممنون بابت زحماتتون
عالی بود ، خسته نباشید
عاااالی
اقا کلی دمت گرم عالی
عالی بود دستت درد نکنه
هر چی از کامل بودن این دوره بگم کم گفتم 🤯
Thank you for your time
عالی بود✋✋✋✋✋
good teaching
عالی بود🙏🏻
عالی
عالی🌹
عاااااااااااااالی
عالی 😍
حاجی درود به شرفت
عالی بود ممنون❤❤👃👃
دمت واقعا گرم
great ❤❤❤
dame shoma garm
خیلی خوب
Very nice
tank for video
ممنون به خاطر این اموزش روان
@neonlearn
Жыл бұрын
سپاس از همراهیتون
It's wonderful 🙏👍❤️👌
@neonlearn
Жыл бұрын
❤️❤️❤️
بهترین کورس انلاینی بود کە دیدم
kheili alie 30 min ro didam hatman ta akhresh mibinam
hatman bayad az utility rounded estefade konim mishe az border-radius to css estefadeh kard?
سلام بعد html css دوره js رو پیشنهاد میدید یا bootstrap؟
سلام واقعا آموزشتون عالیه فقط یه سوال تو بوت استرپ 5 میخوام منو آبشاری داشته باشم یعنی زیر منو چرا اعمال نمیشه منوهای سری اول و میاره بعدی رو نمیاره
لطفا آموزش تیل ویند هم بذارید
استاد برای من بعضی از موارد جاوا اسکریپتی عمل نمیکنه نمیدونم چیکار کنم
سلام ممنون از آموزشهای خوبتون ببخشید من تمام پیش نیازهای واسه دوره بوت استرپ اول اموزش نصب کردم ولی نمیدونم چرا هرچی دستور data-toggle="modal" داخل هرکلاسی که باشه اجرا نمیشه چه فایلی باید چک کنم ببینم نصب شده یا نه؟؟
سلام واقعا ممنون از آموزش های خوبتون .یک سوال داشتم ببخشید من میخوام ری اکت کار کنم و به بوت استرپ هم نیاز دارم فقط بخش css .آیا باید کل این آموزش رو ببینم یا قسمت های خاصی کفایت میکنه؟ممنون میشم راهنمایی کنید.
سلام استاد عزیز خسته نباشید میگم واقعا خدمتتون میخواستم بگم اگه میشه توی برنامه هاتون دوره ی تیلویند سی اس اس رو بزارید بشدت دنبال یک دوره خب واسه این مبحث هستم فقط خاهشن حتما حتما مثل دوره بوت استرپ پروژه های خیلی خب بزنید با تیلویند تا مطالب برای ما جا بیوفته و از ویژگی هایی مثل دارک مود و قالب چند زبانه هم استفاده بشه در پروژه بسیار عالی میشه ممنون از کانال خوب و کاربردی تون
بعد از html css ، اول جاوااسکریپتو یاد بگیریم یا همین بوت استرپ؟
سلام بوت استرپ 5 رو اموزش نمیدین چون توی نسخه 5 جی کوئری حذف شده ازش
@nimamohsendoust6475
Жыл бұрын
V4. 5
@ninjaduty9565
8 ай бұрын
بله خدا کنه اونم اموزش بدن تغییراتش خیلی بیشتر از جی کوئری بوده
سلام ببخشید میخواستم بپرسم که من با بوت استرپ و فلکس و ... یه landing page عه خیلی ساده نوشتم اما توی گیت هاب درست اجرا نمیشه ولی توی خود سیستم اجرا میشه میخواستم ببینم مشکل از کجاست؟
👌👌👌👌
🌹
👍👍👌👌👌
Like👍
خسته نباشید شما دوره ری اکت هم آموزش میدین؟
برای پیشرفت بیشتر کانال بهتره تبلیغات مابین اموزش رو کامل دید
♥️♥️♥️♥️
خسته نباشید کاش برای این دوره هم تایم استمپ قرار داده بودین.
@neonlearn
2 жыл бұрын
سلام و درود. به زودی قرار میگیره
سلام داداش sass رو هم بزار❤
سلام میشه پیش نیازهای دوره هایی که روی یوتیوب رو هم میزارید بفرمایید اینطوری راحت تر میشه پیش رفت الان من نمیدونم برای اینکه شروع کنم و چطور باید پیش برم مثلا دوره بوت استرپ رو کی ببینم یا نود جی اس رو کی شروع کنم
سلام وقت بخیر...این ویدیو مربوط به ورژن 4.5 هستش...الان که ورژن 5.2 اومده چقدر این اموزش کاربردی هستش؟؟
ببخشید ما چجوری اکتنشن هارو نصب کنیم الان فیلتره و فیلتر شکن روی سیستم جواب نمیده اصلا برای نصب افزونه ها !!!
استااااااااد تایم استمممممممممپپپپ 😫😫😫
فقط کاش بخش بندی میکرید که راحت تر بتونیم بخش های مختلف رو پیدا کنیم منظورم بخش بندی از طریق خود یوتیوب هست
وقتی دارید فیلم اموزشی رو نگاه میکنید در کنارش (document bootstrap) رو باز کنید میتونید تغیرات رو متوجه بشید .
@neonlearn
2 ай бұрын
پیشنهاد بسیار خوبی بود
Container, Centainer!!
🎉🎉🎉🎉🎉🎉
text-lg-right mizanam kar nemikone
be name khoda maa oomadim 😁
♥️❤️♥️❤️♥️❤️
🤟🌹🖤
استاد سلام من بوت استرپ 4.5 پیدا نکردم و cdn پیدا نکردم
این کامنت رو مینویسم به امید اینکه جوابی بگیرم 🔥🔥 آیا با آموزش این دوره میتونیم با بو استرپ 5 هم کار کنیم ؟
coding is cool
چیکار باید بکنم
خیلی عالی 👌👌 فقط bootstrap 5 رو اموزش نمیدین؟؟
@neonlearn
2 жыл бұрын
این دوره رو ببینید. در اینده یه قسمت برای بوت استرپ 5 به این پلی لیست اضافه میکنم
سلام بوت استرپ به چه دردی میخوره در زبان پایتون ؟
این ویدیو رو هم مثل بقیه ویدیوهایی که گفتم به شما که داری این کامنت رو میخونی توصیه میکنم. با تشکر از استاد
سلام استاد .. پلی لیست رو دارم میرم جلو و رسیدم به بوت استرپ .. فقط کاشکی این داستان اکستنشن هارو در دوره اول یعنی HTML یاد میدادین ! اگر بدونید من چقدر اذیت شدم برای دیدن تغییراتی که انجام میدم .. و چقدر زمان گرفت .. البته قطعا این به دلیل مبتدی بودن بنده هست .. همش از اولین دوره تا این دوره میگفتم چرا این گزینه لایو که برای شما هست برای من نشون نمیده و حتما از ورژن دیگه ای استفاده میکنید . نکته بعدی که امیدوارم پاسخ بدین یا اگر کسی میدونه پاسخ بده .. این اکستنشن کد پرتیر رو من طبق آموزش انجام دادم اما عمل نمیکنه ! کیدونید ممکنه مشکل از کجا باشه ؟
بوت استرپ 5 با این فرق زیادی داره؟؟؟؟
مطالب عالی هستند ولی یک ایراد یا کمبود بزرگی که دارن؛ بعد از یاد گرفتن این موارد چه طور و از کجا بتونیم مشغول به کار شیم یا پروژه فریلنسری بگیریم!! چون اکثر سایت های فری لنسری ایرانی واقعا بدرد نمیخورن
ایزبن پیترسنو من پیدا نمیکنم
سلامتی بچه های اندیکا
بخش دوم کی قرار میگیره
@neonlearn
2 жыл бұрын
قرار گرفته
ببخشید این همون دوره پولی سایت هست؟
@neonlearn
2 жыл бұрын
بله
سلام data_toggle نداره مال من
Prettier Code formatter نام سازندش تغییر داده به : prettier گویا تغییر کرده و برای اینکه کار بده File -> Preferences -> Settings بعد این رو سرچ کنید داخلش Default Formatter اگر نال هست اون رو به prettier -code formater تغییر بدید. بعد از این کار در فایل جیسون من این خط اضافه شد: "editor.defaultFormatter": "esbenp.prettier-vscode", حالا طبق آموزش که توی ویدئو هست "editor.formatOnSave": true بنویسید اگر نیست. خیلی من گشتم تا اینو پیدا کردم برای همین اینجا نوشتم شاید به درد خورد :D
@neonlearn
2 жыл бұрын
دست شما درد نکنه
@neonlearn
2 жыл бұрын
دست شما درد نکنه
عالی