5.00 از 1 رأی

۲۸۰.۰۰۰ تومان

با گذراندن این دوره به طور کامل ساخت سایت های واکنشگرا را یاد خواهید گرفت

  • 28 جلسه
  • مدت زمان: 07:16:44 ساعت
  • پیش نیازها: تسلط به html و css
مدرس مونا کیارستمی

مونا کیارستمی

درباره مدرس کارشناسی ارشد هوش مصنوعی دارم. چند سال در زمینه طراحی وب و برنامه نویسی کار کردم. عاشق یادگیری مطالب جدیدم.

مشاهده بیشتر

آموزش بوت استرپ از صفر تا صد

بوت استرپ (Bootstrap) یک ابزار قدرتمند برای ایجاد صفحات و اپلیکیشن های وب می باشد. بوت استرپ یک فریم ورک Css است. شما به کمک این ابزار می توانید به سرعت و سادگی وب سایت های واکنشگرا برای انواع دستگاه ها مانند موبایل و تبلت ایجاد کنید. این فریم ورک از زبان های HTML و CSS و جاوا اسکریپت تشکیل شده است. این ابزار کاملا رایگان و متن باز است. برای دسترسی به مستنداتش می توانید از سایت getbootstrap.com  استفاده کنید. با استفاده از فرریم ورک بوت استرپ به سادگی می توانید قابلیت هایی مانند کروسل، انواع دکمه ها، پاپ آپ ها و غیره را ایجاد کنید. با گذراندن دوره آموزش بوت استرپ از صفر تا صد با تمام دستورات این فریم ورک دوست داستنی آشنا می شوید.

چرا بوت استرپ یاد بگیریم؟

آموزش بوت استرپ

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

ساخت Hello World با بوت استرپ :

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

<!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:// -->

<!--&#91;if lt IE 9&#93;>
<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>
<!&#91;endif&#93;-->

</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>

آموزش بوت استرپ از صفر تا صد :

با گذراندن این دوره آموزشی به طور کامل نحوه استفاده از دستورات بوت استرپ را یاد خواهید گرفت. بعد از این دوره می توانید انواع سایت های زیبا و واکنشگرا را به راحتی ایجاد کنید. پیش نیاز این دوره تسلط به Html و Css است. اگر این دو زبان را بلد نیستید دوره آموزش HTML به زبان ساده و دوره آموزش css به زبان ساده و سریع را ببینید.

آموزش واکنشگرایی با بوت استرپ

آنچه در دوره آموزش بوت استرپ از صفر تا صد فرا می گیرید:

  1. مقدمه
  2. انواع قالب بندی سایت
  3. انواع نمایشگر
  4. تایپوگرافی
  5. جداول و تصاویر در bootstrap
  6. دکمه ها و نوار پیشرفت در bootstrap
  7. صفحه بندی و کاردها در bootstrap
  8. انواع منوها در bootstrap
  9. انواع فرم ها در bootstrap
  10. اسلایدر و مدال ها 
  11. و ……..

پاسخ به سوالات آموزش بوت استرپ:

بوت استرپ یک کتابخانه css است، که بر ساده سازی توسعه صفحات وب متمرکز است. هدف اضافه کردن بوت استرپ به یک پروژه، اعمال رنگ، اندازه، فونت و طرح بوت استرپ در آن پروژه است. با استفاده از بوت استرپ شما بع راحتی می توانید صفحات وب واکنش گرا بسازید.

این کتابخانه بسیار انعطاف پذیر است، با بیشتر مرورگرها سازگار است. استفاده از آن بسیار ساده و یادگیری آن آسان است.

قبل از اینکه یادگیری بوت استرپ را شروع کنید باید بر html و css مسلط باشید. شما نیازی به یادگیری جاوا اسکریپت ندارید.

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

عنوان فصل

28 جلسه
مقدمه
00:14:58 ویدئو
انواع قالب بندی
00:06:49 ویدئو
انواع نمایشگر
00:31:50 ویدئو
تایپوگرافی
00:23:56 ویدئو
جداول
00:23:56 ویدئو
تصاویر
00:11:58 ویدئو
jumbotron-alerts
00:12:33 ویدئو
دکمه ها
00:27:44 ویدئو
نوار پیشرفت
00:08:32 ویدئو
spinner
00:04:29 ویدئو
صفحه بندی
00:07:20 ویدئو
لیست گروه ها
00:18:13 ویدئو
کاردها
00:19:06 ویدئو
منو آبشاری
00:15:17 ویدئو
منو مخفی شونده
00:22:35 ویدئو
منوی nav
00:19:42 ویدئو
فرم ها
00:13:10 ویدئو
input Group
00:13:28 ویدئو
فرم سفارشی
00:16:12 ویدئو
اسلایدر
00:14:36 ویدئو
مدال
00:13:03 ویدئو
tooltip-popover
00:10:56 ویدئو
toast-scrollspy
00:15:32 ویدئو
کلاس های کمکی جلسه 1
00:14:07 ویدئو
کلاس های کمکی - جلسه 2
00:24:23 ویدئو
کلاس های کمکی - جلسه 3
00:10:43 ویدئو
فلکس
00:22:35 ویدئو
media object
00:10:35 ویدئو
اشتراک گذاری:

نظرات

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

دیدگاه خود را بنویسید
  1. monatest

    مونیکا شورانگیز

    من اول آموزش رو با استرس خریدم فکر کردم شاید خوب نباشه ولی الان که چند جلسه دیدم واقعا راضی ام…خیلی ممنون

    • mona!kia$adm

      مونا کیارستمی

      ممنونم از اعتمادتون