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.
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.
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.
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.
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.
Community Picks·3yThe Complete Guide to Becoming a Web Developer: Part 1
The Power of Semantic HTML is the use of HTML markup to reinforce the semantics or meaning of the content. CSS allows you to set colors, fonts, layouts, and even create animations! We'll dive deeper into these topics and explore JavaScript, Bootstrap, and other tools that will allow you to create dynamic, interactive websites.
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.
Hacker Noon·3yThe Easiest and Hardest Programming Languages to Learn
The Easiest and Hardest Programming Languages to Learn are called programming languages. Computer systems are completely dependent on human beings to train them to take decisions. High-level languages have been developed which consist of English language words to help human beings program the computer systems.
asayer·3yReact's Virtual DOM
React's Virtual DOM is a compact, in-memory duplicate of the real DOM that enables React to effectively track UI changes and update only the necessary components. This article focuses on how the Virtual DOM works and explains how it optimizes application performance compared to the Real DOM.
freeCodeCamp·3yHow to Build a Beginner-Friendly JavaScript Application
JavaScript is a popular programming language for building web, mobile, and desktop applications. If you plan to start learning JavaScript, some of them are worth learning as well. We will build a beginner-friendly JavaScript application that will teach you the basics of creating HTML structure, working with CSS, and finally adding dynamic behaviour using JavaScript.
InfoSec Write-ups·3yEasy CSRF bypass
Cross-Site Request Forgery is an attack that forces an end user to execute unwanted actions on a web application in which he/she is currently authenticated. There should be no protection in place to track users’ requests or any kind of protection like asking secret questions for an update.
Code Like A Girl·3yThe Power of Web Performance: How I Increased the Score from 27 to 99
The Power of Web Performance: How I Increased the Score from 27 to 99. Delivering a great user experience is critical for improving customer traffic to your website and business. This blog contains the list of things I did to improve the quality and performance of my NextJS website.
Medium·3yHTML Tags Uncovered: Prefetch vs. Preload
Prefetch vs. Preload is a technique used to reduce the perceived load time of a web page by fetching resources in advance before they are needed. It enables browsers to download and cache external resources, such as CSS files, JavaScript files, images, or fonts, ahead of time.
Community Picks·3yGetting Started with Tailwind
Tailwind is a utility-first CSS framework for building modern web designs. It offers many benefits, including easy creation of complex layouts, elimination of custom CSS, pre-defined utility classes, high customization, and enhanced accessibility. To set up Tailwind, you need to initialize the directory as a Node.js project, install the required packages, create a configuration file, add paths to template files, and start the server.
OSSPH·3yHow to hide HTML elements while printing using CSS 🥴
How to hide elements while printing using CSS is one of the most useful skills in the world of web development. You can create a print-friendly version of the page that's much easier on the eyes and the wallet. All you need to do is add a little bit of CSS to the elements you want to hide.
freeCodeCamp·3yHow to Create an Interactive Heatmap Using JavaScript
A heatmap is a two-dimensional representation of the magnitude of a phenomenon through colors. Using a heatmap chart, we can analyze the days and times of fatal accidents. With just four easy-to-follow steps, you'll have a stunning interactive heat map in no time.
Hacker Noon·3y71 Stories To Learn About Html Css
71 stories are ordered by most time reading created on HackerNoon.com. Add Responsive Background Images to Your Web Pages to your Web Pages. Use the weekly Newsquiz to test your knowledge of stories you saw on Hackernoon. Visit the site for more stories you've seen.
Community Picks·3yCustom Tooltip Directive in Vuejs 3: Tutorial
The most important forms for code reuse in Vuejs are components and composable if you write components with composition API. Mixins, directives, and plugins can further improve your code's maintainability and reusability. Plugins, on the other hand, are packages that can be installed and used across multiple components in your application.
DEV·3yWhat color should the text be? (A CSS Quiz)
The question is simple: without running the code – that part is essential as if you run it, you'll know the answer immediately and would be cheating. As I write this article, results are still coming in, so feel free to answer on your favorite social media before continuing.
