Skip to main content

Posts

Showing posts from 2019

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

wifi on Twitter

“@cszhu @NWPlayer123 the bug decapitated the lad before he could fix it, rip in rip engineer bro”
Read More

Angular CLI power-ups for modern development

Nx extends Angular Console--the UI for Angular CLI--to give you more visibility into your workspace. With Angular Console and Nx in your workflow you can reduce the time it takes to build high-quality software at scale, and improve best-practices across your organization. Try out Angular Console.
Read More

Why And How To Lazy Load Angular Libraries

Angular libraries are great way to organize code! Angular CLI comes with an amazing built-in support to create, build and test library projects inside of the standard workspace.
Read More

Dynamic/Infinite Input Fields in an Ionic Application

Angular has fantastic support for forms, from the simple ngModel to the more robust reactive forms that make use of FormControl and FormGroup. Using ngModel allows us to bind input fields in the template to class members in our TypeScript files.
Read More

How to Build an Ionic 4 App with SQLite Database & Queries (And Debug It!)

If your app needs a solid database or you already got data that you want to inject in your Ionic application, there’s the great underlying SQLite database inside that week can use just like any other storage engine to store our data.
Read More

How To Set Up Firebase in Ionic 4 and Angular

Google Firebase is the love of my life. It’s noSQL and easily accessible online, thanks to Google’s sweet UX team. Firebase gives you functionality like analytics, auth, databases, messaging and crash reporting so you can move quickly and focus on your users.
Read More

Twitter Style Heart/Like Animation with Angular Animations in Ionic

In this tutorial, we are going to work on building an animated “like” button that will look like this when clicked: Since Ionic provides both a “full” and “empty” heart icon: It is easy enough to create an “on/off” or “liked/unliked” state for a like button that uses these ico
Read More

Creating Reusable Cross-Framework Components with StencilJS

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

Detect Unsaved Changes in Angular Forms

Many applications feature at least one form which allows users to edit previously submitted data. One example of many from our application is that users can create widgets and configure their settings.
Read More

How to Build a Component Library with Angular and Storybook

20Posted by9 hours ago blog.angularindepth.com/how-to...
Read More

Netlify Dev - The Power of Netlify on Your Local Computer

Netlify is never short on new and exciting features. At JAMstack Conf in New York City, they lived up to the hype again. Netlify announced Netlify Dev, allowing you to "run **[our] entire platform on your laptop**". Let's see it in action.
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

Angular CLI — Demystifying the workspace

22Posted by10 hours ago blog.nrwl.io/angula...
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

How to create themes for your Angular 7 apps using CSS Variables

In this post, we will build a super simple cryptocurrency listing app using Angular 7 and CSS variables. Feel free to skip this section if you’re only here for the code.
Read More

Creating an Extension Pack for Visual Studio Code

Extension Packs in Visual Studio Code are extremely useful when you want to install a collection of related extensions. In this article, let's walk through the steps of creating an Extension Pack so you can share your favorite collection of extensions with other developers!
Read More

How to use Internationalization (i18n) in Angular

The consumption of modern web and mobile experiences is a worldwide thing. It isn’t just related to the locals around you and the surrounding culture. Therefore, just as you’d ensure that your design is aestheticly-pleasing and accessible, you should also ensure that your text is localized.
Read More

Range Sum

Sometimes, while performing mathematical calculations, there comes the need to sum up a range of numbers. Some programming languages make this easy by implementing helper functions that enable one achieve such tasks simply via a function call. Not JavaScript!
Read More

How to use Axios with JavaScript

Axios is an open source library that allows us to easily make HTTP requests. It’s effectively just fetch with extra superpowers! As you may be able to see from our npm install calls, we’ll be using Parcel to bundle and serve our code.
Read More