webdev


post-862-thumbnail
Oh Snap, Here Comes *Another* Javascript Framework | Svelte

There’s a new frontend framework soaking up the spotlight called Svelte. Is it a fad or is it the future of web development?

post-852-thumbnail
Forms Are Hard

TLDR; Need forms in your app? There are many options. Our journey to ShapeForm! It’s no secret t...

Breaking Into It And Tech With No Experience: Mindset And Learning

I recently wrote about my experience going from IT to DevOps.If you’re currently in IT and looking...

Javascript Demystified:  From Compilation To Execution

We must examine how our code runs when executed to understand better how JavaScript works under the...

Review Of Ux And Design

This could turn out to be horrible for me, but I need to ask you all a favour. I have recently deploy...

The #1 Way To Grow Your Personal Brand As A Developer

Strong personal brand gives you even stronger job prospects. We discuss your #1 strategy for growing that in this article.

10 Intriguing Public Rest Apis For Your Next Project

The notion of working on side projects gets thrown out a lot amongst the programming community. It...

Css - Spent 3 Days With White Space !!

Hey guys, I am tired, I have spent 3 days just trying to fix my HTML & CSS design in order to mak...

post-815-thumbnail
Let's Take A Look At Css In Js With React In 2019 - Css & Inline Styling

Let's Take a Look at CSS in JS with React in 2019 - CSS & Inline Styling CSS in JS isn...

post-811-thumbnail
Using Gatsby With Agility Cms

Gatsby is an amazing framework for Static Site Generation. Built on top of React.js, it's been aroun...

post-804-thumbnail
Postcss Preset Env: Babel For Css

PostCSS has been my personal favorite out of all the tools for writing CSS for the past year and a half. Setup is really easy, it features tons of extremely useful plugins and it has great performance. One of my favorite plugins is definitely possess-preset-env.

post-803-thumbnail
So I Built A Free Online Api Builder With Cors Support 🚀 (And Why Another Postman Alternative)

TL;DR Use getd.io/ to test APIs with only your browser - No app or plug-in needed. Support...

post-793-thumbnail
Who/What Should I Follow On Instagram For Web-Dev?

I am great at LinkedIn but when it comes to Instagram I'm an Insta-loser. I just don't know how to...

post-783-thumbnail
Css Media Queries - Part 6 Of Frontend Development Series

According to our guideline - roadmap.sh/frontend, the next section on the frontend development series...

post-782-thumbnail
Making Layouts With Css (Pt A) - Part 5 Of Frontend Development Series

This article was first shared on my blog - Dillion Megida's Blog On the series, today's topic is Ma...

post-772-thumbnail
Move Over Redux: Apollo-Client As A State Management Solution (With Hooks 🎉)

Background On the Internal Tools team at Circle, we recently modernized a legacy PHP app b...

post-754-thumbnail
Nuxt, Next, Nest?! My Head Hurts.

I clearly know what all of these things are. Their names are not at all similar. But let's review, just to make sure we know...

post-742-thumbnail
Weekly Picks #90 — Development Posts

Dan Abramov and Ken Wheeler Deactivate their Twitter Accounts 25+ JavaScript Shorthand Coding Techni...

post-733-thumbnail
How To Setup Eslint And Prettier For Your React Apps

Building high-quality apps is challenging for many reasons: The more your codebase grows, the more...

How To Import Data From Sql Server To Excel Table In C#

Microsoft Excel is known for storing, analyzing, and visualizing data. Databases are great for stor...

post-720-thumbnail
What Is Angularjs Good For?

What is AngularJS? AngularJS is an Open-source Front-end JavaScript-based framework which is maintai...

post-716-thumbnail
Developing Modern Apps For Financial Markets – Part 4: Architecture And Development

I've wrote this article some time ago, as a way to describe the application design process in GFT, yo...

post-715-thumbnail
Developing Modern Apps For Financial Markets – A Case Study. Part 1

I've wrote this article some time ago, as a way to describe the application design process in GFT, yo...

post-711-thumbnail
Sematext Experience Is Here

Have you ever heard the expression "A picture is worth a thousand words", well with Sematext Experien...

post-708-thumbnail
The Impactful Role Of Blockchain On Wordpress Plugin Development

Nearly one-third of the websites all over the globe is powered by WordPress CMS. The popularity behin...

post-707-thumbnail
Frontend Development Series

I started a frontend development series on the 24th of July, 2019. A friend of mine introduced me to...

post-706-thumbnail
“Trick Or Unsubscribe” In Rxjs: A Custom Angular Decorator

Background Why Observables might be dangerous for your application? What are the options t...

