campaign-off40

دوره مجازی بوت استرپ (جلسه 1): معرفی فریم ورک بوت استرپ - اهداف و مرور کلی این دوره



visibility  
mode_comment   ۴۴

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

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

جزئیات این جلسه به شرح زیر می باشند :

  • در مورد دوره و مدرس آن
  • پیش نیاز های این دوره
  • طراحی واکنش گرا چسیت ؟ و چرا از آن استفاده می کنیم
  • فریم ورک چیست؟ بررسی مفهوم فریم ورک و ساختار آن
  • معرفی فریم ورک های موجود و قدرتمند برای طراحی واکنشگرا
  • بوت استرپ جیست ؟ بیان تاریخچه مختصری از آن
  • مزیت ها و معایت بوت استرپ و بررسی دلایل محبوبیت آن
  • مروری بر تعامل بوت استرپ و جاوااسکریپت و قابلیت های سفارشی سازی آن
  • معرفی نمونه وب سایت هایی که برا پایه فریم ورک بوت استرپ طراحی و پیاده سازی شده اند
  • مروری بر سرفصل های دوره و تشریح آن
  • معرفی نمونه قالب هایی که در این دوره بر پایه فریم ورک بوت استرپ طراحی و کدنویسی خواهیم کرد(پروژه های نهایی این دوره)
  • معرفی منابع,ابزار و نرم افزار های مورد نیاز
history زمانبندی انتشار جلسات دوره :

تا انتهای تیر ماه هر هفته دو جلسه (روزهای  دوشنبه  و پنج شنبه) راس ساعت 14:30 دقیقه  منتشر خواهد شد . از اوایل مردادماه، تلاش خود را خواهیم کرد که هر هفته 3 جلسه منتشر نماییم. در بعضی از هفته ها ممکن است به خاطر جمع آوری مطالب و آماده سازی جلسات و برای افزایش کیفیت کار تاخیرهای 1 روزه در انتشار جلسات داشته باشیم. در نهایت این دوره حداکثر تا 15 شهریور 94 به اتمام خواهد رسید.

 

دانلود PhpStorm

دانلود Notepad++

info توجه

این مطلب یک جلسه از آموزش بوت استرپ 3 می باشد و برای مشاهده آن باید در دوره ثبت نام کنید.

ثبت نام در آموزش بوت استرپ 3

comment دیدگاه کاربران
افشین زندی replyپاسخ

سلام استاد صالحی.
ویدیو رو ندیدم هنوز ولی مطمئنم دوره فوق العاده ایه.
خسته نباشید

افشین زندی replyپاسخ

استاد همه چی عالی بود. واقعا ممنون ❓
فقط استاد صالحی خواهشن رو فصل 2 بیشتر تاکید کنید و گرید بندی های پیچیده رو آموزش بدید که از این نظر دیگه مشکلی نداشته باشیم.
یه چیز دیگم استاد، تو pdf جزییات دوره، پروژه ها 3تا بودن، 2تا قالب رو از 0 قرار بود کد بزنید و یه قالبی رو هم که خودش ریسپانسیو نیست رو با بوت استرپ ریسپانسیو کنید. اما تو این جلسه حرفی از این قالب نشد 😯 . لطفا این مورد رو هم اضافه کنید. 😉

وحید صالحی

سلام افشین جان ممنون از لطفت حتما در مورد فصل 2 بطور کامل در 3-4 جلسه در قالب مثال ها و یک مینی پروزه کوچیکتمام زیر و بمش رو توضیح خواهیم داد اون موردی رو که اشاره کردین یه اشتباه تایپی هست چون ابتدا قرار بود یک یا 2 قالب آماده رو رسپانسو کنیم بعد به این نتیجه رسیدیم که ممکنه باعث ابهام برای دانشجو ها بشه بخاطر همین تصمیم گرفتیم از صفر 2 تا قالب رو کد بزینم که در این حالت شما با تمام زوایای طراحی واکنشگرا اشنا میشد و براحتی خواهید توانست قالب های آماده معمولی رو واکنشگرا کنید و خیلی براتون ساده تر خواهد بود چون مفهوم رو بهتر درک کرده اید در ضمن تمام نکات مورد نیاز و کلیدی رو توضیح می دیم.
موفق باشی…

