وبلاگ :: rpiona

دوره Bootstrap 31 Base CSS

در این آموزش تصویری با مباحث مربوط به دوره Bootstrap 3.1 Base CSS آشنا می شوید. دلایل زیادی برای دوست داشتن بوت استرپ وجود دارد،چرا؟ جدا از اینکه یک چهارچوب متن باز رایگان است، فوق العاده قدرتمند است، یک فریم ورک پیشرو و واکنشگرا برای موبایلهاست، بسیاری از مزایا و خصوصیات لازم را با تلاش کمی می توانید به آن اضافه کنید. کافی است قدری دانش کار با عناصر اساسی بوت استرپ داشته باشید، سپس با اضافه کردن چند کلاس CSS اینجا و آنجا به عناصر HTML می توانید واقعا تحول خوبی در تبدیل سایت خود به یک سایت حرفه ای واکنش گرا داشته باشید. ما در این دوره به شما می آموزیم چطور کلاسهای CSS با بوت استرپ هماهنگ شده و چطور آنها را به سایت خود اضافه کنید تا واقعا بزرگ و بی نظیر دیده شود، شما قطعا متعجب خواهید شد و شاید هم عاشق این چهارچوب پیشرو بوت استرپ شوید.
این دوره آموزشی محصول موسسه LearnNowOnline است.

سرفصل های دوره:

Grid
مقدمه
سیستم گرید Grid
ستون های گرید Responsive
عرض ستون های Responsive
طرح اولیه HTML
ویژگیهای دیگر Grid
پیش نمایش : سیستم گرید
پیش نمایش : گرید med to sm
پیش نمایش : گرید offsets
پیش نمایش : گریدpush pull
خلاصه فصل
تایپوگرافی
مقدمه
تایپوگرافی
لیست ها
پیش نمایش: تایپوگرافی
پیش نمایش تایپوگرافی-لیست ها
خلاصه فصل
جدول
مقدمه
جداول
استایل سلول ها و سط جداول
پیش نمایش : استایل جداول
پیش نمایش : سلول/سطر جداول
خلاصه فصل
فرم ها
معرفی
فرم ها
فرم های نرمال
فرم های افقی
فرم های درون خطی
کنترل های پشتیبانی
استایل فرم
پیش نمایش: فرم های نرمال
پیش نمایش : فرم های افقی
پیشن نمایش : فرم های درون خطی
خلاصه فصل
دکمه ها
مقدمه
دکمه ها
استایل دکمه ها
پیش نمایش : دکمه ها
خلاصه فصل
کمک کننده ها
مقدمه
کلاس های کمک کننده
کمک کننده های Responsive
پیش نمایش : Helper – color – hidden
پیش نمایش Helper – visible – text
خلاصه فصل
UpdatingBlogSite
معرفی
به روز رسانی وبلاگ سایت
پیش نمایش وبلاگ سایت -طرح اصلی
پیش نمایش وبلاگ سایت – پست – عنوان اول
پیش نمایش وبلاگ سایت -پست – عنوان دوم
پیش نمایش وبلاگ سایت-Override
خلاصه فصل
عنوان دوره: LearnNowOnline Bootstrap 3.1 Base CSS

سطح: متوسط

مدت زمان: 1 ساعت و 40 دقیقه
مدرس : Adam Barney

این فیلم آموزشی اوریجینال بوده و به زبان انگلیسی ساده و روان ، در محیط نرم افزار و قابل درک برای همه تدریس می گردد

Bootstrap has many reasons to love it. Why? Apart from being a FREE, open-sourced, really powerful, mobile-first responsive front-end framework, it also provides you with quite a lot of value right out of the box – with very little effort. With just a simple knowledge of some of the basic elements of Bootstrap styles, it takes just a small amount of work – typically just adding an CSS class here or there to HTML elements you already have in place to – to truly transform your site in to a professional-looking cleanly designed web application. In this course, we look at what basic CSS classes come with Bootstrap and how to apply them to your site to make it look great. You’ll be surprised at how easy it is, and maybe you’re love affair with this front-end framework will begin too.

Prerequisites

