توضیحات

دوره آموزشی Lynda Bootstrap 3 Training

Bootstrap مجموعه ای از ابزارهای رایگان برای ساخت وب سایت ها و برنامه های وب است. بوت‌استرپ شامل تمپلت های طراحی اچ‌تی‌ام‌ال و سی‌اس‌اس محور برای typography، فرم ها، دکمه ها، نمودارها، اجزاء راهبری و دیگر اجزاء رابط کاربری و الحاقات اختیاری (JavaScript Extensions)، می باشد. بوت‌استرپ محبوب ترین پروژه در GitHub است که توسط NASA و MSNBC و دیگر سایت های مطرح استفاده شده است. بوت‌استرپ پشتیبانی نسبتاً ناقصی از HTML 5 و CSS 3 دارد، اما با تمامی مرورگرهای عمده سازگار است. از نسخه ۲٫۰، بوت‌استرپ از طراحی واکنش گرا (Responsive design) نیز پشتیبانی می کند. این بدان معنی است که طراحی گرافیکی صفحات وب به طور داینامیک با خصوصیات دستگاه مورد استفاده (کامپیوتر، تبلت و موبایل) تطبیق پیدا می کنند
در دوره های آموزشی Bootstrap 3 Tutorial Series شما با قابلیت های اساسی و کلیدی بوت‌استرپ آشنا می شوید.

عناوین آموزشی Up and Running with Bootstrap 3:
– دانلود و نصب بوت استرپ
– آشنایی با ساختار فایل بوت استرپ
– بررسی شبکه ۱۲ ستونه (۱۲-column grid)
– تغییر عرض و نظم ستون ها
– ظاهر دکمه ها، تصاویر و جداول
– ایجاد یک گالری Thumbnail
– اضافه کردن افکت های جاوا اسکریپت، مانند منو، تب ها، accordion ها و …
– و …

عناوین آموزشی Bootstrap 3: Advanced Web Development:
– نمونه سازی سایت
– کار ​​با یک وب سرور محلی
– ایجاد یک قالب پایه با Git
– ایجاد ستون های اصلی – ساخت ماژولار سایت با PHP
– افزودن ناوبری (navigation) اولیه
– افزودن یک carousel
– کار ​​با دکمه ها
– ساخت و فعال سازی تب ها
– افزودن صفحه و ساختار استایل های LESS
– و …

عناوین آموزشی Templating with Joomla! 3 and Bootstrap:
– بررسی طرح های گرافیکی
– ایجاد HTML بر اساس چارچوب بوت استرپ
– تبدیل HTML به قالب جوملا
– نصب یک قالب سفارشی جوملا
– استفاده از Firebug و نوار ابزار Firefox Web Developer
– طراحی Navigation Bar
– اصلاح قالب برای تبلت و گوشی های تلفن همراه
– کار ​​با ویژگی های قالب پیشرفته، مانند override ها
– و …

دیگر دوره های آموزشی:
– سفارشی سازی Bootstrap 3 با LESS
– آموزش Bootstrap 3 برای افزودن قابلیت تعاملی بودن به وب سایت
– و …


Up and Running with Bootstrap 3:
Meet Bootstrap, the one-stop shop for designing sleek, mobile-ready websites with HTML5, CSS3, and JavaScript. It’s an open-source, responsive design framework, featuring a grid-based layout system, web-ready icons you can incorporate into your designs, fully functional navigation, and much more. Join Jen Kramer for a quick overview of all of the goodies in Bootstrap, and then learn how to customize the grid, override the CSS to customize your site, and leverage Bootstrap’s stylish built-in JavaScript effects. Once you’re prepared to test your knowledge, you can take the hands-on challenges offered by Jen.

Topics include:
– Downloading and installing Bootstrap
– Understanding the Bootstrap file structure
– Exploring the 12-column grid
– Changing column width and order
– Styling buttons, images, and tables
– Overriding core CSS
– Creating a thumbnail gallery
– Adding JavaScript effects, like dropdown menus, tabs, accordions, and more

Bootstrap 3: Advanced Web Development:
Generate your own interactive website from scratch with Bootstrap, the mobile-friendly framework from Twitter, in this start-to-finish course with developer and author Ray Villalobos. First, you’ll plan and prototype the interface with MindMaps and Balsamiq Mockups. Next, download Bootstrap and dive into organizing your site structure with its scaffolding feature—adding PHP includes to break your code into reusable modules and building in the core navigation. Ray then shows you how to build interactive carousels, modal features, and forms, and control these features with JavaScript. Finally, learn to style it all with LESS and prepare to publish the results online.

