مشاوره رایگان
دریافت لینک های دانلود
دریافت پستی درب منزل
مبلغ کل:
تومان
جهت دریافت کد تخفیف به کانال تلگرام مراجعه و یا با پشتیبان آنلاین هماهنگ نمایید
آموزش دانلود و نصب بوت استرپ - آموزش مقدماتی بوت استرپ
راه اندازی محیط Bootstrap
راه اندازی محیط کار و شروع به استفاده از Bootstrap بسیار آسان است. این فصل ، نحوه دانلود و راه اندازی Bootstrap را شرح می دهد. ما هم چنین درباره ساختار فایل Bootstrap بحث خواهیم نمود و کاربرد آن را با استفاده از مثال نشان خواهیم داد.
دانلود Bootstrap
ما می توانیم آخرین نسخه Bootstrap را از آدرس /http://getbootstrap.com دانلود کنیم. وقتی روی این لینک کلیک شود ، به صفحه زیر هدایت خواهیم شد :
در این صفحه ، ما می توانیم دو کلید را مشاهده نماییم:
- Download Bootstrap : با کلیک کردن بر روی این کلید ، ما می توانیم نسخه های پیش کامپایل شده و خرد شده از Bootstrap CSS ، JavaScript ، و فونت ها را دانلود کنیم. در این بخش ، مستندات یا فایل های مربوط به کد منبع اصلی گنجانده نشده است.
- Download Source : با کلیک بر روی این کلید ، ما می توانیم آخرین کد منبع Bootstrap LESS و JavaScript را به طور مستقیم از GitHub دریافت کنیم.
اگر با کد منبع کامپایل نشده Bootstrap کار کنیم ، باید فایل های LESS را برای تولید فایل های CSS قابل استفاده ، کامپایل نماییم. برای کامپایل کردن فایل های LESS به CSS ، Bootstrap به طور رسمی از Recess پشتیبانی می کند ، که CSS hinter توئیتر مبتنی بر less.js است.
برای درک بهتر و سهولت استفاده ، از نسخه پیش کامپایل شده Bootstrap در طول آموزش استفاده می کنیم. از آن جایی که فایل ها از پیش کامپایل شده و خرده شده می باشند ، لازم نیست که هر بار برای اجرای فایل های جداگانه ، جهت عملکرد انفرادی آنها دچار زحمت شویم. در زمان نوشتن این آموزش آخرین نسخه (Bootstrap 3) دانلود شده است.
ساختار فایل
Bootstrap از پیش کامپایل شده
هنگامی که نسخه کامپایل شده Bootstrap دانلود می شود ، فایل ZIP را استخراج کرده و ساختار فایل / دایرکتوری زیر را مشاهده خواهیم نمود :
همانطور که مشاهده می شود ، فایل های CSS و (* . JS (bootstrap کامپایل شده و همچنین CSS و ( * . JS (bootstrap.min کامپایل شده و خرد شده ، وجود دارند. فایل فونت ها از بخش Glyphicons وارد می شوند ، چرا که ساختار theme مربوط به Bootstrap اختیاری می باشد.
کد منبع Bootstrap
اگر کد منبع Bootstrap را دانلود کنیم ، ساختار فایل به صورت زیر است :
- فایل های بخش /less/ ، js و /fonts کد منبع برای Bootstrap CSS ، JS و فونت آیکون ها (به ترتیب) هستند.
- پوشه /dist شامل همه موارد لیست شده در بخش دانلود فایل پیش کامپایل شده در قسمت بالا است.
- /docs-assets/ ، examples و همه فایل های html.* ، مستندات Bootstrap هستند.
تمپلت HTML
تمپلت پایه ایی HTML با استفاده از Bootstrap شبیه به کد زیر می باشد :
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 101 Template</title>
<meta name = "viewport" content = "width = device-width, initial-scale = 1.0">
<!-- Bootstrap -->
<link href = "css/bootstrap.min.css" rel = "stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src = "https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src = "https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body>
<h1>Hello, world!</h1>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src = "https://code.jquery.com/jquery.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src = "js/bootstrap.min.js"></script>
</body>
</html>
در اینجا ما می توانیم فایل های jquery.js ، bootstrap.min.js و bootstrap.min.css را مشاهده کنیم ، که شامل یک فایل HTM معمولی با قالب Bootstrapped می باشد. قبل از اینکه کتابخانه Bootstrap را وارد کنیم ، باید مطمئن شویم که شامل کتابخانه جی کوئری باشد.
فصلِ:
5
,
تعداد قسمت ها:
176
,
سطح:
صفر تا صد
این فصل در یک نگاه:
در این فصل پس از بررسی سیستم مسیریابی و طراحی صفحه نمایش ویدیو ها، به سراغ پنل کاربری خواهیم رفت و مباحث Model Binding و…
توجه: این دوره آموزشی به صورت پیوسته بر اساس آخرین نسخه ی ASP.NET Core بروزرسانی خواهد شد. آموزش صفر تا صد طراحی سایت اشتراک ویدیو مشابه آپارات با استفاده از ASP.NET CORE MVC 3.0 و V…
فصلِ:
5
,
تعداد قسمت ها:
135
,
سطح:
صفر تا صد
این فصل در یک نگاه:
…
توضیحات کلی مجموعه: در این مجموعه آموزشی، با استفاده از جدیدترین تکنولوژی ها و ابزار های مایکروسافت (دات نت)، به یک پروژه جذاب مدیریت آگهی مشابه دیوار می پردازیم. این آموزش در دو بخش کلی و…
فصلِ:
2
,
تعداد قسمت ها:
13
,
سطح:
صفر تا صد
موضوعات:
آموزش Bootstrap
این فصل در یک نگاه:
مباحث ریسپانسیو سازی شامل نقاط شکست مختلف - گرید سیستم - فلکس باکس - …
توجه : این دوره هیچ پیش نیازی ندارد و تمام مطالب از صفر آموزش داده شده است. از این رو شما برای شروع این دوره به هیچ مقدمه یا دوره دیگری نیاز ندارید. ویژگی های دوره آموزش بوت استرپ ۵ : - آم…
فصلِ:
6
,
تعداد قسمت ها:
23
,
سطح:
صفر تا صد
موضوعات:
آموزش Bootstrap
این فصل در یک نگاه:
فصل ششم: پروژهپروژه ا : ساخت یک قالب واکنشگرای گروه موسیقیپروژه 2 : ساخت قالب واکنشگرای سایت 5040…
سرفصل دوره آموزش فریم ورک بوت استرپ فصل اول : معرفی بوت استرپ طراحی واکنشگرا ( Responsive Design ) چیست ؟ با مفهوم طراحی واکنشگرا آشنا خواهید شد و تفاوت بین سایت واکنشگرا و سایت نسخه ی …
فصلِ:
4
,
تعداد قسمت ها:
78
,
سطح:
متوسط
موضوعات:
آموزش ASP.NET
آموزش ASP.NET MVC
آموزش JQUERY
آموزش HTML5
آموزش Ajax
آموزش Bootstrap
آموزش JAVASCRIPT
این فصل در یک نگاه:
…
در این دوره آموزشی، وبسایت ورزش3 را با استفاده از ASP.NET Core پیاده سازی می کنیم و همچنین اپ اندروید آن را هم با Xamarin متصل به سرور سایت طراحی و در نهایت نحوه انتشار آن در مارکت هایی مثل …
فصلِ:
4
,
تعداد قسمت ها:
240
,
سطح:
صفر تا صد
موضوعات:
آموزش PHP
آموزش Bootstrap
آموزش CSS
آموزش JQUERY
آموزش HTML
آموزش PHP MVC
آموزش Ajax
آموزش HTML5
این فصل در یک نگاه:
طراحی پنل مدیریت(دسته بندی)- دسته بندی یا category - نمایش دسته های فرعی در view با ورود به یکی از دسته های اصلی و آشن…
توضیحات کلی مجموعه: این مجموعه توسط فریمورک محبوب و دوست داشتنی bootstrap و به صورت تضمینی و صفر تا صد جهت یادگیری کارآموزان عزیز ارائه گردیده و دوستانی که این دوره را به طور کامل و دقیق…
فصلِ:
5
,
تعداد قسمت ها:
201
,
سطح:
صفر تا صد
موضوعات:
آموزش HTML5
آموزش CSS
آموزش JAVASCRIPT
آموزش JQUERY
آموزش PHP
آموزش PHP MVC
آموزش Ajax
آموزش Bootstrap
آموزش برنامه نویسی آندروید
این فصل در یک نگاه:
ایجاد پروژه آژانس مسافرتی.....…
فصل اول: آشنایی با مبانی برنامه نویسی اندروید آشنایی با معماری برنامه های اندرویدی ساخت شبیه ساز جهت تست پروژه اندروید آشنایی با دستور Toast و حلقه for در برنامه های اندروی…
فصلِ:
1
,
تعداد قسمت ها:
2
,
سطح:
متوسط
موضوعات:
آموزش HTML5
آموزش CSS
آموزش JAVASCRIPT
آموزش PHP
آموزش Ajax
آموزش Bootstrap
آموزش Laravel
آموزش PHP MVC
آموزش ایمیل مارکتینگ
آموزش وردپرس
این فصل در یک نگاه:
بهترین و پر بازده ترین روش تبدیل بازدیدکننده سایت به مشتری تبلیغات هدفمند و برند سازی هوشمندانه با ایمیل می باشد. ایمیل…
وبینار(سمینار آنلاین) آموزش تکنیک های ایمیل مارکتینگ اگر تا انتها این متن را مطالعه کنید نظر شما در مورد ایمیل مارکتینگ 180 درجه عوض می شود!! بر هیچکس پوشیده نیست که از سال 1972 که ای…
فصلِ:
4
,
تعداد قسمت ها:
368
,
سطح:
صفر تا صد
موضوعات:
آموزش HTML5
آموزش CSS
آموزش JAVASCRIPT
آموزش PHP
آموزش PHP MVC
آموزش Ajax
آموزش HTML
آموزش ساخت فروشگاه اینترنتی
آموزش Bootstrap
آموزش Laravel
این فصل در یک نگاه:
مباحث تکمیلی فریم ورک لاراول…
فصل اول :آموزش مقدماتی فریم ورک لاراول معرفی فریم ورک لاراول و پیشنیازهای انجام کار انجام کانفیگ های اولیه برای نصب و راه اندازی فریم ورک معرفی روش های نصب پروژه لاراولی از طریق سایت گی…
فصلِ:
1
,
تعداد قسمت ها:
155
,
سطح:
صفر تا صد
موضوعات:
آموزش HTML5
آموزش CSS
آموزش JAVASCRIPT
آموزش JQUERY
آموزش PHP
آموزش PHP MVC
آموزش Ajax
آموزش HTML
آموزش NodeJs
آموزش Bootstrap
آموزش Laravel
آموزش Symphony
این فصل در یک نگاه:
مباحث مقدماتی فریم ورک react.js…
توضیحات کلی مجموعه: فصل اول : آشنایی با مباحث مقدماتی فریم ورک react.js نصب و راه اندازی node.js و کلیه پیش نیازهای لازم نصب فریم ورک react روی لوکال و انجام تست های لازم آغاز آشنایی …
