ipiona

۱ مطلب با کلمه‌ی کلیدی «آموزشی اوریجینال بوده» ثبت شده است

  • ۰
  • ۰

کار با اجزای Bootstrap 31

کار با اجزای Bootstrap 31

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

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

ورودی
مقدمه
کامپوننت های Bootstrap
کامپوننت های Input
لیست های کشویی
دکمه های گروهی
دکمه هایی کشویی
گروه های Input
پیش نمایش : Dropdown & Buttons
پیش نمایش : Buttons & Input Groups
خلاصه فصل
منو
معرفی
منو
Navs
نوار پیمایش
بخشی ازنوار پیمایش
ترازبندی
پیش نمایش : Navs – tabs & pills
پیش نمایش : Navs – static navbars
پیش نمایش : Navs – fixed navbars
خلاصه فصل
Lable ها و مدال ها
مقدمه
Labels and Badges
Badges
پیش نمایش : Labels & Badge
خلاصه فصل
BreadCrumbs
مقدمه
Breadcrumbs
صفحه بندی
پیش نمایش : Breadcrumbs و صفحه بندی
خلاصه فصل
هیدرها
مقدمه
هیدرهای صفحه و Jumbotrons
Jumbotrons
پیش نمایش هیدرهای صفحه و Jumbotrons
خلاصه فصل
پنل ها
مقدمه
Panels, Wells, and Alerts
Wells
هشدارها
پیش نمایش : پنل ها
پیش نمایش : Wells and Alerts
خلاصه فصل
Thumbnails
مقدمه
Thumbnails و آیکون ها
Glyphicons
پیش نمایش : Thumbnails
پیش نمایش : Glyphicons
خلاصه فصل
عنوان دوره: LearnNowOnline Bootstrap 3.1 Components

سطح: متوسط

مدت زمان: 1 ساعت و 16 دقیقه

مدرس : Adam Barney

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


HTML is pretty simple. There are a limited number of elements, and only so much you can do to style those individual elements. Bootstrap’s core CSS does a good job with that default styling, but now it’s time to take the next step. In this course, we’ll look at Bootstrap Components – these are design elements that are not a part of HTML proper, but a combination of HTML and CSS that create compelling visual design elements to help create engaging user interfaces. We’ll look at creating some different input elements, page navigation, emphasizing content in subtle ways with labels and badges, or in big ways with jumbotrons. We’ll also check out how we can visually separate content from its surroundings – both text-based content in wells, panels and alerts, and images in thumbnails. It all comes together beautifully with Bootstrap to make our job of creating great-looking websites easy!

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’ and ‘Bootstrap 3.1: Base CSS’ before viewing this course.

Input (15:42)

Introduction (00:41)

Bootstrap Components (00:35)

Input Components (00:31)

Dropdowns (01:13)

Button Groups (00:48)

Split-Button Dropdown (00:33)

Input Groups (01:02)

Demo: Dropdown & Buttons (04:26)

Demo: Buttons & Input Groups (05:24)

Summary (00:25)

Navigation (17:24)

Introduction (00:27)

Navigation (00:23)

Navs (00:42)

Navbars (01:16)

Parts of a Navbar (00:51)

Alignment (01:05)

Demo: Navs - tabs & pills (03:33)

Demo: Navs - static navbars (04:32)

Demo: Navs - fixed navbars (04:08)

Summary (00:21)

Labels and Badges (05:04)

Introduction (00:23)

Labels and Badges (00:34)

Badges (01:01)

Demo: Labels & Badges (02:41)

Summary (00:23)

BreadCrumbs (07:55)

Introduction (00:37)

Breadcrumbs (00:49)

Pagination and Pagers (01:25)

Demo: Breadcrumbs & Pagination (04:47)

Summary (00:14)

Headers (07:43)

Introduction (00:31)

Page Headeres and Jumbotrons (00:54)

Jumbotron (00:56)

Demo: Headers & Jumbotrons (05:06)

Summary (00:14)

Panels (11:18)

Introduction (00:21)

Panels, Wells, and Alerts (01:21)

Wells (00:31)

Alerts (01:01)

Demo: Panels (03:26)

Demo: Wells and Alerts (04:18)

Summary (00:18)

Thumbnails (10:55)

Introduction (00:30)

Thumbnails and Icons (01:10)

Glyphicons (01:24)