Topics include:
– Prototyping the site
– Working with a local web server
– Creating a baseline template with Git
– Scaffolding the main columns
– Making the site modular with PHP includes
– Adding basic navigation
– Adding a carousel
– Working with buttons
– Creating and activating tabs
– Adding page and structure LESS styles

Templating with Joomla! 3 and Bootstrap:
In this course, Jen Kramer shows how to build a custom Joomla! template that automatically tailors and sizes content for a wide range of displays, from desktops to mobile devices. This course covers using Joomla! 3 with its built-in Bootstrap framework, and a start-to-finish development strategy that covers everything from converting the wireframe to HTML, to styling the headers and footers. Jen also shows how to incorporate Dreamweaver and the Firefox developer tools into your workflow, and accommodate multiple layouts and color variations in a single template.

Topics include:
– Reviewing the graphic designs
– Creating HTML based on the Bootstrap framework
– Converting the HTML to a Joomla! template
– Installing the custom Joomla! template
– Using Firebug and the Firefox Web Developer Toolbar
– Styling the navigation bars
– Creating a dropdown menu
– Modifying the template for tablets and phones
– Working with advanced template features, like overrides

Customizing Bootstrap 3 with LESS:
Do more with LESS in Bootstrap. In this course, Jen Kramer shows you how to customize the look and feel of your Bootstrap site with LESS CSS, as well as LESS mixins and Bootstap’s own customization screens. You’ll learn how to configure Prepros, a LESS compiler; work within the LESS file structure; and start modifying fonts, color, spacing, and more with the variables.less file. Then LESS’s mixins will allow you to make advanced customizations like custom buttons and tab styles. Just press Play to start learning.

Topics include:
– Setting up your working environment for Bootstrap and LESS
– Understanding the LESS file structure
– Creating and manipulating LESS variables
– Working with LESS mixins
– Creating custom styles using mixins and variables

Bootstrap 3: Adding Interactivity to Your Site:
Twitter’s Bootstrap is one of the most popular HTML/CSS/JavaScript frameworks for creating responsive websites. Here, Jen Kramer shows you how to add interactive elements like a thumbnail gallery, image carousel, or contact form using Bootstrap and a simple text editor. Plus, learn to style these features with CSS and add helpful JavaScript-based pop-ups and tooltips that enhance their usability. Along the way, you can test your Bootstrap prowess with a series of challenge videos.
Need help getting Bootstrap up and running? Check out Up and Running with Bootstrap 3.

Topics include:
– Installing Bootstrap 3, Sublime Text 2, and jQuery
– Planning the thumbnail gallery
– Creating modal windows
– Creating an image carousel
– Linking images and adding captions
– Changing the carousel rotation
– Laying out and styling a contact form


در دوره آموزشی Bootstrap 3: Advanced Web Development شما با قابلیت های اساسی و کلیدی بوت‌استرپ آشنا می شوید.

عناوین آموزشی:
– نمونه سازی سایت
– کار ​​با یک وب سرور محلی
– ایجاد یک قالب پایه با Git
– ایجاد ستون های اصلی – ساخت ماژولار سایت با PHP
– افزودن ناوبری (navigation) اولیه
– افزودن یک carousel
– کار ​​با دکمه ها
– ساخت و فعال سازی تب ها
– افزودن صفحه و ساختار استایل های LESS
– و …

Generate your own interactive website from scratch with Bootstrap, the mobile-friendly framework from Twitter, in this start-to-finish course with developer and author Ray Villalobos. First, you’ll plan and prototype the interface with MindMaps and Balsamiq Mockups. Next, download Bootstrap and dive into organizing your site structure with its scaffolding feature—adding PHP includes to break your code into reusable modules and building in the core navigation. Ray then shows you how to build interactive carousels, modal features, and forms, and control these features with JavaScript. Finally, learn to style it all with LESS and prepare to publish the results online.

Topics include:
– Prototyping the site
– Working with a local web server
– Creating a baseline template with Git
– Scaffolding the main columns
– Making the site modular with PHP includes
– Adding basic navigation
– Adding a carousel
– Working with buttons
– Creating and activating tabs
– Adding page and structure LESS styles


همچنین ببینید :

Wordpress Lynda Lynda pro web design
Lynda responsive web design Adobe Muse + Training
Infinite skills mobile web design wordpress pluralsight CSS

سجاد نبی زاده

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

More Posts

Follow Me:
TwitterFacebookLinkedInPinterestGoogle PlusDiggYouTube

دیدگاهها

هیچ دیدگاهی برای این محصول نوشته نشده است.

اولین نفری باشید که دیدگاهی را ارسال می کنید برای “Lynda Bootstrap 3 Training”

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.