Best of JavaScript — May 2022
- 1
- 2
Hacker News·4y
Run Python in your HTML
PyScript is a framework that allows users to create rich Python applications in the browser using HTML’s interface. It aims to give users a first-class programming language that has consistent styling rules, is more expressive, and is easier to learn. PyScript is just HTML, only a bit (okay, maybe a lot) more powerful, thanks to the rich and accessible ecosystem of Python libraries.
- 3
freeCodeCamp·4y
REST API Design Best Practices – How to Build a REST API with JavaScript, Node.js, and Express.js
Best practices are conventions or tips that have evolved over time and turned out to be effective. They should give you a direction to make your API's better in terms of user experience (for the consumer and the builder), security, and performance. In this tutorial we'll build a REST API for a CrossFit Training Application.
- 4
Object-Oriented Programming in JavaScript for Beginners
In this article we're going to review the main characteristics of object oriented programming (OOP) with practical JavaScript examples. We will talk about OOP main concepts, why and when it can be useful, and I'll give you plenty of examples using JS code. The core concept of OOP is to separate concerns and responsibilities into entities. Each entity will group a given set of information and actions (methods) that can be performed by the entity.
- 5
- 6
- 7
asayer·4y
Building a Mobile App using HTML, CSS, and JavaScript
In this article, we will learn how to leverage the power of HTML, CSS, and Javascript to build a simple mobile app. We will not be using frameworks like Ionic or React Native. This tutorial focuses on showing how a basic web app can be made to feel and behave like a native mobile application that can be installed and run on mobile devices.
- 8
Hashnode·4y
5 Rules to master ‘this’ in Javascript
The value of this will be determined by the block from where it gets called, but in an order of precedence that we'll discuss here. Invoking Function with a new keyword, the this inside function will refer to a new empty object. Free Function Invocation means calling the function without any of the conditions discussed above (without using new operator, or as a method belonging to an object)
- 9
JavaScript in Plain English·4y
What are Closures & How Does it Work in JavaScript?
A closure is a combination of a function bundled together with references to its surrounding state. It makes it possible for a function to have “private” variables. What are Closures & How Does it Work in JavaScript? A tutorial on JavaScript closures with a real-life example.
- 10
Geekflare·4y
15 Best JavaScript (JS) UI Libraries to Build Modern Applications
JavaScript is a scripting language used by developers across the globe to create stunning applications out of the box. A JavaScript library is a library that contains pre-written, useful JavaScript codes that anyone can use to build different parts of an application without building the code from scratch. JavaScript libraries focus on framework setup, AJAX handling, and DOM manipulation.
- 11
Section·4y
Building an Animated Vertical Timeline Chart with HTML, CSS, and JavaScript
This article will use HTML5 , CSS3 (glassmorphism implementation), and Vanilla JavaScript to create a vertical timeline chart. The chart will display various events vertically aligned in a card-like layout. Event cards at odd number positions are placed on the right side of the vertical line, and those at even number positions on the left side. Each event card is alternatively displayed in opposite positions.
- 12
Changelog·4y
formkit/auto-animate: A zero-config, drop-in animation utility that adds smooth transitions to your web app. You can use it with React, Vue, or any other JavaScript application.
AutoAnimate is a zero-config, drop-in animation utility that adds smooth transitions to your web app. You can use it with Vue, React, or any other JavaScript application. Add motion to your apps with a single line of code. Please consider supporting us with a recurring or one-time donation.
- 13
Dev Genius·4y
Vue vs React in 2022: What to Choose and When
Vue and React are among the most fast-evolving technologies for frontend development. There are many factors to explain their popularity among business owners and developers. In this blog, we will try to compare Vue.js vs React.js, taking into account their differences and similarities.
- 14
Flavio Copes·4y
How to dynamically import JavaScript modules
JavaScript Dynamic Imports are a relatively new feature of JavaScript. They let you load modules from a folder without having to know the name of the folder. But doing something like importing test from folder doesn't work. You need to do a dynamic import, in this way:const test = await import ( folder + '/test.js' )
- 15
LogRocket·4y
Build a cryptocurrency with Node.js
A cryptocurrency is a digitally secured virtual currency developed using cryptographic techniques. Cryptography ensures the security and integrity of the currency. In this tutorial, we’ll learn how to develop a cryptocurrency using Node.js, a popular JavaScript server running outside of the browser. To follow along with this article, you’re going to need: A basic understanding of Node.JS, a code editor, and the blockchain technology.
- 16
Convert your website into an android app using capacitor.
In this article, we will learn how to convert a website or web application to an android app. The app can be deployed on the Android play store or installed on a mobile device using a library from Ionic called a capacitor. We will begin by creating a react application using the following commands.
- 17
React: Master useEffect Hook.
useEffect() is one of the most used hooks in React applications. This makes it a favorite topic for interviewers to talk about it in Frontend/React interviews. Having a good understanding of useEffect is crucial. We can write React applications either using class-based components or using functional components (using hooks)
- 18
fettblog.eu·4y
The road to universal JavaScript
The fast-xml-parser module is available in Node 18 behind the flag --experimental-fetch. The same script can be used to make the same script work in the browser. There are some edge cases that might require some attention, but overall it’s in a good shape and it's fun to use.
- 19
How to Take a Screenshot of a div with JavaScript?
We can use the html2canvas library to capture an element into an image inside a canvas element. This lets us take a screenshot of an element easily. How to Take a Screenshot of a div with JavaScript? How to use the getScreenOfElement function to capture and capture the element.
- 20
Product Hunt·4y
XSAlert - A nice, responsive and fully customizable Javascript Alert
XSAlert is a jQuery open-source plugin to enhance your websites with an easy-to-use and fully customizable popup alert. It supports many input types, it's responsive, and there are many CSS pre-made themes available. XSAlert can be downloaded from the XS Alert website.
- 21
Most common mistakes of (not only) JavaScript developers
JavaScript is a powerful programming language that helps make web pages interactive. However, JavaScript can be tricky to learn and use. After working with this powerful language for some time, I have gathered mistakes I made and some that I have seen people making around me. Most of them apply to JavaScript, but some will make sense no matter what technology you are using.
- 22
I Learned to Code to Launch a SaaS. Here’s 10 Lessons I Learned Along the Way.
In September 2020, several months after the pandemic first started, I decided to learn to code. 18 months on, I've just launched my SaaS, Reportr, into public beta. Here, I share what I've learned about building a software-as-a-service (SaaS) tool.
- 23
Robin Wieruch·4y
Monorepos in JavaScript & TypeScript
This is a comprehensive tutorial on Monorepos in JavaScript/TypeScript. It uses state of the art tools for these kind of architectures in frontend applications. We will use React.js as framework of choice for creating applications and shared packages (UI components) within this monorepo. The practice of combining projects dates back to the early 2000.
- 24
microsoft/Web-Dev-For-Beginners: 24 Lessons, 12 Weeks, Get Started as a Web Developer
12-week, 24-lesson curriculum all about JavaScript, CSS, and HTML basics. Each lesson includes pre- and post-lessons quizzes, written instructions to complete the lesson, a solution, an assignment and more. Project-based pedagogy allows you to learn while building, a proven way to 'stick'
- 25
Node.js vs. Python: How to choose the best technology to develop your backend
Choosing a backend programming language is never an easy task. Different languages have their pros and cons that you need to consider. Node.js and Python are some of the most popular choices for backend development. Both have very strong package ecosystems and communities and choosing between the two can be difficult.