Demo: Thumbnails (03:25)

Demo: Glyphicons (04:05)

Summary (00:20)




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

قیمت : 10000 تومان



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


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





سایر محصولات :
خرید پستی آموزش محاسبات ابری با Microsoft Azure
خرید پستی دوره Bootstrap 31 Base CSS
خرید پستی کار با اجزای Bootstrap 31
خرید پستی دوره Bootstrap 31 JavaScript
خرید پستی آموزش Entity Framework 61 : توسعه کدنویسی
خرید پستی Entity Framework 61 : کار با مدل داده ای
خرید پستی آشنایی با Entity Framework 61
خرید پستی دوره Entity Framework 61: ORM and Modifying Entities
خرید پستی دوره آموزشی Entity Framework 61 ویژگی های SQL Server
خرید پستی آموزش Lightroom 5 قسمت 5 : نحوه توسعه برنامه
خرید پستی آموزش InDesign CC قسمت 1 : کار با ابزارها و تنظیمات
خرید پستی آموزش InDesign CC قسمت 2 : کار با استایل ها و کتابخانه ها
خرید پستی آموزش InDesign CC قسمت 3 : کاربرد XML و فرم هایPDF
خرید پستی آموزش Lightroom 5 قسمت 2 : کار با تصاویر
خرید پستی آموزش Lightroom 5 قسمت 3 : سازماندهی تصاویر
خرید پستی آموزش Lightroom 5 قسمت 4 : کار با مجموعه ها و پشتیبان گیری از آن
خرید پستی آموزش Lightroom 5 قسمت 8 : کار با Layout ها
خرید پستی آموزش Lightroom 5 قسمت 7 : خروجی گرفتن و منتشر کردن
خرید پستی آموزش Lightroom 5 قسمت 9 : نحوه نمایش اسلایدها
خرید پستی آموزش Photoshop CC قسمت 4 : کار با پسوندهای JPG GIF و PNG
خرید پستی آموزش Photoshop CC قسمت 5 : کار با تصاویر پانورامای و سه بعدی
خرید پستی متحرک سازی شخصیت های انیمیشنی
خرید پستی آموزش سریع طراحی دیجیتال در نرم افزار فتوشاپ
خرید پستی بازاریابی در Facebook : نحوه رشد پیج ها بدون تبلیغات
خرید پستی آموزش بازاریابی محتوا برای نویسندگان مربیان و مشاوران
خرید پستی 10 نکته کلیدی برای کار با دوربین عکاسی
خرید پستی دوره آموزش Cisco CCNA Wireless: Design and Troubleshooting
خرید پستی تولید ویدیو پانوراما ۳۶۰ درجه با استفاده از GoPros و Kolor Autopano Video
خرید پستی رهایی از قرض – نحوه استفاده از سود مرکب
خرید پستی آماده شدن برای مصاحبه – نکات کلیدی برای مصاحبه های شغلی
خرید پستی نحوه نوشتن انتشار و کتاب
خرید پستی آشنایی با Construct 2
خرید پستی اصول بازاریابی برای نویسندگان و مربیان
خرید پستی بهینه سازی موتور جستجو برای نویسندگان و مربیان
خرید پستی آموزش SketchUp برای طراحان داخلی – ساخت Floorplan
خرید پستی روش های سریع در مطالعه موثر
خرید پستی طراحی ساخت و کسب درآمد از وب سایت با WordPress
خرید پستی آشنایی با Mac TerminalCommand Line
خرید پستی طراحی حرفه ای و سریع وب سایت
خرید پستی ترافیک رایگان هدفمند برای وب سایت و دوره های شما

فیلم آموزش C#NET 2013 قسمت اول
آموزش سریع و کاربردی برنامه Excel 2016
دستیار تدوین 2 اورجینال
آموزش جامع ایجاد و استفاده از نمودارهای گانت
آموزش آسان و سریع SQL
عکاسی خیابانی از شهر در شب
موتور رندر Maxwell Render 2710
آموزش چندین کنترل سمت سرور ASPNET 20
کار با اجزای Bootstrap 31


کلمات کلیدی :زبان انگلیسی ساده آموزشی اوریجینال بوده فیلم آموزشی اوریجینال amp amp اجزای bootstrap wells and labels and نمایش navs and badges and alerts نمایش bootstrap introduction summary input wells elements اجزای badges labels
  • آسمان آبی