Skip to main content

Posts

Showing posts from 2018

Angular Flex-Layout: Flexbox and Grid Layout for Angular Component

CSS Flexbox and CSS Grid are very powerful layout functions. These are already supported by all modern browsers except for IE 11. Unlike properties for styling (for examplecolor and border), these are properties for building a layout structure.
Read More

Introduction to Node & Express

Node is a JavaScript environment built on the same JavaScript engine used in Google’s Chrome web browser. It has some great features that make it an attractive choice for building server-side application middle tiers, including web servers and web services for platform APIs.
Read More

chrisguttandin/angular-prerender

An experimental command line tool to prerender an Angular App. This command line tool is meant to simplify the build process of static Angular apps. It works by analyzing the config file created by the Angular CLI. It looks for a client and server app target defined in the angular.json file.
Read More

NativeScript Groceries app using SQLite

Learn how to build a fully functional offline task-tracking app (groceries) using an SQLite database. Of course, It's a NativeScript official getting started tutorial using Kinvey Baas as a backend.
Read More

The Ultimate Answer To The Very Common Angular Question: subscribe() vs | async Pipe

Most of the popular Angular state management libraries like NgRx expose application state in a form of a stream of state objects. This is usually implemented with the help of RxJS Observables.
Read More

Dynamic Ionic 4 Slides with Shopping Cart

When you work with structured data that is distributed in different categories and elements, chances are high you have looked out for a nice interface that allows to open/collapse categories while also allows to slide items horizontal in a visual appealing way.
Read More

Getting Started with Vue Plugins

In the last months, I've learned a lot about Vue. From building SEO-friendly SPAs to crafting killer blogs or playing with transitions and animations, I've experimented with the framework thoroughly. But there's been a missing piece throughout my learning: plugins.
Read More

Refactoring Angular Apps – How To Keep Angular Apps Clean

We have all been there. The app that once was this little cute baby has grown to this huge monster no one wants to get near.
Read More

Ionic Electron Desktop App

Sunday, October 14, 2018 Ionic Electron Desktop App Ionic has an excellent Angular framework for creating mobile applications for iOS and Android. Ionic team is planning to launch an update with Angular 6.0 version, right now Ionic 4.0 is in beta development.
Read More

Spasm - webassembly libary for single page applications

On Saturday, 13 October 2018 at 04:34:28 UTC, Nick Sabalausky (Abscissa) wrote: > Nifty, I'll have to look into this.
Read More

Secure a Node API with OAuth 2.0 Client Credentials

Securing server-to-server API services can be tricky. OAuth 2.0 is an excellent way to offload user authentication to another service, but what if there is no user to authenticate? In this article, I’ll show you how you can use OAuth 2.
Read More

How to Create Chrome Extensions from Scratch

If you wish to add or modify some functionality in Google Chrome, you need to use an extension. Though you can download an extension from the Chrome Web Store, but sometimes you need a specific functionality that you can’t find in any existing extension.
Read More

How do you structure your data in your Firebase Database?

Have you worked with Firebase Database yet? I don’t know about your background, but when I decided to give Firebase a shot I had spent years using PostgreSQL, so I came from a very SQL background and Firebase data structure was completely new to me.
Read More

How to use the latest beta/RC of Angular & Angular CLI (with new Ivy compiler) using ngx — no install required!

There are some pretty nice features in Angular CLI 7, like user prompts offering multiple options when creating new projects. Also it comes with Angular 7 support, which itself has some nice features like performance and routing improvements, the new Ivy compiler, and support for latest TypeScript.
Read More

RxJS: Observables, observers and operators introduction

RxJS is an incredible tool for reactive programming, and today we’re going to dive a little deeper into what Observables and observers are - as well as learn how to create our own operators.
Read More

Structure for big Angular Applications -- Packages, Monorepos & Micro Apps @AngularDays in Berlin, Oct 2018

Programming 0 27
Read More

