Styling An Angular Application With Bootstrap Creating A Project Once you have Angular CLI installed, if not look at our blog How to install Bootstrap with Angular let’s use it to generate an angular project by running the following command: $ ng new angular-bootstrap-demo The CLI will then ask you: Would you like to add Angular routing?…
Lazy-Loading Angular Modules (Ivy and Async Await) What is Lazy Loading? For instance, if I login to /admin I would get a “chunk” of JavaScript code specifically for the Admin dashboard. Similarly, if I load /shop I would expect another “chunk” of JavaScript specifically for just the Shop! If I visited the Admin panel and…
Migrating AngularJS Application To Typescript Introduction Why would you do that ? A developer’s job is rarely only working on edge technologies and starting every 2 months a new project from scratch (it’s what you do ? then keep that job, it’s the dream job of everyone 😊). A lot of a developer’s job is…
Command-line Interfaces (CLIs) With React And Ink 3 If you’re a developer you’ve probably working with a lot of different command-line interfaces (CLIs). Recently modern command-line interfaces have been becoming more interactive and more user-friendly. Modern command-line interfaces are accepting user input, provide nice looking command-line user interfaces, and are able to handle even complex…
Angular 2 Routing With Modules Angular 2 Modules Concept By using the new @NgModule decorator we’re able to define modules in our Angular 2 application. The decorator is attached to a class an contains a set of meta data which describes the module. According to the official Angular 2 documentation Angular 2 modules are used…
Using Material Design in Angular 2 To get started with Angular 2 and Material Design just go through the following steps: 1) Start with a new project setup By following the Angular 2 quickstart tutorial you can set up a new base project structure: |-app — |-app.component.ts — |-app.module.ts — |-main.ts |-index.html |-package.json |-systemjs.config.js |-tsconfig.json |-typings.json 2)…
Angular 2 CLI (Command Line Interface) Angular provides an utility to allow users to create and manage projects from the command line. It automates tasks like creating projects, adding new controllers, etc. It’s generally a good idea to use angular-cli as it will help create and maintain common patterns across our application and use scaffolding…
Angular 2 Firebase Authentication The Firebase platform is a perfect fit for your Angular 2 web or mobile application as it offers various useful backend services as real-time database, storage, notification, authentication etc. In this tutorial you’ll learn how to make use of the Firebase authentication service in your Angular 2 application. We’ll start from…
React Components Make UI Testing Easy Testing back-ends is easy. You take your language of choice, pair it with your favourite framework, write some tests, and hit “run.” Your console says “Yay! It works!” Your continuous integration service runs your tests on every push, life is great. Sure, test-driven development (TDD) is weird at first, but a…
Bootstrap with Angular Bootstrap is the most popular HTML, CSS, and JavaScript framework for web front-end development. It’s great for developing responsive, mobile-first web sites. The Bootstrap website is available at http://getbootstrap.com/. The Bootstrap framework can be used together with modern JavaScript web & mobile frameworks like Angular. In the following you’ll learn how to use…