Psd To Joomla Conversion-Loaded With Fabulous Features!

Have you ever pondered upon the growing popularity of a Joomla website over others? If you are a some...

post-688-thumbnail
Lessons Learned From A Rotational Software Engineer - Part 1

Hi! I'm back with another post as I recently graduated from my two year rotational program. It was my...

Build A React & Firebase Blog Site: Part 2

Build a React & Firebase Blog Site: Part 2

I Did It, I Wrote My First Blog Post

I’m not a writer. I have to start with this because it is a fact. I’ve started this “I need to writ...

Reduce Is Not My Best Friend(Anymore)

I'm venkatesh. I have been working as a web developer for quite some time. This is a simple...

Shave That Yak!

Why sometimes you should pursue the fiddly little thing that doesn't seem that important.

Introducing Firestorm - A Firestore Orm

Firestorm is a new ORM for Firebase Firestore. For more information, check out the README in the gith...

post-667-thumbnail
Get Your Very Own Jamstack T-Shirt!

TLDR; Sign up and win a shirt Last week (8/21), we were honored 😊 to host and present at the inaugur...

post-659-thumbnail
.Net Conf

.NET Conf is a FREE, 3-day virtual developer event co-organized by the .NET community and Microsoft. This year .NET Core 3.0 will launch at .NET Conf 2019! Come celebrate and learn about the new release. You won't want to miss this one.

post-657-thumbnail
The Simple Guide To Html Svgs

You want to work with D3, but you don’t understand how SVGs are rendered in the browser. This makes i...

post-645-thumbnail
Never Too Late To Learn: My (Meandering) Path To A Career In Software Engineering

If you've ever considered pursuing a career in software engineering but thought you were too old or t...

post-642-thumbnail
Css Grid: Illustrated Introduction

This post is the first of a two-part series. Introduction I remember the first time I...

Differences Between "Let" And "Const" Keywords?

In my last article I talked about the differences between "var" and "let" now it's time to talk about...

Rename Variables While Destructuring

Destructuring is a great feature and has many use cases. Today, we will see how to rename a variable while destructuring and some use cases for it.

What Hides Under Jsx

Simple fast explanation of JSX

post-586-thumbnail
Justify-Content & Align-Items At Your First Try 😊

CSS Flex property is a widely adopted and used property by front end developers nowadays. You almost...

How To Correctly Wrap A Javascript Function

Wrapping JavaScript functions lets you add common logic to functions you do not control, like native and external functions.

post-566-thumbnail
When To Use Vuex Getters In A Vue.Js Project

If you enjoy this article please consider following me on Twitter or visiting my website. One of the...

post-563-thumbnail
Authentication Preload Strategy

I have decided to write my own custom authentication preload strategy. I got an idea from John Papa a...

post-559-thumbnail
3 Methods For Microservice Communication

Written by Kyle Galbraith✏️ In the world of microservice architecture, we build out an application...

post-554-thumbnail
Hot Module Reloading With Next.Js Docker Development Environment In 4 Steps

This post will go through how to add hot module reloading to Next.js running a docker environment. Th...

Make An Object Traversable With The Iterator Protocol

Meta-programming in JavaScript with the iterator protocol

post-551-thumbnail
How We Replaced (Part Of) Intercom With 100* Lines Of Code

Edit: less clickbaity title (*ok, it was 105 lines) We started to use Intercom the classic way: we...

post-543-thumbnail
Steps To Take When Working On A Machine Learning Project

Every project has certain steps that should be taken and machine learning is no different. It's an expensive undertaking when a company decides to start a machine learning project so it's important to do it right from the beginning. Here are a few steps you can take to ensure your project goes well.

Reasons Developers Avoid Css

Break the CSS Stigma: Real developers don’t design and don’t use CSS Not all web devel...

post-516-thumbnail
Not Not (!!)

Picture this You need to check if an element exists on a page, let's take a look at this e...

post-513-thumbnail
React Testing With Airbnb's Enzyme, Jest And Babel

Hi Guys Good Day! ok, guys first We gonna configure Jest, Enzyme from the ground up. So yo...

How To Fade In Content As It Scrolls Into View

Want to make your content fade in as it scrolls into view? This article will give you the how-to!

post-489-thumbnail
5 Easy Wins For Cleaner Javascript Code 🧹

Imagine an empty and clean kitchen sink. It's so shiny you can see your reflection inside of it. If y...

Build A React & Firebase Blog Site: Part 1

Build a React & Firebase Blog Site: Part 1

Create A Graph Fast With This Simplest Guide To D3

D3.js does two things: (1) It adds HTML to a page and (2) it binds data to that HTML. That’s it. The...

