آموزش پروژه محور bootstrap 4

مدرس : حسام موسوی
زمان قرارگیری : 01 بهمن 1396
تعداد قسمت های قرار داده شده : 38

برای دسترسی به این دوره نیاز است بصورت نقدی این دوره را خریداری کنید و این دوره بخشی از دوره های اعضای ویژه نمیباشد

تعداد شرکت کنندگان 132 نفر
قیمت دوره 60000 تومان
وضعیت دوره تکمیل شده

توضیحات

میتوان گفت بوت استرپ یکی از محبوب ترین فریمورک های Css جهان است که با استفاده از آن میتوان وبسایت های مختلفی را در سریعترین زمان ممکن بوجود آورد . این ابزار با امکاناتی که در اختیار ما میگذارد به ما این اجازه را میدهد تا وبسایت های زیبا و کاملا رسپانسیو ایجاد کنیم . حالا ورژن 4 از این فریمورک محبوب ارائه شده که ما قصد داریم در این دوره از ابتدا یعنی از صفر شروع به آموزش این فریمورک کنیم و در قالب پروژه های مختلف این فریمورک را به شما آموزش بصورت کامل آموزش دهیم .

برای مشاهده این دوره شما اصلا به این نیاز ندارید که bootstrap 3 بلد باشید . اما این بسیار مهم است که شما قسمت اول این دوره را مشاهده کنید . پس اگر میخواهید اطلاعات بیشتری از این دوره کسب کنید و بفهمید آیا این دوره مورد استفاده شما قرار میگیرد یا خیر لطفا ابتدا قسمت معرفی این دوره را مشاهده کنید. 

آموزش پروژه محور bootstrap 4

آموزش پروژه محور bootstrap 4 زمان کل دوره : 17:35:28
رایگان 18:50
رایگان 15:56
رایگان 06:43
رایگان 14:06
رایگان 12:28
رایگان 05:34
برای دسترسی به این دوره نیاز است بصورت نقدی این دوره را خریداری کنید و این دوره بخشی از دوره های اعضای ویژه نمیباشد

تعداد شرکت کنندگان 132 نفر
قیمت دوره 60000 تومان
وضعیت دوره تکمیل شده

دورهای پیشنهادی

مشاهده همه دوره ها
آموزش کار با Visual Studio Code درحال برگزاری

نرم افزار Visual Studio Code یا با اختصار vscode یکی از ویرایشگرهای کد محبوب در بین برنامه نویسان است که بسیار کاربری و حرفه ایست و از همه مهمتر کاملا...

آموزش گیت و گیت هاب کامل شده

گیت و گیت هاب چی هستن ؟ دقیقا در این دوره هر دوی اینها رو یاد میگیرید و میفهمید که این دو ، چه معجزه عالی در دنیای برنامه نویسین. شاید خیلی از شماهای...

آموزش کامل sass کامل شده

SASS مخفف Syntactically Awesome Style Sheets و یک زبان پیش پردازنده برای تولید کد Css است. این زبان به هیچ عنوان جایگزین Css محسوب نمی شود و می توان آ...

دوره تجربه کاربری و رابط کاربری کامل شده

تجربه کاربری یکی از مهمترین مسائل روز دنیاست که در تمام نقاط زندگی انسان ها موثر است که این حوزه در دنیایی وب هم خیلی مطرح شده و حتی کار کردن رو ی تجر...

دیدگاه های ارزشمند شما

برای ارسال نظر لازم است ابتدا وارد سایت شوید
simin eft | 2 روز پیش

سلام خسته نباشید و ممنون بابت دوره خوبتون
پروژه اخر رو نمیتونم ببینم توی مرورگر. فقط هدر برای من باز میشه. و لوگو راکت وسط کدها دیده میشه هم جلوی دید رو مییگیره و هم حواس ادمو پرت میکنه بخاطر چی هست این موارد؟ با تشکر

حسام موسوی | 2 روز پیش

با سلام منظورتون کدوم قسمت هستش

ابوالفضل | 4 روز پیش

