Skip to main content

Posts

Showing posts from 2019

Full-Stack TypeScript with Ionic, Angular, and NestJS Part 2

Welcome to part two of the Full-stack TypeScript with Ionic and NestJS series! In part one of the series, we went over the benefits of using TypeScript on both the client and server, shared an introduction to NestJS, and built a simple app, that’s already up and running, called GoSpaceRanger.
Read More

Full-Stack TypeScript with Ionic, Angular, and NestJS Part 1

Welcome to the first post in a new series we’re kicking off all about building a full stack TypeScript app using Ionic, Angular and NestJS. TypeScript is a powerful language that is a superset of JavaScript, with some additional features added to help build out large scale applications.
Read More

Prerender Angular application — be SEO

In one of my previous post I was writing about how to make your Angular application SEO friendly by using Server-Side Rendering — Angular Universal.
Read More

Ionic 2019 Business Update

We’re halfway through 2019, and I thought it would be a good time to take a step back and share a bit about what is going on at Ionic the company. We don’t often talk about the “business side” of Ionic, at least not in the way that we do our open source stuff.
Read More

Netlify Dev: Test the Netlify Hosting Platform Locally

I feel like I’ve been using Netlify ever since I switched to using static site generators from using content management systems (CMS). Initially, Netlify provided an easy-to-use service for rendering static sites, either by manual file upload or from repository code pushes.
Read More

CRUD Operations with Mongoose and MongoDB Atlas

Mongoose is one of the fundamental tools for manipulating data for a Node.js/MongoDB backend. In this article we’ll be looking into some of the basic ways of using Mongoose and even using it with the MongoDB Atlas remote database.
Read More

ziishaned/learn-regex

GitHub is home to over 28 million developers working together to host and review code, manage projects, and build software together. Use Git or checkout with SVN using the web URL.
Read More

Algorithm Visualizer

Algorithm Visualizer is an interactive online platform that visualizes algorithms from code.
Read More

visualising data structures and algorithms through animation

Pro tip: We notice that you are not logged in. There are growing features that are only available for users who are logged in. Basically, VisuAlgo can be customized for you. VisuAlgo user account is free and you can register now. Do You Know? Next Random Tip
Read More

Top 10 Monospace Fonts for Developers

Developers are extremely passionate about certain things: developer tools, tabs vs. spaces, CSS in JS (or not!), and FONTS! I started a Twitter thread asking for developer's favorite fonts for writing code, and here's what we came up with. There are 10 fonts listed here, most of which are free.
Read More

Angular 8 Multi Tenants Architecture

Multi-tenants is an architecture concept that can handle multiple projects in a single project container. If you look at popular sites like Nike.com or Mi.com, you will find out the project redirection based on the continent or country region.
Read More

Ionic [2 & 3] | Reactive Forms Creation and Validation Example

The original version of this article was written two years ago, which is way too old for what Ionic can provide today. I never intended to update this article, why spend so much time managing old content when Ionic/Angular is changing so fast, sometimes not even in a good way.
Read More

Develop 99% of your app in the browser with Capacitor

One of the very special things about Ionic and Capacitor is that a huge bulk of your app development can happen right in a browser on your desktop.
Read More

Build your first full-stack serverless app with Angular and AWS Amplify

In this tutorial, we will learn how to build a full-stack serverless app using Angular and AWS Amplify. We will create a new project and add a full authorisation flow using the authenticator component. We will cover:
Read More

Ionic 4 : Angular, Vue.js and React : Developer School : Modern web development tutorials

If you're looking to make cross platform web applications, you've undoubtedly heard of Ionic Framework. With the latest iteration of Ionic (version 4) we're no longer limited to just using Angular! Personally, I've been a fan of the Angular ecosystem since the early days of Angular.
Read More

Data Visualisations with D3 : Select and Append : Developer School : Modern web development tutorials

Part of my MSc Data Science course is related to the creation of data visualisations, and D3.js is a prime example of a powerful library that enables you to have full control over the process.
Read More

Understanding Angular Modules

Understanding the different types of Angular modules is a key factor for architecting or refactoring an application. The concept of Angular modules has matured since they were first introduced in the framework in a late RC release.
Read More

How to Use __dirname in Node.js

The double underscores in __dirname looks intimidating but it’s not! It’s a useful variable that’s been around since the beginnging of the NodeJS project. Why’s it such a core feature of Node.js? __dirname tells you the absolute path of the directory containing the currently executing file.
Read More

Build an Ionic 4 App with User Login and Registration

Ionic allows you to develop Progressive Web Applications (PWAs) and hybrid mobile apps. PWAs are web applications that run in a browser and allow for offline capabilities via service workers. They can be installed on desktops and mobile devices, just like you install apps on your smartphone.
Read More

Ionic 4 Firebase: Email and Password Authentication

Ionic 4 Firebase: Email and Password Authentication with AngularFire2Learn Ionic 4 From Scratch: http://bit.ly/2WjYnCw in learning more about Ionic? Check out my new site: http://bit.ly/2M3XWbq with me, join the Slack group! http://bit.ly/JoinPaulHallidaySlackTwi
Read More

???️ Web Components with Angular Ivy in 6 Steps

The combination of Ivy, the new Angular Compiler, and Web Components/ Custom Elements is very tempting as it allows us to use our existing Angular knowledge to provide framework agnostic components via optimized bundles.
Read More

Using NgRx Effects for Data Loading in an Ionic & Angular Application

Hey, I hope you enjoy the article. If you want a weekly update with my newest content, access to the blog's bonus content, or you want to sign up for one of my free beginner or advanced email courses just enter your details here or in the form below.
Read More

Modern web development tutorials

