Skip to main content

Posts

Showing posts from 2019

Announcing NgRx Version 8: @ngrx/data, creator functions, run-time checks, and isolated tests

Today we’re happy to announce the version 8 release of the NgRx platform. This release contains a lot of new features across most of the libraries, bug fixes, and some breaking changes, all aimed at improving the developer experience when using NgRx libraries.
Read More

Minko Gechev on Twitter

JavaScript tooling tip: In Chrome DevTools you can copy a JavaScript querySelector invocation that returns a selected node: Inspect the element Right click Copy Copy JS path
Read More

Diego Julião Armenta on Twitter

Here is my article about ngx-deploy-npm. A tool that allows you to publish your Angular Libraries to NPM using the Angular CLI. https://medium.
Read More

Angular and Firebase

Just in case you missed the first part you can read it here. In this article, we’re going to cover getting set up with the Firebase CLI and then we’re going to get into the Firestore rules.
Read More

Angular and Firebase

I’ve written a couple of articles about Firebase and now I want to get into why I think that Angular and Firebase are the absolute perfect pairing for a top-notch web app. What better way to do this than to get down and dirty with these amazing technologies by creating our own app.
Read More

How to Build a Webstore Using Modern Stack (Nest.js, GraphQL, Apollo) Part 2

This is the second article in this series. The first can be found here. Before moving on to build new functionality for the store, we still need to cover several topics that must be added in order to create a good product: Descriptive and useful documentation.
Read More

Fast Static Sites with Netlify and AnyMod

Free https Free or cheap hosting Build sites quickly Edit with live reload Edit when you’ve forgotten everything in 6 months Netlify signup AnyMod signup
Read More

Machine Learning For Front-End Developers With Tensorflow.js

15 min read JavaScript, Machine Learning, User Experience Share on Twitter or LinkedIn Using JavaScript and frameworks like Tensorflow.js is a great way to get started and learn more about machine learning.
Read More

Using the Camera API in a PWA with Capacitor

One of the key ideas behind the Capacitor project which was created by the Ionic team, is to provide access to browser/native features through a single API no matter what platform the application is running on.
Read More

Dan Imhoff on Twitter

SHIPPED: Ionic Studio gets an integrated terminal!! Real-time interactivity Open as many tabs as you want No more switching windows Use your very own shell Take a peek
Read More

Angular

? Building a Static Blog using Gatsby and Strapi

A static website contains Web pages with fixed content. Technically, it is a simple list of HTML files, which displays the same information to every visitor. Unlike dynamic websites, they do not require any back-end programming or database.
Read More

Storing Photos with the Cordova Camera and File Plugins

Storing photos in a Cordova-based Ionic app can be challenging. Several concepts and layers of the app development stack are involved, including selecting the best Camera plugin configuration, saving files to permanent storage, and understanding how to render an image in a WebView.
Read More

Using Tailwind CSS with Next.js

In this guide, we'll walk through how to install Tailwind CSS in a new Next.js project. This command will make a new directory, add a package.json file with the necessary dependencies and script definitions, and scaffold a sample home page for you.
Read More

Secure and Scalable: An Introduction to JAMstack

If you're a web developer, chances are you have heard the term "JAMstack." Curiously, JAMstack isn't a solution to prevent clogged printers, something to eat on toast, or a way to make music.
Read More

Intro to Electron.js - Part 2: Todo App

Over in the first part of this introduction to Electron.js, we just got Electron setup with our bundling scripts and a local window. With the foundations out of the way, we can get started with the more interesting functionality of our app.
Read More

Intro to Electron.js - Part 1: Setup

In this article we’ll be learning how to develop our own native desktop applications using Electron.js. We’ll be making a basic todo list app to master the fundamentals behind creating menus, working with local data, and bundling our apps into something we can run on our local machine.
Read More

Develop 99% of your Ionic 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

Animated Loading Spinner with CSS in NativeScript

In this NativeScript tutorial, we'll show you how to replace the 'ActivityIndicator' that comes with the iOS and Android platforms with a more flexible one that we'll design ourselves.
Read More

Native/Web Facebook Authentication with Firebase in Ionic

The Firebase JavaScript SDK - which we will be using in this tutorial - provides a really simple web-based method for authenticating your users in an Ionic application by using Facebook. If we are intending to launch the application as a PWA then this method will work fantastically.
Read More

Build an Infinite Scroll Image Gallery with Gatsby and Netlify Functions

What's the trend about static sites and decoupled development architectures with the JAMStack? Why are top sites and apps moving to build with "static site generators"? It's speed, security, affordability, developer experience and much more. We are here for it all.
Read More

fluin.io

Let’s Build a JAMstack E-Commerce Store with Netlify Functions

The very first step is to set up our app. This one is built with Nuxt to create a Vue app, but you can replace these commands with your tech stack of choice: I am using yarn, hub (which allows me to create repos from the command line) and Nuxt.
Read More

Developing a watchOS Extension For Your NativeScript App

In this article we’ll look at how to develop a watchOS companion app for your NativeScript-built iOS app. If you follow this article’s steps you’ll build a simple watchOS app that looks like this. NOTE: The final code for this article is available on GitHub at https://github.
Read More

Build A Real World Beautiful Web APP with Angular 8

Today I am going to show you how to build a real world beautiful weather app that is production ready from scratch starting from design to development all the way to deployment using Adobe XD, Angular 7 & Firebase! I have designed the weather app in latest version of Adobe XD.
Read More

12 Best CMS for 2019