با سلام
آقای موسوی نظرتون در مورد فریم ورک materialize چیه؟آیا قصد ندارید دوره ای برای آموزش این فریم ورک استارت بزنید؟
چیزی ک من مشاهده کردم و متوجه شدم این فریم ورک بسیار زیبا و کاربر پسنده چون طبق قواعد و قوانین متریال دیزاین ساخته شده خیلی افکت ها و ظاهر زیبایی داره و از همه مهتر سیستم گرید برای ریسپانسیو رو هم داره
نسبت به بوت استرپ خیلی زیباتره ، متاسفانه بوت استرپ همون ظاهر قدیمیه خودش رو حفظ کرده و به سمت متریال نرفته...
بنظرتون این فریم ورک جای بوت استرپ رو میتونه بگیره و میشه رفت سمتش و توی پروژه ها ازش استفاده کرد؟

حسام موسوی | 3 روز پیش

با سلام
از نظر من متد طراحی متریال مربوط به تلفن های همراه میشه و هنوز سایتی غیر از سایت های گوگل نتونسته با این متد طراحی قالبی محبوب ایجاد کنه برای همین فعلا احتمال قرار دادن این دوره کنه حالا ببینیم در اینده چی پیش میاد

آرش | 3 هفته پیش

سلام

تگ های بوت استرپ را می توان در reactjs استفاده کرد؟ و اگر نه راه حل چیست؟

مثلا

<ins>

<small>

<abbr title="attribute">attr</abbr>

حسام موسوی | 3 هفته پیش

اینا تگ html هستن و هر جای میتونید استفاده کنید و میتونید داخل css سلکت کنید و استایل بدید

mohsen jaafari | 3 هفته پیش

سلام اقای موسوی من یه سوالی از شما داشتم من قبلا کد میزدم با bootstrap یعنی تا یک هفته پیش ویندوز عوض کردم (البته ویندوز قبلیم هم از کار افتاد بخاطر همین ویندوز عوض کردم) دیگه بعد از عوض کردن ویندوز کدای بوت استرپم کار نمیکنه دقیقا و کانلا درست فایلارو میگیرم از سایت رسمی بوت استرپ و درست لینک میکنم اما وقتی یک کامپوننت اجرا میکنم کار نمیکنه مثلا وقتی دراپ دون رو میزارم فقط دکمش شکل دکمه های بوت استرپ 4 میشه (اینم بگم با ورژن 4 کار میکنم) inspect که میکنم توی بخش console اینارو بهم میگه :

Uncaught TypeError: Cannot read property 'fn' of undefined
at setTransitionEndSupport (util.js:68)
at util.js:90
at util.js:10
at bootstrap.js:9
at bootstrap.js:10

لطفا واسم مشکلو حل کنید خیلی ممنون

حسام موسوی | 2 هفته پیش

با سلام بنظرم این نمیتونه به ویندوز ربط خاصی داشته باشه البته اینکه در کجا دارید استفاده میکنید ممکنه تاثیر گذار باشه
یکبار از لینک‌های cdn استفاده کنید

sajjad sohrabi | 3 هفته پیش

سلام

پیشنهاد میکنم یه پروژه با طرح متریال هم پیاده سازی کنید

با ابزار هایی مثل اینا :
https://fezvrasta.github.io/bootstrap-material-design/

https://themes.getbootstrap.com/product/material-kit-pro/

باتشکر

حسام موسوی | 3 هفته پیش

با سلام تشکر از نظرتون شخصی که این دوره رو گذرونده باشه چنین چیزهای دیگه براش کاری نداره

MmK | 4 هفته پیش

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

حسام موسوی | 4 هفته پیش

با سلام به چارت مهارت frontend اضافه شد میتونید مشاهده کنید در کجای چارت قرار میگیره

حامد کوهستانی | 4 هفته پیش

سلام خسته نباشید
دوره عالیه تشکر
جناب موسوی یه سوال
از چه تمی توی vs code استفاده میکنید ؟
اگر متریال هست آیا تغییرش دادین ؟ به چه صورت ؟

حسام موسوی | 4 هفته پیش

سلام تشکر از نظرتون
خیر تم electron هست سرچ کنید براتون میاد

حامد کوهستانی | 4 هفته پیش

تشکر یک ساعته دارم سرچ میکنم چطور توی تم متریال تغییرات دلخواهو بدم :))))

amirhossein | 4 هفته پیش

سلام سال نو شو مبارک
اموزشاتون و نحوه بیانتون خیلی عالیییییییییییییییه
اگر امکانش هست بازم پروژه عملی پیوست کنید لطفا
خیلی ممنون

