How Do You Know Your Website Is A Success?

Product strategy is a combination of achievable goals and visions that work together to align the team around desirable outcomes for both the business and your users. (Image credit: Melissa Perri) (Large preview)Here are a few tips that help you set a goal: Tie the purpose to business goals.

Full article

Read More

Build a realtime Instagram clone — Part 1: Setting up the project and creating the UI

This is part 1 of a 4 part tutorial. You can find part 2 , part 3 here and part 4 here. Ever used the web version of Instagram? Ever wondered how they make it all work? In this series, we are going to look in depth at how to build an Instagram clone using React.

Full article

Read More

How to setup CI/CD workflow for Node.js apps with Jenkins and Kubernetes

Continuous Integration and Continuous Delivery are two of the practices that shape DevOps philosophy today. Basically it includes implementing development and integration workflows where developers commit their changes to the central repository frequently, ensuring that their commits are functional and ready to be deployed to production.

Full article

Read More

How to set up Tensorflow.js for machine learning in your browser

Until recently, just getting started writing your first line of machine learning code required a hefty upfront investment in time and money. Last year, I built my own PC specifically for machine learning. I researched the parts and assembled it myself.

Full article

Read More

Learn This One Weird ? Trick To Debug CSS

Hi! ? I’m Zaydek! When I first set out to learn how to make websites, it was far more painful than anticipated. After all, I’m an experienced graphic designer and programmer — how could websites be that hard? In this article, I detail the decisions that led me to create a CSS debugger.

Full article

Read More

Building AI Enabled GraphQL Applications

In this post we’ll learn how to use GraphQL to map to AWS Lambda endpoints that work with AI services. We’ll be using AWS AppSync as the GraphQL endpoint & AWS Amplify for the GraphQL client.

Full article

Read More

How To Install The Plano GTK Theme On Linux

Installing the Plano GTK theme isn’t difficult, as users will not need to manually build the theme into something installable. Still, to use this theme correctly under Linux you’ll need to meet certain requirements.

Full article

Read More

How not to write an error message

Speaking of being specific with your people, places, and things: I present to you the classic case of cancelling your cancellation. It’s an all-too-common scenario in software product UIs.

Full article

Read More

What if JavaScript wins?

What had often been a solitary pursuit, or one where collaboration happened with a defined set of colleagues within a company or open source project, burst open into a much more intrinsically social experience.

Full article

Read More

Getting Started With CSS Layout

If you are in a vertical writing mode, then sentences run vertically so normal flow would lay the blocks out horizontally. Normal flow is where you begin with any layout: when you create a CSS Layout, you are taking the blocks and causing them to do something other than normal flow.

Full article

Read More

How to Start and Finish Any Web App Project

Did you know it took about 65 years for the Golden Gate Bridge to go from conception to being built? In 1872 a dude by the name of Charles Crocker proposed building a bridge between San Francisco and Marin County (the towns connected by the Golden Gate Bridge).

Full article

Read More

Why Blockchain is Hard

What the heck is a blockchain, anyway? And can it really do all these things? Can blockchain bring something amazing to industries as diverse as health care, finance, supply chain management and music rights? And doesn’t being for Bitcoin mean that you’re pro-blockchain? How can you be for Bitcoin but say anything bad about the technology behind it?

Full article

Read More

Component Based Design System With Tachyons

A Design system is a collection of rules, constraints and principles applied to your design and development process. I most often encounter it as a set of rules that control the typography, colours, spacing, sizing, icons and other visual styles. These rules form a foundation that guides your work.

Full article

Read More

Get to Know React's New Context API

In a world where there are lots of different front-end frameworks, it's always hard to know which one to pick. Do I want to use the ever popular Angular? Or would diving into VueJS be beneficial to my scope of knowledge?

Full article

Read More

How Error Monitoring Helps You Find Bugs BEFORE Users Do

One of the biggest distractions to any software team building web and mobile applications is the act of fixing up problems in previously written code.

Full article

Read More

Building Reusable React Components

Normally in vanilla JavaScript, when you want to re-use some code, you write it as a function. In React however, you write your code as a component. In this post, I will show how we can create custom re-usable React components, and share them between apps.

Full article

Read More

Progressive Web Apps on the Desktop

Dogfood: Support for Desktop Progressive Web Apps is supported on Chrome OS 67, which is currently the beta branch. Work is already under way to support Mac and Windows. Desktop progressive web apps can be 'installed' on the users device much like native apps. They're fast.

