Skip to main content

Posts

Showing posts from 2018

New! GraphQL Glossary & FAQ guide

We work in an industry where we commonly use buzzwords and jargon to describe the simplest of things. When you’re learning a new technology, it can often be challenging because you have to understand the vocabulary before writing any code.
Read More

Building Mobile Apps with Ionic 2

Take Ionic 1, the most popular and powerful HTML5 mobile application framework, supercharge it with Angular 2 and the latest web tech and you have Ionic 2. Learn this revolutionary framework with Building Mobile Apps with Ionic 2.
Read More

Building a CRUD Ionic application with Firestore

Firestore is Firebase’s new database. It’s a managed NoSQL document-oriented database for mobile and web development. It’s designed to store and sync app data at global scale easily. Some of its key features include:
Read More

Use The ChromeiQL Extension For Google Chrome To Test GraphQL Queries

As you probably know, I’ve been doing a lot with GraphQL recently. I’ve released tutorials that include Java with GraphQL, Node.js with GraphQL, as well as Golang with GraphQL, but I’ve only ever demonstrated testing those GraphQL APIs with cURL.
Read More

AsciiDoc : Visual Studio Marketplace

3 Things you can do right now to improve your Ionic and Firebase app performance

You want to give your users the best experience when using your app, heck, and I was constantly Googling or going into the Ionic forums to ask “Why is Ionic + Firebase so slow?“.
Read More

GoogleChrome/puppeteer

Puppeteer is a Node library which provides a high-level API to control Chrome or Chromium over the DevTools Protocol. Puppeteer runs headless by default, but can be configured to run full (non-headless) Chrome or Chromium.
Read More

The What and How of Angular Schematics: The Super Simple Version

A summary of Angular Schematics: the what, how and why. Here's the super simple version!
Read More

Code-Sharing: Angular and NativeScript

With the combination of NativeScript and Angular's platform-agnostic architecture, we are presented with the opportunity to make an Android, iOS, and Web code-sharing combination. All you need are the Angular CLI and the NativeScript Schematics.
Read More

Angular Testing with Headless Chrome

Headless Chrome is a useful tool for running automated tests in environments where it isn’t practical to actually launch a browser. In this article we explain how to configure Angular CLI to run your Unit and E2E Tests using Headless Chrome.
Read More

New Course: Machine Learning With Google TensorFlow

You can take our new course straight away with a subscription to Envato Elements. For a single low monthly fee, you get access not only to this course, but also to our growing library of over 1,000 video courses and industry-leading eBooks on Envato Tuts+. 
Read More

Production/Development Environment Variables in Ionic & Angular

Often, our production environments are quite different to our development environments. Whilst your application is in development you might just want to make requests to a database running locally on your machine.
Read More

How to Deploy an App to Firebase With Angular CLI

Angular CLI is a command-line interface for Angular and one of the easiest ways to get your app started. The beauty of using Angular CLI is that it lets you focus on your code, without having to worry about the structure of your application, since all the necessary files are generated for you.
Read More

Redesigning a Site to Use CSS Grid Layout

In this article, we’re going to see CSS Grid in action by creating a responsive multi-column website layout. CSS Grid is a new, hot trend in web development these days.
Read More

monday.com: the Total Team Management Tool

Whether you're a solo freelancer, an open source team, a large company, or a worldwide organization, having a consistent and usable team management tool is the difference between a well oiled machine and chaos.  Managing people, projects, tasks, payments...there's always so much going on!  monday.
Read More

Refactoring UI

takes everything we know about design and bundles it into one comprehensive package, including a book, screencasts, a component gallery, custom designed assets, and more. It’s exactly what I needed when I was struggling to make my projects look awesome.
Read More

Ionic/Cordova: How to Debug on a Device with Visual Studio Code

Modus loves Ionic! As an Ionic Trusted Partner, we do a lot of hybrid app development for various clients using Ionic Framework.
Read More

NgRx + Facades: Better State Management

Prior to Nx 6.2, Nx already provided scalable state management with NgRx. Now there is a new option when generating NgRx files to also generate a facade on top of your state management… to help you work even better at-scale.
Read More

Can I write my Cloud Functions in separate files?

He wanted to know if there was a way to keep Cloud Functions on separate files, I hadn’t given it much thought since I was using mostly a couple of functions per app. My thinking was since it’s a standard node environment written in TypeScript, then import/export should work.
Read More

Continuous Deployment

Continuous deployment works by connecting a git repository to a Netlify site and keeping the two in sync. It works for plain static sites, but it’s even more powerful when you’re using a static site generator or a front end build tool like Grunt, Gulp or Broccoli.
Read More

Implement Infinite Scrolling Using Angular 6

In this article, we are going to implement the infinite scroll in our Angular 6 app. When we are developing any application, at that time we deal with tons of records at a time.
Read More

Lazy Loading Images in Angular 6

In most web apps, images form a huge chunk of the size of the content. If you had, let’s say over 50 images with each having 100Kbs (after compression and resizing) in size, the total of that would be 100 x 50 which is 5MBs in total size.
Read More

Ionic 4 vanilla WC router

Get started with Angular Grid in 5 minutes

The paradigm of a data grid should be familiar to most developers. It’s a component used for displaying tabular data in a series of rows and columns. Perhaps the most common example of a data grid on Desktop is Excel.
Read More

