This is calculator made with REACT JS . Broken down into different components passing all the values first from array to buttons then from button to input Text but who cares this is the simple calculator for you might be yes but for me a BIG NO because I can see the functionality and I have written the code and whoever knows the functionality behinds it ,will love it . Hope you all doing well in life BE healthy like my Calculator. #css3 #reactjs #react #React #css #cssanimation #cssflexbox #csstricks #csstips #html #html5 #htmlcss #design #designer #coder #coding #webdevelopment #webdeveloper #webdesign #webdev #javascript #javascriptdeveloper #javascriptdevelopers #javascriptdevelopment #angular #angulardevelopment #angulardeveloper #angularframework #frontend #frontenddeveloper #frontenddevelopment #frontenddev #frontenddevelopers #backenddeveloper #fullstackdeveloper #backend #fullstack #stackoverflow #fullstackdevelopment #w3schools W3Schools.com #jobseekers #jobsearch #developer #developers freeCodeCamp GitHub Google Favikon Tesla Amazon Microsoft GeeksforGeeks Accenture IBM Apple
Mohammad Abdullah’s Post
More Relevant Posts
-
Let's learn the Advanced #typescript concept. Have you ever used the "require" and "partial" features in TypeScript? Let's talk about Partial first • what it does is - "allows you to transform an interface into a new interface where all properties are optional.” • Example: interface EmployeeCharacter { firstname: string; lastname: string; companyname:string; } function registerCharacter(character: Partial< EmployeeCharacter>) {} // 👍 registerCharacter({ firstname: ‘Aditya', }); // 👍 registerCharacter({ firstname: ‘Aditya', companyname: ‘Google', }); And if you talk about "Required" it does the opposite of "Partial" • transforms it into a type where all properties are required interface MovieCharacter { firstname?: string; name?: string; movie?: string; } function hireActor(character: Required<MovieCharacter>) {} // 👍 hireActor({ firstname: 'Frodo', name: 'Baggins', movie: 'The Lord of the Rings', }); // 👎 hireActor({ firstname: 'Frodo', name: 'Baggins', }); I hope this post is helpful to you. Thank you! If you love this post Please 🔔 Follow: Aditya Singh 📈 ♻ Repost if you learn something new today. 🧑🦰 Tag a person learning Angular, TypeScript & Javascript. 🔔 Press the bell icon so that you don't miss any posts. #advanced #typscript #RxJS #v19 #JavaScript #WebDev #CodingTips #Frontend #developer #coding #programming #100DaysOfCode #learn #linkedin #google #amazon #microsoft #Angular #React Aditya Singh 📈
To view or add a comment, sign in
-
Asynchronous Programming in JavaScript, specially on the browser is not a very compiled topic. Most people know Callbacks, Promises and Async-Await. Some people know Event loop and Microtasks. But the big picture in it's entirety is missing. Here is my attempt, without getting into the semantics, a big picture on Async - https://lnkd.in/eQeAY8Ri #javascript #async #google #microsoft #amazon
To view or add a comment, sign in
-
TypeScript 5.6, the latest version of Microsoft's strongly typed JavaScript variant, is now available as a production release. Released on September 9, TypeScript 5.6 introduces new capabilities and optimizations to enhance your development experience. - Disallowed nullish and truthy checks: TypeScript’s compiler now raises errors when it determines that a truthy or nullish check will always yield the same result. This update is expected to catch "many, many bugs" and improve code reliability. - Reverted change in tsconfig.json Search Behavior: Microsoft has reverted the change to how TypeScript’s language service searched for tsconfig.json files to avoid opening multiple referenced projects. - Region-prioritized diagnostics: This new feature prioritizes diagnostics for specific regions of large files, reducing delays and improving overall performance. - New compiler options and features: --noUncheckedSideEffectImports: Throws an error if a source file for a side effect import is missing. --noCheck: Skips type checking for all input files. - Editor enhancements: Direct support for commit characters and exclude patterns for auto-imports. - Arbitrary module identifiers: Expanded flexibility in code. Update via NPM (npm install -D typescript) or NuGet. More info here: https://lnkd.in/d2AgPn5T #TypeScript #JavaScript #WebDevelopment #Coding #Microsoft #SoftwareDevelopment #Developers #TypeScript56 #TypeScriptUpdate
Announcing TypeScript 5.6 - TypeScript
https://devblogs.microsoft.com/typescript
To view or add a comment, sign in
-
Top JavaScript APIs to Know 🚀 1. Fetch API: For seamless HTTP requests. 2. DOM API: Dynamically control webpage content. 3. Web Storage API: Store data locally for better performance. 4. Geolocation API: Add location-based features. 5. Canvas API: Create stunning browser graphics. Transform your projects with these powerful tools! 💬 Have a favorite API? Share it below! If you’re passionate about coding, check out these resources: 🔗 W3Schools.com 🔗 freeCodeCamp 🔗 GeeksforGeeks 🔗 JavaScript Mastery 🚀 Follow up for more dev tips and tricks: 👍 Hit like if this was helpful! 🔁 Repost to share with your network! 🔖 Save it for future reference! 📤 Share it with fellow developers! 💭 Comment your thoughts below! #w3schools #ReactJS #ReactDeveloper #ReactHooks #ReactNative #ReactPerformance #NodeJS #NodeDeveloper #ExpressJS #JavaScriptFrameworks #BackendDevelopment #NextJS #NextJS14 #NextJSPerformance #FullStackDeveloper #SSRNextJS #MongoDB #MongoDBAtlas #DatabaseDeveloper #NoSQLDatabases #WebDevelopment #Java #JavaProgramming #JavaDeveloper #JavaInterviewQuestions #CoreJava #OOP #JavaScript #JavaScriptTips #JavaScriptMastery #FrontendDevelopment #HTML #HTML5 #CSS #CSS3 #WebDesign #ResponsiveDesign #CodingTips #WebDevelopmentJourney #FrontendFocus #TechStack #TechTips #FullStackDevelopment #SoftwareEngineering #ProgrammingTips #CodeQuality #WebDeveloperCommunity #LearnToCode #TechInnovators #CodingDaily #ModernWebDevelopment #DeveloperLife #CareerInTech #JavaScript #WebDevelopment #Frontend #CodingTips #Mapt
To view or add a comment, sign in
-
Just published a deep dive into Angular Signals! Explore whether they could replace RxJS, their purpose, and the pros and cons. Perfect for Angular devs curious about the future of reactive programming. #Angular #RxJS #WebDevelopment #Frontend #jaystechbites
Angular Signals: A Comprehensive Guide and Walkthrough
jaystechbites.substack.com
To view or add a comment, sign in
-
Day 21/100 #100daysofcode Challenge🚀 Strivers A2Z DSA Course/Sheet in which I learnt Step 1 :continuing .. Learn the basics-Time Complexity . Section 8: NextJS App Optimizations In which I learnt 1.Understanding the NextJS Image Component. 2. Working with Priority Images & More Settings. 3.Page Metadata - An Introduction. 4.Configuring Static Page Metadata,Configuring Dynamic Page Metadata,Understanding Layout Metadata. #reactjs #javascript #html #css #programming #coding #webdeveloper #webdevelopment #nodejs #python #developer #programmer #frontenddeveloper #angular #java #vuejs #php #webdesign #softwaredeveloper #code #coder #react #javascriptdeveloper #daysofcode #fullstackdeveloper #js #frontend #backenddeveloper #reactnative #angularjs #nextjs #javascript #reactjs #react #html #css #angular #frontend #nodejs #webdevelopment #vuejs #graphql #fullstack #vscode #coding #frontenddeveloper #vue #github #bootstrap #git #typescript #programming #reactdeveloper #backenddeveloper #developer #backend #angularjs #softwaredeveloper #npm #webpack
To view or add a comment, sign in
-
Are you looking for a software Development course ..? We are here for you... #MERNStack #MongoDB #ExpressJS #ReactJS #NodeJS #FullStackDevelopment #JavaScript #WebDevelopment #Coding #DeveloperCommunity #Tech #SoftwareEngineering #Frontend #Backend #JSON #APIs #UI #UX #Programming #SoftwareDevelopment
To view or add a comment, sign in
-
🚀Exciting News 🚀 I'm thrilled to announce that I've successfully completed the "JavaScript" course!🎉 JavaScript has emerged as the leading language in web development, powering applications for tech giants like Facebook, Google, Amazon, and more. This course has equipped me with a solid foundation in JavaScript, from its basics to advanced Object-Oriented Programming (OOP) concepts. 🔍What I've learned: Representing data with JavaScript variables📊 Control flow in programs🔄 Debugging JavaScript code🐍 Utilizing built-in objects like String, Array, Date🛠️ Creating dynamic web pages with DOM manipulation and event handling🌐 Crafting custom objects and functions🛠️ Understanding OOP principles and prototypal inheritance📘 A big shoutout to Mahara Tech for providing such an insightful and comprehensive course!🙌 #JavaScript #WebDevelopment #MaharaTech #LearningJourney #ObjectOrientedProgramming #DOMManipulation #EventHandling #frond_end_developer_meta #frond_end_developer #iti #front_end #full_stack #webdevelopment #newbeginnings #javascript #frontenddeveloper #react #reactnative #reactjs #reactjsdeveloper #javascriptdeveloper #softwaredeveloper #softwarearchitecture #angular #angulardeveloper #nodejs #nodejsdeveloper #frontendengineer #frontend
To view or add a comment, sign in
-
Choosing between #MEAN and #MERN stacks? ‼️ Read at : https://lnkd.in/gGhummry #WebDevelopment #MEANStack #MERNStack #JavaScript #TechStack #Angular #React #NodeJS #MongoDB #FullStackDevelopment #SoftwareEngineering #Coding #Programming #DeveloperLife
MEAN vs. MERN: Which Tech Stack Should You Choose?
animeshk.hashnode.dev
To view or add a comment, sign in
Great job Mohammad Abdullah! Love to see you inspiring others with great resource:) Keep going, keep inspiring, we are cheering you on! 🚀🚀🚀