Web development
Open in Telegram
Web development learning path Frontend and backend resources. HTML, CSS, JavaScript, React, APIs and project ideas. Join π https://rebrand.ly/bigdatachannels DMCA: @disclosure_bds Contact: @mldatascientist
Show more4 161
Subscribers
+124 hours
+107 days
+4130 days
Posts Archive
4 161
π° π° Dynamic Background with CSS Painting API!!
The CSS Painting API allows you to create flexible, programmatic backgrounds that can dynamically adapt to element size and properties without using external images or heavy CSS animations.
4 161
React Deep Dive βοΈ
This playlist will take your React skills to the next level π.
It will help you understand the internals of React and how it is built π§ , and also master the hardest part of React β performance optimization β‘οΈ.
π¬ 11 videos
React Deep Dive
4 161
React Deep Dive βοΈ
This playlist will take your React skills to the next level π. It will help you understand the internals of React and how it is built π§ , and also master the hardest part of React β performance optimization β‘.
11 vidoes
React Deep Dive
4 161
π° JavaScript Event Loop
A mechanism that allows JavaScript to manage multiple tasks efficiently in a single-threaded environment.
4 161
π° File Paths in HTML
A file path tells the browser where to find a file (like an image, CSS file, or JavaScript script) relative to the current HTML document.Itβs like giving someone directions: are you pointing them to another room in the same house, or telling them to visit another building?
4 161
π° Autoplay Video on Scroll using JavaScript!!
Check if the video is fully in view, and if so, play it; otherwise, pause. The muted attribute is added to ensure autoplay on most browsers.
4 161
+1
π° Creating simple blob shapes in css using border radius!
Create a square element with the required dimensions, and throw in some randomness with the border-radius property to achieve a cool blob shape.
4 161
+2
The <input> HTML element is used to create interactive controls for web-based forms to accept data from the user. A wide variety of input data types and control widgets are available, depending on the device and user agent. The <input> element is one of the most powerful and complex in all of HTML due to the sheer number of combinations of input types and attributes.
4 161
Must know things for FRONTED DEVELOPMENT ποΈ
β‘οΈ HTML + CSSΒ
Β Β Β Β Β
βΆοΈ Build basic projects
β‘οΈ Git + GitHub
β‘οΈ Javascript
β‘οΈ Javascript framework
Β Β Β Β Β Β
βΆοΈ Build Projects
4 161
How React's ES6 syntax is different from ES5 syntax?
1. require vs. Import // ES5 var React = require('react'); // ES6 import React from 'react';2. exports vs. export
// ES5 module.exports = Component; // ES6 export default Component;ο»Ώ 3. component and function
// ES5 var MyComponent = React.createClass({ render: function() { return( <h3>Hello JavaTpoint</h3> ); } }); // ES6 class MyComponent extends React.Component { render() { return( <h3>Hello Javatpoint</h3> ); } }4. props
// ES5 var App = React.createClass({ propTypes: { name: React.PropTypes.string }, render: function() { return( <h3>Hello, {this.props.name}!</h3> ); } }); // ES6 class App extends React.Component { render() { return( <h3>Hello, {this.props.name}!</h3> ); } }
4 161
+4
π° Objects as Structs in JavaScript
While JavaScript does not have a direct equivalent to structs, its objects can be used in similar ways to group related data and behavior.This flexibility allows for a wide range of programming styles, including object-oriented programming.
4 161
π¨ Attention: A Critical Next.js vulnerability
What Happened?
A massive vulnerability (CVE-2025-29927) was just found in Next.js, a popular framework for building web apps with React. This flaw, rated 9.1/10 for severity, lets attackers slip past security checks using a simple trickβa special header. It affects self-hosted Next.js apps (versions 11.1.4 to 15.2.2) that use middleware to protect pages, like admin dashboards. If unpatched, hackers could access restricted areasβyikes!
How Big Is It?
Pretty darn big! Millions of developers use Next.js, and this bug leaves tons of apps exposed. The good news? Itβs fixed in version 15.2.3 and up. Please upgrade to newest version to stay safe!
https://thehackernews.com/2025/03/critical-nextjs-vulnerability-allows.html
Available now! Telegram Research 2025 β the year's key insights 
