Using and writing about best practices and latest technologies in web design & development is my passion.
AngularAngular Material – Part 4: Data Table
Material Design Components For Angular Part 4: Data Table This is the fourth part of the Angular Material series on CodingTheSmartWay.com. In this part we’ll be focusing on Data Tables. Of course this part again assumes that you’re familiar with the Angular Material library in general and that you know how to setup an Angular [...]
Top 3 React Online Courses
React is on open-source JavaScript framework for building web & mobile user interfaces. React is maintained by Facebook and a vivid developer community and is being used for major websites like Netflix, Imgur, Feedly, Airbnb and others. React is great for building large data-driven single page application. It’s main goal is to [...]
Web DevelopmentGetting Started With Stencil – A Web Component Generator
Stencil is a web component generator / compiler which is developed by the Ionic team. The project’s website can be found at https://stenciljs.com/. Stencil lets us author standard compliant web component features which are known from popular web frameworks like Angular and React. Web components are re-usable user interface [...]
BootstrapIntroduction To Bootstrap 4 Flex Layout
Flexbox is a new layout mode of CSS3 which is officially called CSS Flexible Box Layout Module. The main advantage of this layout mode is that it makes the following layout tasks easier: alignment of items specification of the layout direction specification of layout order of items within a layout container. Especially when [...]
Web Development10000 Subscribers – Thanks!
Big Milestone Reached! Today the CodingTheSmartWay.com YouTube channel surpassed 10k subscribers which is a huge step! https://youtube.com/codingthesmartway The channel has been started beginning of 2016 and since then provided free tutorials for latest web & mobile development topics. Reaching 10k subscribers is a big step! Many [...]
AngularBuilding An Angular 5 Project with Bootstrap 4 and Firebase
Part 1: Setting Up The Project In this tutorial I’ll show you how to start your Angular 5 Project from scratch and add Bootstrap 4 and the Firebase library to your application. This is the perfect application skeleton for your web application project. Setting Up The Angular Project First we need to setup an Angular project. This is [...]
Web DevelopmentIntroduction To Firebase Cloud Functions
Web and mobile application often require back-end code to execute tasks like: sending out notifications or processing long running tasks (e.g. scaling images etc). In the traditional approach this back-end code is running on a server. Recently Google’s Firebase introduces a new functionality which is called Cloud Functions. With [...]
AngularAngular & Redux
Introduction To State Management With Angular 4 The concept of Single Page Web Applications is great for building modern web-based applications. However as more and more applications are being transferred into the browser the complexity and the amount of data which needs to be managed is consistently growing. Many modern web frameworks, [...]
AngularAngular Material – Part 3: Navigation (Menus, Sidenavs and Toolbars)
Material Design Components For Angular Part 3: Navigation This is the third part of the Angular Material series on CodingTheSmartWay.com. In this part we’ll be focusing on Navigation elements like Menu, Sidebar and Toolbar. Of course this third part assumes that you’re familiar with the Angular Material library in general and [...]
Web DevelopmentTop 5 Atom Code Editor Packages
Github’s code editor Atom is becoming increasingly popular. The code editor is lightweight, easy to use and extensible by packages. The number of available packages is also increasing constantly. At the time of writing you can choose from a list of over 6000 packages. This number makes it difficult to identify which packages are [...]