مشاوره رایگان
دریافت لینک های دانلود دریافت پستی درب منزل مبلغ کل: تومان
جهت دریافت کد تخفیف به کانال تلگرام مراجعه و یا با پشتیبان آنلاین هماهنگ نمایید

دوره اموزش فریم ورک بوت استرپ

( فیلم آموزشی ) ،توسط مهندس امیر تجاره

به کلیک سایت خوش اومدی ، اینجا میتونی هر فیلم آموزشی که مد نظر داری رو پیدا کنی.
آموزش های کلیک سایت کاملا از صفر تا صد طراحی شده و تمامی آموزش ها به زبان فارسی و مناسب جهت ورود به بازار کار تولید شده.
پس از دیدن آموزش ها ، بدون تردید شما آماده ورود به بازار کار و کسب درآمد خواهید شد.
برای شروع ، ابتدا فیلم معرفی دوره رو مشاهده نمایید. سپس میتوانید در ادامه همین صفحه ، سایر قسمت های این مجموعه را دانلود نمایید.
برای مشاهده فیلم با سرعت بالا ، از آی پی ایران استفاده نمایید.

معرفی سرفصل های این دوره:

سرفصل دوره آموزش فریم ورک بوت استرپ


فصل اول : معرفی بوت استرپ


طراحی واکنشگرا ( 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 ) دانلود مستقیم
طراحی واکنشگرا ( Responsive Design ) چیست ؟

بوت استرپ چیست ؟

آموزش نصب و معرفی محیط کار phpstorm

دانلود بوت استرپ

بوت استرپ RTL یا LTR ؟

راست چین کردن بوت استرپ LTR

متا تگ viewport و دلیل استفاده از آن

متاتگ X-UA-Compatible و دلیل استفاده از آن

تنظیمات سند
بخش 1 :
( معرفی بوت استرپ و آشنایی با سر فصل ها )
در این بخش به معرفی بوت استرپ می پردازیم ، شما با مفاهیم طراحی واکنشگرا ، فریم ورک آشنا می شوید ، تفاوت بین سایت واکنشگرا و سایت نسخه ی موبایل را درک می کنید
درک می کنید که چرا به یک وبسایت واکشنگرا نیاز داریم
با مزایای داشتن وبسایت واکنشگرا آشنا می شوید
با فریم ورک های واکنشگرای موجود اشنا می شوید
درک می کنید بوت استرپ چیست و با تاریخچه بوت استرپ آشنا می شوید
با مزایا و معایب بوت استرپ آشنا می شوید
با سرفصل های دوره ، پروژه و مینی پروژه ها آشنا می شوید
با منابع و ابزارها آشنا می شوید
و در اخر سایت های فریم ورک های رسپانسیو موجود را مشاهده خواهید کرد
دانلود مستقیم افزودن به سبد
قیمت: رایگان

بخش 2 :
( فراهم کردن مقدمات و پیکربندی بوت استرپ )
در این بخش با سایت معتبر filehippo برای دانلود نرم افزارهای مورد نیاز آشنا می شود
سپس نحوه نصب نرم افزار phpstorm را اموزش می بینید
روش های دانلود بوت استرپ را فرا میگیرید

یاد میگیرید چطور با نرم افزار phpstorm پروژه تعریف کنید و با استفاده از این نرم افزار بوت استرپ را دانلود می کنید
پلاگین بوت استرپ را برای نرم افزار phpstorm دانلود و نصب می کنید و طرز استفاده ی این پلاگین را اموزش میبینید
نحوه کار با پلاگین emmet را اموزش می بینید
تفاوت بوت استرپ نسخه ی rtl و ltr را درک خواهید کرد
روش های rtl کردن بوت استرپ را اموزش میبینید
و در اخر سند خود را تنظیم خواهید کرد
افزودن به سبد
قیمت: 15,600 تومان


وضعیت دوره: تکمیل شده


تعداد قسمت ها : 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 موجود بود و ما این قالب رو رسپانسیو کردیم
موفق باشید

رویا
میگه:

سلام استاد خسته نباشد من اموزش طراحی پروژه سایت ۵۰۴۰ و ازکلیک سایت اموزش میبینم خواستم ببینم برای اینکه سایتمو بوت استرپ کنم بخش های پروژه ۵۰۴۰ و ببینم کافیه؟؟؟



نظر/پرسش/پیشنهاد شما


در صورت تمایل به دریافت پیامک به هنگام پاسخ به سوال شما و یا به هنگام درج نظر شما در سایت، شماره همراه خود را وارد نمایید.

نام و نام خانوادگی:
شماره همراه:
ایمیل:
* پرسش/نظر/پیشنهاد/درخواست:

تولید شده توسط کلیک سایت

پشتیبانی آنلاین
آماده پاسخگویی هستیم
انتخاب تصویر جهت ارسال:
در حال ضبط صدا

(جهت توقف و یا لغو ضبط از دکمه های زیر استفاده کنید)

توقف و ارسال :
لغو ضبط
در حال حاضر تمامی کارشناسان آفلاین هستند. همواره می توانید با شماره تلگرام / واتساپ 09010005000 به صورت آنلاین با ما در ارتباط باشید. جهت ورود به واتساپ کلیک کنید
0 پیام جدید
پشتیبان در حال تایپ ...
ارسال تصویر ضبط صدا
0 کارشناسان آنلاین می باشند
این گفت و گو توسط پشتیبان به اتمام رسید