Mobile First Bootstrap

با استفاده از ویژگی Mobile First Bootstrap، وب سایت های پیشرفته را برای دستگاه های تلفن همراه بهینه سازی کنید

نمای کلی

• با ملزومات موبایل آشنا شوید -اولین توسعه با بوت استرپ
• تمام فرآیند ساخت یک وب سایت برای موبایل اول با بوت استرپ را از ابتدا درک کنید
• مملو از اسکرین شات هایی است که به شما کمک می کند چگونه یک وب سایت جذاب بسازید. دیدگاه اول موبایل با کمک یک مثال در دنیای واقعی

در جزئیات

بوت استرپ روشی را که ما وب سایت ها را در فرانت اند توسعه می دهیم تغییر می دهد. و توسعه وب موبایل در چند سال گذشته به طرز باورنکردنی رشد کرده است. بیش از 1.2 میلیارد کاربر وب تلفن همراه در جهان وجود دارد و 25 درصد از این کاربران وب تلفن همراه منحصراً تلفن همراه هستند. در حال حاضر، بوت استرپ نیز برای موبایل اول شده است. نسخه اول بوت استرپ به شما امکان می دهد ابتدا به سایت موبایل فکر کنید و سپس به نحوه گسترش آن به صفحه نمایش های بزرگتر فکر کنید. برای ایجاد وب‌سایت‌هایی برای دستگاه‌های تلفن همراه که تجربه کلی مشتریان شما را بهبود می‌بخشد، باید در استفاده از ویژگی mobile-first Bootstrap مهارت داشته باشید.

Mobile-first Bootstrap ویژگی‌های جدید در Bootstrap 3 را پوشش می‌دهد و تمرکز دارد. در مورد چگونگی تأثیر آنها بر توسعه از منظر اول تلفن همراه. این به شما نشان می دهد که چگونه از Bootstrap 3 برای توسعه وب سایت های تلفن همراه استفاده کنید و چگونه از آن دانش برای پروژه های توسعه خود استفاده کنید.

کتاب با برجسته کردن تغییرات جدیدی که در Bootstrap 3 ایجاد شده است شروع می شود. با یادگیری این ویژگی های جدید، خواهید فهمید که چگونه به راحتی وب سایت هایی برای موبایل بسازید. شما یاد خواهید گرفت که چگونه Bootstrap 3 Docs را برای سفارشی کردن Bootstrap برای نیازهای خود اجرا کنید. سپس با سیستم جدید شبکه تلفن همراه، ابزارهای پاسخگو و نحوه استفاده از mobile-first برای ناوبری آشنا خواهید شد. سپس، با استفاده از جاوا اسکریپت، قبل از شروع توسعه یک پروژه وب از ابتدا، قدرت ویژگی های داده و بهبود تدریجی را کشف خواهید کرد. بخش آخر کتاب در مورد مسائل اصلی تاثیرگذار بر عملکرد بوت استرپ و همچنین مسائلی که هنگام برخورد با تصاویر واکنش‌گرا به وجود می‌آیند بحث خواهد کرد.

Bootstrap-first Mobile شما را از طریق هر آنچه که باید در مورد آن بدانید راهنمایی می‌کند. Bootstrap 3 و به شما کمک می کند تا با کمک یک پروژه نمونه، رویکرد موبایل اول را در پروژه های خود درک کرده و از آن استفاده کنید.

آنچه از این کتاب خواهید آموخت

• توسعه وب سایت ها با استفاده از رویکرد اول موبایل
• استفاده از سیستم جدید شبکه بوت استرپ
• با کمک یک مثال عملی یک وب سایت برای موبایل اول از ابتدا ایجاد کنید یک وب سایت زنده
• با مشکلات عملکرد طراحی واکنش گرا مقابله کنید
• از Bootstrap به عنوان یک چارچوب شروع برای توسعه وب سایت های خود برای موبایل، تبلت و دسکتاپ استفاده کنید
• بهترین تصمیمات طراحی را بیاموزید تا جلوی صفحه خود را برای هر دستگاهی مقیاس پذیر کنید

رویکرد

یک آموزش عملی و گام به گام در مورد توسعه وب سایت برای موبایل با استفاده از Bootstrap.

این کتاب برای چه کسی نوشته شده است

این کتاب برای کسانی است که می خواهند با ویژگی های جدید موجود در Bootstrap 3 و آشنا شوند. که می خواهد وب سایت هایی را با ویژگی موبایل اول بوت استرپ توسعه دهد. خواننده باید دانش پایه ای از Bootstrap به عنوان یک فریم ورک frontend داشته باشد.

Develop advanced websites optimized for mobile devices using the Mobile First feature of Bootstrap

Overview

• Get to grips with the essentials of mobile-first development with Bootstrap
• Understand the entire process of building a mobile-first website with Bootstrap from scratch
• Packed with screenshots that help guide you through how to build an appealing website from a mobile-first perspective with the help of a real-world example

In Detail

Bootstrap changes the way we develop websites in the frontend, and mobile web development has grown incredibly over the past few years. There are over 1.2 billion mobile web users in the world, and 25% of those mobile web users are exclusively mobile. Now, Bootstrap has also gone mobile-first. The mobile-first version of Bootstrap lets you first think about the mobile site and then think about how it expands to larger screens. To build websites for mobile devices that improve the overall experience of your customers, you need to be skilled at using the mobile-first feature of Bootstrap.

Mobile-first Bootstrap covers the new features in Bootstrap 3 and focuses on how they affect development from a mobile-first perspective. It will show you how to use Bootstrap 3 for developing websites for mobile and how to use that knowledge for your own development projects.

The book starts by highlighting the new changes that have been made to Bootstrap 3. After learning about these new features, you will discover how to easily build websites for mobile. You will learn how to run Bootstrap 3 Docs to customize Bootstrap for your needs. You will then be introduced to the new mobile grid system, the responsive utilities, and how to use mobile-first for navigation. Then, using JavaScript, you will explore the power of data attributes and progressive enhancement before starting to develop a web project from scratch. The last section of the book will discuss the main issues that affect the performance of Bootstrap as well as the issues that arise while dealing with responsive images.

Mobile-first Bootstrap guides you through everything you need to know about Bootstrap 3 and helps you to understand and use the mobile-first approach in your own projects with the help of an example project.

What you will learn from this book

• Develop websites using the mobile-first approach
• Use the new Bootstrap grid system
• Develop a mobile-first website from scratch with the help of a practical example of a live website
• Deal with responsive design performance issues
• Use Bootstrap as a kick-start framework to develop your websites for mobile, tablets, and desktop
• Learn the best design decisions to make your frontend scalable for any device

Approach

A practical, step-by-step tutorial on developing websites for mobile using Bootstrap.

Who this book is written for

This book is for anyone who wants to get acquainted with the new features available in Bootstrap 3 and who wants to develop websites with the mobile-first feature of Bootstrap. The reader should have a basic knowledge of Bootstrap as a frontend framework.