Divya Ts

Web Scroll brightness using html css and Js #HTML #CSS #JAVASCRIPT #letsconnect #Opentowork

1

Laravel Tip 💡: The "shortRelativeDiffForHumans" Method I'm sure you've used the "diffForHumans" method to get a human-readable date. But did you know you can get a shorter version using the "shortRelativeDiffForHumans" method? 🚀 #php #laravel #webdevelopment #tipsandtricks

38

1 kommentar

Some rules for writing JSX in React: 🔱 Always return a single-root element. 🔱Use a class name instead of a class. 🔱Use curly braces for JavaScript expressions. 🔱Use a camel case for most things in JSX. 🔱Always close tags. 🔱Use self-closing tags for empty elements. #webdevelopment #React #JSX #frontend #coding

3

React Native is more about solving setup and dependencies related issues than the actual stuff itself. if you're expert in resolving different setup related issues then you're guru in this domain. Mostly React Peeps can easily shift to React Native only if they can understand above. agree? #reactnative #react #developers #technology #mobiledeveloper #frontenddeveloper #software

17

4 kommentarer

💡 Leetcode Javascript 30 - Days Challenge, Day 4 🗓 Date : 4th October, 2024 🏹 Problem Name: Counter II Today I felt good 😅 because I solved it . Yes! I was mistaken in starting as I was returning in literals like `${}` and this wasn't the correct way. Then I stored it in Val and tried it, and it worked. But tell me friends one thing, do you have any other approach to this question? I am curious to learn more ways. THE LEETCODE JOURNEY..... 🤔 #leetcode #dailylearning #webdevelopment #keeplearningMasai #PrepleafByMasai

12

🚀 Demystifying Object-Oriented Programming (OOP) in PHP 🚀 ✔ Object-Oriented Programming (OOP) in PHP is a paradigm that revolves around the concept of "objects," which are instances of classes. ✔In simpler terms, it's a way of organizing code around the data or objects it manipulates, rather than around the logic that manipulates the data. ✔In PHP, OOP allows developers to create modular, reusable code by defining classes, which act as blueprints for objects. ✔These classes encapsulate data (attributes) and behavior (methods), promoting code organization, reusability, and maintainability. ✔By embracing OOP principles such as encapsulation, inheritance, and polymorphism, PHP developers can build more scalable and robust applications that are easier to understand and maintain. Start learning PHP at W3Schools.com 💚 Follow Saranya M for more insights! #PHP #ObjectOrientedProgramming #OOP #Programming #SoftwareDevelopment #LinkedInLearning

6

What is void type? P1:A function return nothing is Void fucntion; printData(){ // this function not returning nothing } P2: // will add void after return somthing it will give error. printData():void {   return 10; } ; correct way to use :void let vany; printData():void { vany =new Date()  } ; printData();// use printData function 

1

Powering Express js 🚀 : Static Directory Setup in Node js in Node js generally we create a directory named 'Public' Serving Static Files: 1. Static Files: These include CSS files, JavaScript files, images, fonts, and other assets that do not change dynamically. 2. Security: Controlled Access: Only files in the public directory are exposed to the client, reducing the risk of accidentally exposing server-side code or sensitive information. 3. Create the Public Directory: Ensure you have a public directory in your project's root directory. This directory will contain all your static files. 4. Set Up Static Middleware in app.js: Use the express.static middleware to serve files from the public directory. //these line set up the static directory app.set(path.join('public'); app.use(express.static('public'); or //these single line can also setup the static directory app.use(express.static(path.join(__dirname, 'public')));

17

Hi there, ✨ Title: State Propagation in React.js 🚀 1️⃣ Lets discusses the importance of efficiently updating UI's based on State changes. 2️⃣ It contrasts our classic/traditional JavaScript's manual DOM manipulation with React's declarative approach using the useState() hook. 3️⃣ React.js enables component-level State management and automatic UI updates, enhancing performance and scalability. 4️⃣ To know more, read the PDF below, where I have explained it in detail. If you like it, then FOLLOW me for more 👉 Abdulrazak Attar 💻💡 Useful resources to learn from: W3Schools.com JavaScript Mastery #ReactJS #StatePropagation #useState #VirtualDOM #FrontendDevelopment #StateManagement #CodeLife #SoftwareDevelopment #CodeGoals #FullStackDevelopment #UIUpdates #CodeQuality #DOM #WebDevelopment #JavaScript #ReactDevelopment #SoftwareEngineering #CodingLife #FullStackDeveloper #TechTrends #ModernWebDev #CodeOptimization #DeveloperLife #TechCommunity #DevCommunity #CodeIsArt #JavaScriptFrameworks #WebDevLife #FrontendFrameworks #WebDesign #ProgrammingConcepts #JavaScriptTips #JavaScriptExpert

5

3 kommentarer

Arrow functions, introduced in ES6, are a concise way to write functions in JavaScript. They offer a shorter syntax compared to traditional function expressions and have a few key characteristics.

22

* Now select a JavaScript project and select a folder. *After that add dependencies to run the sample project by hitting enter "yes". *Here we sucessfully added dependencies. * Therefore Hardhat will create a sample JavaScript project, in our project folder hardhat-project. * We will explore the basics of creating a Hardhat project with sample samrt contract in JS programming language. * To check whether the hardhat development environment is installed or not just run the command called npx hardhat init

1

If you use React Native for your first screen in your Android App, you are going to see a delay in getting the screen ready for the users because react native takes time for initialization. Solution: Use native for the first screen, and meanwhile initialize the React Native and have it ready when you want to use it. #androiddev #ios #reactnative

121

5 kommentarer

Recent addition to Html and Javascript 🧑‍💻

3

Did you know??? 😎 With the release of React 18 , React introduced a game-changing feature called Automatic Batching! 😲 Before React 18, batching updates only happened in React event handlers. But now, it extends to async functions like setTimeout, fetch, and other event handlers too. This means React can automatically group multiple state updates together, cutting down on unnecessary re-renders and boosting performance – all without extra effort on your part!!! function handleClick() {  setTimeout(() => {   setCount((c) => c + 1);   setValue((v) => v + 1);   // Only one re-render will occur here!  }, 1000); } It's a subtle yet powerful improvement that makes your apps run smoother without you having to do anything differently. #React18 #webdevelopment #reactjs #developerlife #webdev #frontend #javascript

56

2 kommentarer

🚀 **Just Completed a JavaScript and TypeScript Quiz!** 🚀 I recently challenged myself with an in-depth quiz covering a range of topic in JavaScript and TypeScript: - Object-Oriented Programming This quiz, designed by the knowledgeable Sir Asharib Ali , was both challenging and enlightening. It solidified my understanding and highlighted areas for further improvement. Always striving to enhance my coding skills and stay updated with the latest in JS and TS! Ameen Alam Hamzah Syed Daniyal Nagori Ariba Memon Muhammad Bilal Mehak Alamgir Hamza Mirza Governor Sindh Initiative for GenAI, Web3, and Metaverse #JavaScript #TypeScript #Coding #Learning #ContinuousImprovement #WebDevelopment

3

A JS function is reusable block of code or programming statements designed to perform a certain tasks. Function makes code: 🔰clean n easy to read 🔰 reusable 🔰easy to test Function can be declared or created in couple of ways: 🔰 Declaration function 🔰 Expression function 🔰 anonymous function 🔰Arrow function Here is an Example 👇🏻 #javaScript #jscoding #coding #programming

4