نبذة عني
I am a software engineer with over 5 years of experience as a FullStack…
الإسهامات
-
What are the best mobile applications to improve your time management skills?
I believe using the Pomodoro technique without relying on an app or a smartphone is more effective. The primary distraction and time-waster often stem from the smartphone itself, so distancing it from your workspace or activating focus mode can enhance productivity.
النشاط
-
If you want to get good at Frontend Development, JavaScript, or React, consider following these people: • Petar Ivanov • Nik Sumeiko • Shubham…
If you want to get good at Frontend Development, JavaScript, or React, consider following these people: • Petar Ivanov • Nik Sumeiko • Shubham…
تم إبداء الإعجاب من قبل Ramzi Guizani
-
We're honored to share that Akamai has been recognized by Forbes as one of America's Best Employers for Veterans 2024! 🇺🇸 Thank you to the nearly…
We're honored to share that Akamai has been recognized by Forbes as one of America's Best Employers for Veterans 2024! 🇺🇸 Thank you to the nearly…
تم إبداء الإعجاب من قبل Ramzi Guizani
الخبرة
-
-
-
-
-
-
-
-
-
-
-
التعليم
-
-
-
-
التراخيص والشهادات
اللغات
-
English
-
-
French
-
-
Arabic
-
ملفات شخصية أخرى مشابهة
استكشاف مزيد من المنشورات
-
The Wise Duck Dev
🌐 Master PHP Development with Symfony Sensei GPT from Wise Duck Dev GPTs! 🚀 Symfony is one of the most powerful PHP frameworks, designed to help developers build high-performing, scalable web applications with ease. Whether you’re a seasoned Symfony developer or new to the framework, Symfony Sensei GPT from Wise Duck Dev GPTs is here to guide you in optimizing your code, improving your workflows, and making the most out of Symfony’s advanced features. Why Symfony? Symfony is widely used for creating robust and scalable applications. With a modular architecture, reusable components, and extensive documentation, it’s the go-to framework for PHP developers looking to build reliable, efficient web applications. Key Benefits of Symfony: • Modular Architecture: Allows you to integrate reusable components, saving development time. • Efficient Performance: Known for its speed and ability to handle complex applications. • Rich Ecosystem: Offers a range of bundles and tools, making development smoother and more flexible. Introducing Symfony Sensei GPT Our Symfony Sensei GPT provides in-depth guidance and support to help you optimize your Symfony projects. From structuring code to debugging and implementing best practices, Symfony Sensei GPT ensures you can develop top-tier applications effortlessly. Key Features of Symfony Sensei GPT: • ⚡ Code Optimization: Enhance code performance and adhere to Symfony best practices. • 🛠️ Workflow Automation: Automate repetitive tasks, like routing and dependency injection. • 🌐 Detailed Guidance: Receive step-by-step support on Symfony-specific features and advanced PHP techniques. Why Use Symfony Sensei GPT? Symfony Sensei GPT is tailored for developers aiming to streamline their workflows, optimize code, and build scalable web applications. Imagine having a tool that guides you through the complexities of Symfony, offering solutions and insights to make development faster and more efficient. Symfony Sensei GPT is the perfect companion for developers who want to level up their PHP and Symfony expertise. 📣 Transform Your Symfony Projects Today! Discover how Symfony Sensei GPT can elevate your development process and help you build high-quality web applications 👉 https://lnkd.in/dTw9Rmx2 #WiseDuckDevGPTs #GPTS #Symfony #PHP #WebDevelopment #TechInnovation #DevCommunity #CodeOptimization #ModularDesign #BackendDevelopment
-
Ghazanfar Mahmood
🚀 7 reasons why you should choose Next.js 🚀: 🚦 Built-in Routing: Unlike React.js, which requires third-party libraries like React Router for handling routing, Next.js has a built-in routing system. Pages in Next.js are mapped to the file system, making it super easy to create new routes by simply adding files to the pages directory. 🔗 API Routes: Next.js allows you to build API endpoints directly within your application. This means you can create backend functionality (like handling form submissions or interacting with databases) without needing a separate backend service. This feature is great for full-stack development within a single framework. 💻 Versatile Rendering: Next.js supports both Server-Side Rendering (SSR) and Client-Side Rendering (CSR). With SSR, the page is rendered on the server and sent to the client with all content ready, improving SEO and performance. CSR, on the other hand, renders pages on the client side, giving you flexibility to choose the best rendering method for each page. 📡 Data Fetching: Next.js provides several ways to fetch data, including getStaticProps, getServerSideProps, and getStaticPaths. These methods allow you to fetch data at build time, request time, or for individual pages, giving you full control over how and when data is fetched and rendered. 🎨 Styling Options: Next.js offers a variety of styling solutions, such as global CSS, CSS modules, and styled-components. This flexibility allows you to choose the best styling approach for your project, whether you prefer traditional CSS, component-scoped styles, or a CSS-in-JS solution. ⚡ Optimization: Next.js comes with built-in optimization features like automatic code-splitting, image optimization, and lazy loading. These features help to improve your site’s performance, making it faster and more efficient without requiring extra configuration. 🛠️ Build System: Next.js simplifies the development process with its robust build system. It provides a smooth development experience with hot reloading and fast builds during development, and it optimizes your application for production with features like tree-shaking and minification. #w3schools #expressjs #explore #javascript #js #frontend #backend #developers #css #react #reactjs #freshers #resume #job #search #jobsearch #jobs #useful #techniques #tips #clean #code #guide #developer #web #development #code #nextjs #nextjs14 #roadmap #webdevelopment #mern #mean #angular #nodejs #expressjs #postgresql #sql #guide #useful #notes
-
Eulier Gonzalez
From Sync POV : A function that have everything already it needs to give you some value back, you just don't need to pass arguments to that.a From Async POV Is a function that doesn't need any argument passed except you need to pass a callback so you can get the value off. https://lnkd.in/d29TDd5P Personal notes : https://lnkd.in/duaWXQ3g . . . . . . . . #infrastructure #ui #business #development #react #vite #web #enterprise #scalability #scale #state
-
Ahmed Ghaly
How to react ??? You're testing a new feature and you find a bug .......... 1- Take screenshots or videos of the bug. This will help you document the issue and reproduce it for the developers. 2- Write a clear and concise bug report. Include all the information you can about the bug, such as the steps to reproduce it, the expected behavior, and the actual behavior. 3- Submit the bug report to the appropriate team. Make sure to follow the company's bug reporting process. 4- Be patient and wait for the developers to fix the bug. They will need time to investigate and fix the issue. Additional tips: Be polite and respectful when communicating with the developers. They are your allies in the fight against bugs. Don't be afraid to ask questions. If you're not sure about something, ask for clarification. Be proactive in your testing. Don't just wait for the developers to give you work. Try to find bugs on your own. Remember: Software testers are an important part of the development team. They help to ensure that software is high-quality and bug-free. By following these tips, you can be an effective software tester and help to create great software. #softwaretester #bugtesting #qualityassurance #softwaredevelopment
-
DevGuide
مسار تعلم React.js من الصفر للاحتراف 🔻 Mastering React.js: The Essential Roadmap ✅ . . 1. Components - Functional Components - Class Components - JSX (JavaScript XML) Syntax 2. Props (Properties) - Passing Props - Default Props - Prop Types (with prop-types package) 3. State - useState Hook (Functional Components) - Class Component State - Immutable State Management 4. Lifecycle Methods (Class Components) - componentDidMount - componentDidUpdate - componentWillUnmount 5. Hooks (Functional Components) - useState - useEffect - useContext - useReducer - useCallback - useMemo - useRef - useImperativeHandle - useLayoutEffect - Custom Hooks (Creating reusable logic) 6. Event Handling - Handling Events in Functional Components - Handling Events in Class Components 7. Conditional Rendering - if Statements - Ternary Operators - Logical && Operator 8. Lists and Keys - Rendering Lists - Keys in React Lists 9. Component Composition - Reusing Components - Children Props - Composition vs. Inheritance 10. Higher-Order Components (HOC) - Creating HOCs - Using HOCs for Reusability 11. Render Props - Using Render Props Pattern 12. React Router - <BrowserRouter> - <Route> - <Link> - <Switch> - Route Parameters 13. Navigation - useHistory Hook - useLocation Hook 14. Context API - Creating Context - useContext Hook 15. Redux - Actions - Reducers - Store - connect Function (React-Redux) - Redux Toolkit 16. Forms - Handling Form Data - Controlled Components - Uncontrolled Components - Form Validation (with libraries like Formik, Yup) 17. Side Effects - useEffect for Data Fetching - useEffect Cleanup 18. AJAX Requests - Fetch API - Axios Library 19. Error Boundaries - componentDidCatch (Class Components) - ErrorBoundary Component (Functional Components) 20. Testing - Jest Testing Framework - React Testing Library - Enzyme (for older codebases) 21. Optimization - Memoization - Profiling and Performance Monitoring (React Profiler) - Lazy Loading (with React.lazy and Suspense) 22. Build and Deployment - Production Builds - Deployment Strategies (Vercel, Netlify, Heroku) - Code Splitting and Bundling (Webpack, Rollup) 23. Styling Libraries - Styled-components - CSS Modules - Emotion - Tailwind CSS 24. State Management Libraries - Redux - MobX - Zustand (alternative for simple state management) 25. Routing Libraries - React Router - Reach Router - Next.js (for SSR) 26- Additional Concepts - TypeScript with React: Integrating TypeScript into your React applications - Server-Side Rendering (SSR): Using Next.js for SSR in React applications - Progressive Web Apps (PWA): Building PWAs with React . . . #react #reactjs #reactdeveloper #reactjsdeveloper #frontend #frontenddeveloper #javascript #webdeveloper #webdevelopment #dev_guide
٨ تعليق -
Mahfujul Alam Anik
Next.js 15 is here.....🚀 The Next.js 15 Release Candidate (RC) is now available. This early version allows you to test the latest features before the upcoming stable release.🔥 npx create-next-app@rc *React: Support for the React 19 RC, React Compiler (Experimental), and hydration error improvements. *Caching: fetch requests, GET Route Handlers, and client navigations are no longer cached by default. *Partial Prerendering (Experimental): New Layout and Page config option for incremental adoption. *next/after (Experimental): New API to execute code after a response has finished streaming. *create-next-app: Updated design and a new flag to enable Turbopack in local development. *Bundling external packages (Stable): New config options for App and Pages Router.
-
Arpan Chakma
React Native 0.74 is out now Highlighting features ==> 1. Bridgeless(New Arch) by default 2. Updated batched onLayout 3. Yoga 3 4. Yarn 3 by default 5. Minimum skd is now SDK 23 6. Removal deprecated PropTypes 7. Api changes to PushNotificationIOS #ReactNative #MobileAppDevelopment
٢ تعليق -
Yawar Abass
Next.js 15 new features and improvements : 🔥React 19 RC Support: Next.js 15 now supports React 19 RC, including the experimental React Compiler and improvements to hydration errors. ⚡ Caching Updates: Fetch requests, GET Route Handlers, and client navigations are no longer cached by default, giving you more control over your data fetching strategies. 🌟 Partial Prerendering (Experimental): Introducing a new Layout and Page config option for incremental adoption of partial prerendering, enabling more flexible and efficient rendering strategies. 🔄 next/after (Experimental): A new API to execute code after a response has finished streaming, opening up new possibilities for post-streaming logic. 🎨 create-next-app: Enjoy an updated design and a new flag to enable Turbopack in local development, streamlining your project setup and development workflow. 🔧 Bundling External Packages (Stable): New config options for App and Pages Router, providing more control over how external packages are bundled. Read more about it on the official blog: https://lnkd.in/gv3uEkjF #Nextjs #React #WebDevelopment #JavaScript #FrontendDevelopment #DeveloperExperience #NewRelease #coding
١ تعليق واحد -
Mansour El-Bashabsheh 🇯🇴🇵🇸
🔥 Next.js 15 RC is here ! 🚀 Below are the new feature you can try right now. 🔸 React: Support for the React 19 RC, React Compiler (Experimental), and hydration error improvements 🔸Caching: fetch requests, GET Route Handlers, and client navigations are no longer cached by default 🔸Partial Prerendering (Experimental): New Layout and Page config option for incremental adoption 🔸next/after (Experimental): New API to execute code after a response has finished streaming 🔸create-next-app: Updated design and a new flag to enable Turbopack in local development 🔸Bundling external packages (Stable): New config options for App and Pages Router Offical BlogPost - https://lnkd.in/gMYC9KDW #NextJS15 #NextJS15_RC #React_19 #React #Release #Experimental #Opensource #Webdev #Dev #Full_Stack_Applications
-
Victor Bais
Redux Toolkit (RTK) for State Management in React Redux Toolkit (RTK) is a library for managing complex state management in React applications. I've created a complete CRUD app using RTK, and you can check out the complete step by step information on read me file on github link : https://lnkd.in/dQHHHm4k live link : https://lnkd.in/dpvXtQg8 This todo App is a very small project but have you ever thought this CRUD feature is used all over software development lifecycle with various application logics. #ReactJS #ReduxToolkit #StateManagement #JavaScript #WebDevelopment #Frontend #Programming #Coding #Developer #Tech #Code #WebDesign #SoftwareEngineering #React #JavaScriptTips #WebDev #WebApp #FrontendDeveloper #UI #UIDesign #ReactDeveloper #WebTechnology #WebCoding #ReactComponents #JSX #Redux
-
Muhammad Ammar
🚀 Understanding Middleware in Express.js 🌐 If you're working with Node.js and Express, you've likely come across middleware—the backbone of request handling in Express applications. But what exactly is middleware, and why is it so powerful? 🤔 🔹 What is Middleware? Middleware functions are those that have access to the req (request) and res (response) objects in your Express app. They sit between the request and the response, allowing you to process requests in a modular and reusable way. 🔹 How Does It Work? When a request hits your server, middleware functions are executed one after the other in the order they are defined. Each middleware can either: Modify the request/response objects, Terminate the request-response cycle, or Pass control to the next middleware using next(). 🔹 Types of Middleware: Application-level: Applies to all requests in your app. Router-level: Scoped to specific routes, offering more granular control. Built-in: Like express.json() or express.static() for handling JSON bodies or serving static files. Third-party: Pre-built solutions like morgan for logging or cors for handling cross-origin requests. Error-handling: Special middleware to catch and handle errors gracefully. 🔹 Why Middleware? Modularity: Break your app logic into reusable, manageable pieces. Flexibility: Apply different logic based on request types, routes, or conditions. Scalability: Handle complex processes like authentication, logging, or error handling with ease. app.use((req, res, next) => { console.log('Request received at:', new Date()); next(); }); Are you using middleware effectively in your Express apps? 💡 Drop your favorite middleware tips or examples in the comments below! 👇 #Nodejs #ExpressJS #WebDevelopment #Backend #JavaScript #Middleware #CodingTips
-
Quoc Viet Ha
The Next.js 15 Release Candidate (RC) is now available. This early version allows you to test the latest features before the upcoming stable release includes: - Support React 19 RC includes new features for both the client and server. - Support for React Compiler. - Improve Hydration Errors. - Caching updates: change the caching default for fetch requests, get Route handlers and Client router Cache from cached by default to uncached by default. - Experimental incremental adoption of Partial Pre-rendering. - Experimental executing code after a response with next/after - Update the new design of create-next-app. - Optimizing bundling of external packages source: X
٢ تعليق -
Eulier Gonzalez
Ok, Redux Goal and a simple code example here : 1. Make states mutation predictable 2. Provide changes mutations observability with Immutability and Serializability 3. Separate update logic from the app 4. State updates must be synchronous, async updates must be kept separate 5. Reducer composition allowing to define middleware of how data is handle. https://lnkd.in/d4n9tQh3 Code Example: https://lnkd.in/dy-pjfQ6 Personal notes : https://lnkd.in/dinZ7pu4
-
Ahmed Rhman Hassani
🚀 How to Create a Cron Job in Spring Boot 🚀 If you're working with Spring Boot and need to automate tasks, you might want to use cron jobs. Here’s a quick guide to get you started. Why Use Cron Jobs? Cron jobs are perfect for scheduling tasks like database cleanup, sending notifications, or generating reports at specific times without manual intervention. Step-by-Step Guide 1- Add the Spring Scheduler Dependency Ensure you have the Spring Boot Starter dependency in your pom.xml or build.gradle. <!-- For Maven users --> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter</artifactId> </dependency> // For Gradle users implementation 'org.springframework.boot:spring-boot-starter' 2- Enable Scheduling in Your Application Add @EnableScheduling to your main application class. 3- Create a Scheduled Task Use @Scheduled annotation to define the task and schedule. Cron Expression Breakdown : 0 0 10 * * ? means: 0 Seconds (0th second) 0 Minutes (0th minute) 10 Hours (10 AM) * Day of month (every day) * Month (every month) ? Day of the week (any day) #SpringBoot #Java #CronJob #Automation #BackendDevelopment
-
Soma Sharma
Top 5 courses to learn React 1. React and Redux Masterclass - http://bit.ly/2mr07pR 2. React Fundamentals - http://bit.ly/2qMZQQK 4. React vs Angular vs Vue.js - http://bit.ly/2yo3MsV 5. React, Redux- http://bit.ly/2qIPEc7
-
Murlidhar Mandke
Vue.js Directives: A Brief Overview Vue.js directives are special tokens used in templates to apply reactive behavior to the DOM. These directives allow developers to declaratively bind data to the user interface, making it easy to manipulate elements in response to changes in application state. Below are some of the key directives in Vue.js: 1. v-if The v-if directive is used to conditionally render elements. If the expression inside v-if evaluates to true, the element is rendered; otherwise, it is removed from the DOM. This is especially useful for toggling content visibility based on data. Example: <p v-if="isVisible">This paragraph is visible only if 'isVisible' is true.</p> 2. v-for The v-for directive allows looping over arrays or objects to dynamically generate a list of elements. It’s commonly used for rendering lists of items, such as a list of tasks or products. Example: <ul> <li v-for="item in items" :key="item.id">{{ item.name }}</li> </ul> 3. v-bind The v-bind directive is used to dynamically bind element attributes or properties to a data property. It’s often used to bind values like src or href attributes in HTML elements. Example: <img v-bind:src="imageUrl" alt="Dynamic image"> 4. v-model The v-model directive creates two-way binding between form input elements and Vue component data. This means changes in the input field are reflected in the Vue data and vice versa, ensuring that the data stays in sync. Example: <input v-model="userInput" placeholder="Type something"> 5. v-on The v-on directive is used to listen for DOM events and trigger methods or functions in response. It’s useful for handling user interactions, such as clicks, input, and form submissions. Example: <button v-on:click="handleClick">Click me</button> Conclusion Vue.js directives enable developers to create highly reactive and efficient user interfaces with minimal code. By using these directives, developers can bind data and events directly to HTML templates, simplifying the interaction between the front-end and application logic.
أعضاء آخرون يحملون اسم Ramzi Guizani في تونس
-
Ramzi Guizani
DevOps Engineer CKA, CKS, AWS
-
Ramzi Guizani
Gérant في Sté Informatika Services
-
Ramzi Guizani
--
-
Ramzi Guizani
--
7 عضو آخر يحملون اسم Ramzi Guizani في تونس على LinkedIn
استعرض الأعضاء الآخرين الذين يحملون اسم Ramzi Guizani