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. جداول و تصاویر
  6. دکمه ها و نوار پیشرفت
  7. صفحه بندی و کاردها
  8. انواع منوها
  9. انواع فرم ها
  10. اسلایدر و مدال ها 
  11. و ……..

عنوان فصل

۲۸ جلسه
مقدمه
انواع قالب بندی
انواع نمایشگر
تایپوگرافی
جداول
تصاویر
jumbotron-alerts
دکمه ها
نوار پیشرفت
spinner
صفحه بندی
لیست گروه ها
کاردها
منو آبشاری
منو مخفی شونده
منوی nav
فرم ها
input Group
فرم سفارشی
اسلایدر
مدال
tooltip-popover
toast-scrollspy
کلاس های کمکی جلسه ۱
کلاس های کمکی - جلسه ۲
کلاس های کمکی - جلسه ۳
فلکس
media object
اشتراک گذاری:
برچسب:

نظرات

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

دیدگاه خود را بنویسید
  1. مونیکا شورانگیز

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

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

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