Community Picks·3yFrontend Developer Roadmap
Front-end development is the development of visual and interactive elements of a website that users interact with directly. It's a combination of HTML, CSS and JavaScript, where HTML provides the structure, CSS the styling and layout, and JavaScript the dynamic behaviour and interactivity.
freeCodeCamp·3yFull Stack Engineer – Career Guide
Full Stack engineering roles have been growing in popularity over the last decade. But what exactly are full-stack engineers? What do they do on a day-to-day basis? And how can you become a full- Stack engineer yourself? In this article, I will go over the definition of full- stack engineering.
The New Stack·3yThe New JavaScript Features Coming in ECMAScript 2023
ECMAScript will be approved in July 2023, but four proposals for new language features have already reached stage four. WeakMap lets you extend an object with extra properties without worrying about creating a memory leak. Change Array by Copy gives developers new methods for sorting, reversing and overwriting data without mutating the array it’s stored.
Next.js·3yBlog - Next.js 13.4
Next.js 13.4 is a foundational release, marking stability for the App Router: App Router. The new router has an entirely different architecture, built on the foundation of React Server Components and Suspense. With the new App Router, you can import (and colocate) any CSS file in any component.
Sysco LABS Sri Lanka·3yThe Art of Micro Frontends
The Art of Micro Frontends is a modular architecture design for web. The concept of micro frontends is an extension of the micro services used in backend. Companies such as Netflix, Zalando and Capital One have pushed the pattern to the front, preparing the groundwork for micro-frontends.
freeCodeCamp·3yHow to Write More Efficient JavaScript Conditions
Conditional statements are important because they can either return truth or false. But with many long, messy statements in the program, it can cause confusion for developers and heavily reduce readability. This is why it's important for developers to implement more efficient conditions.
OSSPH·3y10 Essential VSCode Extensions for Newbie Web Developers
VSCode is a powerful and popular code editor that provides an extensive range of functionalities. For beginner web developers, these extensions can significantly improve productivity and streamline the development process. We will explore ten useful VSCode extensions that every aspiring web developer should consider adding to their toolbox.
Amplication·3y7 Tips to Build Scalable Node.js Applications
Node.js is a JavaScript framework created on Chrome's V8 JavaScript engine. If used correctly, it can be used to build highly scalable mission-critical applications. This article will discuss several tips which can be helpful when it comes to building scalable applications.
Community Picks·3yZero-Dependency, Build-Free JavaScript Framework
Strawberry is a tiny frontend framework that gives you reactivity and composability. It does this with zero-dependencies, without a build step, and it fits in less than 3KB when gzipped. The ideal way of using Strawberry is by copying the source code into your project directory as opposed to linking it.
Community Picks·3yQwik Reaches v1.0
Qwik Reaches v1.0 The Qwik team is excited to announce that we are ready for the real world. Qwik offers a rapidly expanding universe of ready-to-use integrations with your favorite libraries and frameworks. We have adapters for Azure, Cloudflare, Google Cloud Run, Netlify, Node.
freeCodeCamp·3yHow to Get Started with NodeJS – a Handbook for Beginners
In this tutorial, we'll take a high-level look at Node.js– what it is, and what can you do with it. We'll cover all the important Node concepts with hands-on examples and a lot of code snippets. This article is heavily inspired by the NodeJS and Express - Full Course on freeCodeCamp taught by John Smilga.
Red Stapler·3yHow to Create Confetti Button Effect
Confetti is a playful element that adds a celebratory and festive vibe to any web page. In this blog post, we’ll be introducing a cool JavaScript library that makes it easy to create a confetti button effect in just a few minutes. This library is designed to be user-friendly and requires minimal setup and configuration.
Medium·3yMust Know JavaScript API — Page Visibility API
The Page Visibility API is a browser API that provides a way to detect if a page is visible. This article will introduce what the Page Visible API is, how it works, compatibility, and usage scenarios. In front-end development, we often need to control the use of resources and improve the performance and responsiveness of a page.
freeCodeCamp·3yCan you find the bug? JavaScript security vulnerabilities course
The freeCodeCamp.org YouTube channel has published a course that will help you learn common JavaScript security vulnerabilities and how to prevent them. The course centers around 10 examples, each illustrating a different type of vulnerability in web applications. The examples encompass a variety of languages and technologies, including JavaScript, MongoDB, and Docker.
Hacker News·3yChris James -HTMX is the Future
A new approach is to put the ability to deliver this UX back into the hands of engineers that built websites before the SPA-craze. The costs of SPA SPAs have allowed engineers to create some great web applications, but they come with a cost: Hugely increased complexity.
DevBlogs·3yAnnouncing TypeScript 5.1 RC
Announcing TypeScript 5.1 RC, we expect no further changes apart from critical bug fixes. To get started using the RC, you can get it through NuGet, or through npm with the following command: n. We’ve also made changes to our emit behavior under, ensuring that script files are not rewritten to modules.
Medium·3yMemoization in JavaScript
Memoization in JavaScript is a powerful optimization technique that speeds up the execution of functions by caching their results. It involves storing the results of expensive function calls and returning the cached result when the same inputs occur again. This article explores the concepts, benefits, and different implementation approaches of memoization in JavaScript.
freeCodeCamp·3yHow JavaScript’s Asynchronous Operations Work in the Browser
JavaScript is a popular programming language used for developing interactive front-end web applications. It's widely known for its major features: it is single-threaded, non-blocking, and asynchronous. When a programming language is referred to as single- Threaded, it means the language can execute only one instruction at a time.
Community Picks·3yHow to Build a Video Player in Vanilla Javascript And HTML5
How to Build a Video Player in Vanilla Javascript and HTML5 You’ll learn how to create your own JavaScript video player using simple methods and will end up with really cool results! And we'll teach you how to do it in this article! By the end of this guide you’'ll have something similar to this Codepen.
JavaScript in Plain English·3yQuick Tips for Learning Javascript
JavaScript is a powerful programming language with flexibility and ease of use. It's important to avoid code with different types of values and focus on fundamental programming skills. JavaScript can be used in various contexts and there are multiple tools available to achieve the same thing.
