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

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

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

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

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

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


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


طراحی واکنشگرا ( 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 دقیقه


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

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

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

نظرات/پرسش ها/پیشنهادات ( صفحه 2 )


R.A
میگه:

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

پاسخ:

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

حسن خورابه
میگه:

سلام مهندس شرمنده این دوره چند بخش و قسمت هستش؟و تا کی دوره تموم میشه؟

مهدی رسولی
میگه:

سلام

اگه بخوان کامل خریدلریی کنیم چی

هدیه
میگه:

استاد حل شد
مرسییییییییییی

هدیه
میگه:

سلام استاد
من فقط قسمت پروژه ها رو خریدم نمیشه
نحوه فهال سازی اینو بهم بگید من emmet فعال بود در phpstorm
???
ممنون

هدیه
میگه:

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

پاسخ:

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

هدیه
میگه:

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

کاربر
میگه:

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

پاسخ:

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

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

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

پاسخ:

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

ایدی تلگرام amir_tj

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

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

پاسخ:

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

علی
میگه:

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

پاسخ:

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

میلاد
میگه:

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

پاسخ:

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

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

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

پاسخ:

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

رضا
میگه:

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

پاسخ:

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

آیناز
میگه:

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

پاسخ:

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

پژمان بریان پور
میگه:

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

پژمان بریان پور
میگه:

سلام مجدد ..مهندس امکانش هست ایمیلتون رو به من اس ام اس کنید؟ پروژه رو بفرستم براتون؟...درباره هزینه هم صحبت کنیم؟

پاسخ:

خواهش میکنم ، daneshnavard@gmail.com

پژمان بریان پور
میگه:

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

پاسخ:

درود ، کل پروژتون رو بفرستید نگاه کنم ببینم چه کاری انجام دادید

در صورت رسپانسیو کردن صفحه اول بقیه صفحات ریسپانسیو نمیشه

خواهش میکنم مراحمید

پژمان بریان پور
میگه:

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

پاسخ:

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

مهدی
میگه:

سلام ببخشید آقای تجاره پارت 6 و قسمت 22 کامل دانلود میشه ولی هنگام لود فیلمش error میده میشه اصلاح کنید؟

پاسخ:

درود ، به روی چشم ، فایل دوباره داره آپلود میشه

مهدی
میگه:

با سلام خدمت استاد گرامی؟
من دوتا سوال دارم ؟
من سایت طراحی کردم با php و ویرایشگر دریمیور میخاستم چطور حالا ریسپانسیوش کنم؟
بعدی هم اینکه با bootsratp میشه دستورت سمت سرور مثل php نوشت و با دیتابیس ارتباط برقرار کرد؟؟

پاسخ:

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

پاسخ سوال دوم : بوت استرپ یک فریم ورک مبتنی بر html ، css و javascript هست و برای واکنشگرا کردن ظاهر سایتتون هست تا سایت شما در مرورگرها و ابزارهای مختلف به درستی نمایش داده بشه پس طبیعتا نمیشه باهاش با دیتابیس ارتباط برقرار کرد

پژمان بریان پور
میگه:

باسلام خدمت مهندس تجاره عزیز..خسته نباشید ببخشید مهندس جان اون قسمت دوم از فصل 6 که ریسپانسو کردن سایت 5040 هستش رو که بر روی سایت قرار میدید؟...چون مهندس بلاغی سایت 5040 رو اموزش دادن ما میخوایم از روی اموزش بی نظیر شما سایتمون رو ریسپانسیو کنیم...تشکر از زحمات شما

پاسخ:

درود با تشکر که با کلیک سایت همراه هستید، اخرین قسمت این دوره همین یکشنبه بر روی سایت قرار داده میشه

امید
میگه:

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

پاسخ:

درود، ممنون که با کلیک سایت همراه هستید، اخرین قسمت این دوره همین یکشنبه قرار داده میشه

محمدحسین
میگه:

جناب مهندس تجاره عزیز خواهشا ادامه آموزشت رو ضبط کن ما منتظریم مشتاقانه

محمدحسین
میگه:

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

پاسخ:

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



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


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

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

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

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

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

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