Do you want to learn the fundamentals of Vue so you can start creating apps right away? Join us and you’ll learn Vue from the ground up including how to display data, capture user interactions, create components, communicate across components, debug your app, add in plugins, and so much more. This one day workshop is for developers who have not started...
Disclaimer: Hacking is a difficult skill to learn. You will not become a good pentester by just doing a few online courses. You will not become a good pentester by just installing Kali Linux and learning how to use the tools. This is a challenging path, wrought with endless frustrations, and you will not learn...
Dynamic imports are great, they’ve been out there for a while and presume many improvements in the way we treat modules/components. In this article, I’m going to be explaining how they work, why they’re so good and some of the things we could accomplish by using them. If you read my previous article about factory pattern...
…. and why we need it more than ever Front end technology, especially JavaScript, has historically been looked down upon by back end veterans as not being a proper language. Mostly because JavaScript started off as function based language — making it immature in the ways of potential growth and what it can do. I remember back...
Out of all major web technologies, there is no other technology as vilified for cross browser compatibility as JavaScript. But even after striding advancements in pure HTML and CSS, you it’s true that you cannot easily build webapps or websites without it. In our previous post last week, we delved in detail on cross browser compatibility issues faced in...
This post is taken from my blog so be sure to check it out for more up-to-date content 😉 If you’re new to programming or you’re just a hobby programmer and haven’t ever done any kind of open source project then you might feel a bit skeptical about the idea of testing your code. If you indeed are, then...
Anytime we go into a project, existent or newly created, we always think about how what we’ll build can be more manageable, scalable and and easy to test. This is where using Dependency Injection can come in handy for us. But first, what do we mean by Dependency Injection? It is a software design pattern that...
Lessons we have learned from maintaining large JavaScript applications in the long term. At our agency, a client project typically lasts a couple of months. From the first client contact and the design phase to the implementation and the initial launch, a project roughly takes half a year. But sometimes we develop and maintain a particular...
this is of course the source of much confusion in JavaScript. The reason being that this depends on how the function was invoked, not where the function was defined. JavaScript without this looks like a better functional programming language. this losing context Methods are functions that are stored in objects. In order for a function to know on which object to...
In this post, we will take a look at forms of for loop, array methods using which you can make your code simpler, more readable. These loops / methods are useful when you want to manipulate data in an array or object. for in loop With this kind of loop you don’t have to iterate...
This post is designed to be read after you read JavaScript Private and Public Class Fields. Previously we learned how to create an Animal class both in ES5 as well as in ES6. We also learned how to share methods across those classes using JavaScript’s prototype. To review, here’s the code we saw in an earlier post. function...
The intention of this post is not to say one paradigm is better than the other. It is just to show common imperative patterns you run into and their functional equivalents. Sometimes things are easier to learn if you can relate it to something you are already familiar with and be given a map on...
Since the time WebAssembly started gaining traction, a question has arisen among the developers: Will it put an end to JavaScript? Whereas, some developers and enterprises think that WebAssembly will complement JavaScript and accelerate the web development. What is WebAssembly? WebAssembly (WASM) is a binary instruction format which has been built to compile high-level languages...
Originally published at medium.freecodecamp.org. Learn about guard clauses in JavaScript and how to use them to refactor your code. This short refactoring tutorial will explain how you can write guard clauses for your if statements, rather than using nested if .. else conditional logic. This can help you to create clean and easy to read code. It will...
I like to think that I’m a simple guy, I like simple things. So whenever I sense complexity, my first reaction is to wonder if I can make things easier. Before I transitioned to software development, I spent time as a sound engineer. I was recording bands and mixing live shows. I was even recording...
As you know, in the Pragmatic Programmer, section Your Knowledge Portfolio, it is said that Learn at least one new language every year. Different languages solve the same problems in different ways. By learning several different approaches, you can help broaden your thinking and avoid getting stuck in a rut. Additionally, learning many languages is far easier...
After I finish hand writing almost a thousand lines of documentation, I vowed to never do that again. So I set out on a quest to find all the best tools to do this tedious task for me. Surely these tools must already exist, right? npm install something, run a command, and done, right? Maybe not… I am...
If this is so difficult to reason about, why don’t we just stop using it? Seriously. Why. don’t. we. just. stop. using. it.? If you have read How I rediscovered my love for JavaScript after throwing 90% of it in the trash, then you won’t be surprised when I say I am throwing this away. this is gone. goodbye. this won’t be missed. With functional...
Learn how to inspect an array or object of objects with console.table in the browser. When building software in JavaScript, I often need to inspect an array of objects or object of objects. One of my favorite methods for achieving this is to use console.table(). Rather than having to toggle open nested objects that are of...
As I was chatting, someone from Coding Blocks slack channel (#javascript) has asked a question regarding a code snippet var uniqueInOrder = function (iterable) { return [].filter.call(iterable, (function (a, i) { return iterable[i – 1] !== a })); } view rawuniqueInOrder.js hosted with ❤ by GitHub His question was “Kinda lost in the [].filter.call , etc part.” I will show you...
