آموزش بوت استرپ 5 مقدماتی تا پیشرفته (2021)
آموزش bootstrap 5
امروزه مسلط بودن بر بحث ریسپانسیو در شرکت های استخدام برنامه نویسی یکی از معیار های مهم و ضروری است. یکی از زبان های مهم برنامه نویسی بوت استرپ 5 هستش که میتونید شما ازون استفاده کنید .شما به عنوان یک طراح سایت باید بتوانید هر سایتی را که طراحی می کنید، کامل ریسپانسیو پیاده سازی کنید تا تمامی کاربران با تمامی دیوایس های موجود بتوانند از سایت شما بهره کامل را ببرند.
180,000 تومان
بوت استرپ چیست؟

امروزه با به وجود اومدن نمایشگر های مختلف با سایز های متفاوت، وب سایت ها باید برای تمام نمایشگر ها با هر سایز و اندازه ای به درستی نمایش داده شوند. پس برنامه نویسان فرانت اند باید هر وب سایت را طوری پیاده سازی کنند که تقریبا در تمام گوشی های موبایل، تبلت، لپتاپ و … به درستی نمایش داده شود و با تغییر اندازه دستگاه، دیزاین وب سایت به هم نریزد.
به همچین وب سایتی ریسپانسیو (Responsive) گفته می شود.
بوت استرپ یکی از فریمورک (چارچوب) های حوزه وب است که عمدتا برای ریسپانسیو سازی صفحات وب استفاده می شود. اما کاربرد های بوت استرپ فقط به بحث ریسپانسیو سازی محدود نیست. بوت استرپ تکه کد های بسیار زیادی مثل اسلایدر، دکمه های شکیل و جذاب، آکاردئون، کولَپس، اینپوت های ریسپانسیو و جذاب و … نیز در اختیار شما قرار می دهد که می توانید بدون نوشتن یک خط کد Css از آن ها استفاده کنید.
چرا باید بوت استرپ را یاد بگیرم؟

امروزه در اکثر شرکت های برنامه نویسی برای ریسپانسیو سازی صفحات وب از فریمورک بوت استرپ استفاده می شود. یعنی شما برای ورود به بازار کار و کسب درآمد به فریمورک بوت استرپ نیاز دارید.
شما می توانید به جای بوت استرپ از تکنولوژی های دیگری مثل بولما، فاندیشن و … نیز استفاده کنید اما بازار کار و جامعه استفاده بوت استرپ از همه آن ها بیشتر است.
علاوه بر این فریمورک بوت استرپ:
- قابلیت های ریسپانسیو سازی فوق العاده ای در اختیارتان قرار می دهد.
- از تکرار کد ها جلوگیری می کند.
- باعث بالا رفتن سرعت توسعه و کد نویسی می شود (صرفه جویی در زمان)
- با تمامی مرورگرها سازگاری دارد.
- بازار کار و کامیونیتی بالا
- و …
مگه میشه با این همه قابلیت خفن از بوت استرپ استفاده نکرد؟! 🙂
آیا این دوره پروژه محور است؟
در حوزه برنامه نویسی هر دوره آموزشی که پروژه محور نباشد، به درد نمی خورد و ارزش آن چنانی ندارد. چون علاوه بر یادگیری کد ها و مفاهیم لازم، چیزی که برای بازار کار نیاز است تخصص و مهارت بالاست و اگر طی دوره آموزشی پروژه ای برای دانشجو پیاده سازی نشود، دانشجو نمی تواند به سطح لازم برسد و وارد بازار کار شود.
دوره آموزش بوت استرپ 5 نیز پروژه محور می باشد و بعد از آموزش مفاهیم و سرفصل های بوت استرپ، پروژه هایی در حد بازار کار پیاده سازی می شود تا بتوانید به کمک آن ها وارد بازار کار شوید.
دوره آموزش بوت استرپ پشتیبانی دارد؟
قطعا بله.
اگر دوره آموزشی مرتبط با حوزه برنامه نویسی پشتیبانی نداشته باشد، ارزش هزینه کردن هم ندارد. چون که دانشجو های آن دوره طی یادگیری قطعا با مشکلات و سوالاتی مواجه می شوند که برای برطرف کردن آن ها به یک شخص حرفه ای در آن زمینه نیاز دارند. به همین دلیل دوره آموزش بوت استرپ 5 سبزلرن پشتیبانی مادام العمر و رایگان دارد و شما عزیزان در هر کدام از جلسات دوره با هر سوال و ابهامی که مواجه شدید، می توانید آن را در قسمت پرسش و پاسخ دوره مطرح کنید تا با مدرس در ارتباط بوده و سوال شما توسط مدرس دوره برطرف شود.
پیش نیاز های آموزش بوت استرپ چه تکنولوژی هایی هستند؟
بوت استرپ یکی از فریمورک هایی است که با Html، Css و جاوا اسکریپت نوشته شده است و برای بحث پیش نیاز های ان بین علما اختلاف است.
برخی از برنامه نویسان اینطور می گویند که برای یادگیری بوت استرپ نیازی به جاوا اسکریپت نیست اما عده ای دیگر از برنامه نویسان این عقیده را دارند که جاوا اسکریپت نیز یکی از پیش نیاز های اساسی بوت استرپ است! اما واقعا کدام یک درست است؟
داستان از این قرار است که تقریبا 5 درصد از بوت استرپ را جاوا اسکریپت تشکیل می دهد که شما برای استفاده از این قسمت ها هیچ نیازی به دانستن جاوا اسکریپت ندارید، چون سورس کد همه آن ها در داکیومنت بوت استرپ قرار داده شده است.
اما جاوا اسکریپت زمانی نیاز می شود که بخواهید قسمت های مختلف بوت استرپ که در آن ها جاوا اسکریپت استفاده شده است را تغییر دهید. یعنی تقریبا در سطوح پیشرفته و وب سایت های پیچیده به جاوا اسکریپت نیاز دارید و حتی برای ریسپانسیو سازی هم به جاوا اسکریپت نیاز ندارید.
پس برای شروع آموزش بوت استرپ حتما باید Html و Css را بلد باشید و همین دو مورد برای شروع دوره آموزش بوت استرپ کافی است.
چرا باید بوت استرپ را بین فریمورک های ریسپانسیو انتخاب کرد؟