Full article

Read More

Top 10 JavaScript errors from 1000+ projects (and how to avoid them)

To give back to our community of developers, we looked at our database of thousands of projects and found the top 10 errors in JavaScript. We’re going to show you what causes them and how to prevent them from happening. If you avoid these “gotchas,” it’ll make you a better developer.

Full article

Read More

What is Kubernetes & How to Get Started With It

From this article, you will learn the basic concepts of Kubernetes so you can have a modern, safe and reliable production infcrastructure in the cloud without handling all the hassle of old DevOps solutions.

Full article

Read More

Warning: Your programming career

The main thing that was bothering me while I was just starting my coding career was the language/technology choice. What should I learn, where should I start? What should I know to get my first job as a programmer? Back then (almost 10 years now) there wasn’t Coursera, or Udemy or SoloLearn.

Full article

Read More

Becoming a CSS Grid Ninja!

These days, most developers know CSS Grid, but there are still lots of small missing parts, unfamiliar to many of them. In this post I will try to cover all these parts of CSS Grid. I promise you will learn new stuff!

Full article

Read More

Web Scraping Scotch: The Node Way

A lot of new web technologies and design paradigms have emerged in the last couple of years. Some programming languages are beginning to gain increasing popularity.

Full article

Read More

How to build a library for Angular apps?

One of the things that Angular team made ridiculously easy with the introduction of Angular 6 is a possibility to create Angular libraries. If you’ve ever tried to do it before, you know that it was hardly a simple endeavour…

Full article

Read More

50+ Useful Machine Learning & Prediction APIs, 2018 Edition

An API is a set of routines, protocols and tools for building software applications. For KDnuggets' third edition of this post, we removed discontinued APIs from the list of 2017, and updated it with new elements. All APIs are categorized into emerging application groups:

Full article

Read More

How To Create An Audio/Video Recording App With React Native: An In-Depth Tutorial

First, download Expo to your mobile phone. There are two options to open the project : You can also open the app in the browser. Click on “Open project in the browser”. If you have a paid account on Appetize.io, visit it and enter the code in the field to open the project.

Full article

Read More

RxJS 6: What's new and what has changed?

RxJs 6 is out and with it new exciting additions and changes! Ben Lesh highlights that RxJS 6 brings cleaner imports while having a smaller API, a backward compatibility package to update without changing your code, and automatic code migration for TypeScript.

Full article

Read More

How I Work Hard Without Burning Out

Do you ever feel that the demands of your job are too much? If so, that’s not a surprise. Modern-day life demands much of us as human beings. That has been the case for decades. And often, those high demands result in burnout. Researchers have studied the phenomenon of burnout from the 70s.

Full article

Read More

A complete React with Apollo and GraphQL Tutorial

I am writing a React GraphQL book which I intend to release the next months. If you are interested in following me on this journey or grabbing a copy of the book as one of its first readers, you can opt-in for receiving updates about it.

Full article

Read More

Dynamic Jenkins Pipelines

A few years ago our CTO wrote about building a Continuous Integration server for Ruby On Rails using Jenkins and docker. The solution has been our CI for the past years until we recently decided to make an upgrade. Why?

Full article

Read More

Announcing NGXS 3.0

Today, we are really excited to announce NGXS 3.0. Over the past month, the community has poured in ideas, pull requests and bugs and today we are bringing many of those to fruition. So what’s new in 3.0? We’ve been testing NGXS 3.0 against Angular 6 and RX6 since the first RC release.

Full article

Read More

Functional Programming In JavaScript — With Practical Examples (Part 1)

Functional Programming(FP) can change the way you program for the better. But it’s hard to learn and many posts and tutorials don’t go into details like Monads, Applicative and so on and don’t seem to use practical examples to help us use powerful FP techniques on a daily basis.

Full article

Read More

5 React Architecture Best Practices

There can be no doubt that React has revolutionized the way we build user interfaces. It’s easy to learn and greatly facilitates creating reusable components that offer your site a consistent look and feel.

Full article

Read More

Webpack’s New (CLI) Hotness

Webpack has a brand new hotness that’s all up in your CLI. What goes often-overlooked is that User Experience (UX) isn’t just limited to the web. We’re inundated by UX in nearly every inanimate thing with which we interact. And that also applies to the Command Line Interface.

Full article

Read More

Testing your React App with Puppeteer and Jest

End-to-End testing helps us to assure that all the components of our React app work together as we expect, in ways which unit and integration tests can’t.

