Skip to main content

Posts

Showing posts from August 5, 2018

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

Inside Ivy: Exploring the New Angular Compiler

I think compilers are pretty neat. Last year, I wrote “A Deep, Deep, Deep, Deep, Deep Dive into the Angular Compiler,” where I reverse engineered the Angular Compiler and simulated some parts of the compilation process in order to understand how it works behind the scenes.
Read More

Anatomy of an Ionic 4 Project

A long time ago I recorded a video that covered the “anatomy” of an Ionic project, and now I have recorded a video in the same style to cover the anatomy of an Ionic 4 and Angular project.
Read More

How Did Angular CLI Budgets Save My Day And How They Can Save Yours

This article is based on a true story! It happened while working on the Angular NgRx Material Starter which recently started using Angular CLI budgets… Budgets is one of the less known features of the Angular CLI. It’s a rather small but a very neat feature!
Read More

High Performance Angular Grid With Web Sockets

You may have come across the requirement to push data in real-time to an Angular Grid. To push data to the browser, you need a technology called WebSocket. You can implement that using Node.js or ASP.NET SignalR. For the purpose of this article, we will use Web Sockets with Node.js.
Read More

Let’s make a form that puts current location to use in a map!

Maybe I’m just lazy, but these things are not without challenges! For the first one, thanks to payment processing services like PayPal and e-wallets, I neither have to type in my 12-digit credit card number for every new e-commerce site I visit, nor have to save my credit card details with them.
Read More

React.js vs. Vue.js: A Comparison of Popular Frameworks

JavaScript has gained in popularity and many tech giants are reaping the benefits of it. A plethora of frameworks and languages are popping up every day and we can’t keep up with all of them. It is pretty hard to decide which ones are worth paying attention to.
Read More

Debugging Go Code with Visual Studio Code

In this article, I'll cover how to debug your Go code, so it goes without saying that a prerequisite for this article is that you understand the basics of writing Go.
Read More

Building an Ionic Spotify App – Part 3: Native Spotify Integration

Over the last months we had a series on using Spotify with Ionic and to conclude this series one more post follows that how to truly use the full power of Spotify by combining all previous elements.
Read More

In-Depth VuePress Tutorial: Vue-Powered Docs & Blog

We're very excited to sponsor **VueConf TO 2018** https://vuetoronto.com Come hang out and learn some Vue.js with world-class developers (Nov. 15-16). In a rush? Skip to technical tutorial or live demo. Have you ever skimmed through the Vue.
Read More

A New Vue On JavaScript30 - Getting Started

A few months ago, I worked through the JavaScript30 video tutorial series created by Wes Bos (@wesbos) as a way improve my JavaScript skills. While I didn’t keep up with his one a day recommendation, I did 2 a week, I really enjoyed it and learned a lot.
Read More

LoopBack 4 Model Relations Preview

Often times, LoopBack models are used to represent real life entities. As such, LoopBack is able to understand how those entities interact with each other with its concepts of relations.
Read More

Handling Authentication In Vue Using Vuex

Traditionally, many people use local storage to manage tokens generated through client-side authentication. A big concern is always a better way to manage authorization tokens to allow us to store even more information on users. This is where Vuex comes in. Vuex manages states for Vue.
Read More

How to use the async/await syntax in Ionic for Firebase calls

Do you keep running into Cannot read property X of undefined? If you’re writing JavaScript/TypeScript you probably do since the language is almost entirely asynchronous. Most of the time is because we forgot to return a promise inside of a .
Read More

Haiku

HaikuGET HAIKU FOR MACBLOGPRICINGDOCSGALLERYFEATURES WHERE DESIGNING IS BUILDING Create dynamic, cross-platform UIs using design tools, code, or both. DESIGNER PREVIEWGet Haiku For Mac FROM DESIGN TO CODE — AND BACK AGAIN Explore the revolutionary, connected workflow for digital product teams.
Read More

Stencil Tools : Visual Studio Marketplace

Getting started with Material Design Components for web

Material Design Components for the web (MDC Web) offers designers and developers a way to implement Material Design in their websites.
Read More

Learning Gutenberg: React 101

Although Gutenberg is put together with React, the code we’re writing to make custom blocks isn’t. It certainly resembles a React component though, so I think it’s useful to have a little play to get familiar with this sort of approach.
Read More

20+ Best YouTube Channels for Web Designers

As the world is being digitized all the resources are easily available on your fingertips. Similarly you can easily learn anything like web design, development, finance, etc at anywhere. The only requirement for learning online is internet access and time.
Read More

Working With the Ignite UI for Angular Toolbox Extension in Visual Studio Code

Ignite UI for Angular is 50+ Material-based UI components to help you build enterprise Angular application faster. Learn more about Ignite UI for Angular here. In this post, we will follow a step-by-step approach to working with the Ignite UI for Angular toolbox extension.
Read More

How to Create Your First Angular Element

Angular Elements allow us to create reusable Angular components, which can be used outside of the Angular application. You can use an Angular Element in any other application, built with HTML, React, etc. Essentially, Angular Elements are normal components, which are packaged as Custom Elements.
Read More