post-484-thumbnail
Enabling Tls Just Got A Little Bit Easier

We all know that enabling HTTPS is one of the ten commandments of web development, but it's always a...

post-481-thumbnail
Do You Don’T Understand [Em] Unit In Css3 Yet? 😅 — Basic Explain

Maybe you’re think right now: oh, this is a basic post for begginers web developers , and you’re righ...

Compute Values On Component Mount With React Hooks: State Vs Ref

I recently came across this question: I have a functional React component that computes a value whe...

post-467-thumbnail
Spicing It Up With A Recipes Site

Making your own website can be an intimidating task for novices and professional web developers alike...

post-464-thumbnail
Join The Css Future With Css Grid (From Codepalousa 2019)

I just got back from presenting at CodePaLOUsa in Louisville Kentucky. This is the first time I have...

Is Flutter The Future

I really like the flexibility and the the insane cross platform ability but is it really the future?...

Psl 96 Stylesheets

I was reading about the various ways in which the first stylesheet proposals came into being. One rea...

How I Went From Charging $100 To $10,000+ For A Website

In this video I'm sharing how I went from charging $100 and a coffee card to $10,000 (sometimes more) per website/app as a freelance web developer.

post-437-thumbnail
Custom Type Definitions For Javascript Dependencies

If you are importing a javascript dependency into your typescript app, you might run into this error...

Debugging: "Refused To Get Unsafe Header" In Chrome

Recently, we ran into a scary looking error message in the Chrome console, Refused to get unsafe...

post-428-thumbnail
How To Avoid Ad Blocker Errors

The web is full of ads, and many users install ad blocker extensions to deal with them. But ad blocker extensions can break websites in strange and unintended ways, which often show up as errors in TrackJS.

Dynamic Menu In Vue

We've all created a web app using Vue and for sure these apps have a menu in it. The main idea came...

Investigative Developer Introduction

Hello, today I am starting a series of post called Investigative Developer. In every post I will find...

My Personal Blog

napicella's blog

post-386-thumbnail
Guess Where Is Scrapingninja Today? 😻🙀

Hello everyone, Today is a special day for me. A few months ago I talked to you about a new...

Code For Social Good

coding for a better community and a better self

post-369-thumbnail
Centering Elements With Flexbox

The biggest CSS headache is "How do I vertically center something". Throw away your migraine pills,...

My Experience At Andela Prebootcamp Workshop

Hello, my name is Mutangana Edgar, I attended the andela prebootcamp workshop of circle 10; and it he...

Let’S Build: With Javascript – Dynamic Checkboxes

Welcome to another installment of my Let’s Build: With JavaScript series. This video tutorial teaches...

post-342-thumbnail
Abstract Operations—The Key To Understand Coercion In Javascript

I was intrigued by one the question asked on my So you think you know JavaScript article. {} + [];...

post-333-thumbnail
How To Create A Scalable And Maintainable Front-End Architecture

Modern front-end frameworks and libraries make it easy to create reusable UI components. This is a st...

post-331-thumbnail
Versioning Asp.Net Core Apis With Swashbuckle - Making Space Potatoes V-X.X.X

Updated Path Versioning Post Here Creating a new API with ASP.NET Core is fun and easy; versioning t...

post-329-thumbnail
Javascript For() {} Loop - Simplified

The for loop creates a loop where executions are executed as long as the given condition remains true...

post-325-thumbnail
Angular Unit Testing 101 (With Examples)

The more we add features to our software the more it grows in complexity. And as it grows in...

What Are Single Page Applications(Spa)?

Have you ever heard about some of JavaScript frameworks, such as AngularJS, React or Vue.js? Maybe yo...

post-316-thumbnail
Can You Replace Redux With React Hooks?

This was originally published on chrisachard.com Hooks are gaining popularity as a way to add state...

When You Can’T Relax

So the weekend is over, and you don’t feel relaxed. What happened? Maybe you even “stayed home and di...

React Reverse Portals

New React library to help with performance & simpler state management

Why Css Is Difficult To Get Right?

Break the CSS Stigma: Don’t be afraid of CSS <!--kg-card-end: ima...

The New Way To Create, Develop And Deploy Twilio Functions

SIGNAL, our customer and developer conference, was only a few days ago. In case you missed it, you...

Indexeddb: Caching Your Data On The Client Side

IndexedDB: Caching your data on the client-side A few months ago I started saving data...

post-244-thumbnail
Frontend Weekly Digest (19–25 August 2019)

Web-development • amp-script: AMP JS • What HTML6 really needs (Living standard) • Optiona...

A Practical Approach For Clean Analytics