Styling a Shadow DOM in Ionic 4

Since the release of Ionic 4, many of Ionic’s components now make use of a Shadow DOM.
Read More

mermaid · GitBook

Generation of diagrams and flowcharts from text in a similar manner as markdown. Ever wanted to simplify documentation and avoid heavy tools like Visio when explaining your code?
Read More

Learning Observable By Building Observable

Frequently via social media, or in person at events, I’m asked questions about “hot” vs “cold” observables, or whether or not an observable is “multicast” or “unicast”. People seem to be really mystified by what they feel to be the dark inner-workings of `Rx.Observable`.
Read More

Using CSS Grid Today

CSS Grid opens up a world of opportunities for layout on the web, and it's ready for use right now. This talk will feature examples of how I've been using CSS Grid use currently in production, as well as the process and challenges I faced.
Read More

GoogleChromeLabs/pwacompat

PWACompat is a library that brings the Web App Manifest to non-compliant browsers. If you've created a manifest.json but want to have wide support everywhere else, look no further ? Learn more about the Web App Manifest or watch a video on modern theming!
Read More

Hello WebAssembly

The WebAssembly Community Group reached a consensus on the initial specification for WebAssembly in early 2017. It’s now available and enabled by default in most browsers so lets take a look at it and implement a fantasy console with pure WebAssembly.
Read More

ngTalks: NGRX: Selectors

[NgTalks 2018] SSR and Pre-Rendering with Angular

Introducing Electron Fiddle

Over the past four years, I have introduced thousands of developers to Electron. I’ve also worked with and on apps with millions of end users.
Read More

The Cost Of JavaScript In 2018

Building interactive sites can involve sending JavaScript to your users. Often, too much of it. Have you been on a mobile page that looked like it had loaded only to tap on a link or tried to scroll and nothing happens?
Read More

LoopBack 4 GitHub Example Application: Create REST APIs (Part 1 of 3)

In this series, we will work through creating a basic LoopBack 4 application that exposes REST APIs; calls out to GitHub APIs through octokat.
Read More

Building Serverless CRUD apps with Netlify Functions & FaunaDB

Serverless functions seem to be all the rage these days. But why? Most importantly, perhaps, is that serverless functions give frontend developers superpowers.
Read More

How To Build Responsive Layouts With Bootstrap 4 and Angular 6 ?

Yes, even the complex enterprise applications bursting with large data tables and charts. Even if it isn’t the best fit, every type of content should be accessible from any kind of device… OK Tomáš, we have been building responsive web apps since forever so what’s the big deal ?!
Read More

How I Built & Launched an App in 2 Weeks to 40,000 Users with Ionic

Two weeks ago, I decided to make a companion app for the popular game, Pokemon GO. While my days were spent working on new products at Ionic (like Identity Vault), my early mornings, nights, and weekends were spent hacking on GO Ranger.
Read More

How Many of These Essential WordPress Tools & Services Are You Using?

This article was created in partnership with BAWMedia. Thank you for supporting the partners who make SitePoint possible. WordPress became the Internet’s ultimate website builder. It happened because their design team set that as their goal and worked hard to make it happen.
Read More

10 Tools I Use For Mobile Web Development (With 2 Bonus Tools)

Mobile is such a loaded term nowadays. You thought of a smartphone, didn't you?
Read More

Angular, what's coming next? (ngTalks)

Wassim Chegham PRO Head of Open Source Program Office at SFEIR • GDE @Google • @angular Universal core team • creator of @itsjustangular / https://angular.run / https://actions.cloud / https://letme.vision / https://async-await.xyz / https://ngx.
Read More

Nrwl on Twitter

INTRODUCING Angular Console! The Power of the Angular CLI. The Convenience of an App. https://ift.tt/2vxIxFU Read the full announcement on our blog, we can't wait to see what you'll build!
Read More

How to build a shop with Nuxt, Storyblok and Snipcart

In this tutorial we will implement a Product detail and Product Overview using Nuxt and Storyblok. To let you buy your products we will integrate Snipcart buy buttons and cart. As always you can find the source on Github, the demo on Netlify and tutorial down below.
Read More

Set Up Cloud Firestore Security Rules

With the Cloud Firestore Security Rules, we can focus on building a great user experience, without having to manage infrastructure or write server-side authentication and authorization code.
Read More

Creating a Secure REST API in Node.js

Consider all the software that you use in your life. It doesn’t matter if you’re a developer or a regular user that just casually browses the internet and checks up on social networks. Almost all software that you can identify uses some form of API.
Read More

Flexbox — The Animated Tutorial

Tippy.js – Lightweight Vanilla Javascript Tooltip Library

Tooltips are useful for showing little bits of extra content. They save space on the page and give you a room to animate something that grabs people’s attention. In the past, we’ve covered tooltip scripts but many developers want custom libraries.
Read More

Ionic 4 vs Ionic 3 — What you need to know about Ionic 4

After more than a year of work, the Ionic Framework team has released version 4.0.0-beta.0.
Read More

NestJS as an Ionic 4 Backend

Back to my blog for a long time. Now take a small touch to NestJS. Yes, if you familiar with Ionic 2, 3 (and now Ionic 4 for Angular) you should take a look at NestJS, I think it’s a cool thing for Angular’s man.
Read More