فریمورک بوت استرپ نسبت به رقبای خود مثل فاندیشن، بولما و …:
- بازار کار بهترین دارد؛ پس با آن می توانید سهم بیشتری از بازار کار را به خودتان اختصاص دهید.
- داکیومنت کامل و واضحی دارد؛ پس اگر چیزی از بوت استرپ را فراموش کردید، با مراجعه به داکیومنت آن به راحتی می توانید به هدف خود برسید.
- کامیونیتی (جامعه استفاده کننده) بیشتری دارد؛ پس اگر در قسمتی از پروژه مشکلی داشتید، می توانید در برطرف کردن آن از توسعه دهنده های بوت استرپ کمک بگیرید.
- و …
بوت استرپ با این همه ویژگی به محبوب ترین فریمورک ریسپانسیو سازی تبدیل شده است که امروزه در بازار کار از آن استفاده می شود.
چرا باید از دوره آموزش بوت استرپ سبزلرن استفاده کرد؟

دوره آموزش بوت استرپ سبزلرن:
- پشتیبانی مادام العمر رایگان دارد.
- به صورت پروژه محور آموزش داده می شود.
- در صورت آپدیت شدن فریمورک بوت استرپ، این دوره نیز آپدیت می شود.
- تمام مطالب و مباحث لازم برای کار با فریمورک بوت استرپ آموزش داده می شود.
- آخرین نسخه فریمورک بوت استرپ آموزش داده شده است.
برای یادگیری بوت استرپ 5 باید نسخه 4 را بلد باشیم؟
جواب این سوال “منفی” است. همان طور که Html 5 را بدون تسلط بر نسخه Html 4 یاد گرفتید، برای یادگیری بوت استرپ 5 نیز هیچ نیازی به بلد بودن بوت استرپ 4 نیست.
در دوره آموزش پروژه محور بوت استرپ 5 تمام مطالب و مباحث مربوط به بوت استرپ به طور کامل برای شما عزیزان آموزش می شود.
آیا دوره آموزش بوت استرپ آپدیت خواهد شد؟

