Tushar Upadhyay

‏شوية اسئلة Interview Front End ممكن تتسالها لو عندك مقابلة قريب ‏و لو معندكش هتفيدك برضو لو فى حاجه واقعه منك او حاجه اول مرة تسمع عنها ممكن تاخد الاسئلة تبحث عنها و تزود معلوماتك ‏1 - What is the difference between dom and bom ‏2 - What is the event loop? ‏3 - What is the difference between callback and promise ‏4 - What is the react helmet? ‏5 - What is nextjs? ‏6 - What is the difference between SPA & SSG & SSL & SSR ‏7 - How to improve performance in the react app ‏8 - What is the reaction cycle? ‏9 - What is the lazy function? ‏10 - How do we use the design pattern in CSS? ‏11 - How to ensure the best SEO experience ‏12 - What are the solid principles? ‏13 - What is the difference between var & let & const ‏14 - What is the difference between asynchronous function and synchronous function ‏15 - What is the difference between async and await and when to use them? ‏16 - What is the promise and what should I use? ‏17 - What is the difference between context and redux ‏18- What is the difference between

220

3 Comments

Hello I started new one --> "#REACT" =>React. jS →JavaScript Library 1) first we have to inject the CDN link in HTML page 2) React works not only in browser, also in mobile at react native =>Create heading using React, it take Three parameters --Here is an Code to heading with help of #react <​script> const heading = React. Const = React, creat Element ("hi", { }, " "); <​/script> =>First react need a root where we inject all the setups, <​script> Const root = ReactDOm. Create Root (doumet.getElementById("root"); root.render (heading); 2) If inside #HTML have some code the render will replace with the react code. =>#ReactElement (object) =) HTML (Browser understands). #react #frameworks #javaScript #html #css #learning #web #FrontEnd

1

Must Known JavaScript Interview Question #8 Q: Explain callback function in under 2 minutes. Ans: A function that will be executed after another function gets executed first, is called a callback function. #javascript #interview #question #callback #function

11

7 Comments

Thank you, Akshay Saini 🚀. Your content delivery is truly exceptional—you're like a content delivery machine ! It took 4.5 hours to cover just 42 minutes of your class ! Just Love it . ❤️ Day 1 : Introduction to Node.js Node.js : Run JavaScript Everywhere. 💪 Node.js is a cross-platform, open-source JavaScript runtime environment that can run on Windows, Linux, Unix, macOS, and more. Node.js runs on the V8 JavaScript engine, and executes JavaScript code outside a web browser. ↔ Node.js has an event-driven architecture capable of asynchronous I/O.( None Blocking I/O ). ↔ Every Browser Run JavaScript And Every Browser Has Own JavaScript Engine. ↔ JavaScript code cannot run without a JavaScript engine. Wherever JavaScript code is executed, there is always a JavaScript engine running it. History of Nodejs : 🚀 ↔ Ryan started with the Spider-Monkey Js Engine, which is found on Firefox. but in two days he tried using v8 and never looked back. ↔ Node js is Powered / Igniting by V8 Engine behind the scene. ↔ Ryan Dahl initially worked independently on Node.js, but Joyent, a company working on a similar idea, supported his vision. They provided funding, and Dahl developed Node.js under Joyent's. ↔ The earlier name of Node.js was Web.js, but Ryan Dahl later renamed it to Node.js because it was intended to be used for more than just web servers. ↔ Ryan Dahl created Node.js to address the limitations of blocking servers like Apache HTTP Server. Node.js uses non-blocking I/O, which allows it to handle multiple requests with fewer threads ↔ In 2010, npm Was Introduced . npm is a major success for the Node.js community. Node.js might not  become very popular without npm. ↔ Node.js was first released in 2009, initially supporting Linux and macOS. it was Written In : JavaScript, C++, Python, C. ↔ In 2011, Node.js gained Windows support through collaboration between Joyent and Microsoft. ↔ In 2012, Ryan Dahl left the Node.js project. He was an employee of Joyent, but he was not directly responsible for the ongoing development of Node.js. ↔ In the same year, Isaac Z. Schlueter (creator of npm ) took over responsibility for Node.js. He is Also An Employee of Joyent. ↔ After 2012, the development of the Node.js project slowed down. In 2014, a developer named Fedor Indutny created io.js, which was a fork of the Node.js project. This led to two separate projects: Node.js, maintained by Joyent, and io.js, developed by Fedor Indutny and the io.js community. ↔ In sep of 2015 , Fedor And Joyent Company was merged and created “node js Foundation” to maintain Node js for future Development. ↔ In 2019 , the Two major Foundation names Js Foundation  and Node js foundation were merged . and created  “open js Foundation” . Now this Open Js Foundation is active for node js Development . #javascript #nodejs #node #programming #backend #developer #fullstackdeveloper #backenddeveloper #fullstack

7

2 Comments

