Tag: javascript

Destructuring in Javascript
Post

Destructuring in Javascript

Originally posted on dev. Destructutring is act of unpacking elements in an array or object.It not only allows us to unpack but also manipulate and switch elements when you demand. Destructuring in Arrays Javascript allows you to use rest operator with destructing array to assign the rest of regular array to variable. Example of Destructing in...

Reactive JavaScript: The evolution of front-end architecture
Post

Reactive JavaScript: The evolution of front-end architecture

Originally posted on infoworld. Improving the client-side web experience means overcoming the challenges of ‘hydration,’ a fascinating engineering problem being tackled in many different ways. Let’s dive in. One of the most dynamic areas in software development today is front-end architecture. Several innovators are pushing the state of the art to devise more powerful ways...

PyScript Beta Lets You Run Python in the Browser
Post

PyScript Beta Lets You Run Python in the Browser

Originally posted on makeuseof. JavaScript has long dominated client-side web programming, but could a new Python framework shake things up? PyScript is a framework, built with Pyodide, allowing you to run Python code in a browser. It’s still in its infancy, but the dev team has recently released a beta version. Using the tool, developers...

8 great new JavaScript language features in ES12
Post

8 great new JavaScript language features in ES12

Originally posted on infoworld. ECMAScript 2021 highlights include replaceAll(), promise.any(), AggregateError, and new logical assignment operators, for starters. Let’s dive in. The JavaScript language specification, also known as ECMAScript or ES, is a living document, modified every year in response to evolving needs. While JavaScript started as a scripting language, the ECMAScript specification overview notes that...

The Most Popular JavaScript Frameworks of 2022
Post

The Most Popular JavaScript Frameworks of 2022

Originally posted on makeuseof. Planning to develop in JavaScript? You need a framework of libraries for efficient coding. But which is the most popular JavaScript framework? In May 2021, Stack Overflow conducted the 2021 Developer survey to learn about what tools developers are using, how they are learning them, and their opinions. Over 80,000 developers...

Switch statements in javascript – How to refactor?
Post

Switch statements in javascript – How to refactor?

Originally posted on dev. The Switch statements are perfectly nice and majorly used in the other traditional language like C, C++, and Java. Why Switch statement? The switch statement executes different actions based on the different conditions. Of course, we can solve the above with an if-else ladder but that will make the program too much clumsy. Also,...

JavaScript Hoisting
Post

JavaScript Hoisting

Originally posted on dev. In this article, we are going to discuss about hoisting in JavaScript. Hoisting, is a process that happens during the creation of execution context, which will move the declarations of variables and functions up to the top of the context. Let’s start with an example: hello(); function hello(){ return "Hello World";...

Frontend Developer Resources 2022
Post

Frontend Developer Resources 2022

Originally posted on dev. I don’t know if I’ll keep doing this every year, but I did one of these in 2020, and that post got some good signal, so I renamed it to Frontend Developer Resources 2020, which brings us to Frontend Developer Resources 2022. Oops, I missed 2021. Technically we’re still in 2021,...

How To: Build A Simple Search Bar in JavaScript
Post

How To: Build A Simple Search Bar in JavaScript

Originally posted on dev. Hi Everyone! Today, we will be walking through how to build a functional, yet very simple search bar in JavaScript. This mini project will also utilize CSS and HTML. 💭💭💭💭💭💭💭💭💭💭💭 Let’s look at our goals: Creating Base Files Building out the Basics of the HTML File Creating Simple Data Establishing Event...

Node.JS: Looking under the hood
Event

Node.JS: Looking under the hood

This course intends to give an introduction to Node.js for those who have had no previous experience or exposure to this platform. It is a 9-hour hands-on course covering the core principles and fundamentals topics in Node.js. How it works and how to use it to build server side applications with JavaScript. Read more and reserve a seat

20 Killer JavaScript One Liners
Post

20 Killer JavaScript One Liners

Originally posted on dev. Hello Folks 👋 This is Savio here. I’m young dev with an intention to enhance as a successful web developer. I love building web apps with React. I have proved my superiority in frontend technologies. Today, I’d like to share 20 Killer JavaScript one liners to make your life easier. Let’s...

The (Most Comprehensive) JavaScript Design Principles Guide
Post

The (Most Comprehensive) JavaScript Design Principles Guide

Originally posted on dev. The (Most Comprehensive) JavaScript Design Principles Guide As JavaScript developers we strive towards clean, healthy, and maintainable code. We strive towards solving challenges eloquently. While these challenges may each, within themselves, be unique – we don’t necessarily require unique solutions for each individual one of these new challenges we face. If...

React is Just Javascript
Post

React is Just Javascript

Originally posted on dev. Let’s start this post with a simple function in Javascript. function App(){ console.log('Hello World'); // logs 'Hello World' } App(); In the above code snippet, the function call on line no 5 calls the App function which outputs ‘Hello World’ in the console. Let’s React! React is simply Javascript. A component defined in React is...

15+ Fantastic React UI Libraries to Consider for your Project
Post

15+ Fantastic React UI Libraries to Consider for your Project

Originally posted on dev. React is a very popular JavaScript library for building User Interfaces. Using React makes the process of building UIs very simple but you know what makes the process even easier? Using an already-made library. Here are over 15 popular React libraries you might want to consider using for your project: Blueprint Blueprint is...