Using Bootstrap’s Navigation Bar

Phone collapsed Bootstrap navigation bar

Using Bootstrap’s Navigation Bar (or navigation header) allows you to provide a responsive way to navigate your web application with relative ease. It will automatically collapse depending on the size of the screen and number of items in navigation bar. here is an example below using AngularJS: [code language=”javascript”] <nav…

Continue reading

Sending Email via Gmail with 2-Step Authentication from AngularJS Frontend to Spring Boot Backend

Sending Email via Gmail with 2-Step Authentication from AngularJS Frontend to Spring Boot Backend

In this tutorial, I’ll show you how to configure Spring Boot to set up a REST Controller to send emails via Gmail. Plus, if you have 2-Step Authentication set up, which you should if you don’t, then I’ll take you through a couple extra steps. Then, I’ll show you how…

Continue reading

Indexing of Sitemap for AngularJS Site Increasing

Googlebot able to successfully index hash bang URLs from sitemap.xml for AngularJS with HTML5mode turned on.

Previously, I posted 2018 Search Engine Optimization with AngularJS 1.x Single Page Application. In that post, I highlighted how to use HTML5 Mode in an AngularJS app to get the hash bang URLs to redirect to URLs that are more friendly for web crawlers like Googlebot. Prior to this change, I…

Continue reading

Code Analysis with Java and AngularJS Project via SonarQube

Code Analysis with Java and AngularJS Project via SonarQube

Many Java based projects are shifting away from more traditional Java based frontend technologies, such as JSP, JSF, and GWT. Today, they are moving to Single Page Application technologies like AngularJS. This leaves Java as the language for the backend. As a result, you will likely experience a project using…

Continue reading

2018 Search Engine Optimization with AngularJS 1.x Single Page Application

Search engine optimization with single page applications

Creating a Single Page Application (SPA) comes with many modern advantages to a traditional web site that can improve the user experience. These advantages include faster user experiences typically due to not having to reload the entire application in order to display changes in the content. This leads to an…

Continue reading