Ionic 4 Beta: What’s New and Building a Sample App

TL;DR: In this article, you will learn about what's new in Ionic 4, changes in the existing features, how to migrate your Ionic 3 app to Ionic 4 app, and about using Ionic with Stencil and Capacitor.
Read More

Apps That Work Natively on the Web and Mobile

Today we’re happy to announce an exciting new way to build web and mobile apps with Angular and NativeScript. First, some background: since the beginning of Angular, you could use NativeScript with Angular to build mobile apps.
Read More

What the NgRx Library Is and How to Use Each Application

In this article I am going to walk you through what the NgRx library is, as well as share common use case scenarios for each application. The scope of the example project will cover the login of the application using token based authentication.
Read More

sfeir-open-source/angular-search-experience

In order to download (clone) this project on your machine, you need to have git installed. Read more on how to install Git on your system. You will need yarn to install this project's dependencies. If you don't have yarn installed, here is the official documentation.
Read More

Adding Custom Routes to the WordPress REST API

This article on custom routes was originally published by Torque Magazine, and is reproduced here with permission. Most of the discussion around the WordPress REST API has been about querying the default routes.
Read More

Laravel Eloquent: API Resources

Notice we omitted the attributes created_at and updated_at when formatting the response? Take another scenario where we want to update a book and expect a response back.
Read More

10 Interesting JavaScript and CSS libraries for October 2018

Our mission at Tutorialzine is to keep you up to date with the latest and coolest trends in web development. That’s why every month we release a handpicked collection of some of the best resources that we’ve stumbled upon and deemed worthy of your attention.
Read More

Sending Data with POST Requests to a NestJS Backend

In the previous tutorial, we focused on making a GET request from an Ionic application to a NestJS backend. A GET request is generally pretty simple, as all we are doing is making a generic request to a specific URL which will then return a response.
Read More

Authenticate a Node ES6 API with JSON Web Tokens

In this guide, we'll be implementing token based authentication in our own node.js A.P.I. using JSON web tokens. To keep this short and relatively sweet, if you'd like to read about what tokens are and why you should consider using them, have a look at this article here.
Read More

Simple State Management with RxJS’s scan operator

Wanna keep up to date with the latest webdev stuff? Follow me on Twitter There are a lot of state management solutions available.
Read More

Do we really need Redux or @ngrx/store

If you are writing Angular, Vue or React applications, chances are big that you have used or encountered the Redux pattern. Redux helps us to structure statemanagement in an immutable matter which is great, but in order to use it correctly, we have to write a bunch of boilerplate code.
Read More

Angular Universal and PWA

10:30h Break with coffees, teas, juices, fresh yoghurt and fruits 11:00h - Implementing a server from scratch - Creating server modules - Integrating Angular Universal 12:30h Lunch time: fresh soup, salads, selections of cold and warm fish and meat dishes, dessert 14:00h Introduction to Progr
Read More

Building Full-Stack Applications Using Angular CLI and Nx

Victor Savkin is a co-founder of nrwl.io, providing Angular consulting to enterprise teams. He was previously on the Angular core team at Google, and built the dependency injection, change detection, forms, and router modules.
Read More

Introducing NgRx Explorer for VS Code

We are excited to announce the addition of NgRx Explorer to our AngularDoc extension for Visual Studio Code. NgRx is a state management library for Angular applications. Inspired by Redux and backed by RxJs, NgRx has become a top library for large scale Angular projects.
Read More

Authentication in Angular with NgRx Part 2

In the previous article, you were introduced to functional programming and NgRx, the reactive and highly performant Redux state management for Angular apps. We defined three main building blocks of NgRx: the app state, the actions and the reducers.
Read More

Configurable Reactive Forms in Angular with dynamic components

In this post we’re going to explore the creation of dynamic components alongside a Reactive Form setup. If you’re new to Reactive Forms, check out one of my previous posts before diving in!
Read More

An IDE for Easily Differentiating Between Development Environments

