Skip to main content

Posts

Showing posts from 2018

Turning the Static Dynamic: Gatsby + Netlify Functions + Netlify Identity

Q: What is one thing that Gatsby is capable of doing that might surprise some people? — ctlee A: Gatsby can be used to build fully dynamic sites, which surprises some people because of it’s label as a “static site generator”.
Read More

Creating a Tabs Layout with Angular Routing and Ionic 4

Recently, I published a tutorial that talked through how to use Angular routing in an Ionic/Angular application when Ionic 4.x is released.
Read More

How to Handle Angular Reactive Forms

Presenting the developer with a model-driven approach to handle form fields, plan to dive deep into Angular reactive forms.
Read More

Will PWAs Replace Native Mobile Apps?

Upgrade your inbox and get our editors’ picks twice a month. When it comes to the mobile user experience, are mobile websites all that bad? You hear so much about the benefits of building a dedicated native app, but that can become an incredibly costly gamble if users don’t take to it.
Read More

Template Driven Form Validation In Vue.js

Form validation (or more correctly, form field validation) forces a user to fill out all required fields in a web form. The validation is typically done where the developer can set up rules. For example: If the name field is blank, take the user back to the form and display an error message.
Read More

Connect to the Twitter API in an Angular 6 App

In this tutorial, you'll learn how to authenticate and connect to the Twitter API using Node.js and Angular 6. By the end of this tutorial, you'll have done the following: We will start by building a Node server which handle interaction with the Twitter API.
Read More

Top 10 Articles of the past year for Programmers

Here are the top 10 articles that I believe every programmer should read from this past year. Reading these articles has made me a better programmer/engineer/developer and I hope it will do the same for you: Thank you for reading this far.
Read More

Become a GIT pro by learning GIT architecture in 15 minutes

Git may seem like a complex system. Just ask google. Here are some of the titles that a quick search turns up: At first glance these statements may seem to hold true but once you understand the underlying concepts working with Git becomes a delightful experience.
Read More

Snippets for VS Code

This article is geared towards JavaScript and TypeScript so the code examples will be written in mentioned languages.
Read More

Ivy engine in Angular: first in-depth look at compilation, runtime and change detection

I usually finish my talks with the philosophical phrase that nothing stays the same. And as you probably know it’s more then true with Angular. The current rendering engine is being rewritten with the new much enhanced version called Ivy. The current status of Ivy can be tracked here.
Read More

Creating a File Upload Component in Angular (Including Backend)

Creating file-upload components can be quite hard. Not only because you need to deal with files in JavaScript. Also, because you need an API to test against before you can actually start coding.
Read More

Having Fun with Mixins in Angular

In my last post I wrote about Statemanagement in Angular. At the end I wrote about a Connect Mixin I had in my mind at that time. Okay to be honest I had a Higher Order Component in mind, but that’s not so easy to achieve in Angular. So let’s take one step after the other.
Read More

[IONIC 4] Navigation Basics & Passing Data Between Pages (Angular)

In this video tutorial, we cover the basics of navigation in an Ionic 4 and Angular application- Learn Ionic: http://bit.ly/2VhVMFK Find me on Twitter: https://twitter.com/joshuamorony- More Ionic tutorials: http://bit.ly/2Qag1RS
Read More

Surprises in My Switch to Remote Work

Starting my first remote job has been everything I’d hoped for, plus a bit more than I expected. When I first moved to Portland from Gainesville, Florida (Go Gators!) in November 2014, I got a job writing software at a financial company out in the western suburbs.
Read More

Addy Osmani on Twitter

DevTools Tip: $_ in the Console returns the value of the last expression evaluated.
Read More

autoComplete.js

Neglected side projects for less than $1000.
Read More

A Day in the Freelance Life – Getting to Know Toptal Designers

Statistics vary, but by all accounts, the global freelance workforce is growing rapidly across a wide variety of professions. In the United States, roughly 1 in 6 web developers is self-employed, while 1 in 5 graphic designers works independently.
Read More

Creating Searchable Templates in Angular

One of my last assignments was to develop generic method to make components and templates searchable in our application. In this article, I will walk you through the process and ideas behind the decisions I made along the way.
Read More

mgechev/ngx-quicklink

quicklink implementation for Angular. It provides router preloading strategy which automatically downloads the lazy-loaded modules associated with all the visible links on the screen. Quicklink attempts to make navigations to subsequent pages load faster. It:
Read More

? What’s New in Akita — Angular Forms Manager, Dynamic Stores and More!

Seasons greetings from Datorama! Our Akita elves have been hard at work adding tons of functionality based on your input. Here’s a list of all the new stuff we got:
Read More

The Angular DevOps Series: Deploying to Firebase with CircleCI

If you’ve done anything in web development in the past year, you’ve undoubtedly heard of CircleCI and Firebase. Both technologies are becoming increasingly popular as alternatives to Jenkins, AWS, and other older platforms.
Read More

Angular Top 50: What you should have read in 2018

The year 2018 is coming to an end... That time went by quite quickly, didn't it?
Read More

PascalPrecht

Ensō (円相 , "circle") is a circle that is hand-drawn in one uninhibited brushstroke. It represents creativity, freedom of expression, and unity. Write your name directly the Peepeth smart contract. You'll gain some Peepeth cred and get a lock icon on your profile page.
Read More

Upgrading with Web Components: From AngularJS to Angular

