Arika O articles - 62 total
Tree shaking in Javascript - short explanation
Tree shaking is a term commonly used with Javascript and it refers to the process of eliminating dead...
Early return pattern in JavaScript
This concept might sound fancy but I bet you are already using it and maybe you didn't know it had a...
Manipulating the DOM using Javascript - traversing the DOM(part 2)✂️🕹
In the last article we learned what the DOM is and that it can be manipulated (change the nodes...
Remember to whitelist your IP when you can't connect to Mongo DB 📡💡
I recently started looking into backend using the MERN stack, and sometimes it happens that I can't...
How web browsers work - the render tree (part 7, with illustrations)💻 ⏳
The trees built in the parsing phase (DOM, CSSOM) are combined into something called the render tree....
What book(s) are you reading these days (and we should too)? 📖🧠
Currently I am reading these two books: The Code Breaker. A book about DNA, RNA, gene theraphy and...
Manipulating the DOM using Javascript - how to select nodes (part 1) 👨🏼🔬🎯
In the beginning, websites were entirely made out of HTML and they could only display text (back in...
How web browsers work - creating the accessibility tree (part 6, with illustrations)🌴🐱💻
Besides all these trees we've been talking about until now (DOM, CSSOM and AST), browsers also build...
How web browsers work - executing the Javascript (part 5, with illustrations)💻🌠
While the CSS is being parsed and the CSSOM created, other assets, including JavaScript files, are...
How web browsers work - parsing the CSS (part 4, with illustrations)⏳🌐
After the HTML has been parsed, it's time to parse the CSS (found in in external CSS files and in...
How web browsers work - parsing the HTML (part 3, with illustrations)📜🔥
Until now we discussed navigation and data fetching. Today we're going to talk about parsing in...
How web browsers work - fetching data (part 2, with illustrations)🚀
In the last article we talked about navigation, the first step the browser takes to display the...
How web browsers work - navigation (part 1, with illustrations) ⚙️💥
Browsers (also called web browsers or an Internet browsers) are software applications installed on...
What is a transpiler (with examples)?
Transpilation means taking source code written in a high-level programming language and convert it...
Code execution: explain like I'm five
We write code for computers, using programming languages that are easy to read for us but impossible...
What compiling code means: explain like I'm Five
Computers can only understand machine code, which is a low-level programming language*, generally...
Web cookies - beginner's guide
Most of the websites we visit nowadays show a pop-up letting us know they use cookies. Sometimes we...
Javascript session storage - beginner's guide
In the last article we talked about local storage (see the link above), what is it and how can we use...
Javascript local storage - beginner's guide
Before going into any kind of explanation, we need to understand the difference between server side s...
How to style console.logs in Chrome Dev Tools
If you're like me and you use console.log as a debugging method by printing things to the console, th...
How to use Object.freeze() in Javascript
In Javascript, objects and arrays are mutable, primitive values are not. This means we can change an...
How to create a new Django project: step by step guide
This applies to Windows users. I will be using the cmd and the VS Code Terminal for writing my comman...
Unpacking Python lists vs. destructuring Javascript arrays
If you are already using ES6 you must be pretty familiar with destructuring by now. As a refresher, d...
Accessibility for the web - test you code in Chrome with ChromeVox
What better way to develop accessible apps and websites if not by actually testing them? Chrome has a...
Accessibility for the web - introduction to ARIA
In the last article, we talked about HTML5 and how important is for screen readers that we use semant...
Accessibility for the web - why we should use semantic HTML
In the last article we talked about one of the assistive technologies designed to help people with di...
Accessibility for the web - how do screen readers work?
People with disabilities/ special needs browse the internet differently from the rest. They can't get...
Every programming tutorial for beginners
Hello guys, what's going on? This is a complete beginner's tutorial series. Anyone can program. No p...
How to convert objects into arrays in Javascript
Gone are the days when transforming Javascript objects into arrays required complex logic. Starting w...
Accessibility for the web - standards to follow
Web accessibility has quite a few moving parts and some of them are: user agents (software create...