دوره اموزش فریم ورک بوت استرپ
( فیلم آموزشی ) ،توسط مهندس امیر تجاره
به کلیک سایت خوش اومدی ،
اینجا میتونی هر فیلم آموزشی که مد نظر داری رو پیدا کنی.
آموزش های کلیک سایت کاملا از صفر تا صد طراحی شده و تمامی آموزش ها به زبان فارسی و مناسب جهت ورود به بازار کار تولید شده.
پس از دیدن آموزش ها ، بدون تردید شما آماده ورود به بازار کار و کسب درآمد خواهید شد.
برای شروع ، ابتدا فیلم معرفی دوره رو مشاهده نمایید.
سپس میتوانید در ادامه همین صفحه ، سایر قسمت های این مجموعه را دانلود نمایید.
برای مشاهده فیلم با سرعت بالا ، از آی پی ایران استفاده نمایید.
معرفی سرفصل های این دوره:
سرفصل دوره آموزش فریم ورک بوت استرپ
فصل اول : معرفی بوت استرپ
طراحی واکنشگرا ( Responsive Design ) چیست ؟
با مفهوم طراحی واکنشگرا آشنا خواهید شد و تفاوت بین سایت واکنشگرا و سایت نسخه ی موبایل را درک خواهید کرد
درک می کنید که چرا به یک وبسایت واکنشگرا احتیاج داریم و با مزایای سایت واکنشگرا آشنا خواهید شد
با مفهوم فریم ورک و فریم ورک های واکنشگرای موجود آشنا می شوید
بوت استرپ چیست ؟
معرفی phpstorm برای کار با بوت استرپ و تنظیمات مورد نیاز
دانلود بوت استرپ
بوت استرپ RTL یا LTR ؟
راست چین کردن بوت استرپ LTR
cdn های بوت استرپ
متا تگ viewport و دلیل استفاده از آن
X-UA-Compatible و دلیل استفاده از آن
تنظیمات سند
فصل دوم : سیستم شبکه بندی
در این فصل با سیستم شبکه بندی و کلاس های شبکه بندی و به طور کل مفهوم شبکه بندی اشنا می شویم
معرفی cdn بوت استرپ
معرفی سیستم شبکه بندی
Media query چیست ؟
کلاس های شبکه بندی
تفاوت Fixed layout و Fluid layout
شبکه بندی stacked to horizontal
Equal column و un equal column
معرفی Column wrapping
معرفی Responsive column reset
معرفی offsetting columns
معرفی column ordering
معرفی nesting columns
استفاده از کلاس md ، sm ، xs و lg به صورت همزمان
بررسی همه موارد تدریس شده در قالب یک پروژه کوچک
فصل سوم : عناصر واکنشگرا در بوت استرپ
Typography
Headings
Body copy (کلاس lead)
Inline text elements
Alignment classes
Transformation classes
Abbreviations
Addresses
Blockquotes
Lists
Code
Tables
Forms
Buttons
Images
Helper classes
Dropdown منو ها
Button groups
Button dropdowns
Input groups
Button dropdowns
Input groups
Navs
Navbar
Breadcrumbs
Pagination
Labels
Badges
Jumbotron
Page header
Thumbnails
Alerts
Progress bars
Media object
List group
Panels
Responsive embed
فصل چهارم : جاوا اسکریپت و بوت استرپ
Modal
Dropdown
Scrollspy
Tab
Tooltip
Popover
Alert
Button
Collapse
Carousel
معرفی پلاگین bootstrap select جهت ایجاد select-box های ریسپانسیو
فصل پنجم: ترکیب بوت استرپ با چارچوب Masonry و WOW JS
ترکیب بوت استرپ با چارچوب Masonry
ترکیب بوت استرپ با WOW JS
فصل ششم: پروژه (رسپانسیو کردن سایت 5040)
بخش های رایگان این مجموعه آموزشی:
معرفی بوت استرپ و آشنایی با سر فصل ها ( بخش 1 ) دانلود مستقیم آموزش شبکه بندی (griding) در بوت استرپ ( بخش 3 ) دانلود مستقیم ادامه ی مبحث عناصر واکنشگرا در بوت استرپ ( بخش 8 ) دانلود مستقیم تعامل بوت استرپ با جاوا اسکریپت ( بخش 13 ) دانلود مستقیمبوت استرپ چیست ؟
آموزش نصب و معرفی محیط کار phpstorm
دانلود بوت استرپ
بوت استرپ RTL یا LTR ؟
راست چین کردن بوت استرپ LTR
متا تگ viewport و دلیل استفاده از آن
متاتگ X-UA-Compatible و دلیل استفاده از آن
تنظیمات سند
( معرفی بوت استرپ و آشنایی با سر فصل ها )
درک می کنید که چرا به یک وبسایت واکشنگرا نیاز داریم
با مزایای داشتن وبسایت واکنشگرا آشنا می شوید
با فریم ورک های واکنشگرای موجود اشنا می شوید
درک می کنید بوت استرپ چیست و با تاریخچه بوت استرپ آشنا می شوید
با مزایا و معایب بوت استرپ آشنا می شوید
با سرفصل های دوره ، پروژه و مینی پروژه ها آشنا می شوید
با منابع و ابزارها آشنا می شوید
و در اخر سایت های فریم ورک های رسپانسیو موجود را مشاهده خواهید کرد
( فراهم کردن مقدمات و پیکربندی بوت استرپ )
سپس نحوه نصب نرم افزار phpstorm را اموزش می بینید
روش های دانلود بوت استرپ را فرا میگیرید
یاد میگیرید چطور با نرم افزار phpstorm پروژه تعریف کنید و با استفاده از این نرم افزار بوت استرپ را دانلود می کنید
پلاگین بوت استرپ را برای نرم افزار phpstorm دانلود و نصب می کنید و طرز استفاده ی این پلاگین را اموزش میبینید
نحوه کار با پلاگین emmet را اموزش می بینید
تفاوت بوت استرپ نسخه ی rtl و ltr را درک خواهید کرد
روش های rtl کردن بوت استرپ را اموزش میبینید
و در اخر سند خود را تنظیم خواهید کرد
وضعیت دوره: تکمیل شده
تعداد قسمت ها : 23 قسمت
سطح آموزش: صفر تا صد
به همراه کدها و فایل های آموزش
پشتیبانی فنی: دارد
می توانید پس از دریافت مجموعه،مشکلات و سوالات تخصصی و فنی خود را با سازنده این مجموعه، (مهندس امیر تجاره ) در میان گذاشته و برطرف نمایید.
تعداد فصل ها: 6 فصل
مدت زمان: 16 ساعت و 9 دقیقه
افزودن پکیج به سبد خرید
جهت اطلاع از بروزرسانی این دوره آموزشی و اطلاع از بخش های جدید،ایمیل خود را وارد نمایید:
نظر/پرسش/پیشنهاد شما
در صورت تمایل به دریافت پیامک به هنگام پاسخ به سوال شما و یا به هنگام درج نظر شما در سایت، شماره همراه خود را وارد نمایید.
جهت بزرگنمایی،ماوس را روی تصویر حرکت دهید
در حال بارگزاری تصاویر...
نظرات/پرسش ها/پیشنهادات
حدیث رنجبر
میگه:
سلام خسته نباشید آموزش بوت استرپ 5 تو این دوره نیست؟؟دوره جدا برای آموزش هست؟؟
سجاد
میگه:
یه سوال داشتم اینکه آیا این دوره برای من مفید هست یا نه
اخه بلدم واکنش گرا کنم قالب رو
با یه سری کلاس ها مثل col, row,container,d-block
و دستور @media رو هم بلدم
با این ها ریسپانسیو میکنم بدردم میخوره این دوره؟؟؟
javascript هم بلد نیستم فقط جی کوئری و کم
من میتونم قالب ریسپانسیو کنم آیا مطلب کاربردی و جدیدی توی این دوره میگید؟؟؟؟؟ که بدردم بخوره؟؟
پاسخ:
با سلام، به شما پیشنهاد میکنم کل دوره را ببینید، مطالب بسیاری وجود دارد که سطح طراحی شما را بهبود خواهد داد.
موفق باشید.
Kermaji
میگه:
سلام ببخشید بوت استرپ 4 هستش؟؟
محمدصادق
میگه:
شما برای ریسپانسیو کردن سایتی که در دوره اموزش استاد بلاغی(php mvc) طراحی شد،
این دوره بوت استرپ را پیشنهاد میکنید یا دوره مکمل طراحی قالب هوشمند؟ فرق این دوره با دوره دیگه چی هست؟من یه کم گیج شدم.محبت کنید و راهنمایی بفرمایید.
ممنون
محمدصادق
میگه:
سلام
می خواستم بدونم که برای ریسپانسیو کردن سایت دی جی کالای استاد بلاغی از این دوره می توان استفاده کرد؟
پاسخ:
سلام بله میتوان استفاده کرد.
محمد شیری
میگه:
سلام ببخشید ی کد تخفیف به من بدین میخوام دوره رو بخرم
امیر
میگه:
سلام.چجور میتونم تو بوت استرپ مکس ویت رو مشخص کنم ؟
بابک
میگه:
سلام خسته نباشید .
به غیر از آموزش های رسپانسیو کردن سایت میخواستم بدونم آیا آموزش دستورات تاچ برای اجرای بهتر سایت بر روی گوشی نیز آموزش داده شده ؟
واضح سوالم را مطرح کنم در قسمت سلایدر سایت که با جی کوری یا جاوا میباشد بر روی گوشی ها اسکرول نمیشود و تنها میتوان به سمت راست یا چپ عکس ها را تعویض کرد .
ممنون میشم که پاسخ بدهید که چنین توضیحاتی نیز در این دوره آموزشی شما موجود میباشد ؟
پاسخ:
با سلام، هدف در این آموزش تسلط بر هسته بوت استرپ نسخه 3 هست و در پایان شما قادر خواهید بود هر قالب واکنشگرایی طراحی کنید.
تفاوت اصلی این آموزش با آموزش های دیگر توضیحات جامع در مورد نحوه بکارگیری زبان جاوااسکریپت در بوت استرپ نسخه 3 است.
نسخه 4 بوت استرپ خاصیت touch بر روی carousel را پشتیبانی میکند منتها برای نسخه 3 باید کدنویسی کرد، البته با یک جستجو ساده در گوگل به راحتی می توان کد مورد نیاز را یافت.
موفق باشید.
morteza
میگه:
سلام وقت بخیر
من دوره php mvc استاد بلاغی رو خریدم و تقریبا آخراشه
میخواستم بدونم برای ریسپانسیو کردنش این دره بهتره یا دوره دیگه ای که برای ریسپانسیو کردنش تو سایت هست؟
و فرقشون چیه؟
ممنونم
علیرضا
میگه:
عرض سلام و خسته نباشید ـ این آموزش مربوط به کدام ورژن بوت استرپ هست ؟
پاسخ:
درود، نسخه ۳ بوت استرپ اموزش داده شده است.
موفق باشید.
محمد شیری
میگه:
سلام خسته نباشید
ببخشید سوال من اینه.من ی وبسایت طراحی کردم روی هاست هست الان میخوام واکنشگراش کنم امکانش هست؟؟بعد این دوره صفر تا صد هست؟
پاسخ:
با سلام بله امکانش هست به شرط اینکه به زبان های html و css و javascript تسلط داشته باشید
بله این دوره از صفر تا صد تمامی مطالب رو پوشش میده.
موفق باشید
morteza
میگه:
سلام وقت بخیر
من دوره php mvc استاد بلاغی رو خریدم و تقریبا آخراشه
میخواستم بدونم برای ریسپانسیو کردنش این دره بهتره یا دوره دیگه ای که برای ریسپانسیو کردنش تو سایت هست؟
و فرقشون چیه؟
ممنونم
آفتاب
میگه:
سلام. من یک نرم افزار میخوام که بتونم کدهارو داخلش اجرا کنم. نرم افزار میخوام, نه notepad.
برای اجرای html و Css از netbeans استفاده کردم ولی متاسفانه Bootstrap رو ساپورت نمیکنه. نت رو هر چی گشتم نتونستم چیزی پیدا کنم.
فرشته
میگه:
سلام روز بخیر
میشه لطفا یکم در مورد بوت استرپ توضیح بدید؟ من متوجه نمیشم
و اینکه در بوت استرپ هم باید کدنویسی کرد یا اینکه از ابزار آماده استفاده میشه؟
پاسخ:
سلام، لطفا دموی اموزش بوت استرپ که در سایت هست رو مطالعه بفرمایید
سعیدی
میگه:
و اینکه برای نمایش وبسایت در دیوایس های موبایل اکثراً child Theme توصیه میشه، اگر مقدور هستش یه توضیح فنی و جامع عنایت بفرمایید
بنده به این دوره نیاز دارم
سعیدی
میگه:
درود
من وبسایتی رو قبلاً با php نوشتم و الان میخوام ریسپانسیو بشه
این دوره از صفر تا صد این فریم ورک هستش؟ آیا به من کمکی خواهد کرد؟
میخوام از صفر مفاهیم رو آموزش بده
و اینکه برای نمایش وبسایت در دیوایس های موبایل اکثراً child Theme توصیه میشه، اگر مقدور هستش یه توضیح فنی و جامع عنایت بفرمایید
بنده به این دوره نیاز دارم
با تشکر
پاسخ:
درود
بله از پایه آموزش داده شده است.
موفق باشید.
babak
میگه:
سلام . من دوره ۵۰۴۰ رو ندارم . حالا بخوایم پروژه ۵۰۴۰ رو واکنش گرا کنیم از اول شروع به کار میکنین یا یه قالب آماده دارین و رسپانسیو میکنین ..
نکته دیگه اگر ما خریداری کنیم قالب ۵۰۴۰ معمولی رو بهمون میدین که ماهم رسپانسیو کنیم . که باز نشینیم از اول اونو بسازیم .
پاسخ:
درود. بله سورس هم ارائه میشه.
الهام
میگه:
در دستور کاروسل carousel برای اینکه چند تصویر در یک اسلاید همزمان نشون داده بشن چ دستوری باید استفاده کنیم ممنون میشم کمکم کنین از صبحه دارم دنبال این دستور میگردم
پاسخ:
با سلام، بر روی لینک کلیک کنید. موفق باشید.
https://codepen.io/mephysto/pen/ZYVKRY
یحیی احمدی
میگه:
سلام،ببخشید می خواستم بپرسم این نسخه بوت استرپی که توضیح دادید جدیدترین نسخه بوت استرپ هست؟
پاسخ:
سلام نسخه 3 هست ، برای بهتر یادگرفتن نسخه 4 بهتر هست که از نسخه 3 استفاده کنید
محمدرضا
میگه:
سلام .برای رسپانسیو کردن سایت باید از اول کد نویسی کرد؟
اخه من یه سایت کد نویسی کردم کد های html
پاسخ:
css
کاربر
میگه:
یعنی اگر من 0 از برنامه نویسی ندونم و تازه بخوام وارد بشم برای طراحی قالب وردپرس یا هرچی 0تا 100 این آموزش رو می دید که یک قالب رو از پایه بسازیم؟؟؟؟؟
پاسخ:
درود ، شما در صورتی که برنامه نویسی هم ندونید میتونید قالب واکنشگرا بسازید اما برای اینکه قالب شما پیشرفته باشه حتما باید با زبان جاوااسکریپت کار کرده باشید در حد متوسط هم بلد باشید کفایت میکنه
شروین
میگه:
با سلام خدمت شما دوست عزیز
می خواستم بدونم که بوت استرپ با ساخت نسخه ی موبایل چه تفاوت هایی داره؟
مثلا سایت دیجی کالا از چه سیستمی برای رسپانسیو استفاده کرده.
با تشکر
پاسخ:
درود ، دموی آموزش رو ببینید به این سوالات پاسخ داده شده
محمد
میگه:
بوتسترپ اصلا چیه؟
برداشت من اینه که قالب ساده رو می دی حال با یکم برنامه نویسی اونو ریسپانسیوش می کنی
یا این که اصلا میشه باهاش قالب بسازی
اگه این طوره پس CSSو... اینا یعنی کاربرد نداره
خیلی واضح بگید
تشکر فراوان
پاسخ:
با سلام قسمت اول رو ببینید به صورت کامل و واضح در مورد بوت استرپ توضیح داده شده، بوت استرپ یک فریم ورک هست که با استفاده از اون شما می تونید یک قالب واکنشگرا بسازید که در هر ابزاری به درستی نمایش پیدا کنه و دیگه نیازی به هیچ برنامه نویسی نیست، شما از طریق css هم میتونید قالبتون رو واکنشگرا بکنید منتها باید برای هر مرورگر و ابزاری دستور خاص اونهارو بنویسید که به درستی نمایش داده بشند که اینکار نیازمند تسلط شما در مورد واکنشگرا کردن با استفاده از css هست و باید دانش این کار رو هم داشته باشید و به این شکل طراحی کردن کاری زمانبر هست و امکانش هم هست شما اشتباه بکنید یا مواردی رو در نظر نگیرید، حتی از این فریم ورک میتونید برای واکشنگرا کردن قالب های وردپرسی که واکنشگرا نیستند هم استفاده کنید با اینکار شما به سرعت میتونید قالب و طرحی که دارید رو پیاده سازی کنید همونطور که احتمالا میدونید سرعت در طراحی و ارایه طرح شما به صورتی که این طرح در همه ابزارها به درستی نمایش داده بشه خیلی مهم هست حتی در رتبه ی seo شما هم بسیار تاثیرگذار هست، امیدوارم متوجه شده باشید، موفق باشید
محمد
میگه:
سلام.
توی فصل ششم( پروژه 5040 ): آیا قبلا سایت به صورت غیر ریسپانسیو آماده شده و در این آموزش قالب رو ریسپانسیو می کنیم یا اینکه از اول شروع به طراحی قالب می شه؟
پاسخ:
با سلام
قالب 5040 در سایت 5040 موجود بود و ما این قالب رو رسپانسیو کردیم
موفق باشید
رویا
میگه:
سلام استاد خسته نباشد من اموزش طراحی پروژه سایت ۵۰۴۰ و ازکلیک سایت اموزش میبینم خواستم ببینم برای اینکه سایتمو بوت استرپ کنم بخش های پروژه ۵۰۴۰ و ببینم کافیه؟؟؟