2019 is half over, but don’t let that stop you from trying something new… specifically, a new CMS. “But Ezequiel, good buddy, I don’t have time to check out a whole new content management system. I have websites to make!”, you say, in those exact words.
Read More

Intro to MDX in Gatsby

Most of you have probably used Markdown files in your Gatsby.js sites, and you already know it’s an amazing way to write content. But plain Markdown is geared towards text-based content, and it can be limiting when you want to step outside of that use case.
Read More

How to Create Custom Ionic 4 Animations & Transitions

You might have heard that you can customise everything inside your Ionic app.. and this also counts for animations, especially how your components appear! It’s a topic not many talk about because the basic animations provided from the Ionic team are already great for most apps.
Read More

Ben Lesh on Twitter

I've often seen people getting the first item out of an array using `filter(fn)[0]`, when the really wanted `find(fn)`. The former will loop over *all* the items, *and* create an additional array. The latter will find the first one, return it, and stop. Should be a lint rule
Read More

? Introducing Transloco: Angular Internationalization Done Right

For a while I’ve been thinking about creating an Angular i18n library, which incorporates some concepts I had in mind. I’ve also created the ng-neat organization, to hold all my open source libraries.
Read More

Staggered CSS Transitions

@media (hover: hover) { .list--item { transition: 0.1s; transform: translateY(10px); } .list--item:hover, .list--item:focus { transform: translateY(0); } } @media (hover: hover) { .list li a span { transform: translateY(100px); transition: 0.2s; } .list:hover span { transform: translateY(0); } .
Read More

Managing State in Angular Applications using NgRx

Victor Savkin is a co-founder of Nrwl. We help companies develop like Google since 2016. We provide consulting, engineering and tools. Managing state is a hard problem. We need to coordinate multiple backends, web workers, and UI components, all of which update the state concurrently.
Read More

Real world GraphQL tutorials for frontend developers with deadlines!

Testimonials “This is one of the best tutorials I have seen for getting started with GraphQL and React. This is an incredible roadmap for learning these concepts in a linear and digestible way. Check out this GraphQL #ReasonML course for Reason React developers by @HasuraHQ https://learn.hasura.
Read More

Building Full-Stack React Applications in a Monorepo

Nx is a set of extensible dev tools for monorepos that makes building multiple React applications that share code easy. In this post we will look at how we can build multiple React applications, in combination with their API services, out of reusable libraries.
Read More

5 Super CSS Grid Generators for Your Layouts

CSS Grid has turned out to be the most exciting evolution of CSS for quite a while. It’s a specific CSS tool for building any web layout you can think of, from the simplest to the most complex.
Read More

A Quick Intro to Vuex ORM

If you're looking to make a scalable Vue or Nuxt app, you might consider using Vuex ORM. I've recently used it in a project, and in this article, I'll share with you how it works and why I think you'll like it, too.
Read More

Implementing an Authentication Flow with Passport and Netlify Functions

A few weeks ago I started working on a small side project where it is a requirement to authenticate users.
Read More

Using Netlify Forms and Netlify Functions to Build an Email Sign-Up Widget

It should work without JavaScript. I’d like to see how much I can get by with just CSS and HTML. Progressive enhancements are OK. It shouldn’t require external dependencies. This is a learning project, so I want to write 100% of the code if possible. It should use serverless functions.
Read More

Blazing Fast WordPress Sites With Gatsby

Talk about the latest cutting-edge web technologies, and you find some impressive names like React.js, Vue.js, Next.js, and so on. They have opened new gateways and approach to building websites, hence targeting the next billion internet users. Let's start with a simple question.
Read More

Gatsby CLI Quick Reference

When working with Gatsby.js, we constantly make use of its built-in command line interface (CLI.) This essential tool allows us to do things like creating new projects from starters, launching a dev server with hot-reloading, and generating production builds.
Read More

How to start a software YouTube channel

Hi, I’m Beau and I run the freeCodeCamp.org YouTube channel. For the first few years of our channel’s life, we had less than 100,000 subscribers. When we published new videos, we would get excited if more than a thousand people turned out to watch them.
Read More

Getting started with GraphQL: what client to use?

When I first started working with GraphQL APIs my first challenge was to decide what GraphQL frontend library I wanted to use.
Read More

Exploring Sets and Maps in JavaScript

The objective of these new constructs is to provide easier and more efficient ways to structure and access data under certain use cases. In this article, we will look at how Sets and Maps work and explore some of the operations that can be performed on them. A collections of values.
Read More

Getting Started with Ionic 4 and Socket.io

Working with Sockets has become super easy over the years, and although it might sound intimidating first we’ll learn how to easily use it in combination with Ionic 4!
Read More

Building a Notepad Application from Scratch with Ionic (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

Using Airtable With Gatsby

I first discovered Airtable in late 2018, and was immediately blown away. For those not already familiar with it yet, Airtable is a cloud-based collaborative database-spreadsheet hybrid application.
Read More

Introduction to Stripe Payments in Node.js Using Express

In this article we’ll be looking into using Stripe’s Charges API to make a basic donation app where we can create customers and submit payments. Understanding basic promises and how to set up an Express server are necessary.
Read More

Getting Location Data with Ionic 4 and Capacitor

Below you’ll find a quick demo on how to get GPS coordinates in your Ionic 4 project using Capacitor. If you have not heard of Capacitor, it’s the replacement for Cordova from the Ionic team.
Read More

Deploying NestJS Apps to Zeit Now

In this article we'll be looking at how to deploy NestJS applications to the cloud platform Zeit Now in only a few minutes! Zeit Now is a cloud platform for serverless deployment.
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