افشین زندی

ممنون استاد بابت فصل2 ، این گرید بندی اصل کاره که خدارو شکر 3-4 جلسه که گذاشتید و قالبایی که کارکردید خیلی عالیه.
استاد ببخشید یکم جوابتون گنگ هست برام ، چون شما خودتون گفتید که قالبایی که برای این دوره در نظر گرفته شده، در اصل طرحش هم بر پایه ی گرید بندی بوت استرپ هست. خب اگر قالب مشتری با اندازه های گرید بوت استرپ یکی نباشه اونوقت چطوری با بوت استرپ میتونیم قالب رو ریسپانسیو کنیم؟؟ مثلا کل محتوای قالب 940 پیکسل باشه.

وحید صالحی

🙂 اقا افشین عجله نکن تمام این موارد رو توضیح میدیم بهتون توی فصل 2 تمام این موارد رو توضیح میدیم…در ضمن در جلسه اول عرض کردم که سیستم گرید بوت استرپ خیلی انعطاف پذیره و این موردی رو هم که شما استفاده کردید با همین انعطافی که داره میشه به راحتی پیاده سازیش کرد.

افشین زندی

چشم استاد، خیالم راحت شد ❓ . باور کنید عجله نیست، شوق یادگیریه 😀

وحید صالحی

میدونم افشین جان خوشحالم که اینقدر علاقه داری.

سعید replyپاسخ

❓ ❓ ❓ ❓
خسته نباشید استاد

وحید صالحی

ممنون آقا سعید.

سعید replyپاسخ

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

لقمان آوند

بله با استفاده از مدیاکوئری ها در css امکانپذیره که در دوره طراحی وب این موضوع رو تدریس کردیم .

سعید

mehdi karimi replyپاسخ

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

وحید صالحی

سلام آقا مهدی نه دیگه لازم نیست مگر اینکه بخواهیم عنصری با عرض ثابت داشته باشیم.

Hamed Noktedan replyپاسخ

سلام و خسته نباشید
یه سوال و یه انتقاد
سوال : این واژه brake point که گفتین یعنی چی ؟مدیا کوئری ها رو بلدم تو دوره طراحی وب باهاش آشنا شدم ولی تو اونجا از brake point حرفی زده نشد
انتقاد: آقا صدای ویز ویز زیاد میاد تو ودیو بعدم صدای نفس کشیدن شما هم یه جور نویزه به نظر من

وحید صالحی

سلام break point به معنی نقاط شکست هست و به محل اتما یک مدیا کوئری وشروع مدیا کوئری دیگه گفته میشه از جلسه 6 کیفیت صدا بسیار خوب خواهد شد صدای نفس کشیدن هم طبیعی هست چون حساسیت میکروفن زیاد هست این صدا رو هم میگیره سعی می کنیم کمتر بشه…

Hamed Noktedan

از جلسه ۶ به بعد؟!!!؟؟؟
هنوز جلسه اول برگذار شده مگه تا جلسه ۵ رو ضبط کردید؟

وحید صالحی

دوست عزیز ما که شب قبل شروع هر جلسه ویدئوی اون جلسه رو که تهیه نمی کنیم بلکه از یک ماه پیش شروع به تهیه ویدئو ها کردیم تا طبق زمان بندی بتونیم دوره رو سر وقت و طبق قولی که به دانشجو ها دادیم به اتمام برسونیم این یکی از سیاست های ما برای ایجاد نظم در برگزاری دوره هاست…
موفق باشید.

میوند replyپاسخ

سلام استاد 😛
چقدر خوب بود این جلسه 😯
اولین بار بود که نه تنها از جلسه معرفی خسته نشدم بلکه کلی لذت بردم
خسته نباشید دمتون گرم ❓ ❓ ❓ ❓

