مهاجرت از بوت استرپ ۳ به ۴


سلام خب من طی یه دوره بوت استرپ ۳ رو آموزش دادم و دوستان هم خیلی علاقه نشون دادند و تقریبا دوره خوبی بود، ولی همینطور که اطلاع دارید بوت استرپ ۴ منتشر شد (بالاخره !) و خیلی بهتر و بهینه تر شده و خودم به شخصه ورژن ۴ رو خیلی دوست دارم. البته بوت استرپ ۳ هنوز ساپورت میشه و شما میتونید مستنداتش رو مطالعه کنید (من مستندات آفلاین ورژن ۳ رو در اینجا هم قرار دادم) یکی از دوستان به اسم امیر مهدی تو یه کامنت نوشته : بَه بَه کِههه. بوت‌استرپ ۴ اومد نصف کدهاش تغییر ...


20:41
19

آموزش استفاده از آیکون متحرک Livicons


آیکون های زنده مجموعه ای از آیکون های وکتور با فرمت SVG هستند که بصورت متحرک در صفحات وب قابل اجرا هستند . استفاده کردن از این آیکون و لوگو ها در صفحات وب بسیار بصرفه تر از آیکون های معمولی که در حال حاضر با فرمت های png , gif , jpg و ... هستند به نحوی که حجم بسیار پایین تری دارند پس سرعت لود بیشتر و سئو هم افزایش خواهد یافت ؛ علاوه بر این این آیکون ها به هیچ وجه کوچیک ترین افت کیفیتی نخواهند داشت در صورتی که آیکون های ...


10:04
88

آموزش طراحی قالب بوت استرپ [گام 7] رسپانسیو کردن قالب


و اما آخرین قسمت از دوره بوت استرپ رو تقدیمتون میکنم :) در این جلسه قالبی رو که طراحی کردیم رو رسپانسیو میکنم و از کلاس های col استفاده میکنیم. ویدیو این جلسه رو میتونید از باکس زیر دانلود کنید : [dl_box_user]دانلود فیلم آموزشی*http://dl.mrprogrammer.net/bootstrap/bstheme/bstheme-7.mkv*79*26[/dl_box_user] پروژه این جلسه نیز از باکس زیر قابل دریافت است: [dl_box_user]دانلود پروژه این جلسه*http://dl.mrprogrammer.net/bootstrap/bstheme/bstheme-project.zip*2[/dl_box_user]   امیدوارم از این دوره لذت برده باشید ، در دوره جدید همین قالب رو به وردپرس تبدیل میکنیم. تشکر میکنم از دوستانی که در طول این دوره با ارسال نظر از این دوره حمایت کردند و باعث دلگرمی من برای ادامه دادن این ...


14:42
135

آموزش طراحی قالب بوت استرپ [گام 6] باکس پیشرفت پروژه


در ششمین قسمت آموزش بوت استرپ باکس مطالب تصادفی و پیشرفت پروژه رو پیاده میکنیم. ویدیو این جلسه از باکس زیر قابل دریافت است : [dl_box_user]دانلود فیلم آموزشی*http://dl.mrprogrammer.net/bootstrap/bstheme/bstheme-6.mkv*41*16[/dl_box_user] و پروژه این جلسه هم از باکس زیر قابل دریافت است : [dl_box_user]دانلود پروژه این جلسه*http://dl.mrprogrammer.net/5/bootstrap-bs6-proj.zip*2[/dl_box_user]   عذر خواهی میکنم به دلیل تاخیر ، قسمت بعدی آخرین قسمت این دوره خواهد بود که در همین هفته تقدیمتون میکنم. بابت اتفاقاتی که در انتهای این ویدیو افتاد ...  :)


11:16
30

آموزش طراحی قالب بوت استرپ [گام 5] باکس محتوا و فوتر


در پنجمین قسمت از دوره طراحی قالب بوت استرپ نحوه سایختن فوتر و باکس محتوا رو آموزش دادم . ویدی این قسمت رو میتونید از باکس زیر دانلود کنید : [dl_box_user]دانلود فیلم آموزشی*http://dl.mrprogrammer.net/bootstrap/bstheme/bstheme-5.mkv*81*39[/dl_box_user] و پروژه این جلسه هم از باکس زیر قابل دریافت است : [dl_box_user]دانلود پروژه این جلسه*http://dl.mrprogrammer.net/5/bootstrap-bs5-proj.zip*2[/dl_box_user]   طبق درخواست دوستان بعد از پایان رساندن این قالب دوره طراحی قالب وردپرس را با همین قالب شروع خواهم کرد . فقط باید سر فصل هاشو آماده کنم که یه دوره درست و حسابی و بدون نقص و با برنامه ریزی رو داشته باشیم. سپاس گذارم از همه عزیزان ;)