جواب این سوال “مثبت” است.
هر روز در دنیای برنامه نویسی تکنولوژی های مختلفی آپدیت و بروزرسانی می شوند که برای عرض اندام و ثابت قدم بودن در بازار کار باید شما هم طبق آن ها آپدیت باشید و علم و دانسته های خود را آپدیت کنید.
به همین دلیل اگر بوت استرپ آپدیت شود و از نسخه 5 به نسخه 6 برسد، دوره آموزش بوت استرپ سبزلرن نیز آپدیت می شود و تغییرات ارائه شده در نسخه جدید به شما عزیزان آموزش داده می شود.
در دوره آموزش Css از چه ابزار هایی استفاده می شود؟
همون طور که اطلاع دارین برای کدنویسی باید از یک ویرایشگر و برای مشاهده نتیجه و خروجی کدهای نوشته شده از یک مرورگر استفاده بکنیم.
در دوره آموزش صفر تا صد بوت استرپ برای کدنویسی از ویرایشگر محبوب و پر استفاده VsCode و برای مشاهده خروجی کدها از مرورگر Chrome استفاده می کنیم.
در چه مدت زمانی می توان بوت استرپ را یاد گرفت؟
مدت زمان یادگیری یکی از سوالاتی است که اکثر دانشجویان عزیز می پرسند. اما جالب این است که هیچ جواب مشخص و ثابتی برای این سوال وجود ندارد.
چون مدت زمان یادگیری یک مقدار شخصی است و به پارامتر های مختلفی از شما بستگی دارد.
به عنوان مثال ممکن است شخصی بوت استرپ را در یک هفته و شخصی دیگر در 1 ماه یاد بگیرد!
پاسخ این سوال به پارامتر هایی مثل:
- چقدر در Css مهارت دارید؟
- روزانه چند ساعت برای یادگیری اختصاص می دهید؟
- چقدر از داکیومنت بوت استرپ مطالعه می کنید؟
- روزانه چند ساعت برای تمرین و کدنویسی اختصاص می دهید؟
- و …
پس این شما هستید که باید مدت زمان آموزش بوت استرپ برای خودتان را حساب کنید. اما به صورت کلی اگر همه پارامتر های بالا را داشته باشید، حداکثر در یک ماه می توانید بوت استرپ را به بهترین شکل یاد بگیرید.
بعد از این دوره به چه سطحی از بوت استرپ می رسم؟
بوت استرپ واقعا فریمورک بسیار ساده و قابل درکی هست که اگه Css رو به خوبی بلد باشین، بوت استرپ هیچ پیچیدگی و سختی برای شما نخواهد داشت.
شما عزیزان بعد از شرکت در دوره آموزش بوت استرپ سبزلرن، به این فریمورک محبوب و پر استفاده مسلط شده و همچنین می توانید هر وب سایتی که طراحی می کنید، به صورت فول ریسپانسیو پیاده سازی کنید.
در این دوره صفر تا صد بوت استرپ آموزش داده شده است؟
جواب این سوال مثبت است.
در این دوره که طبق داکیومنت اصلی فریمورک بوت استرپ پیش میریم، تمامی سرفصل ها و کانسپت های آن مثل گریدبندی، تایپوگرافی، کلاس های Utility و … را به صورت پروژه محور و از صفر تا صد یاد می گیرید.
این دوره از چه منابعی تدریس می شود؟
قطعا بهترین منبع برای هر تکنولوژی مرتبط با برنامه نویسی فقط و فقط داکیومنت آن تکنولوژی است.
به همین خاطر برای کامل و صفر تا صد بودن دوره آموزش بوت استرپ سبزلرن، این دوره از داکیومنت خود فریمورک بوت استرپ به آدرس https://getbootstrap.com آموزش داده می شود.
سرفصل ها
11Forms در بوت استرپ20:08
12Select و Range در بوت استرپ10:03
13Check Box و Radio در بوت استرپ20:52
14Input Group در بوت استرپ12:19
15Border و Rounded در بوت استرپ16:17
16Display و Float در بوت استرپ6:17
17Flex Box در بوت استرپ12:00
18Over Flow و Position در بوت استرپ9:33
19Shadow در بوت استرپ17:38
20Vertical Align و Sizing در بوت استرپ14:46
21Accordion در بوت استرپ7:14
22Alert در بوت استرپ9:28
23Badge و Breadcrumb در بوت استرپ11:25
24Button در بوت استرپ8:14
25Button Group در بوت استرپ00:20:10
26Card در بوت استرپ28:39
27Carousel در بوت استرپ19:21
28Collapse در بوت استرپ00:12:52
29Dropdowns در بوت استرپ00:17:51
30List Group در بوت استرپ9:37
31Modal در بوت استرپ00:11:16
32Navs & Tabs در بوت استرپ14:57
33Nav Bar در بوت استرپ16:16
34Pagination در بوت استرپ7:12
35Popover در بوت استرپ12:01
36Progress Bar در بوت استرپ9:38
37Spinner و Tooltip در بوت استرپ00:15:31
38بوت استرپ راستچین شده5:33
40پیکربندی پروژه عملی6:50
41پروژه عملی بخش اول17:39
42پروژه عملی بخش دوم13:07
43پروژه عملی بخش سوم7:00
44پروژه عملی بخش چهارم13:50
45پروژه عملی بخش پنجم6:13
46پروژه عملی بخش ششم18:03
47پروژه عملی بخش آخر20:25

