.::دانلود کنید::. آموزش بوت استرپ به صورت تصویری و کاملا رایگان

[سعید کشاورز]

http://bayanbox.ir/view/2836993115104215691/3.jpg
توجه : دوره جدید بوت استرپ در سایت آبان وب آپلود شد. برای دانلود رایگان این دوره آموزشی روی لینک زیر کلیک کنید
https://abanweb.net/post/21/bootstrap-3-tutorial

سلام دوستان.:قلب:
همانطور که قول داده بودم آموزش های بوت استرپ (http://saeedd.blog.ir) رو دارم به صورت ویدئو و با صدا و کیفیت عالی آماده میکنم.3 جلسه اول رو ضبط کردم که روی وبلاگم (http://saeedd.blog.ir)قرار میدم برای دانلود.سعی کردم مدت هر جلسه بیشتر از 20 دقیقه نشه..هر روز یکی دو جلسه ضبط میکنم و روی وبلاگ قرار میدم انشالله تا چند روز آتی این دوره تموم میشه.در ضمن این دوره به صورت کاملا رایگان هستش.هر کسی هم خواست کپی کنه به اسم خودش و توی وبلاگ یا سایتش قرار بده کاملا آزاده..برسونید به دست کسی به این آموزش ها نیاز داره. :دی و اما عنوان جلسات رو که تا اینجا ضبط کردم میگم.
جلسه اول: مقدمات کار رو فراهم میکنیم بوت استرپ رو دانلود میکنیم و با فایل های اون آشنا میشیم.
جلسه دوم:یک سری توضیحات تئوری می دیم که چجوری باید از بوت استرپ استفاده کنیم.با خود سایت بوت استرپ آشنا میشیم و میگیم که برای شروع کدهای html رو چجوری بنویسیم و چه فایل هایی رو به صفحه باید الحاق کنیم.
جلسه سوم: کد نویسی رو به صورت عملی آغاز میکنیم و از این جلسه مبحث ریسپانسیو (http://saeedd.blog.ir)کردن رو شروع میکنیم.نمیدونم فعلا ریسپانسیو کردن چند جلسه طول بکشه.چون میخوام همه جزئیات کار رو بگم.یه جورایی کوچه بازاری می خوام بهتون یاد بدم که توی بازار کار بتونید ازش استفاده کنید.
مواردی رو که باید بگم:
1) اگر چیزی رو بلد نباشم میگم بلد نیستم
2) فیلم رو ادیت نمیکنم و اگر وسط کار سوتی بدم و یا مشکلی پیش بیاد به بزرگی خودتون ببخشید
3) این فیلم برای کسایی مناسبه که می خوان طراحی قالب ریسپانسیو یاد بگیرن اونم درست حسابی
4) تمام توانم رو گذاشتم امیدوارم تونسته باشم بهتون کمکی بکنم
5) من از سرویس وبلاگدهی بیان استفاده میکنم.یه هاست رایگان به من میده به اسم صندوق بیان.یه بدی که داره نمیذاره حجم فایل آپلود بیشتر از 30 مگابایت بشه..اگه بیشتر شد مجبور فایل رو پارت بندی بکنم..مثلا الان جلسه دوم پنجاه مگابات شده که به دو پارت تقسیم بندی کردم و برای دانلودش باید هر دو پارت رو حتما دانلود کنید.
6) منتظر نظراتتون هستم
مزیت این دوره نسبت به دوره های مشابه:
ممکنه یه سری چیزا یاد بدم که اصن ربطی به بوت استرپ نداشته باشه.به عنوان مثال کد نویسی سریعتر با Emmet رو بهتون آموزش میدم و میبینید که چقدر سرعت نوشتن کد html و css رو بالا میبره.
با تکنیک هایی آشنا میشیم که توی سرعت بارگزاری صفحات تاثیر داره.مثلا چجوری تصاویر خودمون رو به بهترین شکل ممکن بهینه کنیم یا خیلی چیزای دیگه
با کلی پلاگین شمارو آشنا میکنم که به دردتون بخوره.منظورم پلاگین های جی کوئری هستش.
ترفند ها و تکنیک های Html و css هم اگه نیاز باشه آموزش میدم.
با فونت آیکن و نحوه استفاده از اون آشنا میشیم و....
پس نتیجه:
با دیدن این دوره و تمرین کردن بهتون این قول رو میدم که نیازی به کلاس رفتن واسه یاد گیریه بوت استرپ ندارین.هرکسی هم یاد نگرفت زنگ بزنه بهم هرچی دوست داشت بگه ::لبخند:
منتظر نظراتتون هستم.توی وبلاگم میتونید با من در ارتباط باشین.:لبخندساده:

لینک های دانلود(این لینک ها هر شب آپدیت میشن)

لینک دانلود جلسه اول (http://bayanbox.ir/info/697685793085266232/Section1) حجم 13mb
لینک دانلود جلسه دوم پارت 1 (http://bayanbox.ir/info/597264102632223928/Section2.part1) حجم 30mb
لینک دانلود جلسه دوم پارت 2 (http://bayanbox.ir/info/1509202787852318035/Section2.part2) حجم 20mb
لینک دانلود جلسه سوم (http://bayanbox.ir/info/224356889235612562/Section3) حجم 30mb
لینک دانلود جلسه چهارم (http://bayanbox.ir/info/2210422721146390053/section4) حجم 21 مگابایت
لینک دانلود جلسه پنجم (http://bayanbox.ir/info/1778539854125820/Section5) حجم 11 مگابایت
لینک دانلود جلسه ششم (http://bayanbox.ir/info/7850317401314574077/Section6)حجم 24 مگابایت

آموزش بوت استرپ (http://saeedd.blog.ir)

طراحی سایت ارزان (http://plansite.ir)

[سعید کشاورز]

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

[پیام حیاتی]

تبریک می گم
pro_man (http://barnamenevis.org/member.php?215381-pro_man) ، موفق باشی.:قلب:

[niknam_mh]

http://bayanbox.ir/view/2836993115104215691/3.jpg
سلام دوستان.:قلب:
همانطور که قول داده بودم آموزش های بوت استرپ رو دارم به صورت ویدئو و با صدا و کیفیت عالی آماده میکنم.3 جلسه اول رو ضبط کردم که روی وبلاگم قرار میدم برای دانلود.سعی کردم مدت هر جلسه بیشتر از 20 دقیقه نشه..هر روز یکی دو جلسه ضبط میکنم و روی وبلاگ قرار میدم انشالله تا چند روز آتی این دوره تموم میشه.در ضمن این دوره به صورت کاملا رایگان هستش.هر کسی هم خواست کپی کنه به اسم خودش و توی وبلاگ یا سایتش قرار بده کاملا آزاده..برسونید به دست کسی به این آموزش ها نیاز داره. :دی و اما عنوان جلسات رو که تا اینجا ضبط کردم میگم.
جلسه اول: مقدمات کار رو فراهم میکنیم بوت استرپ رو دانلود میکنیم و با فایل های اون آشنا میشیم.
جلسه دوم:یک سری توضیحات تئوری می دیم که چجوری باید از بوت استرپ استفاده کنیم.با خود سایت بوت استرپ آشنا میشیم و میگیم که برای شروع کدهای html رو چجوری بنویسیم و چه فایل هایی رو به صفحه باید الحاق کنیم.
جلسه سوم: کد نویسی رو به صورت عملی آغاز میکنیم و از این جلسه مبحث ریسپانسیو کردن رو شروع میکنیم.نمیدونم فعلا ریسپانسیو کردن چند جلسه طول بکشه.چون میخوام همه جزئیات کار رو بگم.یه جورایی کوچه بازاری می خوام بهتون یاد بدم که توی بازار کار بتونید ازش استفاده کنید.
مواردی رو که باید بگم:
1) اگر چیزی رو بلد نباشم میگم بلد نیستم
2) فیلم رو ادیت نمیکنم و اگر وسط کار سوتی بدم و یا مشکلی پیش بیاد به بزرگی خودتون ببخشید
3) این فیلم برای کسایی مناسبه که می خوان طراحی قالب ریسپانسیو یاد بگیرن اونم درست حسابی
4) تمام توانم رو گذاشتم امیدوارم تونسته باشم بهتون کمکی بکنم
5) من از سرویس وبلاگدهی بیان استفاده میکنم.یه هاست رایگان به من میده به اسم صندوق بیان.یه بدی که داره نمیذاره حجم فایل آپلود بیشتر از 30 مگابایت بشه..اگه بیشتر شد مجبور فایل رو پارت بندی بکنم..مثلا الان جلسه دوم پنجاه مگابات شده که به دو پارت تقسیم بندی کردم و برای دانلودش باید هر دو پارت رو حتما دانلود کنید.
6) منتظر نظراتتون هستم
مزیت این دوره نسبت به دوره های مشابه:
ممکنه یه سری چیزا یاد بدم که اصن ربطی به بوت استرپ نداشته باشه.به عنوان مثال کد نویسی سریعتر با Emmet رو بهتون آموزش میدم و میبینید که چقدر سرعت نوشتن کد html و css رو بالا میبره.
با تکنیک هایی آشنا میشیم که توی سرعت بارگزاری صفحات تاثیر داره.مثلا چجوری تصاویر خودمون رو به بهترین شکل ممکن بهینه کنیم یا خیلی چیزای دیگه
با کلی پلاگین شمارو آشنا میکنم که به دردتون بخوره.منظورم پلاگین های جی کوئری هستش.
ترفند ها و تکنیک های Html و css هم اگه نیاز باشه آموزش میدم.
با فونت آیکن و نحوه استفاده از اون آشنا میشیم و....
پس نتیجه:
با دیدن این دوره و تمرین کردن بهتون این قول رو میدم که نیازی به کلاس رفتن واسه یاد گیریه بوت استرپ ندارین.هرکسی هم یاد نگرفت زنگ بزنه بهم هرچی دوست داشت بگه ::لبخند:
منتظر نظراتتون هستم.توی وبلاگم میتونید با من در ارتباط باشین.:لبخندساده:

لینک های دانلود(این لینک ها هر شب آپدیت میشن)

لینک دانلود جلسه اول (http://bayanbox.ir/info/697685793085266232/Section1) حجم 13mb
لینک دانلود جلسه دوم پارت 1 (http://bayanbox.ir/info/597264102632223928/Section2.part1) حجم 30mb
لینک دانلود جلسه دوم پارت 2 (http://bayanbox.ir/info/1509202787852318035/Section2.part2) حجم 20mb
لینک دانلود جلسه سوم (http://bayanbox.ir/info/224356889235612562/Section3) حجم 30mb
لینک دانلود جلسه چهارم (http://bayanbox.ir/info/2210422721146390053/section4) حجم 21 مگابایت
لینک دانلود جلسه پنجم (http://bayanbox.ir/info/1778539854125820/Section5) حجم 11 مگابایت
لینک دانلود جلسه ششم (http://bayanbox.ir/info/7850317401314574077/Section6)حجم 24 مگابایت

منبع وبلاگ saeedd.blog.ir (http://saeedd.blog.ir)


سلام خیلی عالیه دستت درد نکنه خدا خیرت بده.

[davood59]

سلام سعید جون؛ دستت درد نکنه عزیزم، من چند روزی نبودم که از آموزشهای خوبت استفاده کرده و ببخشید که نتونستم زودتر از این حرفها پاسخ محبتت رو بدم. هنوز که ندیدم ولی الان میخوام دانلود کرده و ببینم ولی مطمئن هستم که مثل آموزشهای دیگه ت عالی و خوب و بسیار کاربردی هستن. امیدوارم در همه مراحل زندگیت موفق باشی. بازم ممنونم ازت.

[amirali0079]

داداش خیلی آموزش های خوبی ساختی همه منتظر بقیه قسمت ها هستیم

[سعید کشاورز]

داداش خیلی آموزش های خوبی ساختی همه منتظر بقیه قسمت ها هستیم
شرمنده ی بچه هایی که منتظرن شدم..افتضاح سرم شلوغ شد..فقط در این حد بگم که میخام در ادامه آموزش ها ساختن قالب فارسی رو آموزش بدم..مثلا یه سایت شرکتی..

[mohamad_torabi]

سلام
ممنون از اینکه این اموزش رو ضبط کردی با اینکه میدونم چه وضعیتی داری فعلا :لبخند:
تاپیکت اعلان شد تا همیشه در دسترس کاربران باشه

[engmmrj]

لطفا برچسب های تاپیک رو عوض کنین !!!

[سعید کشاورز]

لطفا برچسب های تاپیک رو عوض کنین !!!

کی همچین چیزی گذاشته بوده براش ؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟ :-O

[abbas27]

سلام.ممنون از آموزشت.خیلی عالی هست.منتظر ادامه آموزشهات هستیم.مرسی

[eletcomp]

با سلام
ایا اموزش های بوت استرپ ادامه داره؟؟؟
سپاس

[سعید کشاورز]

جلسات هفتم و هشتم اضافه شد..توضیحاتش رو توی وبلاگ (http://saeedd.blog.ir)میتونید بخونید

لینک جلسه هفتم (http://bayanbox.ir/info/7817372579861601528/section-7)
لینک جلسه هشتم (http://bayanbox.ir/info/7522792370861026/section-8)

saeedd.blog.ir

[vahid7811]

دستت درد نکنه.

[پیام حیاتی]

لینک دانلود جلسه دوم پارت 2
بسته مشکل داره چند بار دانلود و سعی کردم اکسترکت کنم اما نشد.

[سعید کشاورز]

لینک دانلود جلسه دوم پارت 2
بسته مشکل داره چند بار دانلود و سعی کردم اکسترکت کنم اما نشد.

تا الان 100 بار دانلود شده.. شاید توی آدرس فارسی قرار دادی میخای اکسترکت کنی....:متفکر: تمام پوشه هات رو اسمش رو انگلیسی کن.. یا توی یه درایو دیگه اکسترکت کن

[سعید کشاورز]

توضیحات جلسه ی نهم و دهم:



توی این جلسات با لایه بندی قالب سایت آشنا میشیم..طرز استفاده از اسلایدر بوت استرپ رو هم آموزش دادم.این دوتا جلسه خیلی مفید میتونه باشه..مخصوصا جلسه ی 10.


لینک جلسه نهم (http://bayanbox.ir/info/1750152854369635146/section9)
لینک جلسه دهم (http://bayanbox.ir/info/6991815538748330928/section10)



برگرفته از وبلاگ saeedd.blog.ir

[mahmata]

ممنون از آموزشاتون...خدا خیرتون بده خیلی خوشحال شدم :لبخند:

[سعید کشاورز]

جلسه یازدهم و دوازدهم:

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


لینک جلسه یازدهم (http://bayanbox.ir/info/7126723653941069840/section11)
لینک جلسه دوازدهم (http://bayanbox.ir/info/9088746523382431962/section12)

سورس جلسه یازدهم و دوازدهم
(http://bayanbox.ir/info/5759203939948965747/source11-12)
برگرفته از وبلاگ saeedd.blog.ir

[eletcomp]

ممنون دوست عزیز از اموزش هاتون» یک سئوال: اگر بخواهیم توی قالب: اسلایدر جی کوئری بگذاریم که زمان کوچک شدن صفحه رسپانسیو بشه ! باید چه کار کنیم!!
سپاس

[سعید کشاورز]

ممنون دوست عزیز از اموزش هاتون» یک سئوال: اگر بخواهیم توی قالب: اسلایدر جی کوئری بگذاریم که زمان کوچک شدن صفحه رسپانسیو بشه ! باید چه کار کنیم!!
سپاس
جلسه نهم و دهم رو ببین..اونجا کار کردن با اسلایدر خود بوت استرپ رو گفتم دیگه

[watch724]

خیلی خیلی خیلی ممنون واقعا مفید و با حجم کم

[eletcomp]

جناب pro-man : یک سئوال: توی طراحی تحت بوت استرپ ایا میشه از طراحی گرافیکی استفاده کرد؟ یا باید از استایل های پیش فرض بوت استرپ فقط باید استفاده کرد!!؟
مثلا یک هدر در ابعاد 1024 در 200 درست کنیم !!! این هدر که توی فوتوشاپ طراحی شده و گرافیکی هست! چطور توی گوشی میشه با ابعاد کوچک نمایش اش داد؟
سپاس

[سعید کشاورز]

جناب pro-man : یک سئوال: توی طراحی تحت بوت استرپ ایا میشه از طراحی گرافیکی استفاده کرد؟ یا باید از استایل های پیش فرض بوت استرپ فقط باید استفاده کرد!!؟
مثلا یک هدر در ابعاد 1024 در 200 درست کنیم !!! این هدر که توی فوتوشاپ طراحی شده و گرافیکی هست! چطور توی گوشی میشه با ابعاد کوچک نمایش اش داد؟
سپاس
هر چی سوال به ذهنت میرسه برام پیغام خصوصی کن توی فیلمای بعدی بهش جواب میدم..دوستان دیگه هم اگه سوال دارن میتونن بپرسن..

[eletcomp]

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

[Masoudse7en]

از این مجموعه نیز میتوانید استفاده کنید !

لینک (http://www.mspsoft.com/video-programing/bootstrap-video-programing/)

[sara1213]

درود بر شما
من فایل ها رو از سایت Bootstrap گرفتم و در فایلم قرار دادم اما وقتی از کلاس col و row استفاده میکنم هیچ اتفاقی برای تغییر شکل سایتم نمی افته.
لطفا راهنمایی کنید.
سپاس

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<link href="css/bootstrap.min.css" rel="stylesheet">

</head>
<body>

<div class="container">
<div class="row">
<div class="col col-lg-8">
I am Apameh and learn boorstrap
I am Apameh and learn boorstrap
I amApameh and learn boorstrap
I am Apameh and learn boorstrap
</div>
<div class="col clo-sm-4">
text is bootstrap
text is bootstrap
text is bootstrap
text is bootstrap

</div>

</div>
</div>




<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/npm.js"></script>

</body>
</html>

142071

[lizardweb]

با اجازه صاحب تاپیک من هم یک لینک (http://www.lizard-webdesign.com/%D9%85%D8%B9%D8%B1%D9%81%DB%8C-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%A8%D9%88%D8%AA-%D8%A7%D8%B3%D8%AA%D8%B1%D9%BE/) میزارم که به عنوان یک بیس و آشنایی اولیه میتونه مناسب باشه

[salmah]

خیر دنیا و آخرت نصیبتان
آموزش هاتون بسیار عالی هست

[sargon]

ممنون از شما

[linkgostar]

عزیز واقعاً عالیه.
خسته نباشی دلاور

[سعید کشاورز]

سلام...شما توی این آموزش ها گرید بندی و ریسپانسیو کردن قالب رو یاد میگیرید..برای مواردی که گفتین بوت استرپ کفایت نمیکنه..باید خیلی چیزای دیگه استفاده کنید..مثلا css کار خوبی باشید..jquery بلد باشید و....

[yaserrst]

خیلی خوب بود

[Mojtaba0]

ضمن تشکر از اموزشهای ویدیو که زحمت کشیدید.
من پیشتر بوت استرپ را از اموزشهای اکادمی وی لرن https://welearn.site یاد گرفتم. پیشنهاد می کنم دوستان برای یادگیری بوت استرپ اون دوره را هم از دست ندید. مبانی و سپس دو پروژه عملی اموز داده شده. من خیلی استفاده کردم.

[setareh2013]

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

[دخترک برنامه نویس]

سلام. بنظرم سرفصل هایی که انتخاب کردین عالین فقط یه موضوعی من یه سایتی رو میشناسم که بررسی کردم و از چندتا از دوستامم پرسیدم که گفتن سایت خرید اینترنتی سیم کارت همراه اول (https://simkhan.ir/) با React نوشته شده. امکانش هست در رابطه با این موضوعم آموزش معرفی کنین؟