Full article

Read More

SonarQube Scanning in 15 Minutes

It has been awhile since I've seen an updated SonarQube tutorial here on DZone, so I thought that I would go through a jump start guide for you. I'm assuming that you are working in one of the common Linux distros (most of this tutorial works as well for Windows, but there are some minor changes.

Full article

Read More

These JavaScript methods will boost your skills in just a few minutes

Most of the applications we build today require some sort of data collection modification. Processing items in a collection is a common operation you will most likely encounter. Forget the conventional way of doing for-loop like (int i; i < value.length; i++ ).

Full article

Read More

Build a Vue.Js E-Commerce App with ButterCMS Headless Backend

ISo, if you haven't heard already: Vue is a progressive, lightweight JS framework for building web UIs. It's open source, community-supported, reactive, component-based. It's also quite "incremental"—can be dropped in any existing projects—and works wonders for logic concerns separation.

Full article

Read More

CTT já permite desalfandegamento online

O processo de desalfandegamento em Portugal é uma verdadeira aventura, mas esperemos que isso possa começar a mudar com o novo sistema de desalfandegamento online dos CTT.

Full article

Read More

The State of the Web at Google I/O 2018

The introduction of the Service Worker API is one of the most significant improvements to the web in recent history. It frees developers from the limited lifecycle of pages, working in the background to intercept network requests and handle incoming events to enable web apps to work offline.

Full article

Read More

Understanding Generators in ES6 JavaScript with Examples

ES6 introduced a new way of working with functions and iterators in the form of Generators (or generator functions). A generator is function that can stop midway and then continue from where it stopped. In short, a generator appears to be a function but it behaves like an iterator.

Full article

Read More

50 Most Popular JavaScript Projects in 2018

In this article, I am going to share with you the top 50 popular JavaScript projects that every JavaScript developer/programmer should know. The list will contain all the open source projects and their links as well.

Full article

Read More

Upgrading an Application to Angular 6: Step By Step

Angular 6 is out and it offers some great new functionality in the CLI and overall framework. One of the biggest new features (IMO anyway) is the CLIs support for schematics and the ng new library command to create and publish libraries (a big pain point that is now simplified). But, I digress….

Full article

Read More

? Automagically Unsubscribe in Angular

As you probably know when you subscribe to an observable or event in JavaScript, you usually need to unsubscribe at a certain point to release memory in the system. Otherwise, you will have a memory leak.

Full article

Read More

Goodbye, Object Oriented Programming

I’ve been programming in Object Oriented languages for decades. The first OO language I used was C++ and then Smalltalk and finally .NET and Java. I was gung-ho to leverage the benefits of Inheritance, Encapsulation, and Polymorphism. The Three Pillars of the Paradigm.

Full article

Read More

Version 6 of Angular Now Available

The 6.0.0 release of Angular is here! This is a major release focused less on the underlying framework, and more on the toolchain and on making it easier to move quickly with Angular in the future.

Full article

Read More

Authentication in Angular with NGRX

In this tutorial, we’ll add authentication to Angular using NGRX Store and Effects. This post assumes that you a have basic working knowledge of Angular (2+), TypeScript, RxJS and the Redux design pattern.

Full article

Read More

15 Interesting JavaScript and CSS Libraries for May 2018

Our mission at Tutorialzine is to keep you up to date with the latest and coolest trends in web development. That’s why every month we release a handpicked collection of some of the best resources that we’ve stumbled upon and deemed worthy of your attention.

Full article

Read More

Learn Bootstrap 4 in 30 minutes by building a landing page website

There are many versions of Bootstrap with version 4 being the latest. In this article we are going to build a website using Bootstrap 4. Before starting, there are some skills you’ll have to know in order to learn and use the Bootstrap framework.

Full article

Read More

Jazz Up Your “ZSH” Terminal In Seven Steps — A Visual Guide

In this blog I’ll cover installing ITerm2, ZSH shell, “oh my ZSH”, Themes, ITerm2 color schemes, “oh my ZSH” plugins and enable “ligature” support to help create a beautiful and powerful Terminal. We’ll be covering a lot of things.

Full article

Read More

Learn HTML, CSS, and JavaScript! Colt Steele’s Free Video Crash Course

Disclosure: I write reviews and receive compensation from the companies whose products I review. All opinions expressed here are my own. If you’re wanting/trying to learn HTML, CSS, and JavaScript, chances are you’ve heard of Colt Steele.

Full article

Read More