@ngrx/store offers controlled, reactive state management capabilities to Angular applications. Powered by RxJS, the Store is designed to assist in creating reliable, performant, and versatile applications on top of Angular.
Read More

A Primer on CSS 4 Variables for Ionic 4

Apparently, good things come in 4’s (sorry, that was the best I could do). Another significant addition to Ionic 4 is going to be support for CSS4 variables, which will now play the primary role in Ionic’s theming approach.
Read More

How to send JWT automatically in Angular HTTP requests

•Posted by1 hour ago itnext.io/how-to...
Read More

State Management with Redux in Ionic & StencilJS: Loading Data

Hey, I hope you enjoy the article. If you want a weekly update with my newest content, access to the blog's bonus content, or you want to sign up for one of my free beginner or advanced email courses just enter your details here or in the form below.
Read More

Build Secure Offline Apps with Ionic & Couchbase Lite

Couchbase Lite is a full-featured NoSQL database that runs locally on mobile devices.
Read More

The State of Angular: ng-conf 2019

TL;DR Auth0's Sam Julien and Kim Maida spoke at ng-conf 2019 in Salt Lake City, Utah. You can find all of the videos on YouTube and check out my central repository for the speakers' slides. The Angular community is special. I know all tech communities think that, but it's true with Angular.
Read More

Design Systems with Web Components

How Stencil can build Web Components for any Design System. This is a developers view into how a design system will work in any size organization. If you have ever worked for a company that has several disparate sites, built with multiple technologies, keep reading.
Read More

I used Angular Elements w/TensorflowJS to load a pre-trained toxicity model in a Chrome Extension for text analysis... take a look

10Posted by6 hours ago medium.com/@martz...
Read More

Angular - All Talks from ng-conf 2019

Note: Some of the talks and slides are still missing. This post will be updated incrementally as soon as these will be available. Jennifer Wadella has been writing code since before she realized it was a credible career path.
Read More

Introduction to Nest.js for Angular Developers

In this post, we’ll be introducing Nest.js for Angular developers. Nest.js is particularly interesting for them since it was heavy inspired by Angular and built for TypeScript. So what’s Nest.js? Nest.
Read More

Using Services/Providers to Share Data in a StencilJS Application

Hey, I hope you enjoy the article. If you want a weekly update with my newest content, access to the blog's bonus content, or you want to sign up for one of my free beginner or advanced email courses just enter your details here or in the form below.
Read More

State Management with NGRX — Introduction

7Posted by12 hours ago medium.com/@.gc/1...
Read More

Advice for Firebase Rules

I've modified my Firestore rules slightly to the following code below (requiring users to be authenticated in order to write). I have 5 root collections: Customers, Master Log, Message Threads, Items, and Users. What other restrictions would you suggest making in order to secure a site?
Read More

Practical RxJS and Angular

16Posted by6 hours ago itnext.io/practi...
Read More

Angular Shots - A curated list of Angular how-to's

•Posted by1 hour ago medium.com/angula...
Read More

OnPush change detection for faster Angular apps

4Posted by2 hours ago medium.com/@.gc/f...
Read More

This is how you can easily set up web push notifications in your Angular 7 app!

3Posted by5 hours ago github.com/rdrahu...
Read More

Amexio Release 5.10

3 ResourceAPI - http://bit.ly/2vq6v5q http://bit.ly/2PxACB2.
Read More

Integrating Google Map's with Angular. No Dependencies!

With Service class declaration in Angular Google Maps can be easily integrated. No Dependency required & Safe from dependency vulnerabilities. Have linked the gists.
Read More

Using Angular Elements — Why and How? — Part 1

Angular, Google’s TypeScript based web application framework is currently at version 7 (7.2.4), with version 8 coming out in the next month or so. But I want to talk about another feature of Angular that was added to it in version 6. That feature is Angular Elements.
Read More

Using Angular Elements — Why and How? — Part 2

Angular Elements is awesome ?! By implementing this awesome feature in your Angular Apps, you can: But in my honest opinion, these are some of the simple things that we can do with Angular Elements.
Read More

Creating a Dynamic Checkbox List in Angular

This article has been updated to the latest version of Angular 6. Likely the content will still work in Angular 2 or later. A common UI pattern for application is to have a collection of items where the user must select one too many of given items.
Read More

Full-Stack TypeScript with Ionic, Angular, and NestJS Part 2

Welcome to part two of the Full-stack TypeScript with Ionic and NestJS series! In part one of the series, we went over the benefits of using TypeScript on both the client and server, shared an introduction to NestJS, and built a simple app, that’s already up and running, called GoSpaceRanger.
Read More

Netlify Functions for Sending Emails

Twitter Facebook Twitter Facebook
Read More

So, You Wanna Submit a Proposal to Speak at an Event

Twitter Facebook When and where is the event? Who’s organizing it? Do they have a code of conduct? Do they value diversity and inclusion? Are they looking for specific topics or proposals? Do they cover travel/hotel? Do they pay speakers? Most importantly: who is their audience? Write a Good Abst
Read More

Managing File Uploads With NgRx

In this article we will build a fully-functional file upload control, that is powered by Angular and is backed by an NgRx feature store. The control will provide the user with the following features: As an added bonus, we will briefly dive into building the server-side ASP.
Read More

Exploring Angular Lifecycle Hooks – OnDestroy

OnDestroy is an Angular lifecycle method, that can hooked into on components and directives in Angular. By defining a specific method named ngOnDestroy on our class, we are telling the Angular runtime, that it should call our method at the appropriate time.
Read More

Introducing CLI Builders

In this blog post, we’re going to look at a new API in Angular CLI, which allows you to add CLI features and augment existing ones. We’ll discuss how to interact with this API and what are the extension points which allow you to add additional features to the CLI.
Read More