حمزه عزیززاده
web developerحمزه عزیز زاده هستم. طراح و توسعه دهنده وب. 3 سالی میشه که در این زمینه مشغول فعالیت هستم. دوست دارم چیزایی که یاد میگیرم رو با بقیه به اشتراک بزارم
نظرات
قوانین ثبت دیدگاه
- اگر نیاز به پشتیبانی دوره دارید از قسمت پرسش سوال در قسمت نمایش انلاین استفاده نمایید و سوالات مربوط به رفع اشکال تایید نخواهند شد
- دیدگاه های نامرتبط به دوره تایید نخواهد شد.
- سوالات مرتبط با رفع اشکال در این بخش تایید نخواهد شد.
- از درج دیدگاه های تکراری پرهیز نمایید.
سرفصل های دوره
برای مشاهده و یا دانلود دوره روی کلمه لینک کلیک کنید!
qadiryolme(مدیریت)
ضبط مجدد این دوره به عنوان آپدیت از تاریخ ۱ مرداد بصورت جدی شروع میشود و دانشجویانی که از قبل این دوره رو تهیه کردند بصورت رایگان اپدیت جدید بهشون تعلق میگیره و نیاز به هزینه دوباره نیست
ضمن اینکه ضبط مجدد این دوره توسط استاد سعیدی راد عزیز صورت میگیره
M.ho3ein.sgh( خریدار محصول )
سلام . پشتیبانی دوره چطوریه ؟ تو همین بخش نظرات باید سوالمون رو مطرح کنیم ؟
qadiryolme(مدیریت)
خیر. در بخش پرسش سوال در بخش نمایش انلاین دوره
arsalan.gh( خریدار محصول )
سلام
ضبط مجدد این دوره توسط اقای سعیدی راد کی شروع میشه ؟
qadiryolme(مدیریت)
احتمالا شهریور
abbas_sr( خریدار محصول )
سلام و درود
آیا این دوره بروزرسانی میشه؟
qadiryolme(مدیریت)
سلام. بزودی بله
Ali-jalili( خریدار محصول )
سلام چه تاربخی بروز رسانی اضافه میشه
qadiryolme(مدیریت)
احتمالا در مرداد ماه
Mohamaad( خریدار محصول )
سلام استاد خسته نباشید قسمت 8 دوره مربوط به فلکس باکس هست ولی داخل سایت اسمش رو Column گزاشتید و این اشتباهه یا من اشتباه میکنم؟؟
qadiryolme(مدیریت)
سلام. چک شد و مشکلی نبود
Shamiri.04( خریدار محصول )
سلام و خدا قوت
کی دوباره تخفیف برای این دوره میزارید؟
محمدامین سعیدی راد(مدرس)
سلام عزیز.
دوره بوت استرپ همین الان 40 درصد تخفیف داره و تا 2 الی 3 روز آینده ممکنه ادامه داشته باشه و میتونین استفاده کنین.
سید ایمان هاشمی
سلام
استاد اگه امکانش هست آموزشی در خصوص تیلویند هم ضبط کنید
ممنون
محمدامین سعیدی راد(مدرس)
سلام عزیز.
بله تیلویند هم در برنامه های سبزلرن وجود داره و در آینده یه دوره خوب و پروژه محور تیلویند برگزار میشه 👌❤
ali( خریدار محصول )
میشه یک فایل زیپ قرار دهید که دوره در آن باشد؟چون اینجوری راحت تر دانلود میشه
محمدامین سعیدی راد(مدرس)
سلام عزیز.
برای دانلود راحت و سریع میتونین از دانلود همگانی (دانلود یکجا) استفاده کنین.
ali( خریدار محصول )
من سرعت اینترنت کم هست و ویدیو ها رو چند تا چند تا دانلود میکنه و خیلی طول ممیده تا همه ی ویدیو ها دانلود کنه ولی در یک فایل از تمام سرعت برای یک فایل دانلود میکنه اینجوری سریع تر دانلود میکنه
محمدامین سعیدی راد(مدرس)
متاسفانه امکان قرار دادن فایل Zip وجود نداره.
میتونی به کمک دانلود همگانی فایلها رو توسط IDM دانلود کنی.
اپلیکیشن IDM گوشی تک تک دانلود میکنه.