What do you get with Print?

Instant access to your digital eBook copy whilst your Print order is Shipped

Paperback book shipped to your preferred address

Download this book in EPUB and PDF formats

Access this title in our online reader with advanced features

DRM FREE - Read whenever, wherever and however you want

Bootstrap 4 Features

In this chapter, we are going to learn about Bootstrap 4. We will basically get a general introduction to how Bootstrap works through the Hello-World program that we're going to create. This chapter starts off by introducing you to the changes that Bootstrap 4 offers. These changes are pretty exciting, and there are some good changes regarding the grids, fonts, and a lot of other things. We will go into detail about what these new changes are. We will then look into the code editor that we're going to use – it's free, popular, easy to use, and it's cross-platform as well.

We will then get into initializing a new Bootstrap 4 project. Different people have their own ways of doing this — you can either work with the Content Delivery Network (CDN), which means you're always going to be dependent on an internet connection...

Key benefits

Create 5 responsive web apps with Bootstrap 4

Use elements and full Bootstrap toolkit to construct custom animations and templates

Design, customize, and create existing UIs and media aggregator apps

Description

Bootstrap, the world’s most popular frontend framework, is an open source toolkit for building web applications with HTML, CSS, and JavaScript. Learning Bootstrap 4 by Building Projects covers the essentials of Bootstrap 4 along with best practices. The book begins by introducing you to the latest features of Bootstrap 4. You will learn different elements and components of Bootstrap, such as the strict grid system, Sass, which replaced Less, flexbox, Font Awesome, and cards. As you make your way through the chapters, you will use a template that will help you to build different kinds of real-world websites, such as a social media website, a company landing page, a media hosting website, and a profile page, with ease. By the end of this book, you will have built websites that are visually appealing, responsive, and robust.

What you will learn

Get familiar with the new features of Bootstrap 4

Understand how the new grid system works

Learn to use the Sass tool in Bootstrap

Automate your tasks using the task runner, Gulp

Use Lightbox to build a photo gallery

Master best practices for HTML, CSS, and JavaScript

What do you get with Print?

Instant access to your digital eBook copy whilst your Print order is Shipped

Paperback book shipped to your preferred address

Download this book in EPUB and PDF formats

Access this title in our online reader with advanced features

DRM FREE - Read whenever, wherever and however you want

Frequently bought together

€36.99

Learning Bootstrap 4 by Building Projects

€29.99

€32.99

Total € 99.97

DRG Oct 10, 2018

The idea behind this book is a good one. However, this book is sorely in need of a professional editor.Many of the example images used to show what you should see after progressing to that point in the code don't match what the code will produce... at that point. One image showed styling that would not be rendered from the code until about 100+ Kindle locations later. I have not done a complete check of this, but it doesn't appear that even the example code you can download from the publisher's website would not render the examples either. Its as if no one sat down and followed the instructions, typing in the code as they went, to make sure the rendered pages match the examples of what to expect to see. There are example images that will never look the way they do in the book because the CSS needed to make some things happen is never added in the instructions. (Though, I have not yet finished the entire book.)If the author wrote one more "go ahead and" I would've asked for a refund. The entire book is riddled with fluff. The kind of extraneous wordiness common in the first drafts of nearly every how-to book ever written but normally edited out before publishing. Some sentences actually make no sense at all. The kinds of normal mistakes made, frequently, when re-writing a sentence but not re-reading it to be sure it still worked. The perspective and tense change without rhyme or reason. There are the beginnings of an explanation that are aborted after a "... but first ..." and the preempted topic has little to do with the code just completed or about to start.The explanation of what the code was doing is so poor its as if the writer has no idea why things are done this way. It reads like it was all just coped it from someone else's work without the writer understanding the topic. Or, it could also be read as if they assume too much existing skills but then that would mean the simplistic explanations are unneeded. For example, at one point the code includes adding a navigation bar with a class rule of "navbar navbar-expand-md navbar-light bg-light fixed-top." The explanation for that line? "The first one is going to be our navbar, which is basically the root class that we want to have some navbar functionality. Next, we have navbar-expand-md to make our navbar expand out, and we're going to have it triggered on a medium size. We're going to add navbar-light, which provides colors, and we're going to have a background color, bg-light. Finally, we're going to fix it to the top." Okay, what does the initial navbar do? What functionality do we get by including that? What are the implications of using navbar-expand-md? What other choices do we have and how do you add a non-expanding section? What rules will Bootstrap follow when expanding? Navbar-light provides what colors: white, black, rainbow? Do is it apply rules for link colors, background colors, pseudo-element colors, font colors, border-colors? And is the bg-light color a specific color? How do you change what color bg-light applies? Does it override any rules in navbar-light? What the other options besides navbar- and bg-light: -md, -dk? When building out the home page in the first few chapters, columnsget definitions like "col-lg-6" and the explanation is again very light on details. What do the three positions represent? Can you leave any of them out? What are the options? Some of it does get covered, but not until much later. There isn't even an explanation why one set of columns has a 6, one set has a 5 and yet another uses 4.One set of instructions to add a section to the home page appears in two different places making it look like it should appear twice in two different places on the same page. Often it is unclear where a snippet of code will go in the overall page.I spent more time researching the class names on w3schools and other sites, double checking my code to see why my version didn't match the version from the book, adding my own snippets of code to make my version match the examples in the book than I did reading and typing the code from the book. And you want to type the code not just copy and paste it. You learn, and retain, so much more by actually typing out the code. I visited the website for the publisher and there are a lot of books. If this book is any indication, someone there is hammering out a lot work, but the absence of an editor makes readers work harder than they should to overcome the weaknesses of the "final" product.To be fair, I have learned from the book (that's why it is a 2-star not 1). The initial set up in chapter 1 really helped me (after again, doing a lot of online research because there is nothing in the book about those of us using XAMPP, WAMP, or similar instead of the Apache and MySQL that came with the computer's OS). Troubleshooting my own mistakes versus the mistakes in the book taught me some things, but life is way too short for me to spend this much time pulling out my hair to compensate for others unwillingness or inability to proof and edit their work. Until the publisher matures and takes responsibility for their effect their readers' time and attention, I can't recommend anyone buy this or any other title from Eduonix Learning Solutions/Pact.

Amazon Verified review

Learning Bootstrap 4 by Building Projects: Develop 5 real-world Bootstrap 4.x projects from scratch

What do you get with Print?

Learning Bootstrap 4 by Building Projects

Bootstrap 4 Features

What's new in Bootstrap 4 – introducing new features

Migrating to v4

Setting up the code editor

Initializing a new project

A quick introduction to Sass

Gulp

Hello world example

Summary

Page 1 of 9

Key benefits

Description

Who is this book for?

What you will learn

Product Details

What do you get with Print?

Product Details

Frequently bought together

Table of Contents

Recommendations for you

Customer reviews

People who bought this also bought

About the author

FAQs

Learning Bootstrap 4 by Building Projects: Develop 5 real-world Bootstrap 4.x projects from scratch

What do you get with Print?

Contact Details

Shipping Address

Billing Address

Key benefits

Description

Who is this book for?

What you will learn

Product Details

What do you get with Print?

Contact Details

Shipping Address

Billing Address

Product Details

Packt Subscriptions

Frequently bought together

Table of Contents

Recommendations for you

Customer reviews

People who bought this also bought

About the author

FAQs