🚀 Just completed the Namaste JavaScript Course by Akshay Saini! 🙌 This deep dive into JavaScript has been a game-changer for my development journey, covering everything from Closures and Prototypal Inheritance to the Event Loop and Promises. Understanding the core internals has boosted my confidence in writing more efficient, bug-free code. Highly recommend this 100% free course to anyone looking to sharpen their JS skills. 💻🔧 #JavaScript #WebDevelopment #FrontendDeveloper #Learning #Coding #NamasteJS https://lnkd.in/gw-XSvGy

8

2 Comments

Offering Next.js Development service. Features 1. Authentication (Clerk /Next Auth) 2. Payment (Stripe) 3. Admin Dashboard 4. E2E testing with Playwright 5. Beautiful UI with (Shadcn UI/ Daisy UI/ Next UI/ Material UI/Mantine etc) 6. Server Components and Actions #SaaS #MVP #Typescript #nextjs #reactjs

3

I have already purchased all courses of Akshay Saini 🚀 so thought of sharing this with you all! 😃 My honest reviews 👉 🔸Namaste React : Probably ‘The Best’ #reactjs course available! Most Recommend! If you want to dive BTS of React and become a master of it! 🔸Namaste Fronted System Design : Will be very honest! Didn’t get the feel as much as #namastereact but the sections taught by Akshay Saini 🚀 was exceptional!! Especially the LLD section makes the whole course worth it! Best recommend for working professionals! 🔸Namaste Node Js : Have gone through the initial chapters and getting the full-flavours! 😍 I was one of the first buyers of this course and this one is also most recommend from my side! I have purchased all the courses with my own hard-earned money! Infact I like to call these as investments! And have gone through the content thoroughly! So you can definitely count on my reviews! 😁 Use my link to register and use coupon code - FREEDOM78 for the biggest discounts ever on NamasteDev.com ! Links 🔗 Namaste Node 🔥 https://lnkd.in/g8SZGArt Namste React 🤜 https://lnkd.in/g8SZGArt Namste FSD 🤜 https://lnkd.in/g7CaxRhX Cheers ✌️ #namastereact #namastedev #namastenode #webdev #development

41

13 Comments

one of the best series on next js available on YouTube it a free i learned many thing from this series thank you sir #hiteshchoudharyI highly recommend checking it out if you want to improve your Next.js skills!

1

Hello #connections, I'm back again with a cool & important topic of Flutter, State Management with Bloc & Why should someone choose bloc over other state management! Note-> { Now Everyone (Beginner & New to Flutter )Wait State Management? What's that & what is even state is ? . 🚀In simple word, State is a data which determents to change in UI 🚀 State Management is how we organize our app to most effectively access state & share it across widgets } Why Bloc? 1. Bloc State Management Strictly follow SOLID principles. 2. Bloc completely Separates UI(widget Class) from Business Logic & Network logic which brings code readability. 3. Clean code is more Testable. etc. Most of big company & Startups(CRED-Dreamplug Technologies Private Limited, Tata Neu-Tata Group) uses Bloc as state management even Google Products such as Google Earth, Google Admobs etc. use Bloc as state management Any Thoughts? Comment down 😊 Many be if i have time, i will post a basic beginner friendly bloc tutorial on YouTube or Medium. Follow me for Tech Updates: https://lnkd.in/gE9qXeBF

5

I will be sharing the guide of Angular JS, which could assist somebody with getting better at it. Begin with the presentation of AngularJS. Figure out AngularJS's job and history. Find out about the MVC design utilized in AngularJS. (Use documentation for that.) Environment Introduce Node.js and npm. Set up a code proofreader (I recommend you utilize Visual Studio). Make an essential AngularJS project utilizing CDN or npm (hub bundle chief). Ideas Modules: Characterize and figure out AngularJS modules. Regulators: Make and oversee regulators. Scopes: Find out about $scope for information restricting. Mandates Use worked in mandates (ng-model, ng-rehash, ng-if). Foster straightforward custom mandates. Basic Form Handling Structure Information sources: Use ng-model for restricting. Approval: Execute essential approval with ng-required, ng-design Prologue to Administrations Underlying Administrations: Use $http for HTTP demands. Custom Administrations: Make straightforward custom administrations. Basic Steering Directing with ngRoute: Set up courses and partner them with layouts or regulators. This will assist you with getting better at it. #angularjs #angular #frontend #web #development

2

🚀 Leveling Up My React Skills! 💻 Today, I took some time to dive deep into React interview preparation by watching an insightful video from Akshay Saini 🎥. The video broke down some key React concepts that often come up during technical interviews—ranging from lifecycle methods, hooks, and performance optimizations to common pitfalls and best practices. It’s been a great refresher and I’ve picked up a few new techniques that I can’t wait to apply in real-world projects. 💡 The continuous learning journey never stops—especially in tech! Whether you’re just starting out or preparing for your next technical interview, I highly recommend giving this video a watch. 🔗 https://lnkd.in/geqhDdMW As a developer, staying updated with the latest trends and reinforcing the fundamentals is crucial. I’m excited to see how this knowledge will further enhance my ability to build performant, scalable React applications. 🚀 "Big thanks to Akshay Saini 🚀 for the amazing insights on React interview preparation! 🙌" #React #JavaScript #WebDevelopment #ContinuousLearning #InterviewPreparation #CareerGrowth #AkshaySaini #TechSkills #FrontendDeveloper #LearningJourney