وحید صالحی

ممنون میوند جان خوشحالیم که مورد توجهت قرار گرفته.
موفق باشی…

حمید replyپاسخ

با سلام
میخواستم بپرسم که کلا تفاوت طراحی با بوتسترپ و طراحی بدون استفاده از بوتسترپ چیه؟ مثلا از نظر سئو هم فرقی دارن؟ یا مثلا از نظر سرعت لود صفحه؟
تفاوتهای اساسیشون توی چیه؟

لقمان آوند

مواردی که گفتید جزء تفاوتهاشون محسوب نمیشه و به هر شکلی بخواید سایت طراحی کنید باید اصول سئو رو رعایت کنید تا نتیجه خوبی بگیرید!
تفاوت های اصلیشون این هست که با استفاده از بوت استرپ (به خاطر کدها و ابزارهای آماده ای که داره) فرایند طراحی سایت سریعتر و بر اساس یک استاندارد معین انجام میشه !

حمید replyپاسخ

ضمنا من یه مشکل توی وردپرس داشتم که توی قسمت انجمن مطرح کردم نمیدونم جای درستی مطرح کردم یا نه ولی لطفا کمکم کنید. 2 روزه گیرشم. دیوونم کرده.
عنوانش رو گذاشتم “لطفا کمک”

لقمان آوند

عنوان نامناسب گذاشتید! باید عبارت مختصری در مورد مشکلتون رو برای عنوان بزارید. ایشالله پاسخ خواهید گرفت.

ghazal hafezi replyپاسخ

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

وحید صالحی

سلام شما قالبا برای سایت های دو زبانه بسته به زبانی که داره نمایش داده میشه استایل مورد نظر رو باید اعمال کنید. همانطوری که برای یک سایت 2 زبانه قالب رو معمولی رو طراحی می کنید

ghazal hafezi replyپاسخ

ممنون
فکر میکنم سوالمو باید توی جلسات جلوتر مطرح میکردم. چون مثلا دو تا ستون دارم که برای مثال تو یکیشون لوگو هست و توی یکی دیگه سرچ. خب اگه توی فارسی لوگو راست باشه و تو انگلیسی بخوام بیارمش سمت چپ تو یه سایت معمولی (بدون بوت استرپ) کافیه float رو یه بار right بدم یه بار left ولی نمیدونم با بوت استرپ چطوری میشه ستون ها رو جا به جا کرد. که فک میکنم باید صبر کنم تا مباحث پیشرفته تر.

وحید صالحی

خوب دقیقا همینطوره شما باید همین کار رو برای بوت استرپ انجام بدید و 2 قالب رو با حالت چپ به راست و راست به چپ برای زبان های RTL و LTR طراحی کنید

ghazal hafezi

خیلی ممنون استاد متوجه شدم.

mehdi karimi replyپاسخ

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

وحید صالحی

ممنون آقا مهدی امیدواریم که مفید واقع بشه…

user 2014 replyپاسخ

با سلام جناب صالحی عزیز
با تمام احترامی که براتون قاءلم متاسفانه روند آموزش فوق العاده کند خسته کننده و پر از تکرارهای بیجا هست
لزوما نیازی به بالا بردن ساعات آموزش نیست !
امیدوارم اشاره چند نفر به رابطه ساعت و قیمت این دوره باعث نشده باشه شما بخواید این آموزش رو بکنید 50 ساعت در حالی که با 15 ساعت ولی به طور جذاب کاربردی و گیرا میشه تمومش کرد
مرسی

وحید صالحی

