سلام استاد من دوره bootstrap 5 رو دیدم اما شما فقط در این دوره پروژه نزدید
بلکه style جدیدی هم تدریس دادید
بعد از مشاهده دوره Bootstrap ۵ نیاز هست که شما دوستان عزیز Bootstrap ۵ را در دنیای واقعی مشاهده کنید. به این معنی که شما در قالب 4 پروژه (landing page,langing page with sass, coming soon, admin panel) بخش های مختلف قالب ها را یادبگیرید تا هر سایتی که مد نظرتون هست را بتونید به راحتی با Bootstrap ایجاد کنید.
بخش های مانند : نمایش هدر با اسکرول، layout بوت استرپ، ایجاد انیمیشن در اسکرول، شخصی سازی بوت استرپ با sass، تغییر اسلایدر بوت استرپ، حالت darkmode، شمارنده، افزودن map و chart به پروژه، deploy (آپلود پروژه در سرور) و ....
هدف از این دوره یادگیری بخش های مختلف در قالب های مختلف هست.
حتما ویدیو معرفی دوره را مشاهده کنید تا با پروژه های که توی این دوره ایجاد میشه آشنا بشید.
پیش نیاز های این دوره فوق العاده کاربردی:
برای ارسال نظر ابتدا باید وارد سایت شوید
سلام استاد من دوره bootstrap 5 رو دیدم اما شما فقط در این دوره پروژه نزدید
بلکه style جدیدی هم تدریس دادید
سلام وقت بخیر.
ممنون از شما و حمایتتون🙏
خداروشکر دوره براتون مفید بوده
سلام استاد خسته نباشید
استاد من یک سوالی داشتم من الان از ویو و ناکست استفاده میکنم و تازگی از چند نفر شنیدم که استفاده از بوت استرپ داخل ویو و ناکست خوب نیست ( بدلیل اینکه خیلی حجم پروژه رو میبره بالا و کلا نمیشه کامل کاستومایزش کرد ) و ارزش نداره بعد میخواستم بدونم نظر شما چیه ؟ و بنظر شما کدوم فریمورک ها برای ویو و ناکست خوبن.
با تشکر
سلام وقت بخیر.
ببینید مواردی که شما میفرماید js هست و بوت استرپ css و خب موضوع جدای هستند مثله فرانت و بک اند که جدا از هم هستند.
بوت استرپ مگه کلا چقد حجم داره که بخواد حجم یک پروژه را خیلی زیاد کنه، شما در ابتدا با توجه به نیاز پروژه تون فریمورک css مورد نظر خودتون را انتخاب و مقایسه کنید و توی قدم بعدی به پروژه اضافه و استفاده کنید.پس انتخاب فریمورک css بحثش جدا هست.
سلام من sass و آلپاین رو اشنایی ندارم باهاشون اختلال جدی ایجاد نمیکنه تو دوره یا بهتره که برم اونارو یاد بگیرم بعد دوره رو تماشا کنم؟
سلام وقت بخیر.
توی پروژه های که استفاده شده برای درک بهتر،بله نیاز هست. پیشنهاد بنده اینکه پیش نیاز هر دوره ای را کامل آشنا باشید. تمام دوره ها هم مربوط به فرانت هست.
عرض ادب و احترام استاد من آموزش بوت استرپ ۵ (BOOTSTRAP) پروژه محور رو دیدم الان برم سراغ بوت استرپ در دنیای واقعی ؟ رفتن ویدیو رو دیدم فهمیدم که از js استفاده میکنید و من هنوز یاد نگرفتم به نظر شما برم js یاد بگیرم بعد بیام سراغ بوت استرپ ؟
سلام وقت بخیر.
بله، مشکلی نیست میتونید مشاهده کنید و js هم در کنارش باهاش اشنا بشید.
سلام وقت بخیر آقای شیخ ممنون بابت آموزش های فوق العادتون. یه درخواستی داشتم اگه ممکنه دوره سئو هم برگذار کنید ممنون میشیم
سلام وقت بخیر.
ممنون از شما و حمایتتون
خداروشکر دوره براتون مفید بوده
میشه یک مقایسه بین bootstrap و uikit بفرمائید؟
اینکه کدوم بهتره؟
آیا اینکه uikit بیشتر از بوت استرپ به جاوا اسکریپت متکیه یک نقطه ضعف نیست؟
سلام وقت بخیر.
این موضوع بیشتر سلیقه هست که طراحیشون متفاوت هست و میتونید انتخاب کنید یا تعداد امکاناتش را بررسی کنید
اما جاوا اسکریپت نقطه ضعف نیست و همینجور فریمورک و کتابخانه جدید براش میاد و عملا سایت های امروزی دیگه بدون جاوا اسکریپت نیستند.
با سلام خدمت شما و همه دوستانی که با بوت استرپ کار میکنند.
یک تجربه ای داشتم خواستم با سایر دوستان به اشتراک بذارم.
همانطور در جریان هستید یکی از مشکلات استفاده از فریم ورک هایی مانند بوت استرپ حجم بالای فایل css است.
یکی از راههای حل این مشکل استفاده از purgecss است. به اینصورت:
1- ابتدا node.js را نصب کنید تا npm نصب شود
2- سپس cmd ویندوز را باز کنید. و به محل پروژه خود بروید.
(می توانیدبه پوشه پروژه خود رفته و با راست کلیک و انتخاب ... مستقیما cmd را در پوشه جاری باز کنید )
3- با تایپ دستور زیر، purgecss را نصب کنید.
npm i purgecss -D
4- سپس با دستور زیر، css های خود در مسیر myDire را که در فایل html استفاده شده پاکسازی کنید و در مسیر purgedDire ذخیره کنید.
npx purgecss --css myDir/*.css --content *.html --output purgedDir
سلام وقت بخیر.
ممنون از شما بابت ارسال اطلاعات خوب و مفیدتون
سلام
alpine یه چی مثل vuejs هستش؟ یا کاربردش جداس ؟
سلام وقت بخیر.
برای درک بهتر ویدیو معرفی و چند قسمت ابتدای رایگان دوره را مشاهده کنید.
سلام و عرض ادب آیا فرانت سایت شما با بوت استرپ هست یا tailwind یا pwa و ... لطفا توضیح بدید و اینکه بنظر شما کدام فریموک کارآیی بهتری دارد ، البته اگه خودم بگم ، من react رو قوی تر از همه می دونم
سلام وقت بخیر.
فریمورک css سایت با UIkit ایجاد شده، در خصوص فریمورک های css فریمورک tailwind قابلیت شخصی سازی خیلی بیشتری داره. در کل انتخاب فریمورک بسته به نیاز های پروژه و همچنین طراحی اون داره
react که فریمورک جاوااسکریپت هست و موضوع جدا، که دوباره وابسته به نیاز های پروژه هست و هم react و هم vue اوکی هستند و با هر کدوم راحتر باشید میتوانید استفاده کنید.
سلام وقتتون بخیر
تعداد پروژه هایی که برای بوت استرپ 4 در دنیای واقعی گفتید 9 تا هست اما برای بوت استرپ 5 فقط 4 تا ، آیا خرید دوره بوت استرپ 4 و انجام پروژه هاش چیزی به مهارتمون اضافه می کنه ؟
سلام وقت بخیر.
همین دوره ای بوت استرپ ۵ در دنیای کافی را ببینید و تمرین کنید اوکی هست و از طرفی آخرین ورژن بوت استرپ هست.
سلام استاد پروژه های دیگه ای که با scss نوشته شده چطور بیاریم بالا
سلام وقت بخیر.
اگه نیاز به تغییر باشه، تغییر میدید و کامپایل میکنید. توی دوره sass در موردش صحبت شده
سلام
عرض ادب
استاد توی ویدئوی معرفی دوره توی پروژه آخر که پنل مدیریت رو پیاده سازی کردید، در واقع تماما ساخت ظاهر هستش و هیچ ارتباطی با بکند نویسی نداره دیگه؟!
منتها ظاهری هستش که صرفا برای مدیر سایت پیاده سازی میشه و سمت client نیستش. درسته دیدگاهم؟
انگار یه فرانت هستش برای بکند :))
سلام وقت بخیر.
ببینید ما نیاز به یک پنل داریم که بتونیم فرضا محصول کم و زیاد کنیم تا توی سایت اصلی مشتری ببینه حالا این پنل که یک پروژه جدا هست، هم فرانت و بک اند داره
دوره درمورد بوت استرپ هست که فریمورکی برای فرانت هست، پس قالب ما فقط فرانت هست و برای بک اند نیاز هست دوره های بک اند را مشاهده کنید.
سلام خدمت استاد و دوستان رمز فایل ها چی هست
سلام وقت بخیر.
فایل های تمرینی رمز ندارند.
سلام استاد خسته نباشید چجوری فایل های aos رو بدون اینکه به اینترنت وصل باشیم تو فایلمون فراخوانی کنیم
سلام وقت بخیر.
شما میتوانید محتوای فایل ها (زمانیکه لینکشون را توی مرورگر باز میکنید) را کپی و در یک فایل ذخیره و به پروژه اضافه کنید.
وقت شما هم بخیر میشه لطفا با مثال بهم توضیح بدید .من یک پروژه دستمه که اصلا به اینترنت وصلش نمیکنن برای همین میخواستم تمام فایل هایی که شما cdn شو قرار میدید بدون اینترنت ازش بشه استفاده کرد
ببینید شما دوتا cdn از aos به پروژه اضافه میکنید که یکیش css هست و دیگری js. اگه آدرس یا مسیر این cdn ها را توی مرورگر باز کنید سورس کدش را بر میگرده، حالا شما میتوانید مثلا سورس کد css را کپی و یک فایل css ایجاد و پیست کنید و حالا اون فایل را به پروژه اضافه کنید مانند افزودن فایل css به پروژه
توی پیش نیاز های این دوره هم گفته شده، پیش نیاز دوره ها خیلی مهم هستند.
سلام استاد من برای شروع از این دوره شروع کنم یا از دوره آموزش بوت استرپ 5
سلام وقت بخیر.
برای شروع چی؟
در کل توی ویدیو و توضیحات هر دوره، پیش نیاز های آن گفته شده
همچنین میتوانید از چارت آموزشی هم استفاده کنید.
چه دوره عالی.. و همچنین پشتیبانی عالی که استاد مشکل دانشجوهارو حل میکنه همه چی عالی..
استاد دوره (alpine.js) رو چیزی دربارش نمیدونم و اینکه تو توضیحاتش گفتین برای فریمورک لاراول هست. یعنی یجورای با php هم باید سروکار بزنیم؟ چون اصلا نمیخوام برم سمت php هدف بعدیم سمت بک اند جنگو هست
ممنون از سایتتون از همه جهات عالی هست
سلام وقت بخیر.
ممنون از شما و حمایتتون
خیر ما نگفته ایم که alpine برای لاراول هست، بلکه یک فریمورک برای جاوااسکریپت و در سمت کلاینت هست.
یکبار دیگه ویدیو معرفی و قسمت های ابتدای دوره را که بصورت رایگان هست را مشاهده کنید.
سلام استاد وقت بخیر
من tooltip و popover که میزارم در بوت استرپ 5 کار نمیکنه ممنون میشم این کد رو نگاه کنید مشکلش کجاست کلافه شدم حتی popper هم اسکریپتدهی کردم به سند
ممنون از وقتی که میزارین
"<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>index</title>
<link href="https://fonts.googleapis.com/css2?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<link rel="stylesheet" href="./style.css">
</head>
<body>
<div class="container mt-5">
<div class="row">
<div class="col">
<button type="button" class="btn btn-secondary" data-bs-toggle="popover" data-bs-placement="bottom" data-bs-content="Bottom popover" data-bs-container="body">Popover on bottom</button>
<button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Tooltip on bottom">Tooltip on bottom</button>
</div>
</div>
</div>
<script src="./production_jquery_3.6.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
<script src="./js.js"></script>
</body>
</html>" سلام وقت بخیر.
چرا فایل css برای بوت استرپ 4 هست، فایل js مربوط به ورژن 5 بوت استرپ ؟
این سوال مربوط به چه قسمت و دوره ای هست؟ لطف کنید سوالاتتون را زیر قسمت مربوطه بپرسید و کد هاتون را بین سه عدد بک تیک قرار بدید و ارسال کنید.
سلام متوجه شدم ممنون
سلام .
استاد بدونه Alpin.js هم میشه این دوره رو نگا کرد یا باید حتما یادش بگیریم؟
سلام وقت بخیر.
اگه ویدیو معرفی دوره را ببینید توضیحات داده شده، این دوره تمرکزش روی بوت استرپ هست و بخش های جاوااسکریپت را با هر چیزی که اوکی هستید میتونید پیاده سازی کنید ما توی دوره از alpine.js استفاده کردیم. پیش نیاز های دوره هم مهم هستند.
سلام وقت بخیر
برای اینکه وقتی اینپوت از نوع نامبر میزاریم اون فلشها رو نشون نده انتهای اینپوت باید چکار کنیم
"<input type="number" class="form-control" placeholder="قیمت محصول را بنویسید..." required>"
و اینکه من نمیدونم در Vscode چه هات کی رو میزنم سهوا که فاصیله میفته بین اول و آخر ایدی و کلاس ها و کلا داخل تگ ها مثل تگ زیر میشه ببینید همه تگهای سند html من اینجوری فاصله میفته بینش مثل فاصله " با modal بعد در js که میگیرم چون اینجا همش فاصله داره کار نمیکنه
"<" div class=" modal fade " id=" city-choose-modal ">"
ممنون میشم راهنمایی کنید این دو تا سوال رو
سلام وقت بخیر.
برای سوال اول میتوانید از این استایل استفاده کنید
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}ممنون استاد لطف کردین فقط یه سوال دیگه بپرسم برای اینکه از کاربر عکس بگیریم باید اینپوت تایپ image بزاریم یا file چون با تایپ file عکس میگیریم src میشه fake path/ و نمیتونیم عکسی که کاربر مثلا در فرم آپلود کرده رو نشون بدیم چون ادرسش c:/fakepath شده چه دستوری میفرمایید بتونم حلش کنم
برای این موضوع باید از جاوااسکریپت استفاده کنید که اگه با js آشنا باشید کافیه سرچ کنید.
sadegh hamid
سلام و سپاس بابت این دوره خوبتون واقعا سنگ تمام گذاشتید و همه چی را گفتید. یک سئوال هم داشتم ممنون میشم مثل همیشه راهنمایی کنید. برای deploy کردن یک سایت گفتید نیازی به node_modules نمی باشد در این شرایط اگر پکیجی مثلا بوت استرپ را مستقیما از node_modules به index لینک داده باشیم اونوقت آن پکیج را چگونه خواهیم داشت؟
علی شیخ
2 ماه پیش
سلام وقت بخیر.
ببینید دلیل اینکه این پوشه deploy نشه بخاطر حجم بالای که داره هست. توی این دوره برای sass مثال زده شد که خب پکیج sass خروجی نهایی css را به ما میده پس دیگه نیازی به node_modules نیست اما اگه فایلی مستقیما استفاده بشه بله نیاز هست. که شما بازم میتونید اون فایل را کپی و در پوشه های css یا js قرار بدید و استفاده کنید که نیازی به node_modules نباشه از طرفی یکسری پکیج مثله webpack و vite هستند (دوره اش توی سایت هست) که اونها هم فایل های مورد استفاده در node_modules را باندل و ترکیب میکنن و یک فایل نهایی میدن که نیازی به node_modules در سرور نباشه