In this article I’m going to introduce you to JavaScript module loaders and bundlers. I’ll explain what they are and why they exist. First, I’ll give you an overview of the different module formats and module loaders out there and I’ll present some examples for each. Then, I’ll talk about the most well-known bundlers and I’ll compare them with each other.
#Bundlers #JavaScript
#Bundlers #JavaScript
Medium
JavaScript Bundlers, a Comparison
How do JavaScript bundlers stack up against each other?
FizzBuzz is the infamous weedout coding challenge that some hiring managers use as a warm-up or a confidence boosting test before the real test begins. If you are reading this, you probably know how the question and the answer goes, but I will put it down here for reference again.
#Interview
#Interview
ITNEXT
FizzBuzzBazz: How to answer and how NOT to answer
Don’t let a little twist to FizzBuzz lead you down a rabbit hole
When I first started learning JavaScript, it took me some time to understand the this keyword in JavaScript and be able to quickly identify which object does the this keyword point to.
10 minute read
#JavaScript
10 minute read
#JavaScript
ITNEXT
The ‘this’ keyword in JavaScript, demystified
When I first started learning JavaScript, it took me some time to understand the this keyword in JavaScript and be able to quickly…
With the recent announcement by GitHub of unlimited private repositories, let’s take a few minutes before we push our code we don’t want anyone else to see to the cloud, and make sure we’re making the most of what GitHub has to offer.
#Github #OpenSource
#Github #OpenSource
freeCodeCamp.org
How to be more productive on GitHub
With the recent announcement by GitHub of unlimited private repositories, let’s take a few minutes before we push our code we don’t want…
Today we will be diving into the MERN stack which is similar to the aforementioned MEAN stack. I will explain what it is and how to use it when building a web application or website. Let’s dive in!
10 minute read
#MERN #MongoDB #ExpressJS #NodeJS #AngularJS
10 minute read
#MERN #MongoDB #ExpressJS #NodeJS #AngularJS
Medium
What is the MERN stack and how do I use it?
Let’s dive into the MERN stack and figure out how to
In this tutorial, we will be building a simple web application from scratch that allows users to perform actions including sign up, login and logout using JWT authentication. In order to understand what JSON Web Tokens are and how they work, I suggest you to read this Medium blog post before starting this tutorial.
#JSONWebToke #Authentification #GraphQL
#JSONWebToke #Authentification #GraphQL
Medium
Implementing JWT authentication in MERN stack with GraphQL: Part I
In this tutorial, we will be building a simple web application from scratch that allows users to perform actions including sign up, login…
In the Publisher-Subscriber pattern, publishers publish messages without bothering about who receives it. Similarly, the subscribers can be blissfully unaware of publishers, just consuming messages from topics of interest to them. This pattern is quite commonly confused with other similar patterns like a message queue and observer pattern. However, in both of these, publisher (or producer) is aware of the subscriber (or consumers).
#Pattern #JavaScript #NodeJS #WebSocket
#Pattern #JavaScript #NodeJS #WebSocket
Medium
Implementing Publisher-Subscriber Pattern Using JavaScript, NodeJS and WebSockets
Recently I ticked off an item from my bucket list: Do a quick and dirty implementation of the Publisher-Subscriber pattern.
Time can’t be ignored, in both life and programming. Often when building an application, our expectation of what we want to do with time is simple, but the implementation somehow becomes tricky, and working with time has a reputation for being unnecessarily complex (which may be a reflection of the real world, where our representations and rules for time are also at times complex). Turns out there is a bit more to how time is tracked, and I wanted to take a deeper dive into the Date object in JavaScript, how it is tracked and the built in methods used to work with time.
4 minute read
#JavaScript
4 minute read
#JavaScript
Medium
Exploring time using the Date object in JavaScript
Time can’t be ignored, in both life and programming. Often when building an application, our expectation of what we want to do with time…
When it comes to the JavaScript Language comparing to other programming languages there are lots of worlds that you may hear or see really confusing to understand. One of them would be factory functions and the constructor functions.
8 minute read
#JavaScript
8 minute read
#JavaScript
Medium
JavaScript Factory functions vs Constructor functions.
Deep dive into JavaScript Factory functions vs Constructor functions.
One of the benefits of Javascript as a language is that it allows us to write functional style of programming, that is, we write programs by composing functions which describe actions (what should happen) and abstracts the processes (how it should happen). This style of programming is possible in javascript because functions are first-class citizens, they are data and can be passed around in your application like variables.
#JavaScript
#JavaScript
Medium
Reducing Your Array The Right Way
One of the benefits of Javascript as a language is that it allows us to write functional style of programming, that is, we write programs…
We have likely all been there at one point. We excitedly install ESLint with the hope it will sort all of our code out and make us infinitely better at writing good, clean JavaScript.
4 minute read
#ESLint
4 minute read
#ESLint
Medium
ESLint, leave me alone! A simpler config for those new to Linting.
We have likely all been there at one point. We excitedly install ESLint with the hope it will sort all of our code out and make us…
This is an opinionated walk-through of the most important Chrome DevTools features and when you should learn about them.
#Chrome
#Chrome
Medium
DevTools recap
Which features of DevTools matter as you grow your developer skills?
Recently I have tried to create a Chrome extension that replaces new tab screen with GitHub trending projects, and it got trending in Product Hunt. I built it using create-react-app and I would like to share how I did it, in 5 minutes.
5 minute read
#Chrome #React #CRA
5 minute read
#Chrome #React #CRA
gitconnected.com | Level Up Your Coding
How to use React.js to create a Chrome extension in 5 minutes
Recently I have tried to create a Chrome extension that replaces new tab screen with GitHub trending projects and it got trending in…
Does jQuery have a place in 2019? It has of course, largely fallen out of favor in recent years. However, don’t let that discourage you from taking some time to learn about it. We’ll be taking a brief look at the state of jQuery in this article. And for those interested in learning a bit about it, we’ll run through the basics — including element manipulation, events and effects. And we’ll finish up with some useful examples showing jQuery in action.
8 minute read
#jQuery
8 minute read
#jQuery
ITNEXT
An Introduction to jQuery
Does jQuery have a place in 2019? It has of course, largely fallen out of favor in recent years. However, don’t let that discourage you…
Today we are going to talk about libraries for translating JavaScript apps and briefly see them in action.
12 minute read
#JavaScript #Translation
12 minute read
#JavaScript #Translation
freeCodeCamp.org
How to choose a library for translating your JavaScript apps
In the previous articles, we have seen how to perform localization on the back-end. Specifically, we’ve covered Rails and Phoenix…
Up until now, I have mostly been developing new Flask projects from scratch. As most projects tend to consist of similar folder structures, it gets really mundane setting up the identical base projects repeatedly over a period of time.
8 minute read
#Flask #Python #GraphQL #Graphene #MySQL #Docker
8 minute read
#Flask #Python #GraphQL #Graphene #MySQL #Docker
freeCodeCamp.org
How to develop a Flask, GraphQL, Graphene, MySQL, and Docker starter kit
Up until now, I have mostly been developing new Flask projects from scratch. As most projects tend to consist of similar folder structures…
In this blog, I will discuss the features and advantages of frameworks associated with Node.js.
5 minute read
#NodeJS #Framework
5 minute read
#NodeJS #Framework
Medium
Node.js Frameworks
In this blog, I will discuss the features and advantages of frameworks associated with Node.js. It is increasingly gaining popularity and…
This is a somewhat opinionated curriculum for learning front-end development during #100DaysOfCode. As it covers a wide range of front-end development topics, it can be thought of as more of a “survey” style course rather than a deep dive into any one area. Ideally, your takeaway from completing this curriculum will be some familiarity with each topic and the ability to easily dive deeper in any area in the future when necessary.
16 minute read
#Tutorials #JavaScript
16 minute read
#Tutorials #JavaScript
gitconnected.com | Level Up Your Coding
A Timeboxed, Day-by-Day #100DaysOfCode Front-End Development Curriculum
This is a somewhat opinionated curriculum for learning front-end development during #100DaysOfCode. As it covers a wide range of front-end…
https://t.iss.one/NodeJSNews/18
It seems you cannot go a week without hearing about the next, allegedly faster, so called “web framework” for Node.js.
5 minute read
#NodeJS
It seems you cannot go a week without hearing about the next, allegedly faster, so called “web framework” for Node.js.
5 minute read
#NodeJS
Telegram
Node.js
It seems you cannot go a week without hearing about the next, allegedly faster, so called “web framework” for Node.js.
5 minute read
5 minute read
https://t.iss.one/WebpackNews/17
webpack is a brilliant tool for bundling frontend assets. When things start to slow down, though, its batteries-included nature and the ocean of third-party tooling can make it difficult to optimize. Poor performance is the norm and not the exception. But it doesn’t have to be that way, and so — after many hours of research, trial, and error — what follows is a field guide offering up what we learned on our path towards a faster build.
11 minute read
#Webpack #Performance #Optimization
webpack is a brilliant tool for bundling frontend assets. When things start to slow down, though, its batteries-included nature and the ocean of third-party tooling can make it difficult to optimize. Poor performance is the norm and not the exception. But it doesn’t have to be that way, and so — after many hours of research, trial, and error — what follows is a field guide offering up what we learned on our path towards a faster build.
11 minute read
#Webpack #Performance #Optimization
Telegram
Webpack
webpack is a brilliant tool for bundling frontend assets. When things start to slow down, though, its batteries-included nature and the ocean of third-party tooling can make it difficult to optimize. Poor performance is the norm and not the exception. But…
parallel is awesome and belongs in the toolbox of every programmer. But I found the docs a bit overwhelming at first. Fortunately, you can start being useful with parallel with just a few basic commands.
#Bash
#Bash
freeCodeCamp.org
How to supercharge your bash workflows with GNU parallel
GNU parallel is a command line tool for running jobs in parallel.