ببینید
مشکل من اینجاس که هر چی رو که یادمیگیرم، بزودی فراموشش میکنم
و اصلا نمیتونم دوباره خودم چیزی رو طراحی کنم
توجه:
دوستان آموزش بوت استرپ ورژن 5 که آخرین ورژن بوت استرپ می باشد،بصورت رایگان داخل وبسایت قرار گرفت و شما بجای این دوره که ورژن 4 هست دوره جدید بوت استرپ ورژن 5 را مشاهده کنید. برای مشاهده دوره اینجا کلیک کنید.
Bootstrap مجموعه ای از ابزارهای رایگان برای ایجاد صفحات وب و نرم افزارهای تحت وب است که شامل دستورات HTML، CSS و توابع جاوا اسکریپت جهت تولید و نمایش فرم ها، دکمه ها، تب ها، ستون ها و سایر المان های مورد نیاز طراحی وب می باشد.
بزرگترین مشکل طراحان وب و کدنویسان قدیمی، ایجاد ظاهری زیبا و مناسب است! بله دقیقا مشکل اساسی اینجاست. اصول کدنویسی و ایجاد زیربنا و ساختار مناسب برای یک سایت بسیار مهم و پیچیده است ولی نمایش صحیح خروجی کار و ایجاد یک فضای کاربرپسند نیز اهمیت بسیار بالایی خواهد داشت.
Bootstrap قصد دارد که خلاء میان طراحی و کدنویسی را از میان برداشته و کدنویسان را ترغیب به استفاده از طراحی های پیش فرض و استاندارد نماید. به همین منظور دستورات CSS و توابع jQuery مورد نیاز را برای شما فراهم کرده است تا شما بتوانید با استفاده از دستورات پیش فرض و رعایت اصول متناسب با طراحی Bootstrap زمان راه اندازی یک پروژه را تا حد زیادی کاهش داده و خروجی آن را متناسب با استانداردهای روز دنیا پیش ببرید.
در این دوره قصد دارم شما را از مبتدی تا پیشرفته با بوت استرپ آشنا کنم و با ایجاد یک پروژه اونو به شما بصورت کامل آموزش بدم.در دوره ای بعد که به عنوان بوت استرپ در دنیای واقعی هست با ایجاد ۹ دوره کاربردی سعی بر این داشتم که شما بخوبی با بوت استرپ آشنا بشین حتما توصیه میکنم بعد از دیدن این دوره، دوره ای بوت استرپ در دنیای واقعی را ببینید تا در پروژهای مختلف و متنوع این دوره بوت استرپ را به بهترین شکل یاد بگیرید.
دقت کنید، که این دوره بر اساس بوت استرپ ورژن 4 میباشد،در حال حاضر آخرین ورژن 5 می باشد.که دوره بوت استرپ ورژن 5 داخل وبسایت بصورت رایگان قرار گرفته برای مشاهده اینجا کلیک کنید.
دوره های پیشنهادی، بعد از گذراندن این دوره :
پیش نیاز های این دوره فوق العاده کاربردی:
برای ارسال نظر ابتدا باید وارد سایت شوید
ببینید
مشکل من اینجاس که هر چی رو که یادمیگیرم، بزودی فراموشش میکنم
و اصلا نمیتونم دوباره خودم چیزی رو طراحی کنم
سلام وقت بخیر.
روند کار را توی یک کامنت دیگه خدمتتون عرض کردم. نیاز هست شما تمرین زیادی انجام بدید و دوره بوت استرپ 5 و بوت استرپ 5 در دنیای واقعی را مشاهده کنید و بعد از اون خیلی تمرین کنید تا خودتون بتونید ui یک سایت را ایجاد کنید، نه اینکه صرفا ویدیو را ببینید و کلاس هاشو حفظ کنید. اینجوری شما کل ویدیو را توی یک هفته میبینید و تمام! در صورتی حداقل چند ماه باید وقت بذارید و کار کنید تا بوت استرپ را به خوبی درک کنید و بتونید ui یک سایت را ایجاد کنید بعد از اون، کار کردن با فریمورک های ui دیگه هم براتون خیلی راحتر میشه
سلام.
پروژه ی ساخت وبلاگ(فقط قسمت فرانت اند) در این دوره هست یا در دوره ی بوت استرپ ۴ در دنیای واقعی؟
سلام وقت بخیر.
دوره وبلاگ در دوره php ?
لطف کنید زیر قسمت مربوطه سوال بپرسید.
در کل اون قالب خیلی ساده هست و دقیقا توی دوره ای بوت استرپ ۴ یا ۵ ایجاد نشده، شما زمانی که دوره ای های بوت استرپ را ببینید و کار کنید، دقت کنید. کار کنید نه اینکه فقط ویدیو ببینید این خیلی مهمه که درصد خیلی کمی انجام میدن و خب نتیجه نمیگیرن و حالا میرن سمت بک اند، اگه قرار فول استک کار کنید باید اول اون بخشی که انتخاب کردید را کار کنید مدتی بعد وارد بخش بعدی بشید و خب این نیاز به کار و تمرین زیادی داره
سلام
ممنون از سایت خوب و پرمحتواتون.
ببخشید یه سوال
برا ایجاد یه فرم ارسال نظرات در سایت باید چکار کنیم.
ممنون
سلام وقت بخیر.
متوجه سوالتون نشدم،اگه بخش فرانت را میگید که توی دوره در مورد form صحبت شده و در انتها یک پروژه ایجاد میشه،اگه منظورتون بک اند هست که نیاز به دانش بک اندی دارید.
سلام
دانلود فایل های تمرینی دوره
فایل رو دانلود می کنممتاسفانه باز نمیشه و Error میده
ممنون میشم یه بررسی بفرمائید
سلام وقت بخیر.
از آخرین ورژن rar استفاده کنید.
سلام اقای شیخ خسته نباشید و ممنون بابت این دوره
یه سوال داشتم تو card هایی که card-img-overlay هستن چطور button قرار بدیم مثلا برای مشاهده بیشتر
چون من هر چقدر button میزارم هر جا میزارم کار نمیکنه اصلا نمیشه روش کلیک کرد.
سلام وقت بخیر.
ممنون از شما.
لطف کنید سوالاتتون رو توی قسمت مربوطه کامنت کنید.
توی همون div با کلاس card-img-overlay میتونید دکمه یا متن قرار بدید و مشکلی نداره
سلام مطالب و آموزش هاتون واقعا حرفه ای و کاربردی هستن
استاد شیخی عزیز از اونجایی که بوت5 اومده و تفاوت هایی که با ورژن 4 داره میتونیم از این دوره بهره ببریم یا بهتره از آموزش هایی که مربوط به ورژن5 شروع کنیم؟
و اینکه شما برای طراحی ترجیحتون رو کدومه ؟ ( از اونجایی که تو ایران همه چی دیر جا میوفته و خیلیا سمت ورژن های جدید نمیرن)
سلام وقت بخیر.
تفاوت خیلی زیادی بین ورژن نیست، و دوستانی که با ورژن ۴ کار کردن خیلی ساده با مطالعه داکیومنت تغییرات ورژن ۵ را متوجه میشن.در مورد سوال دومتون اگه قرار باشه توی پروژه از بوت استرپ استقاده بشه خب ار ورژن ۵ استفاده میکنم که rtl هم سامورت میکنه
سلام اقای شیخ خسته نباشید
اقای شیخ اگه یه header داشته باشیم که توش یه عکس باشه چطور میتونیم روی اون عکس متن بنویسیم ؟
مثلا مثل همین سایت وب پروگ
سلام وقت بخیر.
با کلاس های css میتونید اینکارو انجام بدید،میتونید تصویر را بک گراند قرار بدید،همچنین میتونید پوزیشن تعریف کنید و متن رو هرکجای تصویر دوست داشتید قرار بدید.
سلام اقای علی شیخ خسته نباشی خیلی ممنون بابت این دوره واقعا عالی بود
یه سوال داشتم من وقتی تو navbar میخوام اون ایکون همبرگری رو درست کنم هر چقدر روش میزنم هیچی نمیاره و نوشته هارو نمیاره و چطور میتونیم یه جوری می کنیم navbar مثل منو از طرف راست سایت بیاد مثل همین سایت وب پروگ
سلام وقت بخیر.
برای منو همبرگری چک کنید که فایل جاوااسکریپت بوت استرپ را اضافه کرده اید همچنین ورژن فایل های بوت استرپی که اضافه کرده اید ورژن ۴ هست یا ۵، از طرفی ارور توی کنسول دارید؟
سلام ببخشید این سوالو اینجا میپرسم
دوره هایی که رایگان هستن تا آخر رایگان میمونن؟
سلام وقت بخیر.
بله
سلام استاد خسته نباشید
استاد چرا در دوره ی bootstrap در دنیای واقعی در چند پروژه ی آخر تایمر رو درست کردین اما در این دوره اون رو آموزش ندادین؟؟
میشه بگین از چی استفاده کردین؟؟
سپاس.
سلام وقت بخیر.
Countdown یک کد جاوااسکریپتی هست که توی اینترنت میتوتید سرچ و استفاده کنید و مربوط به بوت استرپ نیست.ما از countdown استفاده کردیم و با بوت استرپ بهش استایل دادیم
سلام استاد خسته نباشید
استاد من فایل bootstrap رو توی سایت خودش دانلود کردم و دوتا فایل به نام js و css هستن هردوتا رو هم در قسمت head آدرس دهی کردم بعضی از کلاس های bootstrap کار میکنن مثلا text-transform , text-primary , text-muted اما فونت ها و align ها کار نمیکنن مشکل چیه استاد ؟؟؟؟
در پوشه ی bootstrap که از خود سایت دانلود کردم در پوشه ی js فایل bootstrap.bundle.min.js و در پوشه ی css فایل bootstrap.min.css رو آدرس دهی کردم آیا درست هستن ؟؟؟
با تشکر
سلام وقت بخیر.
ورژن bootstrap را چک کنید.به احتمال زیاد از ورژن 5 دارید استفاده میکنید.
آره استاد ورژن 5 بود چون آپدیت شده این خصوصیات هم دارن بیشتر میشن؟؟
استاد من دو تا سوال داشتم اولی اینکه من bootstrap ورژن 4 رو دانلود کردم حالا باید چجوری آدرس بدم اسم کدوم فایلو داخل ادیتورم بنویسیم اینکه اصلا داخل پوشه هاش پوشه ای به نام css نداره ؟؟؟
و دومی اینکه استاد من طبق چارت آموزشی تا bootstrap پیش رفتم و دیگه دوره های بعدی رو ندیدم برای کسب درآمد میتونم php رو ببینم وکسب درآمد کنم بعد بیام سراغ دوره های بعدی یا نه باید حتما javascript رو بلد باشم .
خیلی ممنون
سلام شما باید فایل css و js رو به پروژه اضافه کنید.
بله میتونید دوره ای php و لاراول رو مشاهده کنید
با سلام من بوت استرپ رو به پروژه خودم اضافه کردم ولی یک سری از ویژگی ها مثل مثلا drop down buttons کار نمیکنه در صورتی دقیقا کد ها از داخل document بوت استرپ برداشتم ...مشکل چیه؟
سلام وقت بخیر.
بررسی کنید که بدرستی فایل های css و js را اضافه کرده اید و همچنین ورژن بوت استرپ هم چک کنید، که ورژن ۴ یا ۵ هست
با سلام و خداقوت این دوره هم مثل بقیه دوره ها عالی و بی نظیر بود فقط ای کاش بوت استرپ ۵ هم قرار بدید با سپاس
سلام وقت بخیر.
ممنون از شما❤
اگه این دوره را مشاهده کرده باشید استفاده از بوت استرپ ۵، با دیدن تغییراتش در داکیومنت، راحت هست.
ولی چشم انشاا... در اینده براش دوره اماده میکنیم
و این لینک rtl ی که توی خود سایت بوت استرپ هست قابل اعتماد نیست؟
سلام وقت بخیر.
نسخه rtl در ورژن ۵ بوت استرپ آمده، این دوره با ورژن ۴ بوت استرپ هست که توی ورژن ۴ نسخه rtl وجود نداشت.
سلام وقتتون بخیر.
من از سایت بوت استرپ سعی کردم با کپی کردن کدها و لینک های خودش یه navbar ایجاد کنم ولی درست کار نمیکرد. مثلا toggeler , dropdown ولی ورژن 4.0 رو امتحان کردم درست شد. این طبیعیه ؟ چون من مطمعنم که همه ی مراحل رد درست انجام دادم.
سلام وقت بخیر.
ورژن ۵ بوت استرپ به تازگی منتشر شده، که یکسری تغییرات داشته.و طبیعتا شما هر ورژنی از بوت استرپ را به پروژه اضافه کنید، از کدها و استایل های همون ورژن میتونی استفاده کنید.
شما نمیتونید فایل های css و js ورژن ۵ بوت استرپ را اضافه کنید و بعد از کد های ورژن ۴ استفاده کنید(در بعضی از مواقع ممکن هست توی بخشی تغییری نباشه و مشکلی پیش نیاد).
سلام وقت بخیر
برای تغییرات bootstrap5 آموزش قرار گرفته خواهد شد؟
سلام وقت بخیر.
تغییر خاصی نداره، ولی انشاا... یه دوره براش در نظر میگیریم.
خیلی ممنون ازشما
سلام وقت بخیر.
ممنون از شما❤
پیشنهاد میکنم دوره ای بوت استرپ در دنیای واقعی هم مشاهده کنید.
یعنی بد نیست که کپی می کنیم کد ها رو
عرض کردم، مهم درک کردن هست.مشکلی نیست کپی کنید.به مرور زمان و استفاده زیاد هم باعث میشه تو ذهنتون بمونه.
سلام و عرض ادب
استاد ببخشید ما باید تمامی class های بوت استرپ حفظ کنم؟
چون برای ساخت منو باید این همه کد بزنیم.حفظ کنیم یا کپی پست کنیم؟
با تشکر
سلام وقت بخیر.
توی برنامه نویسی شما باید درک کنید نه حفظ.
شما باید درک کنید که این کلاس ها چکاری انجام میدن و هر وقت نیاز داشته باشی میتونی کپی کنی،چون فردا روز بوت استرپ ورژن ۵ میاد و ممکن هست اسم کلاس ها عوض بشه،پس اگه فقط حفظ کرده باشی مجبوری دوباره حفظ کنی.
bardia omidzade
ببخشید پروژه ی هشتم کجاست
علی شیخ
1 سال پیش
سلام وقت بخیر.
این دوره فقط یک پروژه داره و دوره های بوت استرپ در دنیای واقعی هست که چندین پروژه دارند.