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

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

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

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

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

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


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


طراحی واکنشگرا ( 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 کردن بوت استرپ را اموزش میبینید
و در اخر سند خود را تنظیم خواهید کرد
افزودن به سبد
قیمت: 8,530 تومان


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


تعداد قسمت ها : 23 قسمت


سطح آموزش: صفر تا صد


به همراه کدها و فایل های آموزش


پشتیبانی فنی: دارد

می توانید پس از دریافت مجموعه،مشکلات و سوالات تخصصی و فنی خود را با سازنده این مجموعه، (مهندس امیر تجاره ) در میان گذاشته و برطرف نمایید.


تعداد فصل ها: 6 فصل


مدت زمان: 16 ساعت و 9 دقیقه


افزودن پکیج به سبد خرید

جهت اطلاع از بروزرسانی این دوره آموزشی و اطلاع از بخش های جدید،ایمیل خود را وارد نمایید:

مخاطبین این دوره،آموزش های زیر را نیز دیده اند

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


سجاد
میگه:

یه سوال داشتم اینکه آیا این دوره برای من مفید هست یا نه

اخه بلدم واکنش گرا کنم قالب رو

با یه سری کلاس ها مثل col, row,container,d-block

و دستور @media رو هم بلدم

با این ها ریسپانسیو میکنم بدردم میخوره این دوره؟؟؟

javascript هم بلد نیستم فقط جی کوئری و کم


من میتونم قالب ریسپانسیو کنم آیا مطلب کاربردی و جدیدی توی این دوره میگید؟؟؟؟؟ که بدردم بخوره؟؟

پاسخ:

با سلام، به شما پیشنهاد میکنم کل دوره را ببینید، مطالب بسیاری وجود دارد که سطح طراحی شما را بهبود خواهد داد.
موفق باشید.

محمدصادق
میگه:

سلام
می خواستم بدونم که برای ریسپانسیو کردن سایت دی جی کالای استاد بلاغی از این دوره می توان استفاده کرد؟

پاسخ:

سلام بله میتوان استفاده کرد.

بابک
میگه:

سلام خسته نباشید .
به غیر از آموزش های رسپانسیو کردن سایت میخواستم بدونم آیا آموزش دستورات تاچ برای اجرای بهتر سایت بر روی گوشی نیز آموزش داده شده ؟
واضح سوالم را مطرح کنم در قسمت سلایدر سایت که با جی کوری یا جاوا میباشد بر روی گوشی ها اسکرول نمیشود و تنها میتوان به سمت راست یا چپ عکس ها را تعویض کرد .
ممنون میشم که پاسخ بدهید که چنین توضیحاتی نیز در این دوره آموزشی شما موجود میباشد ؟

پاسخ:

با سلام، هدف در این آموزش تسلط بر هسته بوت استرپ نسخه 3 هست و در پایان شما قادر خواهید بود هر قالب واکنشگرایی طراحی کنید.
تفاوت اصلی این آموزش با آموزش های دیگر توضیحات جامع در مورد نحوه بکارگیری زبان جاوااسکریپت در بوت استرپ نسخه 3 است.
نسخه 4 بوت استرپ خاصیت touch بر روی carousel را پشتیبانی میکند منتها برای نسخه 3 باید کدنویسی کرد، البته با یک جستجو ساده در گوگل به راحتی می توان کد مورد نیاز را یافت.
موفق باشید.

علیرضا
میگه:

عرض سلام و خسته نباشید ـ این آموزش مربوط به کدام ورژن بوت استرپ هست ؟

پاسخ:

درود، نسخه ۳ بوت استرپ اموزش داده شده است.
موفق باشید.

محمد شیری
میگه:

سلام خسته نباشید
ببخشید سوال من اینه.من ی وبسایت طراحی کردم روی هاست هست الان میخوام واکنشگراش کنم امکانش هست؟؟بعد این دوره صفر تا صد هست؟

پاسخ:

با سلام بله امکانش هست به شرط اینکه به زبان های html و css و javascript تسلط داشته باشید
بله این دوره از صفر تا صد تمامی مطالب رو پوشش میده.
موفق باشید

فرشته
میگه:

سلام روز بخیر
میشه لطفا یکم در مورد بوت استرپ توضیح بدید؟ من متوجه نمیشم
و اینکه در بوت استرپ هم باید کدنویسی کرد یا اینکه از ابزار آماده استفاده میشه؟

پاسخ:

سلام، لطفا دموی اموزش بوت استرپ که در سایت هست رو مطالعه بفرمایید

سعیدی
میگه:

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

R.A
میگه:

سلام استاد خسته نباشید من اموزش طراحی سایت 5040 استاد بلاغی را دارم اموزش میبینم خواستم ببین اگر فقط قسمت پروژه 5040 و تهیه کنم کافی هست یا خیر؟؟

پاسخ:

با سلام ، اگر هیچ پیش زمینه ای از بوت استرپ ندارید به هیچ عنوان توصیه نمیکنم که فقط قسمت پروژرو ببینید ، شما ابتدا یک درکی باید از بوت استرپ و دستوراتش و نحوه طراحی داشته باشید در غیر این صورت هم هزینتون از بین خواهد رفت و هم زمانی که گذاشتید، نتیجه لازم رو نخواهید گرفت
موفق باشید

هدیه
میگه:

سلام خسته نباشید در قسمت 22 شما bs3nav رو زدید کل اون تگو نوشت با استفاده از خصوصیت php storm اما من ندارمش باید چیز خاصیو فعال کنم ؟؟؟
ممنون

پاسخ:

درود ، شما باید پلاگین بوت استرپ رو که برای نرم افزار phpstorm ساخته شده فعال کنید پس باید به تنظیمات نرم افزار برید و در قسمت پلاگین این پلاگین رو سرچ و فعال کنید نحوه کار هم در فیلم دوم اموزش داده شده که چطور فعال بشه
موفق باشید

کاربر
میگه:

سلام و خسته نباشید
این آموزش، آیا بوتسترپ رو بصورت کامل تشریح میکنه و بوسیله اون میشه هر سایتی رو رسپانسیو کرد یا خیر، بصورت کامل نیست؟
خیلی ممنون

پاسخ:

درود
این اموزش به صورت کامل و به همراه پروژه بوت استرپ رو تشریح میکنه
دقیقا تمام مطالبی که خودم از بوت استرپ بلد هستم رو در فیلم اموزشی اوردم
و اگه عضو کانال ما باشید خواهید دید که چند نمونه کار انلاین به راحتی با بوت استرپی که اموزش دادم طراحی کردم
تنها نکته این هست که شما به html و css و اندکی جاوااسکریپت تسلط داشته باشید

کاوه روحی
میگه:

سلام استاد من یه قالبی دارم می خوام رسپانسیو بشه شمارتون رو برام ایمیل کنید یا ایدی تلگرام که باهاتون در ارتباط باشم تشکر .

پاسخ:

سلام در خدمتتون هستم

ایدی تلگرام amir_tj

مسعود مرادی
میگه:

این بخش روی 5040کارشده است وواکنشگرا شده است؟

پاسخ:

درود ، بله از ابتدا هدف واکنشگرا کردن سایت 5040 بوده و پروژه اصلی دوره هم واکنشگرا کردن سایت 5040 هست

علی
میگه:

سلام
کد 50 درصد تخفیف برای خرید کامل این آموزش چیست؟
به کانالتون هم مراجعه کردیم چیزی دستگیرمان نشد.
لطفا راهنمایی بفرمایید.
ممنون.

پاسخ:

درود ، لطفا از طریق پشتیبانی پیگیر بشید

میلاد
میگه:

سلام
من یه سوال داشتم
رسپانسیو کردن سایت چه فرقی با طراحی متریال داره ؟ایا جفتش یکیه؟
یا اینکه کلا فرق میکنه؟
متشکرم

پاسخ:

درود ، طراحی متریال توسط گوگل توسعه داده شده و به وسیله این زبان کاربرای شما در هر دستگاهی تجربه مشابه خواهند داشت شما اگر به بوت استرپ تسلط داشته باشید طراحی متریال هم برای شما جذاب و راحت خواهد بود

سعید حجتی زاده
میگه:

با عرض ادب آیا این دوره تکمیل شده است؟ و آیا شامل تخفیف هست؟

پاسخ:

بله دوره تکمیل شده

رضا
میگه:

سلام استاد کل آموزش چند قسمته و تا کی تکمیل میشه من لازم دارم بدونم چون باید برنامه ریزی کنم. ممنون میشم اطلاع بدین

پاسخ:

درود، دوره ی آموزش بوت استرپ به اتمام رسیده و پروژه ی اصلی دوره که واکنشگرا کردن سایت 5040 بوده انجام شده، منتها از این به بعد دوره به روزرسانی میشه، پروژه ی بعدی واکنشگرا کردن سایت اپارات هست که به زودی در سایت قرار میگیره
شما هم اکنون میتونید از اموزش بوت استرپ استفاده بکنید موفق باشید

آیناز
میگه:

سلام آقای تجاره من آموزشای aspکلیک سایت ودنبال می کنم طراحی رو آموزش دیدم فقط می خواستم ریپانسیو کردن وهم یاد بگیرم لطف کنید راهنمایی بفرمایید خیلی ممنون

پاسخ:

درود ، برای شروع لازم هست که درکی از طراحی واکنشگرا داشته باشید که از ابتدا میتونید فیلم هارو مشاهده بکنید و مطمئنا بعد از به اتمام رسوندن دوره شما میتونید طرح خودتون رو واکنشگرا بکنید



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


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

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

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

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

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

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