حسام موسوی | 4 هفته پیش

سلام تشکر از نظرتون
تا جلسه 37 این دوره به اتمام میرسه ولی سعی میکنم بازم پروژه های به عنوان اپدیت دوره در زمان مناسب در اختیار دوستان قرار بدم

Dawod | 1 ماه پیش

سلام و سال جدید رو هم بهتون تبریک میگم

من این آموزش و طراحی وب رو خریدم و تو آموزش دوم تونظرات قرار بوده که قالب فروشگاهی رو هم در آموزش بوت استرپ آموزش بدین.
در صورت امکان و اگه بشه ممنون میشیم که یک قالب فروشگاهی رو هم با بوت استرپ آموزش بدید .
و اینکه یک آموزش خفن هم در مورد وردپرس و پلاگین نویسی و امکانات دیگه تهیه کنید عالی میشه.

حسام موسوی | 1 ماه پیش

با سلام تشکر و همچنین شما هم سال خوبی داشته باشید
تو نظرات بعضی از دوستان نظراتی دادن ولی در نهایت دو پروژه خیلی خوب آماده کردیم که این دو رو آموزش میدیم با 4 مینی پروژه ای که آموزش دادیم بعد مشاهده این موارد ایجاد کردنه هر قالبی با بوت استرپ براتون ساده خواهد بود
در مورد وردپرس هم فک نکنم آموزشی قرار بدیم چون در سطح وب آموزش وردپرس زیاده

pooria920 | 1 ماه پیش

چندتا سوال داشتم . این که آیا واقعا bootstrap گزینه ی خوبی واسه طراحی وب هست؟؟ چرا خود شما برای طراحی از bootstrap برای طراحی وب تون استفاده نکردین ؟ و این که bootstrap یه style تکراری نداره؟
با تشکر از شما به خاطر آموزشای خوبتون

حسام موسوی | 1 ماه پیش

در ظاهر راکت استفاده نکردم بجاش در پنل مدیریت راکت از بوت استرپ 4 استفاده شده.
دمو پروژه نهایی در قسمت 29 رو مشاهده کنید می تونید کاملا ببینید که پروژه دوم وبسایتی شده که اصلا بهش نمیخوره با بوت استرپ کار شده باشه

ARASH MOKHTARI | 1 ماه پیش

تو این دوره درباره customize کردن استایل المنت ها آموزشی میدین؟ آخه اکثر وب سایت هایی که با بوت استرپ طراحی میشن شبیه هم هستن...

حسام موسوی | 1 ماه پیش

بله در دمو پروژه های اصلی میتونید مشاهده کنید که به چه صورتی شخصی سازی میکنیم

ARASH MOKHTARI | 1 ماه پیش

سلام میخوام تو این دوره شرکت کنم منتها یک درخواستی داشتم
تو اکثر دوره های طراحی وب یا بوت استرپ و... اکثر تو پروژه هاشون یک قالب تک صفحه ای طراحی میکنن...
درخواست من اینکه بیاد با بوت استرپ یک پنل ادمین طراحی کنید البته میدونم درخواستم یکم بزرگه ولی آموزش طراحی پنل ادمین با بوت استرپ تو یوتیوب هستش فقط همونو بیاد بصورت فارسی توضیح بدید عالی میشه.

حسام موسوی | 1 ماه پیش

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

علیرضا بهمئی | 2 ماه پیش

سلام استاد. ممنون از آموزش خوبتون. ممکن هست در مورد scrollspy و اینکه چطوری با انیمیشن scroll بکنیم هم توضیحاتی بدید؟

حسام موسوی | 1 ماه پیش

در پروژه نهایی این مورد و هم میگیم

سیدعماد حسینی | 2 ماه پیش

سلام با تشکر از آموزش خیلی خوبتون
برای من قسمت 17 هنگام extract کردن ارور the file is corrupt میده و دو بار دیگه هم دانلودش کردم ولی هربار هم ایراد رو داره.
ممنون میشم بررسی کنید.

حسام موسوی | 2 ماه پیش

اخرین نسخه rar رو نصب کنید مشکلتون حل میشه

عبدالله | 2 ماه پیش

فایل شماره 26 ( پروژه دوم ) موقع دانلود خطای چنین فایلی وجود نداره میده

