Bootstrap 4 Site Blueprints

ویژگی‌های قوی Bootstrap 4 را برای ایجاد وب‌سایت‌های هیجان‌انگیز از طریق این مجموعه پروژه‌های عملی عالی کاوش کنید

درباره این کتاب

• با ساختن وب‌سایت‌های مختلف، عملکردهای داخلی Bootstrap 4 را کاوش کنید
• طرح‌های خود را با کار مستقیم با فایل‌های SASS Bootstrap سفارشی کنید
• از افزونه‌های جاوا اسکریپت عالی Bootstrap استفاده کنید

این کتاب برای چه کسی است

اگر شما یک توسعه دهنده وب هستید که می خواهید وب سایت های حرفه ای با استفاده از Bootstrap 4 بسازید، پس این کتاب برای شما مناسب است. آشنایی با مبانی HTML، CSS و جاوا اسکریپت فرض می شود.

آنچه یاد خواهید گرفت

• دریابید که چگونه بوت استرپ کد SASS را به کدهای CSS استاتیک و ES6 در کد جاوا اسکریپت کامپایل می کند.
• ادغام Bootstrap در چارچوب های برنامه مانند Angular 2 (AngularJS)، Ember، و React
• استفاده مجدد از میکس های SASS Bootstrap و تعیین نقاط شکست پاسخگو در طراحی های خود
• Customize فایل‌های SASS بوت استرپ و اضافه کردن فایل‌های خود در این فرآیند
• مدیریت چندین ردیف از محصولات در یک شبکه پاسخ‌گوی پیچیده
• ایجاد یک وب‌سایت پیمایش یک صفحه‌ای کامل با استفاده از اجزا و افزونه‌های Bootstrap

در جزئیات

مملو از اسرار تجاری، این نسخه دوم راه حل یک مرحله ای شما برای ایجاد وب سایت هایی است که بهترین تجربه را برای کاربران شما فراهم می کند. ما شش مثال محبوب و واقعی را پوشش می‌دهیم که در آن هر پروژه در مورد عملکردهای مختلف Bootstrap 4 و اجرای آنها به شما آموزش می‌دهد.

این کتاب با راه‌اندازی و اجرای شما با ویژگی‌های جدید Bootstrap 4 شروع می‌شود. قبل از اینکه به تدریج به سمت سفارشی کردن وبلاگ خود با بوت استرپ و SASS بروید، یک سایت نمونه کار بسازید و آن را به یک موضوع وردپرس تبدیل کنید. در این فرآیند، شما یاد خواهید گرفت که فایل های بوت استرپ را با استفاده از SASS دوباره کامپایل کنید، یک رابط کاربری طراحی کنید و افزونه های جاوا اسکریپت را یکپارچه کنید. در پایان کتاب، شما همچنین با ادغام Bootstrap 4 با فریم ورک های کاربردی محبوب مانند Angular 2، Ruby on Rails و React آشنا خواهید شد.

سبک و رویکرد

این کتاب از یک رویکرد پروژه محور برای ایجاد انواع مختلف وب سایت های محبوب با استفاده از بوت استرپ پیروی می کند. شما از طریق مراحل ساده، واضح و منطقی، با اسکرین‌شات‌ها و نکاتی که در طول مسیر ارائه می‌شود، کار خواهید کرد تا به شما کمک کند از Bootstrap بیشتر بهره ببرید.

Explore the robust features of Bootstrap 4 to create exciting websites through this collection of excellent hands-on projects

About This Book

• Explore the inner workings of Bootstrap 4 by building different websites
• Customize your designs by working directly with Bootstrap’s SASS files
• Leverage Bootstrap’s excellent JavaScript plugins

Who This Book Is For

If you are a web developer who wants to build professional websites using Bootstrap 4, then this book is for you. Familiarity with the basics of HTML, CSS, and JavaScript is assumed.

What You Will Learn

• Understand how Bootstrap compiles SASS code to static CSS and ES6 code into JavaScript code
• Integrate Bootstrap into application frameworks such as Angular 2 (AngularJS), Ember, and React
• Reuse Bootstrap’s SASS mixins and set responsive breakpoints in your designs
• Customize Bootstrap’s SASS files and add your own in the process
• Manage multiple rows of products in a complex responsive grid
• Create a complete one-page scrolling website using Bootstrap’s components and plugins

In Detail

Packed with trade secrets, this second edition is your one-stop solution to creating websites that will provide the best experience for your users. We cover six popular, real-world examples, where each project teaches you about the various functionalities of Bootstrap 4 and their implementation.

The book starts off by getting you up and running with the new features of Bootstrap 4 before gradually moving on to customizing your blog with Bootstrap and SASS, building a portfolio site, and turning it into a WordPress theme. In the process, you will learn to recompile Bootstrap files using SASS, design a user interface, and integrate JavaScript plugins. Towards the end of the book, you will also be introduced to integrating Bootstrap 4 with popular application frameworks such as Angular 2, Ruby on Rails, and React.

Style and approach

This book follows a project-based approach to creating different types of popular websites using Bootstrap. You’ll work through easy-to-follow, clear, and logical steps, with screenshots and tips provided along the way to help you get more from Bootstrap.