سلام دوست عزیز ممنون از انتقادتون نکته ای رو که لازمه خدمتتون عرض کنم سیاست برگزاری دوره های آموزشی سون لرن بر این هست که ما سطح آگاهی دانشجویان رو در مورد هر یک از مباحث در حد بسیار پایین در نظر میگیریم که اگر دانشجویی هم سطح بالایی در مورد مبحث مورد نظر و مباحث مرتبط با اون نداشت هم بتونه بخوبی مباحث رو درک کنه البته سو تفاهم برای شما و دوستان بوجود نیاد که ما فکر میکنیم همه معلومات کمی دارن بلکه این معیار سنجش ما برای برگزاری دوره ها هست نه بنده و سایر اساتید هیپگاه قصد نداریم حجم ساعات رو بالا ببریم اما از طرفی قصد هم نداریم موردی رو از کسی دریغ کنیم و بقولی سرو ته یه دوره رو هم بیاریم و سمبل کنیم از طرفی هر چه مدت زمان هر یک از دوره ها افزایش پیدا کنه اول به ضرر برنامه کاری سون لرن و ما هست چون هر چه زودتر یک دوره تموم بشه میتونیم طبق زمان بندیمون دوره های دیگه رو برگزار کنیم ولی نمی خواهیم با عجله کردن و سمبل کردن یک دوره کاری کنیم که یک دوره دیگه زودتر برگزار بشه و خدایی ناکرده کیفیت کار ما پایین بیاد.
در مورد قیمت این دوره و سایر دوره ها هم باید خدمتتون عرض کنم که این قیمت ها به اندازه کافی پایین و کم هستند و دوستانی که میگن زیاده یه جستجو در سطح اینترنت و یا آموزشگاه ها داشته باشن متوجه خواهند شد که اشتباه کرده اند پس اینگونه صحبت ها تاثیری رو کیفیت کار ما نداره و نخواهد داشت .
در مورد نکاتی که بعنوان مثال در مورد دکمه ها و مسائل مشابه اشاره کردید این وظیفه ماست که جرئ ترین مسائل مسائلی که برای یک عده از دوستان از جمله شما شاید پیش پا افتاده باشه رو توضیح بدیم شاید همه سطح دانشی یکسان با شما و سایر دوستان نداشته باشن حالا اگر مدت زمان این آموزش 100 ساعت هم بشه وظیفه انسانی و وجدان کاری ماست هر بطور کامل مباحث رو توضیح بدیم دوستانی که در دوره فتوشاپ با بنده همرا بودن میدونن که در اون دوره هم ما تا جایی که تونستیم به جزئی ترین مسائل هم پرداختیم تا موردی از قلم نیفته .نگرانی جذابیت دوره هم نباشید انشاالله به پروژه ها که رسیدیم حتما براتون جذاب خواهد شد:-)
موفق باشید…

Mani Soft

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

Mani Soft replyپاسخ

سلام
اگه ممکنه فایل html اولیه رو برای دانلود قرار بدین

وحید صالحی

سلام اگر منظورتون فایل پروژه هاست فعلا امکانش نیست به پروژه ها که رسیدیم در پایان هر پروژه فابل ها قرار خواهد گرفت

سید احسان عظیمی replyپاسخ

سلام من واقعا علاقه عجیبی به بوت استرپ دارم،حدود 50 درصد css رو بلدم و حدود 60 درصد bootstrap ،و تصمیم گرفتم تو این دوره ثبت نام کنم،امیدوارم تصمیم درستی گرفته باشم با اینکه همه بهم میگن اول css بعد bootstrap

وحید صالحی

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

Elano Bahrami replyپاسخ

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

وحید صالحی

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

Elano Bahrami

لینک میشه به یک صفحه ی دیگه دانلود نمیشه

وحید صالحی

با تبلت و موبایل امکانش نیست دوست عزیز فقط با لپ تاپ و pc می تونید دانلود کنید این موضوع رو مد نظر داشته باشید

Eh. Sh replyپاسخ

سلام،تو این دوره بوت استرپ ۳ آموزش داده میشه؟

وحید صالحی

سلام بله دوست عزیز

ارسال نظرات

کاربر گرامی، امکان ارسال نظر و پشتیبانی برای دوره های مجازی فقط برای دانشجویان این دوره امکان پذیر می باشد.