Web Development
CSSGetting Started With CSS Grid
Introduction CSS Grid is the new layout system natively supported by browsers. In comparison to e.g. Bootstrap’s Grid system CSS Grid do not require to include any external libraries and is applied by adding CSS rules to parent elements (Grid Container) and to child elements (Grid Items). CSS Grid is a two-dimensional grid layout [...]
ReactGatsby – Static Site Generator For React – Introduction
Gatsby is a static site generator for React and has just been released (version 1.0). This tutorial will take a look at this new project and show you how to install Gatsby and develop & deploy your first website. Gatsby has lots of advantages: Automatic routing based on your directory structure. No need to include additional code for [...]
AngularAngular 5 Service Worker
Angular 5 has been released and the support for building Progressive Web Applications (PWA) with Service Workers has now been build into the framework. A Progressive Web App is a web application which makes use of latest web technologies to make a web application act and feel like an app. This is achieved by making use of Web App [...]
AngularAngular 5 Forms Update
Angular 5 is here and many changes have been made to further improve the framework. In the following let’s take a look at the update which has been made to the Angular Forms package. You can now control for a form (or single form elements) when the value or the validity is updated. This feature has been available in AngularJS 1.x but [...]
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 [...]
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 [...]