This course assumes that the users have an understanding of developing web applications using HTML, ASP.NET, and JavaScript in any development environment. The user should have already viewed ‘Bootstrap 3.1: Introduction and Installing’ before viewing this course.

Grid (27:09)

Introduction (00:50)

The Grid System (01:07)

The Responsive Grid Columns (00:43)

Responsive Column Widths (02:16)

Basic Layout HTML (00:29)

Other Grid Features (01:15)

Demo: The Grid System (04:18)

Demo: The Grid - med to sm (05:47)

Demo: The Grid - offsets (05:02)

Demo: The Grid - push pull (05:02)

Summary (00:15)

Typography (09:18)

Introduction (00:24)

Typography (00:49)

Lists (00:59)

Demo: Typography (03:18)

Demo: Typography - lists (03:27)

Summary (00:18)

Tables (08:17)

Introduction (00:18)

Tables (01:06)

Table Row and Cell Styling (00:34)

Demo: Table - styles (03:25)

Demo: Tables - rows/cells (02:35)

Summary (00:17)

Forms (14:42)

Introduction (00:22)

Forms (01:00)

Normal Forms (00:40)

Horizontal Forms (01:08)

Inline Forms (00:41)

Supported Controls (00:21)

Form Style (00:59)

Demo: Forms - normal (03:27)

Demo: Forms – horizontal (04:30)

Demo: Forms – inline (01:09)

Summary (00:20)

Buttons (07:54)

Introduction (00:36)

Buttons (00:53)

Button Styling (01:01)

Demo: Buttons (05:06)

Summary (00:17)

Helpers (12:46)

Introduction (00:28)

Helper Classes (01:36)

Responsive Helpers (01:09)

Demo: Helper - color - hidden (04:11)

Demo: Helper - visible - text (05:04)

Summary (00:16)

UpdatingBlogSite (20:44)

Introduction (00:16)

Updating Our Blog Site (00:30)

Demo: Blog Site - Main layout (05:03)

Demo: Blog Site – Post - title1 (04:47)

Demo: Blog Site – Post - title2 (04:13)

Demo: Blog Site – Override (05:17)

Summary (00:34)

این فیلم آموزشی اوریجینال بوده و به زبان انگلیسی ساده و روان ، در محیط نرم افزار و قابل درک برای همه تدریس می گردد

قیمت : 10000 تومان

روش خرید: برای خرید "دوره Bootstrap 31 Base CSS" ، پس از کلیک روی دکمه زیر و تکمیل فرم سفارش، ابتدا محصول یا محصولات مورد نظرتان را درب منزل یا محل کار تحویل بگیرید، سپس وجه کالا و هزینه ارسال را به مامور پست بپردازید. جهت مشاهده فرم خرید، روی دکمه زیر کلیک کنید.

1-روی دکمه خرید پستی کلیک نمایید.
2-فرم مربوطه را به صورت کامل و صحیح پر نمایید.
3-سفارش خود را درب منزل از پستچی تحویل گرفته سپس هزینه را پرداخت نمایید.

آموزش حجاری و یا Sculpting سه بعدی به کمک نرم افزار TopoGun
ویندوز7 sp1 ultimateاورجینال
دوره Cisco CCNP Security 300208 SISAS
اصول Stripe با ASPNET MVC
آموزش ساخت طرح های XAML
آموزش انجام فرایند Baking بر روی Light Map های مدل سه بعدی یک بازی به کمک MAYA و Mental Ray
آموزش حرفه ای 3Ds Max 2009
آموزش نصب و راه اندازی PHP و WordPress بر روی Cloud AWS و یا VPS
دوره Bootstrap 31 Base CSS

کلمات کلیدی :نمایش وبلاگ سایت demo blog site فیلم آموزشی اوریجینال the grid system blog site وره bootstrap the grid وبلاگ سایت نمایش وبلاگ بوت استرپ base css نمایش bootstrap introduction forms summary وبلاگ helper

۰ نظر

آسمان آبی

rpiona

rpiona

۲ مطلب با کلمه‌ی کلیدی «وبلاگ» ثبت شده است

دوره Bootstrap 31 Base CSS

دوره Bootstrap 31 Base CSS

دوره Bootstrap 31 Base CSS

عنوان دومین مطلب آزمایشی من