حسام موسوی | 2 ماه پیش

مشکل برطرف شد

عبدالله | 2 ماه پیش

سلام استاد خسته نباشید، ممنون برا آموزشهای خوبتون.

من این کد body{ direction: rtl; text-align: right; } رو در فایل bootstrap.rtl.css قرار دادم و فارسی سازی به محض لود این فایل انجام میشه و دیگه نیاز نیست در فایل استایل این کد رو وارد کنیم.

اولین پروژه رو با کمی تغییرات کار کردم لینک تصویرش اینه: http://uupload.ir/files/me44_first.jpg

لطفاً نظرتون رو بگین.

متشکرم.

حسام موسوی | 2 ماه پیش

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

عبدالله | 2 ماه پیش

سلام خسته نباشید.
استاد لطفاً در مورد تفاوتهای justify-content و align-content و align-items توضیح بدین، یعنی کدومشون برا حالت row هست و کدومشون برا حالت column و کدومشون با flex-wrap ترکیب میشه و کدومشون با flex-nowrap؟

حسام موسوی | 2 ماه پیش

با سلام گفته شد شما باید ابتدا دوره flexbox رو ببینید تا درک کنید flex باکس رو بعد بیان سراغ بوت استرپ 4
دوره flexbox بصورت رایگان در راکت در دسترس شما قرار داره و میتونید استفاده کنید.

عبدالله | 2 ماه پیش

اون دوره رو دیدم اما چون اسم کلاسها شبیهه قاطی میشن.
منظورم این بود شاید بصورت مختصر از هم تفکیکشون کنید جوری که تو ذهنمون بمونه و قاطی نشه.

عبدالله | 2 ماه پیش

فرق align-content و align-items چیه چون در ظاهر هر دو یه کار انجام میدن؟

حسام موسوی | 2 ماه پیش

فک کنم بدونید align-items برای چی استفاده میشه حالا این پروپتری برای ایتم های یک سطر مورد استفاده قرار میگیره اما align-content اگر شما دو یه بیشتر سطر داشته باشید خود سطرها رو جا بجا میکنه برای مثال میتونید لینک زیر رو ببینید
https://codepen.io/anon/pen/XZEzwN

عبدالله | 2 ماه پیش

سلام خسته نباشید ممنون برا آموزشهای خوبتون. تنظیمات مربوط به آوتوکامپلت در ویژوال استادیو کد رو انجام دادم و ذخیره کردم اما اعمال نمیشن، مشکل از چیه؟

حسام موسوی | 2 ماه پیش

باید دید واقعا چون همونطور که دیدید قدم به قدم انجام دادیم
سعی کنید پلاگین IntelliSense for CSS class names رو هم نصب کنید هر چند همون تنظمات کفایت میکرد

عبدالله | 2 ماه پیش

مشکل از ویژوال استادیو نیست، توی NetBeans هم این مشکل وجود داره. فایلها که لود شدن و توی مرورگر کلاسها اعمال میشه روی تگها.

عبدالله | 2 ماه پیش

دلیل مشکل رو فهمیدم چون پروژه رو داخل یه پروژه دیگه ایجاد کرده بودم، وقتی منتقلش کردم به بیرون، مشکل حل شد. حالا چون تمرین میکردم یه پوشه داخل پروژه دیگه ایجاد کردم، اصلا فکر نمیکردم تودرتو شدن پروژه باعث چنین مشکلی میتونه بشه، جالب بود.

سجاد | 2 ماه پیش

سلام

شما اگر بخواهید طبقه بندی کنید، این آموزش رو صرفا به افراد مبتدی توصیه می کنید و یا اینکه معتقد هستید برای افرادی که با بوت استرپ آشنایی قبلی دارند هم مفید هست؟

حسام موسوی | 2 ماه پیش

با سلام
در قسمت معرفی کامل این موضوع رو توضیح دادم

داود | 3 ماه پیش

