آموزش بوت استرپ 3: توسعه وب پیشرفته

5. فراتر از قالب های سنتی تصویر Introduction

• مقدمه Introduction

• آنچه باید بدانید What you should know

• با استفاده از پرونده های تمرینی Using the exercise files

5. فراتر از قالب های سنتی تصویر 1. Planning and Setting Up

• سایت خود را با نقشه های ذهن برنامه ریزی کنید Planning your site with mind maps

• نمونه سازی سایت شما با استفاده از mockup Prototyping your site using mockups

• تهیه و تنظیم یک برنامه Heroku Getting and setting up a Heroku app

• کار با سرور وب محلی Working with a local web server

• بارگیری قطعات و سازماندهی پرونده ها Downloading components and organizing files

• پردازش پرونده های LESS با CodeKit Processing LESS files with CodeKit

• ترکیب و کمینه سازی پرونده های JavaScript Combining and minifying JavaScript files

• راه اندازی بوت استر کامپیوتر PC Bootstrap Setup

• ایجاد یک شاخه قالب پایه با Git Creating a baseline template branch with Git

• دارایی های ما را اضافه می کنیم Adding our assets

5. فراتر از قالب های سنتی تصویر 2. Scaffolding

• داربست های اصلی ما Scaffolding our main columns

• استفاده از PHP شامل تعدیل سایت ماست Using PHP includes to modularize our site

• افزودن پیمایش اولیه Adding basic navigation

• ایجاد یک کرکره Creating a dropdown

• خودکار کردن حرکت با jQuery Automating dropdowns with jQuery

• موارد منو را به طور خودکار فعال کنید Activating menu items automatically

• اضافه کردن آرد سوخاری Adding footer breadcrumbs

5. فراتر از قالب های سنتی تصویر 3. Building Main Content

• اضافه کردن چرخ فلک Adding a carousel

• ساخت اجزای پاسخگو Building responsive components

• کار با دکمه ها Working with buttons

• اضافه کردن یک شبکه عکس با نکات ابزار Adding a photo grid with tooltips

• ایجاد مؤلفه های رسانه ای Creating media components

5. فراتر از قالب های سنتی تصویر 4. Expanding Our Content

• اضافه کردن تبلیغی اطلاعات ثبت نام Adding the registration info promo

• با استفاده از عکس های معین Using modal photos

• ایجاد آکاردئون Creating an accordion

• استفاده از مؤلفه عکس ما Reusing our photo component

5. فراتر از قالب های سنتی تصویر 5. Additional Pages

• ایجاد و فعال کردن برگه ها Creating and activating tabs

• با استفاده از یک جزء ScrollSpy Using a ScrollSpy component

• بهبود طرح های فرم پاسخگو Enhancing responsive form layouts

5. فراتر از قالب های سنتی تصویر 6. Finishing Our Application

• در حال ویرایش متغیرهای Bootstrap LESS Editing Bootstrap LESS variables

• اضافه کردن صفحه و سبک های سبک Adding page and structure LESS styles

• شخصی سازی سایر مؤلفه ها با LESS Customizing other components with LESS

• مؤلفه ScrollSpy خود را طراحی کنید Styling your ScrollSpy component

• در حال پایان دادن به وب سایت های خود Finishing your websites

5. فراتر از قالب های سنتی تصویر Conclusion

• مراحل بعدی Next steps