۲۷ آذر اموزش بوت استرپ 5 (5 Bootstrap)
آموزش بوت استرپ 5
اگر دوست داری دیزاین سایتت رو سریع تر طراحی کنی و از کامپوننت های بوت استرپ استفاده کنی، همراه من باش. قول 100% میدم بهت که آموزش بوت استرپ 5 برات مفید باشه.
دوره اموزش بوت استرپ 5 مناسب چه کسانی است؟
دوره اموزش بوت استرپ مخصوص کسانی هست که میخواهند یاد بگیرند چطور میشود با استفاده از بوت استرپ، دیزاین UI پروژهای تحت وب را پیاده سازی کرد و فرانت استانداردتری ایجاد کرد.
دوره آموزش بوت استرپ 5 به صورت کامل و تضمینی پاسخگوی نیاز بازار کار برای شما خواهد بود. پس از پایان دوره بوت استرپ شما قادر خواهید بود که به صورت کامل UI یک پروژه تحت وب رو با استفاده از بوت استرپ پیاده سازی کنید.
آخر دوره اموزش بوت استرپ 5 چه کاره میشم؟
توی دوره اموزش بوت استرپ بهت یاد میدم وقتی دوره رو تموم کردی چطوری رابط گرافیک کاربری یک وب سایت را بتونی از صفر صفر به صورت کامل با استفاده از بوت استرپ پیاده سازی کنی. آموزش bootstrap 5 ویژگی اصلی این دوره هست که به صورت کاملا پروژه محور تدریس می شود.
پیش نیاز باید چیزی بلد باشم؟
پیش نیاز آموزش bootstrap 5، آشنایی با HTML و CSS است. اصلا نگران آن هم نباشید. ما دوره طراحی وب رو به صورت رایگان برای شما در نظر گرفتیم که با خرید دوره بوت استرپ به صورت رایگان میتونید از پورتال مخصوص خودتون بهش دسترسی داشته باشید.
انتقال تجربه
احتمال بعد از تحقیق در اینترنت و دیدن کلی ویدیو آموزشی سوال هایی توی ذهنت به وجود اومده. اگر سوالهایی ذهنتو مشغول کرده که دید درستی نسبت به پاسخش نداری، مثلا پرسشهایی از جنس:
- نقشه راه من در برنامه نویسی چیه؟
- برای یادگیری بوت استرپ چه پیشنیازی لازم هست؟
- چطوری تئوری هایی که بهم میگن رو در پروژه به کار ببرم؟
- حتما باید تحصیلات دانشگاهی داشته باشم؟
- اگر بخوام برای web برنامه نویسی کنم باید چیا بلد باشم؟
- من n سالم هست، حالا یا عدد کم یا زیاد ؛ مثلا من 12 سالم هست آیا میتونم برنامه نویسی یاد بگیرم ؟
- یا مثلا من 32 سال دارم ، دیر نیست برای “شروع” وارد این دنیا بشم؟
منم کاملا این مشکلات رو داشتم و برای این تیپ سوالها راه حل کامل و جامع در نظر گرفتم برات. من توی این مسیر بهت تجربه خودمو منتقل میکنم، تجربه ای که سال های سال توی پیاده سازی پروژه های واقعی و بزرگ کشور با زحمت بدست آوردم.
میخوام بهت این خبر خوبو بدم که من این مسیر رو طی کردم و تجربه های خودمو میخوام بهت منتقل کنم. پس نگران نباش، فقط باید شروع کنی.
پروژه عملی بوت استرپ 5
دوست عزیز من دقت کن، تا اینجای کار که پیش اومدی، همه ی موارد بوت استرپ رو به صورت کامل یاد خواهی گرفت. اما اما اما یک نکته خیلی خیلی مهم وجود داره اونم اینکه باید توی استفاده از بوت استرپ مهارت پیدا کنی. باید بتونی مواردی رو که خوندی رو توی پروژه به صورت عملی پیاده سازی کنی.
پروژه عملی در دوره آموزش بوت استرپ 5
برای همین توی این دوره قراره با هم یک پروژه رو شروع کنیم، باید بری کد بزنی، تمرین ارسال کنی و مهارتتو قوی کنی. به تمام سوال های ذهنت پاسخ میدم. نگران نباش. آموزش بوت استرپ پروژه محور برای همین ساخته شده که بتونی راحت و با آرامش پروژه هم یاد بگیری.
استارت از نقطه صفر
من توی این دوره، از صفر صفر صفر برای کسانی که اصلا با برنامه نویسی آشنایی ندارن، یا افرادی که مقداری با برنامه نویسی آشنایی دارن ولی تسلط کافی ندارن، شروع به آموزش موارد مورد نیاز کردم.
پورتال اختصاصی اعضا
توی این دوره یک پورتال اختصاصی برات روی سایت فراهم کردم که میتونی به صورت مستقیم فایل ها رو دانلود کنی، فیلم با کیفیت HD و نسخه کم حجم رو دانلود یا مشاهده کنی، فایل های تمرین هر جلسه رو ببینی و در صورت وجود پرسش از مدرس سوال کنی.
گارانتی بازگشت وجه
برای دوره اموزش بوت استرپ ضمانت بازگشت وجه در نظر گرفتم. یعنی اگر این دوره رو دیدی و تمرین های دوره رو انجام دادی، و احساس کردی که این آموزش های برات خوب و مفید نبوده، کمترین کاری که میتونم بکنم بازگشت پول شما بی هیچ قید و شرطی در کمال احترام هست.
پس بدون هیچ ترسی ، همراه من باش.
مقدمه
- مقدمه ای بر بوت استرپ
- بوت استرپ چیست؟
- جایگاه بوت استرپ در طراحی UI سایت کجاست؟
- معرفی vscode
- بررسی تفاوت قالب آماده با بوت استرپ
راه اندازی
- ایجاد یک پروژه از صفر
- دانلود آخرین نسخه بوت استرپ
- اضافه کردن بوت استرپ به پروژه
- اطمینان از نصب درست بوت استرپ
شروع کار با بوت استرپ
- نحوه نصب با استفاده از npm
- بررسی فایل های موجود در بوت استرپ
- بررسی رزولوشن های مختلف در بوت استرپ
- بررسی انواع شکست ها برای رزولوشن ها
- کار با container ها
- بررسی ورژن های قدیمی بوت استرپ
- نحوه صحیح استفاده از row و col
- تقسیم بندی صحیح صفحه
- بررسی انواع layout بندی ها و grid ها
- آشنایی با gutter ها
کار با محتوا
- تایپوگرافی
- هدینگ ها
- لیست ها
- تصاویر و سایزبندی و استایل ها
- کار با جداول و استایل مختلف جداول
- آشنایی با انواع رنگ بندی های بوت استرپ
فرم ها
- کار با فرم ها
- بررسی استایل input های text
- بررسی کنترل های select option
- بررسی استایل های checkbox و radio button
- بررسی کنترل range
- بررسی input group ها
- بررسی floating label input ها
- بررسی layout بندی فرم ها
- بررسی validation در فرم ها
کامپوننت ها
- بررسی کامپوننت های بوت استرپ
- Accordion
- Alerts
- Badge
- BreadCrumbs
- Buttons
- Button Group
- Card
- Carousel
- Close Button
- Collapse
- Dropdowns
- List group
- Modal
- Navs & tabs
- Navbar
- Pagination
- Popovers
- Progress
- Scrollspy
- Spinners
- Toasts
- Tooltips
کلاس های کمکی
- Clearfix
- لینک ها و رنگ بندی
- Ratio
- انواع Position ها
- Visually Hidden
- Stretched Link
- Text truncation
ابزارهای کمکی
- border ها و انواع رنگ بندی ها
- رنگ بندی های استاندارد بوت استرپ
- انواع کلاس های مربوط به display
- flex
- float
- interaction ها
- position ها
- سایه ها
- انواع سایزبندی
- فاصله های padding و margin
- کار با متن
- Vertical align
- قابلیت مشاهده
فونت آیکون
- آشنایی با Font Awesome
- دانلود Font Awesome
- اضاف کردن به پروژه
- بررسی نحوه استفاده از انواع فونت آیکون ها
پروژه عملی
3 قسمت از دوره اموزش بوت استرپ را رایگان تهیه کنید.
ضمانت بازگشت وجه
دوره آموزش بوت استرپ 5 به صورت تخصصی و با دقت فراوان تهیه و تولید شده است. هدف از ارائه این آموزش تخصصی، یادگیری مهارتی دانشپذیران به صورت پروژه محور است. در این آموزش به صورت استاندارد میتوانید قدم به قدم برای یادگیری بوت استرپ قدم بردارید. در صورتی که مطالب خارج از سرفصل ارائه شد و احساس مفید نبودن مطالب برای شما پدید آمد، کمترین کار ممکن بازگشت بدون قید و شرط مبلغ سرمایه گذاری شده توسط شما است.
پشتیبانی تلگرامی، عضویت در گروه مخصوص اعضا
ایمیل مخصوص دوره
فرم مخصوص پرسش مستقیم از مدرس در صفحه پورتال در وبسایت
برای خرید دوره آموزش بوت استرپ 5 از طریق زیر می توانید عمل کنید:
بلافاصله پس از خرید، می توانید فایل های آموزشی خود را دانلود کنید.
(همبنیانگذار هولوسن)
- برنامهنویس ارشد جاوا (ازکیوام)
- برنامهنویس جاوا (داتین)
- راهبر فنی (خیریه کودکان فرشتهاند)
- راهبر فنی (روکا)
- برنامهنویس ارشد دات نت (موسسه اعتباری نور)
- برنامهنویس دات نت (گسترش انفورماتیک ایران)
- تجربه پیادهسازی وب و موبایل اپلیکیشنهای مورد استفاده در حوزه بانکی کشور توسط بانکهای مطرحی مثل بانک سپه، صادرات، تجارت، پاسارگاد، رسالت، موسسه اعتباری نور و …
- تجربه بیش از ۱۰ سال برنامهنویسی در شرکتهای بزرگ ایرانی و خارجی
- تجربه بیش از ۴ سال تدریس تخصصی با بیش از ۱۰۰۰۰ دانشجو
- ۰۶اسفند
- ۱۵شهریور
آموزش اسپرینگ بوت
دوره آموزشی صفر تا صد جاوا اسپرینگ بوت ؛ از صفر با Spring Boot وب اپلیکیشن خودتان را بنویسید و به راحتی وارد بازار کار شوید....
2 نظر - ۳۱مرداد
آموزش برنامه نویسی از پایه |شکستن سد برنامه نویسی
آموزش برنامه نویسی از پایه و صفر. آموزش برنامه نویسی به صورت مفهموی و کاملا عملی با پروژه . گارانتی صد در صد محتوای دوره ....
32 نظر - ۰۹مرداد
آموزش برنامه نویسی اندروید 0 تا 100
دوره آموزشی صفر تا صد اندروید؛ از صفر اندروید را یاد بگیرید و اپلیکیشن خودتان را بنویسید و به راحتی وارد بازار کار شوید.آموزش پروژه محور....
20 نظر - ۱۵اسفند
آموزش جاوا اسکریپت
دوره آموزشی صفر تا صد جاوا اسکریپت + 17 پروژه عملی و واقعی، حرفه ای javascript را یاد بگیرید...
2 نظر - ۰۲خرداد
آموزش دیزاین پترن
آموزش دیزاین پترن به صورت کامل و حرفه ای. کامل ترین آموزش الگوهای طراحی (Design Pattern) به زبان فارسی به همراه مثال واقعی از دنیای برنامه نویسی...
بدون نظر - ۲۲دی
آموزش صفر تا صد کاتلین آموزش پروژه محور کاتلین
دوره آموزشی کاتلین ؛ کاتلین را یاد بگیرید و به اپلیکیشن خودتون رو برنامه نویسی کنید. کاتلین برای توسعه اپلیکیشنهای اندرویدی زبان جدید است....
30 نظر - ۲۷آذر
اموزش بوت استرپ 5 (5 Bootstrap)
دوره آموزشی بوت استرپ؛ از صفر بوت استرپ را یاد بگیرید و به راحتی دیزاین سایت خودتون رو با بوت استرپ طراحی کنید....
12 نظر
آموزش بوت استرپ 5 کامل هست؟
دوره آموزشی بوت استرپ از قدم صفر مطلق آموزش را شروع میکند
پروژه محور هست؟
بله . به صورت واقعی و100درصد یک پروژه عملی را کد میزنیم.
ضمانت بازگشت وجه؟
دروه به صورت کامل ضمانت بازگشت وجه دارد. اگر رضایت نداشته باشید تمام مبلغ برای شما برگشت داده خواهد شد.
rrahiminassab
ارسال در : ۰۷:۱۰h, ۲۱ بهمنبا سلام و عرض خسته نباشید
آیا امکان مشاهده نمونه فیلم آموزشی این دوره وجود دارد؟
هولوسن
ارسال در : ۰۸:۳۰h, ۲۱ بهمنسلام و عرض ادب
امیدواریم که حالتون خوب و پر از انرژی مثبت باشید.
فرم مربوط به دریافت سه قسمت رایگان به همین صفحه (https://holosen.net/اموزش-بوت-استرپ-۵/) اضافه شد. لطفا اطلاعات خود را در فرم “دانلود رایگان ۳ قسمت از اموزش بوت استرپ” وارد نمایید تا سه قسمت از دوره بوت استرپ به صورت کاملا رایگان برای شما ایمیل شود.
با تقدیم احترام، هولوسن.
reza salehi
ارسال در : ۰۶:۳۱h, ۰۳ اسفندsalam
dore shoma ro didam.ensafa kheiliiiiiiiiiiiiiiii khob bood
bi marefati bood nazar ndm
mersi
هولوسن
ارسال در : ۱۰:۱۱h, ۰۳ اسفندرضا صالحی عزیز سلام
امیدوار هستیم که خوب، سر حال و سرشار از حس مثبت باشید.
تبریک می گوییم که به دنبال ارتقای مهارت های خود هستید، خوشحال هستیم که توانسته ایم در دروه آموزشی بوت استرپ رضایت خاطر شما را فراهم کنیم.
منتظر دریافت بازخورد های بیشتر شما هستیم.
با تقدیم احترام، هولوسن
فرید خسروی
ارسال در : ۰۹:۰۴h, ۲۵ اردیبهشتسلام خوبین . من به شبکه مسلطم و شغلم IT هست ولی هیچی از برنامه نویسی نمیدونم . عاشق front هستم و پایتون . ممنون میشم ازتون یک راه مشخص جلود بذارین از کجا شروع کنم ؟
یه عده میگن اول html یاد بگیر یه عده میگن اول php یه عده میگن مستقیم برو پایتون
هدفم اینه بعد از ۳ یا ۴ سال فرانت و بک مسلط باشم . روزی ۲ تا ۳ ساعتم میتونم وقت واقعی واسش بذارم.
ویدیو رایگان هاتونو دیدم عالی بود مخصوصاً واسه من که همه چیو از صفر گفتین .
ممنومم از راهنماییتون
حسین بدرنژاد
ارسال در : ۱۷:۵۸h, ۲۵ اردیبهشتسلام و عرض ادب خدمت آقای خسروی عزیز
امیدواریم که حال دلتون خوب و پر از انرژی مثبت باشید.
قطعا اطلاع دارید که برنامه نویسی وب به دو بخش فرانت و بک تقسیم بندی میشود.
از پایتون (به همراه فریم ورک جنگو (dgango)) برای بک اند باید استفاده کنید و برای فرانت شما قطعا نیاز دارید تا html و css به همراه جاوااسکریپت کار کرده باشید و حتی مسلط باشید.
همچنین برای فرانت بهتر هست تا یک فریم ورک جاوا اسکریپتی مثل react js یا angular یا vue js یاد بگیرید. برای این منظور میتونید یه سر به این لینک بزنید : https://holosen.net/اموزش-برنامه-نویسی-فرانت-اند/
شما میتوانید هم زمان هم بک و هم فرانت کار کنید، اما پیشنهاد من این هست که یکی یکی سراغشان بروید.
سعی کنید با html و css کارتان را شروع کنید. برای این منظور هم میتوانید به این آدرس وارد شوید و رایگان دوره خودتون رو شروع کنید : https://holosen.net/web-design/
بعد از این ۲ نوبت به جاوا اسکریپت و فریم ورک جاوا اسکریپتی انتخابیتون میرسد.
بعد از این مراحل که به فرانت مسلط شدید پیشنهاد میکنم جاوا، یا پایتون یاد بگیرید ( دقت کنید که فقط یک زبان کافیست جاوا، یا پایتون، یا سی شارپ)
در ادامه هم به سمت فریم ورک سمت وب زبان انتخابیتون بروید.
در صورتی هم که زبان انتخابیتون جاوا بود ما در این لینک و در این دوره در خدمتتون هستیم : https://holosen.net/اموزش-جاوا-از-صفر/
با تقدیم احترام، حسین بدرنژاد
fashionmetal1359
ارسال در : ۱۵:۵۱h, ۲۸ اردیبهشتسلام استاد.خسته نباشید.میخواستم بدونم الان که بوتسترپ ۵ دیگه نیاز به جی کوئری نداره آیا هنوز هم یادگیری جی کوئری لازم هستش؟و اینکه من HTML-CSS-JS رو تموم کردم و چند تا پروژه هم کار کردم.الان میتونم این دوره رو شروع کنم؟با سپاس
هولوسن
ارسال در : ۱۶:۲۷h, ۲۸ اردیبهشتدوست مهربان هولوسنی سلام
امیدوار هستیم که خوب سرحال و سرشار از حس مثبت باشید.
درود بی پایان خداوند بر شما که مشغول ارتقای مهارت های شخصی خود می باشید. تسلط شما بر HTML , CSS برای طراحی صفحات استاتیک سایت کافی می باشد. در ضمن شما فرموده اید که به JS هم مسلط هستید، جیکوئری یک کتابخانه (پر کاربرد و سریع) از JS می باشد. وقتی شما تسلط به Js دارید نیازی نیست که به جیکوئری مسلط باشید.
بوت استرپ، ادامه ( تکمیل کننده، سرعت بخش) مهارت شما در بخش CSS است و اصلا ارتباطی با جیکوئری ندارد. پس با خیال راحت می توانید آموزش بوت استرپ خود را آغاز نمایید.
با تقدیم احترام، هولوسن
m.raha988
ارسال در : ۰۷:۰۷h, ۲۲ مردادسلام وقت بخیر . من طبق اموزش پیش رفتم الان میخوام یه سایت مشایه دیوار ایجاد کنم و نیاز به کمک دارم. https://divar.ir/
ممنون میشم یه انالیز روی سایت داشته باشین و بهم برای پیاده سازیش کمک کنید. من تا حدودی این پروژه رو ایجاد کردم که براتون ارسال میکنم
هولوسن
ارسال در : ۰۷:۳۸h, ۲۲ مردادمحمدرضا رخ عزیز سلام
امیدوار هستیم که خوب، سرحال و سرشار از حس مثبت باشید.
لطفا کدهای خود را از طریق پورتال اختصاصی خود در بخش “تمرین” ارسال کنید و در قسمت توضیحات، شرایط خود را ذکر بفرمایید. پورتال، شخصا توسط استاد مورد بررسی قرار خواهد گرفت. لطفا دقت فرمایید که کدهاای خود را کامل ارسال فرمایید.
با تقدیم احترام، پشتیبانی هولوسن
سبحان حائری زاده
ارسال در : ۲۱:۲۳h, ۰۶ مهرسلام و درود.
این دوره رو پیشنهاد میکنم و همچنین از آقای بدرنژاد برای دوره خوبشون تشکر میکنم.
هولوسن
ارسال در : ۱۹:۵۵h, ۰۸ مهرسبحان حائری زاده عزیز سلام
امیدوار هستیم که خوب، سرحال و سرشار از حس مثبت باشید.
صمیمانه خوشحال هستیم که رضایت خاطر شما را فراهم نمودهایم. متعهد هستیم که هموراه با کیفیتترین دورههای آموزشی برای وب فارسی را برای شما عزیزان تهیه کنیم.
با تقدیم احترام، هولوسن