Author: admin
-
Automated Testing
In this chapter, you will use Ember’s built-in testing framework to write some automated tests for your app. By the end of this chapter, we will have an automated test suite that we can run to ensure our app is working correctly: In the process, you will learn about: The Purpose of Automated Testing We…
-
Building Pages
In this chapter, you will build the first few pages of your Ember app and set up links between them. By the end of this chapter, you should have two new pages – an about page and a contact page. These pages will be linked to from your landing page: While building these pages, you…
-
Orientation
In this chapter, you will install Ember CLI, use it to generate a new Ember project, and add some basic templates and styles to your new app. By the end of this chapter, you should have a landing page with Professor Tomster’s cute little face featured on it: While building your landing page, you will learn…
-
Introduction
Welcome to the Ember Tutorial! In this tutorial, we will use Ember to build an application called Super Rentals. This will be a website for browsing interesting places to stay during your next vacation. Check out the finished app to get a sense of the scope of the project. Along the way, you will learn everything you…
-
Bootstrap Toasts
Creating the Toasts with Bootstrap The toast component is newly introduced in Bootstrap 4. They are lightweight notifications similar to push notifications that are shown by web browsers on computer screens. They’re built with flexbox, so you can easily align and position them on a web page. Additionally, toasts are opt-in for performance reasons, so…
-
Bootstrap ScrollSpy
Creating ScrollSpy with Bootstrap The Bootstrap scrollspy is a navigation mechanism that automatically highlights the nav links based on the scroll position to indicate the visitor where they are currently on the page. The scrollspy will make your web page more elegant and accessible, if you’re using the bookmark links for directing the visitors to…
-
Bootstrap Typeahead
Creating Typeaheads with Bootstrap The typeahead input fields are very popular in modern web forms. The main purpose of using typeahead is to improve the user experience by supplying hints or a list of possible choices based on the text they’ve entered while filling a form or searching something — like the Google instant search.…
-
Bootstrap Carousel
Creating Carousels with Bootstrap The carousel also known as slideshow or image slider is some of the best way of showcasing the huge amount of contents within a small space on the web pages. It is a dynamic presentation of contents where text and images are made visible or accessible to the user by cycling…
-
Bootstrap Stateful Buttons
Controlling Button States In the previous section you’ve learnt about the Bootstrap button styling and the modifications as well as how to create button groups and toolbars. With Bootstrap you can do even more with the buttons like controlling the states of buttons, make checkbox and radio inputs behaves like toggle buttons, and so on. In the following…
-
Bootstrap Alerts
Creating Alert Messages with Bootstrap Alert boxes are used quite often to stand out the information that requires immediate attention of the end users such as warning, error or confirmation messages. With Bootstrap you can easily create elegant alert messages for various purposes by adding the contextual classes (e.g., .alert-success, .alert-warning, .alert-info etc.) to the .alert base class. You can also…