سلام عرض میکنم خدمت استاد عزیزم جناب آقای موسوی
اینجانب از جنابعالی کمال تشکر را دارم بابت دوره های بسیار خوب و جذابتون. واقعا احساس خاص و غیر قابل توصیفی دارم از اینکه در وب فارسی هستند کسانی مثل شما که اینگونه سوار بر علم روز دنیا هستند. و نکته جالب اینجاست که حتی بعضی از سازمان های آموزشی بین المللی که غالبا هدایت آموزش ها در سطح جهان را عهده دار هستند به این شدت به روز نیستند که امروز نسخه استیبل فریمورکی منتشر شود و فردا شروع به آموزش آن کنند. مطمئن باشید بخش عمده ای از پیشرفت عرصه فناوری کشور مدیون شما بزرگواران خواهد بود.
انشاا... که در تمام زمینه ها شاهد موفقیت شما استاد عزیز و همه دانشجویان باشیم...

حسام موسوی | 3 ماه پیش

با سلام
بسیار تشکر از نظرتون در مورد راکت
قطعا هنوز نیاز به کار بیشتر و تلاش هست تا بتونیم بهترین ها رو در اختیار کاربران قرار بدیم و هر روز هم تلاش میکنیم که از روز قبل بیشتر پیشرفت کنیم

امیر | 3 ماه پیش

سلام

نحوه RTL کردن رو هم آموزش میدید؟

حسام موسوی | 3 ماه پیش

بله فقط اینکه تو پروژه ها از پلاگینی برای rtl استفاده نمیکنیم به شما آموزش میدیم خودتون خیلی راحت اینکارو انجام بدید

hamid | 3 ماه پیش

نسخه 4 به صورت پیشفرض از flexbox تو گرید سیستمش و همینطور تو برخی از کامپوننت های مهمش استفاده میکنه. پس مثل ورژن های قبل از 4 که از float استفاده میکردن دیگه شما نیاز آنچنانی به rtl کردن نداری.

Hamed Alvandy | 3 ماه پیش

سلام
حسام جان یه سوال داشتم راجع به این دوره من الان دارم دوره ری اکت جی اس رو میگذرونم توی سایت شما

این دوره میتونه به من کمک کنه برای
و اینکه نحوه استفاده از بوت استرپ رو توی ری اکت میگید؟

و در آخر اینکه به نظرم نمونه نداره سایتت و دوره هات ،
حتما خودتم اینقدر گلی که نمونه نداری
ممنون

حسام موسوی | 3 ماه پیش

سلام تشکر از نظرتون
این دوره مختص بوت استرپ هست و چیزی از react یا مابقی گفته نمیشه چون افرادی که این دوره رو مشاهده میکنن چیزی از react یا امثال فریمورک های جاوا اسکریپتی نمیدونن

Hamed Alvandy | 3 ماه پیش

حسام جان ،

فقط نکته ای که هست این دوره به درد من میخوره ؟
خودم میتونم توی ری ات ازش استفاده کنم؟

حسام موسوی | 3 ماه پیش

این دوره بدرد همه افرادی که میخواین استایل css رو با فریمورک bootstrap پیاده سازی کنن میخوره
برای استایل دادن فک میکنم بدردتون بخوره

مهدی طهرانی | 3 ماه پیش

من احساس میکنم این قیمت برای این دوره واقعا زیاده!

حسام موسوی | 3 ماه پیش

با سلام
تشکر از نظرتون و باید بگم نظرتون قابل احترامه اما تو این وضع اقتصادی کشور فک نکنم مبلغ زیادی باشه که 100 البته راکت همیشه جدید ترین ابزار رو آموزش داده و اونم با کمترین هزینه نسبت به جاهای دیگه و تا الان این موضوع به همگی دوستان ثابت شده ولی باید بگم قطعا مواردی که گفته میشه در این دوره ارزشش چندین برابر این هزینه است.
و شخصا بسیار هجان زدم برای یه دوره عالی با بوت استرپ 4 .

araz | 2 ماه پیش

سلام
این دوره حدوداً چند ساعته و کی تموم میشه

حسام موسوی | 2 ماه پیش

مشخص نیست فعلا در حال تکمیل کردن بخش کامونتت ها هستیم بعد از پایان این بخش دو سه پروژه ای که گفتیم رو شروع میکنیم

داوود دهقان | 2 هفته پیش

بنده خیلی باهاتون موافق نیستم، من این دوره رو خریدم و واقعا کیفیت آموزشی قابل ملاحظه ای داره و بیش از ۱۲۰ نفر دیگه هم با خریدشون این موضوع رو تایید کردند ...