How to keep analytics data nice and clean for use in downstream marketing & data science tools

post-231-thumbnail
Text To Speech In The Browser With The Web Speech Api

Learn how to turn text to speech in the browser with the Web Speech API.

What Are Your Favorite Telegram/Slack/Discord Dev Groups? 🗨️👩‍💻

A post by Andrew Brooks 👨‍💻

Project: See Sign Stories

I recently started a project working with a Teacher of the Deaf to develop English literacy skills in...

I Scraped Social Media Platforms And Built An Api With It, Cause Why Not 🤷‍♂️

First of all, I'm by no means a professional software engineer, so this won't be the cleanest code y...

What Should I Make Next? Quick Project Ideas

Ever since I finished up at the Flatiron School at the end of May, I've been trying to come up with a...

Data Validation In Typescript Using The Either Pattern

You can go with this, or you can go with that

post-182-thumbnail
8 Miraculous Ways To Bolster Your React Apps

Find me on medium Sometimes when we build our apps in React we can easily miss opportunities to impr...

post-178-thumbnail
Have You Tried Ml.Net?

ML.NET is an open source and cross-platform machine learning framework made for .NET developers. ML...

🏝 Remote Work “Office Hours”

Today I’m excited to announce my new initiative - Remote Work “Office Hours.” I will be dedicating 2-3 hours every week (20 min time slots) to answer your questions about working remotely as a developer. It’s completely free and aims to help everyone who wants to learn more about remote work.

post-161-thumbnail
A Linter: The Magic Bullet To Improve Your Engineering Team

A linter is formally classified as a Static Code Analysis tool. It is usually a command line tool and...

Differences Between "Var" And "Let" Keywords?

This post will be the first of a large series of small posts that will cover some questions you are l...

Angular 8 - Getting Started In 2019

Just found a nice read on Getting Started With Angular 8 - https://overflowjs.com/posts/AngularJS-Get...

Top Typography Resources (2019)

Choosing a typeface is a critical part of any design project, but there’s more to typography than pic...

post-111-thumbnail
[Video] What Are Higher-Order Observables And Flattening Operators In #Rxjs (Mergemap, Switchmap, Concatmap).

What are Higher-order Observables and flattening operators in #RxJS (mergeMap, switchMap, concatMap) video from my video-course “Hands-on RxJS”

Native Lazy Loading Is Landed In Chrome 🔥😍🔥

Lazy loading resources is one of the important parts of web performance tuning, simply because offscr...

post-93-thumbnail
Learn And Build Web Authentication System (Universal Principles)

What's an Authentication? Servers are basically stupid computer programs who cannot rememb...

Mosaic Gallery, Expanding Footer, Video Hero | Module Monday 53

Module Monday 53

Finding The Courage To Code

Once I overheard someone describe a kid they met that knew he wanted to be a podiatrist 👣👨‍⚕️ at ag...

Slap Someone With Slack Commands

Original Post: https://ajonp.com/lessons/slap-someone-with-slack-commands/ Slappy...

post-67-thumbnail
Quick And Dirty Mock Service With Starlette

I had a challenge at work. The team needed to mock out a third party service in a testing environmen...

Webtorrent Is Great

webtorrent is so great i mean imagine if a website like netflix or wikipedia uses it , it will lower...

Always Be Improving

You should always improving, but should you strengthen a strength or improve a weakness? G...

post-59-thumbnail
Front End Architecture For Angular Applications

In my current role as Director of Product Engineering at FINCURA, I’m often thinking about our front...

I'M Building My First Cms Website

So I'm building my first CMS website ever and it's kind of overwhelming which framework / solution to...

post-49-thumbnail
Ditching Worthless Friends With Facebook Data And Javascript

Friendships are hard to maintain. So much energy is wasted maintaining friendships that might not act...

Build A Jwt Authenticated Api With Lumen(V5.8)

In this tutorial, we will be using lumen; a super-fast micro-framework by laravel to build a simple and secure REST API. At the end of this tutorial, you should be able to build production-ready APIs. Let's get started!

A Ceo's #1 Tip On How Stand Out As A New Full-Stack Developer In A Competitive Market ⚡

The full-stack market is saturated with newbies. There are radical ways however you can stand out from the crowd.

Learn To Add Ai To Your Apps With Cognitive Services

Learn to use Cognitive Services to augment your apps

To Code, Or Not To Code On Vacation: That Is My Question

I coded on vacation, and now I feel guilty about it. What tips do you have?

post-33-thumbnail
Unit Tests Do Find Bugs

This article is my "attempt" to define the benefits of proper levels of testing, from my own personal experience.