Upgrading from AngularJS to Angular can be challenging. Framework-independent Web Components can help here. Fortunately, Angular now allows exposing Web Components and beginning with AngularJS 1.7.3 you can easily consume them.
Read More

The ten most popular dev.to posts of 2018

I took the 10 most popular posts in the year section of dev.to and added some thoughts. Useful resources for programmers. Sahil Rajput #programmers#useful#lists#resources Being a beginner friendly community I'm not surprised this is the first one.
Read More

Creating & Using a Headless CMS with an Ionic Application

A Content Management System (CMS) provides an easy way to store and manage data related to content that you want to display. Popular Content Management Systems include the likes of WordPress, Drupal, Magento and many more.
Read More

5 Ways To Improve Development With Visual Studio Code

Visual Studio Code is extremely flexible and powerful. By learning the ins and outs, you can greatly improve your speed, efficiency, and process as a developer. In this article, we'll look at the top 5 ways to do so!
Read More

How to Build a SaaS Dashboard in React With Google Sheets and FusionCharts

In this tutorial I’ll explain the process of creating a SaaS dashboard by fetching data from Google Sheets using the Google Sheets API.
Read More

The Ultimate Guide to Web Scraping with Node.js

So what’s web scraping anyway? It involves automating away the laborious task of collecting information from websites. There are a lot of use cases for web scraping: you might want to collect prices from various e-commerce sites for a price comparison site.
Read More

Adding Icons & Splash Screens (Launch Images) to Capacitor Projects

Generating icons and splash screen images ends up being a much more difficult task than you might anticipate before doing it for the first time.
Read More

snippet generator

New Guide: Your First Ionic Framework V4 App

Following the exciting news that the Ionic Framework v4 release candidate has shipped, we’re releasing a new developer guide: Your First Ionic v4 App. This guide walks you through the basics of Ionic Framework development in a fun and friendly manner.
Read More

Syncing Multiple Reactive Form Inputs in Angular

When it comes to complex form UIs occasionally, we can run into a situation where we want to keep two user inputs in sync with each other. Sometimes this happens when we are showing and hiding an input displayed in different parts of the UI dependent on certain conditions or business rules.
Read More

Improved Navigation in Angular 7 with switchMap

With PR #25740 all navigations performed by Angular’s router are merged into a single, observable stream. There can also be only one active navigation at any time.
Read More

Improving the CodeSandbox Community

It’s time for a new update to CodeSandbox! This time we focused on the most important part of CodeSandbox: the community. Without a community, CodeSandbox would not be the platform it would be today, and it definitely deserves some more love.
Read More

How to Create Search Engine-friendly Internationalized Web Apps with Angular Universal and ngx-translate

Search Engine Optimization (SEO) is important for many Angular single-page applications (SPAs).
Read More

5 Tips to improve User Experience of your Angular app with NgRx

Performance of web apps matters. It matters even more so when the company’s finances are depending on such apps if it needs users to be engaged with the site and to keep them coming back.
Read More

Angular Elements, Part I: A Dynamic Dashboard in Four Steps with Web Components

Beginning with version 6, we can expose Angular Components as Web Components or to be more precise: As Custom Elements which is one of the standards behind the umbrella term Web Components. They are can be reused with each framework and even with VanillaJS.
Read More

Implementing a Login for NativeScript Apps with Tab-based Navigation

Enabling nested aux page outlets gives us the power to compose a lot of new and more flexible application scenarios. Before going into details let’s shed some light over what auxiliary outlets in Angular are:
Read More

How to run Express.js apps with Netlify Functions

Editor’s note: Welcome Mark Tse in his first guest post for the Netlify blog! Have an idea for a post you’d like to write? Let us know! Netlify started off as a service for hosting static websites.
Read More

Angular NYC 12/17 : Nx

Use these Javascript features to make your code more readable

Without further ado, here are some everyday “tricks” to make your Javascript code much more readable. Take this (intentionally) deeply nested object. Reading the age of a mammal would lead us to a very verbose and repetitive code.
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

A Fun Way to Learn CSS Flexbox

Hello my fellow developer, welcome to yet another article. The time has come to talk about the CSS and the Flexbox layout component. I will briefly describe the CSS properties and at the end of this post, you will find a couple of useful links that will help you learn the Flexbox in a fun way.
Read More

Gravatar Directive in Angular

Did you know that Angular components are subsets of directives?Why do we then need the Directive decorator, and why would we use it instead of the Component? Well, directives can extend the behavior of a component by adding behavior to template elements.
Read More

How To Create Angular Modules To Organize Code

In this tutorial, we will see How To Create Angular Modules To Organize Code. Modules are the great way to organize an application and extend it with capabilities from external libraries. Angular libraries are NgModules, such as FormsModule, HttpClientModule, and RouterModule.
Read More

Here is why you will not find components inside Angular

From the moment I started using Angular I was intrigued by the question what’s the difference between components and directives. It’s a nagging question especially for those who come from the AngularJS world since we only had directives that we often used as components.
Read More

Debug Your Node.js App in 60 Seconds

Setting up debugging can be a chore. It can make you feel like console.log isn’t so bad after all. Right? While I enjoy a good console.log as much as anyone, I’d much rather debug with zero configuration of my app. Wouldn't you? Visual Studio Code (aka VS Code) has changed the game on Node.
Read More

Brian Love on Twitter

$ ng add angular-fire-schematics Prompts for #firebase config Adds firebase and @angular/fire dependencies Installs Updates environment.
Read More