Articles and Lessons tagged with Angular - Page 7

Implementing Login with Facebook with Angular and REST API

Implementing Login with Facebook with Angular and REST API

Posted Feb 6, 2018 | | By Maina Wycliffe | Angular
Today, I am going to show you how to create an Angular App with a REST API that uses Facebook Login to sign in/up users. For this application, we are going to be using PHP in our backend, but this can work with any Framework or Language for the …
Read More

Search Engine Optimization with Angular

Search Engine Optimization with Angular

Posted Jan 30, 2018 | | By Maina Wycliffe | Angular
Today, I will show you how to optimize your Angular 5 and above for search engine and other crawlers. It is important to note that, pages behind a sign in page don’t need to be optimized and you should only concentrate on publicly accessible pages. …
Read More

Adaptive Layout Design - Angular Flex Layout

Adaptive Layout Design - Angular Flex Layout

Posted Jan 7, 2018 | | By Maina Wycliffe | Angular
Introduction You probably have heard about Responsive Layout design but let me remind you anyway. Responsive layout is where components and elements of a web page change size and position based on different breaking points – Web apps that adapt to …
Read More

Angular Material Icons Components with Angular 5

Angular Material Icons Components with Angular 5

Posted Dec 13, 2017 | | By Maina Wycliffe | Angular
Icons are a necessity when building modern-day web apps and sometimes they can be frustrating. While icon sets like Font Awesome and Material Icons have made it easier, there is always an icon you need that is always missing. A good example is lack …
Read More

Responsive Navbar with Angular Flex Layout

Responsive Navbar with Angular Flex Layout

Posted Dec 7, 2017 | | By Maina Wycliffe | Angular
Today, we are going to create a responsive Navbar using Toolbar and Sidenav Components from Angular Material together with Angular Flex Layout. We will be trying to replicate the behavior of Navbar in where it collapses on small screen and is fully …
Read More

5 Visual Studio Code Extensions for Angular

5 Visual Studio Code Extensions for Angular

Posted Nov 24, 2017 | | By Maina Wycliffe | Angular
Visual Studio Code or VSCode is one of the best text editors out there. It is feature rich out of the box and has a lot of extensions which are easy to install. If you are an Angular developer using Visual Studio Code, you might want to consider …
Read More

NgRev – Analyze and Profile your Angular App

NgRev – Analyze and Profile your Angular App

Posted Nov 13, 2017 | | By Maina Wycliffe | Angular
NgRev is a graphical tool designed to reverse engineer your Angular application. It is not a browser extension like Augury, but a standalone software available for MacOS, Windows and Linux. It does a static code analysis of your application and …
Read More

Augury – A Tool to Debug and Profile your Angular App

Augury – A Tool to Debug and Profile your Angular App

Posted Nov 10, 2017 | | By Maina Wycliffe | Angular
Augury is an open source tool available to Google Chrome that was developed by Google in conjunction with Rangle.IO for debugging and profiling your Angular application. Augury will provide detailed insights of your application structure and how …
Read More

Angular 5 – Handling Token Based Authentication

Angular 5 – Handling Token Based Authentication

Posted Nov 9, 2017 | | By Maina Wycliffe | Angular
Token based authentication is popular for single page applications. A token is a security code issued by a server for authenticating and identifying users. When a user login to the system or application, the servers issues a token that expires …
Read More