Arbab A Waheed

191 Flips | 1 Magazine | 7 Likes | 5 Following | 3 Followers | @ArbabAWaheed | aawaheed

Laravel And Vue Example | Build A Twitter Type Web Application

In this Laravel and Vue tutorial, we will build a simple twitter web application.<p>For this tutorial, I am using Laravel and Vue.js. I am defining some …

Laravel

Cabin - A React

Learn React & Redux With Cabin<p>These 7 tutorials teach you how to build a feature-rich, scalable social network app using React and Redux. The first 6 …

JavaScript

Using JSON Server to Create a Restful Server in 5 seconds

Ok, technically, you need to do a<i> little</i> setup to get a JSON Server running, but to activate it, this is all it takes:And that’s it, your new local …

JavaScript

Original GIF

Takes in a GIF, short video, or a query to the Tenor GIF API and converts it to animated ASCII art. Animation and color support are performed using …

GIF Animations

How to Add Deep Linking to the Bootstrap 4 Tabs Component

Today we’ll learn how to add “deep linking” to the Bootstrap 4 tabs. To better understand what we’re working towards, check out the demo page and pay …

Web Development

Using React Router 4 with Server-Side Rendering

Now that we’ve had a look at a basic setup for React server-side rendering (SSR), let’s crank things up a notch and look at how to use React Router …

JavaScript

Render Browser Specific Content with React 🎉

<b>TL;DR</b><i> — You can render browser specific content in React with a one-liner.</i><p>Have you ever wanted to put up a banner for all your IE users and ask them …

JavaScript

DotNetify-React Released: Build Reactive MVVM Apps with React + SignalR .NET Core 2.1

After more than a year in beta, I’m thrilled to announce dotNetify-React is finally released (v3.0) and ready to be used on web apps with back-ends …

JavaScript

Understanding Redux: The World’s Easiest Guide to Beginning Redux

The course was pretty good, but I still don’t think Redux was well explained to a beginner like me. It wasn’t explained that well.<p>Redux is a …

JavaScript

An Almost Ideal React Image Component

TL;DR. This started as an exercise - how to build ideal React image component. The focus was more on UX and browser capabilities, rather than React …

Web Development

Latest Books | AI | Data Science | Blockchain | Free PDF Download

Latest Books AI, Data Science, Blockchain, Statistics,<p>Programming with R.<p>Latest Books AI, Data Science, Blockchain, Statistics, Programming with R …

Data Science

How to Use OpenCV in React Native for Image Processing

If you have ever wondered how to process your images using OpenCV with React Native, then you’re in the right place.<p>OpenCV together with React Native …

JavaScript

dt - the dev toolbelt

The dev toolbelt is a fast and flexible tool to handle common use cases of your daily work. Use cases you generally use some online tools.<p>Table of …

Linux

5 open source tools for building a map app in a snap

All the attention geographical information systems (GIS) have gotten in recent years may make you think they are something new. In fact, geospatial …

Data Visualization

All Things React

Discover everything from the basics to the cutting-edge of React - Render Props, Context API, Suspense, CSS-in-JS, Progressive Web Apps, UI Libraries …

JavaScript

9 Web Tools for Creating Digital Magazines

<i>“Put it before them briefly so they will read it, clearly so they will appreciate it, picturesquely so they will remember it and, above all,</i> …

Education Technology

Build A Real World Beautiful Web APP with Angular 6 — A to Z Ultimate Guide (2018) — PART I

<b>No more ugly tutorials projects !</b> No more fictional brands examples!<p>Today I am going to show you how to build <b>a real world</b> beautiful weather app that …

Web Development

React.js Open Source of the Month (v.May 2018)

For the past month<b>,</b> we ranked nearly 200 React.js Open Source Projects to pick the Top 10.<p>We compared projects with new or major release during this …

Software Engineering

10 Firefox Dev Tools things that you might not know yet

I am a fan of the Browser Dev Tools, the secret power weapon 🚀 for all us Web Developers.<p>Without them, we’d look at a web page in despair, trying to …

Web Development

What is a Progressive Web App (PWA) and why does my business need one?

With Google’s implementation of the Mobile First index, whereby a brand’s mobile website is to be the default listing in the Google search results, …

React and Firebase are all you need to host your web apps

A lot of modern web development stories don’t have good endings because of the complex number of technologies involved and the development approach …

How the new Vue CLI simplifies development

Developers transitioning from React to Vue don’t have the best experience with tooling or are rather overwhelmed by the scaffold process. React has …

JavaScript

Dumb React

Dumb React is a collection of React components used to create a static (dumb) website screen. Why do this? Many React tutorials or boilerplates I've …

5 Best Practices for React Native Development You Probably Don’t Know

After previously shared few tips based on my experiences writing codes on react and react native, today I will share you <b>few best practices</b> that <b>maybe</b> …

permit: An unopinionated authentication library for building Node.js APIs.

An <i>unopinionated</i> authentication library<br>for building Node.js APIs.<p>Usage • Why? • Principles • Examples • Documentation<p>Permit makes it easy to add an …

Creating a Progressive Web App with a Headless CMS — Part 3

<b>Part 1</b> <b>|</b> <b>Part 2</b> | Part 3<p>Welcome to Part 3! If you’ve haven’t been following this series, I’ve been creating a Progressive Web App (PWA) using a …

Img2

Replace <img /> elements with <img-2></img-2> to automatically pre-cache images and improve page performance. Displaying even a small number of …

10 essential extensions for VS Code

I've been using Visual Studio Code as my main code editor for more than two years now. I used to work with Sublime Text, which was an amazing …

Angular 6 wants to be smaller, faster and easier-to-use

The next major release of Angular is expected to be revealed any week now. Angular 6 will continue the team’s focus of being smaller, faster and …

Project Based Learning

A list of programming tutorials in which learners build an application from scratch. These tutorials are divided into different primary programming …