20:43
47

آموزش طراحی قالب بوت استرپ [گام 4] تب بار


درود ، تشکر میکنم از دوستانی که تا به اینجا با ارسال نظر حمایت کردند. با همراهی شما ادامه این دوره رو تقدیتون می کنم. در چهارمین قسمت از آموزش های طراحی قالب با بوت استرپ میریم سراغ ساید بار سمت راست و جعبه ابزار تب بندی شده رو پیاده میکنیم. آموزش این قسمت رو میتونید از باکس زیر دانلود کنید : [dl_box_user]دانلود فیلم آموزشی*http://dl.mrprogrammer.net/bootstrap/bstheme/bstheme-4.mkv*68*40[/dl_box_user]   فایل پروژه این جلسه هم از باکس زیر قابل دانلود است : [dl_box_user]دانلود پروژه این جلسه*http://dl.mrprogrammer.net/5/bootstrap-bs4-proj.zip*2[/dl_box_user]


07:46
37

آموزش طراحی قالب بوت استرپ [گام 3] اسلاید سه ستونه


بنا به درخواست دوستان ادامه این دوره رو سریعتر ضبط میکنم . در این ویدیو باکس اسلاید سه ستونه محتوا را توضیح دادم. فلم آموزش این جلسه را میتوانید از باکس زیر دانلود کنید : [dl_box_user]دانلود فیلم آموزشی*http://dl.mrprogrammer.net/bootstrap/bstheme/bstheme-3.mkv*25*13[/dl_box_user]   پروژه این جلسه را از باکس زیر میتونید دریافت کنید : [dl_box_user]دانلود پروژه این جلسه*http://dl.mrprogrammer.net/5/bootstrap-bs3-proj.zip*2[/dl_box_user]


11:38
105

آموزش طراحی قالب بوت استرپ [گام 2] پیاده سازی باکس ویجت


دومین قسمت از دروه طراحی قالب بوت استرپ رو تقدیمتون میکنم . ویدیو این جلسه رو میتونید از باکس زیر دانلود کنید : [dl_box_user]دانلود فیلم آموزشی*http://dl.mrprogrammer.net/bootstrap/bstheme/bstheme-2.mkv*42*18[/dl_box_user] پروژه این جلسه در زیر قرار داده شده : [dl_box_user]دانلود پروژه*http://dl.mrprogrammer.net/5/bootstrap-bst2-proj.zip*1[/dl_box_user]   در این قسمت باکس ویجت های ساید بار تنظیم خواهد شد و دو ابزارک خبرنامه و اسلاید رو پیاده کردیم.


08:26
53

آموزش طراحی قالب بوت استرپ [گام 1] چهار چوب و ساخت هدر


این آموزش در ادامه 15 جلسه دوره آموزش بوت استرپ هست که قصد داریم قالب با ظاهر زیر رو کد کنیم : ویدیو این قسمت را از باکس زیر میتونید دانلود کنید : [dl_box_user]دانلود فیلم آموزشی*http://dl.mrprogrammer.net/bootstrap/bstheme/bstheme-1.mkv*54*21[/dl_box_user]   در این قسمت چهار چوب و هدر را پیاده کردیم . در قسمت بعدی که قول میدم سریع تر پیش بریم و تا 2 جلسه آینده قالب رو تکمیل کنیم ساید بار و محتوای قالب رو پیاده خواهیم کرد. پروژه ی این جلسه را میتوانید از باکس زیر دانلود کنید : [dl_box_user]دانلود پروژه این قسمت*http://dl.mrprogrammer.net/5/bstheme-1-proj.zip*1[/dl_box_user]


12:39
80

آموزش بوت استرپ [گام آخر] سفارشی سازی


آخرین قسمت از دوره آموزش بوت استرپ رو تقدیمتون میکنم ، امیدوارم از این دوره لذت برده باشید. در این قسمت با نحوه سفارشی سازی بوت استرپ آشنا خواهید شد. ویدیو این قسمت را میتوانید از باکس زیر دانلود کنید : [dl_box_user]دانلود فیلم آموزشی*http://dl.mrprogrammer.net/bootstrap/15-bootstrap.mkv*27*7[/dl_box_user]   بوت استرپ امکانات زیادی داره و ممکنه در پروژه از برخی از این امکانات استفاده نشه ، وجود این امکانات در پروژه باعث افزایش حجم و تاخیر در بارگذاری و در نهایت در SEO نیز تاثیر داره. برای جلوگیری از بروز این مشکلات بوت استرپ بخشی رو تحت عنوان customize در سایتش قرار ...


12:12
72