14

1 Comment

Complete HTML, CSS, and JavaScript topics required for the Software Developer role: ➤ 𝗛𝗧𝗠𝗟: - HTML Syntax & Structure - Basic Tags (head, body, div, span, etc.) - Forms & Input Types - Semantic HTML (header, footer, article, etc.) - HTML5 New Elements (video, audio, canvas) - Accessibility (ARIA roles, attributes) ➤ 𝗖𝗦𝗦: - CSS Syntax & Selectors - Box Model - Flexbox - Grid Layout - Responsive Design (media queries) - Positioning (relative, absolute, fixed) - CSS Variables - Transitions & Animations ➤ 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁: - JavaScript Basics (Syntax, Variables, Data Types) - Control Structures (if-else, switch, loops) - Functions (declaration, arrow functions) - DOM Manipulation (selecting, modifying elements) - Event Handling - Asynchronous JavaScript (promises, async/await) - Fetch API & AJAX - ES6+ Features (let/const, template literals, destructuring) ➤ 𝗥𝗲𝗮𝗰𝘁.𝗷𝘀: - React Fundamentals (Components, JSX) - Props & State - Lifecycle Methods - Hooks (useState, useEffect) - React Router - Context API - State Management (Redux basics) - Handling Forms - Fetching Data in React ➤ Mastering HTML, CSS, JavaScript, and React.js is essential for a Front-End Developer role. Book a 1:1 Call With Me: https://lnkd.in/dCpvsVJp #javascript #webdevelopment #developer

116

14 Comments

Day 12: Redux State Persistence with Multiple Reducers in React! Today, I explored how to implement multiple reducers in a React app using Redux and redux-persist. Here's a quick summary: 1. Combining Reducers: Used combineReducers in Redux to keep different state slices (game and counter) separate, allowing each reducer to manage its own state within one store. 2. State Persistence with redux-persist: Used redux-persist to store Redux state in local storage, making sure the data stays available even after a page reload by loading it back automatically. 3. Isolating State Changes: Made sure that changing one part of the state (e.g., game) doesn’t affect others (e.g., counter) since each reducer handles its own specific state. I made this project by watching the 'Chai aur Code' YouTube channel! #LearningUtsav #FestivalOfLearning #ReactJS #LUD12 Learning Utsav

6

Must Known Interview Question #5 for Front End Devs Q: As JavaScript is single-threaded, how did all the apps built with JS achieve high performance? Ans: JavaScript apps achieve high performance through the following mechanisms: 1. Event Loop and Asynchronous Programming: JavaScript uses an event-driven, non-blocking I/O model via an event loop, which allows it to handle many tasks efficiently. And async/await and promises allow writing asynchronous code in a synchronous manner, improving readability and maintainability without blocking the main thread. 2. Web Workers: Allow running scripts in background threads, enabling parallel processing for tasks like data manipulation and computationally intensive operations. 3. JIT(Just In Time) Compilation: Compiles JavaScript code to machine code at runtime, improving execution speed and performance. 4. Efficient Memory Management: Using Garbage Collection, JS automatically frees up memory by removing objects that are no longer in use, preventing memory leaks and optimizing performance. 5. Optimized Libraries and Frameworks: JavaScript libraries and frameworks like React, Angular, and Vue.js are designed with performance optimizations like Virtual DOM: which efficiently updates the UI by minimizing direct DOM manipulations and Tree Shaking: removes unused code during the build process, reducing the application's size and improving load times. 6. Progressive Enhancement & Lazy Loading: Progressive Enhancement ensures that the core content of the application is accessible quickly, even if advanced features take longer to load while Lazy Loading delays the loading of non-critical resources until they are needed which results in reducing the initial load time. #javascript #interview #question #performance

1

🚀 Day 4 of my voting app project! 🚀 🔹 Implemented sign-up route with: Only one admin user allowed Login with 12-digit Aadhar number One-time signup per Aadhar card 🔹 Added JWT token for authentication Progress is moving fast! 🛠️🔐 Any tips on secure JWT implementation? #NodeJS #ExpressJS #JWT #BackendDevelopment

1

🚀Sharing Top React.js Performance Optimization Techniques to Boost Your Application's Efficiency. Here are the techniques:- - React.memo() - Debouncing - Server Side Rendering (SSR) - useMemo() - useCallback() - React Virtualized - Lazy Loading - Code Spliitting ✔️ Hope it will help you, Happy coding 😇 hashtag#softwaredeveloper hashtag#frontend  #reactJS #followme Follow : Ram Dhamala

47

3 Comments

Axios library with Reactjs #react #reactjs #javascript #reactjslibrary #techprogramme #reactdeveloper #javascriptdeveloper #webdeveloper #interview #interviewquestionandanswer #development #hiring #api

43