In a fast-moving world where things often need to happen quickly, multi-tasking has become more and more common. We constantly switch between tasks and try to keep our focus on all of them as much as possible.
Read More

Moving from NodeJS to Go

You are a seasoned NodeJS developer, and are looking to learn a new language, but you don't want to go deep, just see how things compare with your current expertise, and then make a final decision.
Read More

Create Vue Apps Visually with the Vue UI Tool

Most JavaScript frameworks these days usually have some sort of Command Line Interface (CLI) that enables users quickly scaffold applications and get straight to building apps, without doing repetitive set up tasks. Some common ones are:
Read More

Creating Flexible Layouts with Flexbox

The following introduction to Flexbox is an extract from Tiffany’s upcoming book, CSS Master, 2nd Edition, which will be available shortly. Before CSS Grid came along, there was Flexbox (which is officially known as the CSS Flexible Box Layout Module).
Read More

Github Pull Requests Extension for Visual Studio Code

If you pay attention in the developer community, you probably know that Microsoft bought Github over the summer in 2018.
Read More

Build a Simple API Service with Express and GraphQL

GraphQL has become an immensely popular alternative to REST APIs. The flexibility you get from using GraphQL makes it easier for developers to get any information they need for an app, and just the information they need for that portion of the app.
Read More

Gatsby + Contentful + Netlify (and Algolia)

Gatsby has been getting a lot of recognition and adoption lately, and for good reason. It’s so flexible and it works well with nearly everything.
Read More

Xcode for Windows- Develop apps for iOS or MacOS – 2018

If you really want to build an App for iOS and MacOS. Without paying any single penny for Apple hardware ( MacBook or iMac ).Then you are at right place. In this article, we have provided you with a best possible answer to this question (Xcode for windows).
Read More

Building a Notepad Application from Scratch with Ionic

A difficult part of the beginner’s journey to learning Ionic is the step between understanding some of the basics and actually building a fully working application for the first time.
Read More

Learn to combine RxJs sequences with super intuitive interactive diagrams

When working on a sufficiently complex application you usually have data coming from more than one data source. It can be some multiple external data points like Firebase or several UI widgets interacting with a user.
Read More

Deploying Capacitor Applications to Android (Development & Distribution)

Earlier this week, I released a guide to deploying Capacitor applications to iOS. In this tutorial, we are going to be doing the exact same thing, except we will be deploying an Android application built with Capacitor to Google Play.
Read More

akveo/nebular

Nebular is a set of essential modules for your next Angular application. What's included: What is included: @nebular/theme ? Theme System - guidelines on how to manage SCSS variables and component styles with hot reload in place. Pure Angular UI Kit with two style themes and no dependencies.
Read More

The Shapes of CSS

The CSS you see on the page is the real CSS rendering that shape, and it also editable, so feel free to tweak it right there. I'd love to expand it if anyone has more ideas!
Read More

IBM/StrongLoop Announces GraphQL Wrapper for REST APIs: OASGraph

Top 5 things to Remember When Adding a GraphQL Backend

GraphQL has come a long way since Facebook first announced this open-sourced spec in 2015. Since that debut, prominent companies have embraced this technology to enhance feature velocity and shrink product development cycles.
Read More

Build, deploy, and manage modern web projects

An all-in-one workflow that combines global deployment, continuous integration, and automatic HTTPS. And that’s just the beginning. Deploy to a redundant network of servers with built‑in continuous integration and HTTPS.
Read More

Apply a Filter to a Background Image

You can apply a filter to an entire element quite easily with the filter property. But what if you want to apply a filter just to the background of an element? It's weirdly tricky.
Read More

The Ionic 4 Images Guide (Capture, Store & Upload with POST)

If your app is working with images and you need to handle both local files and upload files things can get a bit tricky with Ionic. Especially as debugging the filesystem and paths is cumbersome, it’s not automatically clear how everything needs to work.
Read More