Web Development
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 [...]
Web DevelopmentGetting Started With Progressive Web Apps (PWA)
Progressive Web Apps (PWAs) are gaining more and more popularity in these days. Maybe you’ve already used a PWA without knowing because many big websites have already enhanced their platforms with PWA features. A Progressive Web App is a web application which makes use of latest web technologies to make a web application act and [...]
Top 3 Bootstrap 4 Online Courses
Bootstrap is one of the top web frameworks for building mobile-first websites. The open source project is based on HTML, CSS and JS and makes building front-ends really easy. The next major version of the popular framework will be version 4 which has just been made available as a beta version. This new version offers lot’s of new [...]
AngularStackBlitz – Online Code Editor For Angular and React
StackBlitz is an online IDE which supports Angular and React development projects out-of-the box. The guys from thinkster.io have created that great project to make it as easy as possible to get started with your Angular or React project without the need to deal with installation of dependencies or create a build configuration. [...]