Bas Wanders

Guidelines for CSS Development

by

Use BEM naming conventions Follow BEM naming conventions. BEM stands for Block – Element – Modifier. BEM helps you create consistent, meaningful and easy-to-understand class names that avoid conflicts and specificity issues. It is very easy to follow and implement. There are no complicated rules and it is fast to learn. All names are in … Read more

Guidelines for better software development

by

Guidelines for creating quality business software. The guidelines in this article are focused on creating high quality business applications, but they probably apply to any kind of software development. What is good software? The first question to make, when talking about better software development, is “what is good software”? What do we want to achieve? … Read more

How to install Angular material and Angular Flex-box for Angular 6

by

This guide will lead you step by step to install Angular Material and Angular Flex-box with Angular 6. Angular Material Material Design components for Angular Introduction What is Material Design? Material Design is Googles UI design philosophy. It is inspired by the world of paper and ink with a three-dimensional space.  It gives its interfaces … Read more

Angular CLI cheatsheet – an overview of the most used commands

by

Updated June 6, 2018 In this post I give an overview of the most uses Angular CLI command. Using the CLI commands can greatly boost your productivity on Angular projects. Create a new app Create a new angular application with the default styling option CSS. ng new app-name Create new angular project with scss styling … Read more

Angular 5.0.0.0 is here!

by

The Angular team released Angular 5.0.0.0. See this blogpost for all detail. Although this is seems a large update, in fact there are only some minor breaking changes. Angular made a update guide available here, so you can see exactly what you need to update in your excisting projects. Improved and new in this version … Read more

How to add Bootstrap 4 and ng-bootstrap to your Angular CLI project

by

Updated June 21, 2018 This article helps you step by step to install Bootstrap 4 and ng-bootstrap to your Angular CLI project. This article has been updated for Angular 6. In my previous post I described how to add bootstrap 4 to your Angular CLI project with jQuery. Using jQuery with Angular is not recommended, … Read more

How to add Bootstrap 4 to your Angular CLI project (jQuery)

by

Updated June 21, 2018 Attention using jQuery in Angular is not recommended and I advise you to use ng-bootstrap as described here. This article helps you step by step to install Bootstrap 4 and jQuery to your Angular CLI project. This article has been updated for Angular 6. First you need to decide if you … Read more