teleren/devto huggingface dataset:
How to Use Render Effects in Jetpack Compose for Stunning Visuals
Tags: webdev, programming, android, ui
Published: 2023-11-01 10:53:16

Jetpack Compose provides a wide range of tools and components to build engaging UIs, and one of the lesser-known gems in Compose is the RenderEffect.

We'll explore RenderEffect by creating some cool examples with a rendering effect.

## What is RenderEffect?

RenderEffect allows you to apply visual effects to your UI components. These effects can include blurs, custom shaders, or any other visual transformations you can imagine. However, it's available for API 31 and above.

## Table of Contents

1. The BlurContainer
2. Applying Render Effect to Parent Container
  - Applying the Rendering Effect
3. ExtendedFabRenderEffect
  - Smooth Animation
  - Combining Effects
  - ButtonComponent Anatomy
4. TextRenderEffect
  - Animating the Text
  - Complete Integration with ShaderContainer
5. ImageRenderEffect
  - Dynamic Image Transitions
  - Crafting Engaging Effects
  - Seamless Integration with ShaderContainer

In this tutorial, we have used RenderEffect to create a blur and shader effect for our expandable floating button and some bonus components.

**Let's have a look at what we’re going to implement…**

![RenderEffect in jetpack compose apply visual effect such as blurs, custom shaders, etc.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/50drg6hy87mlph8hqahi.gif)
                                                                                                                                                 
You’ll going to understand the `ShaderContainer`, `BlurContainer`, `ShaderSource`, and the` customer modifier`, you have the tools to create stunning rendering effects in your Jetpack Compose applications.
 
These elements provide a foundation for exploring and experimenting with various visual effects and custom shaders, opening up a world of creative possibilities for your UI designs. 

Whether you're a seasoned developer or just starting your mobile app journey, these techniques can make a world of difference.
 
If you're eager to dive deeper into the code and unlock the full potential of render effects, be sure to check out our detailed guide by visiting **[Canopas Blog.](https://blog.canopas.com/how-to-use-render-effects-in-jetpack-compose-for-stunning-visuals-01287d7f00db)**

It's your gateway to creating mobile experiences that truly stand out.

Follow **[Canopas](https://canopas.com/)** for our latest technical blog posts!
Examining 70-411: Key Strategies for Exam Objectives
Published: 2023-11-01 10:01:39

Tips for Success
Understanding the real-world applications <a href="https://dumpsmedia.com/education/pass-the-70-411-exam-objectives/">70 411 Exam Objectives </a> of the concepts, gaining hands-on experience, and engaging in practical exercises greatly enhance preparation and confidence for the exam.
Conclusion
In conclusion, the 70-411 exam, covering crucial s of Windows Server 2012 administration, demands a well-rounded understanding of its objectives. Success in this exam not only validates your skills but also opens doors to diverse career opportunities in IT administration.
The 70-411 exam, also known as "Administering Windows Server 2012," is part of the Microsoft Certified Solutions Associate (MCSA) certification. The exam objectives can vary, but here are some common topics that are typically covered in the 70-411 exam:
Please note that the specific objectives for the 70-411 exam may change over time, so it's essential to refer to the official Microsoft certification website or study materials for the most up-to-date information. Additionally, it's recommended to use practice exams and study resources to prepare <a href="https://dumpsmedia.com/education/pass-the-70-411-exam-objectives/">70 411 Exam Objectives </a> for the exam successfully.

Click Here For More Details>>>>>>>:https://dumpsmedia.com/education/pass-the-70-411-exam-objectives/
A New Community about Developer tools and DevOps
Tags: devops, community, tooling, opensource
Published: 2023-11-01 10:49:48

Are you an embedded developer or DevOps working for an embedded software company?

Join our **XM community** on **Discord**! It's the hub for all things embedded development tools and embedded DevOps, where experts and enthusiasts unite.

💡 Discover the latest trends, share your insights, and network with like-minded professionals. Together, we're shaping the future of software development.

🚀 Join XM today and let's build a stronger, smarter community! 👥

**Discord invite**: https://discord.com/invite/Nv6hSzXruK
Cross-Platform App Development with Flutter: Benefits and Challenges
Tags: flutter, beginners, learning
Published: 2023-11-01 10:43:54


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y7gmwqbhxd8si9z1swj7.png)
Cross-platform app development using Flutter offers a myriad of advantages for businesses and developers alike. With [Flutter app development services](https://colaninfotech.com/flutter-app-development-company/) gaining momentum, it's essential to understand the benefits and challenges associated with this technology.

## Benefits of Flutter App Development Services

**Single Codebase:** Flutter allows developers to write a single codebase that runs on both Android and iOS platforms, saving time and resources.

**Fast Development:** The hot reload feature enables quick iterations, reducing development time and speeding up the testing process.

**Consistent UI:** Flutter's widget-based architecture ensures a consistent and visually appealing user interface across various devices and screen sizes.

**High Performance:** Flutter's compiled code results in excellent performance, making apps feel native and responsive.

**Rich Ecosystem:** A growing library of pre-built widgets and plugins simplifies the integration of complex features, such as maps, authentication, and animations.

## Challenges of Flutter App Development Services

**Learning Curve:** Developers may need time to learn Flutter's unique architecture and widget-based approach, especially if they are new to the framework.

**Limited Libraries:** While Flutter's ecosystem is growing, it may not offer the same breadth of libraries and packages as some other frameworks.

**Platform-Dependent Code:** Occasionally, platform-specific code may be necessary, which can slightly complicate the "write once, run anywhere" concept.

**Large App Size:** Flutter apps tend to be larger in size compared to native apps, which can be a concern for users with limited storage.

## Conclusion

embracing [Flutter  development services](https://colaninfotech.com/flutter-app-development-company/) provides numerous benefits, such as code reusability, fast development, and consistent UI. However, developers should be prepared to address challenges like a learning curve and app size considerations. Overall, Flutter remains a strong contender in the cross-platform app development landscape, offering an efficient and visually appealing solution for businesses looking to reach a broad audience.
Fully customizable client side (TypeScript) code generation tool for gRPC
Tags: opensource, typescript, frontend, grpc
Published: 2023-11-01 10:41:27

Hello everyone. I want to present experimental project which helps you to use gRPC-web on client side.

Catfish is first fully customizable client side (TypeScript) code generation tool for gRPC.

With Catfish you can:
- Extend every code generation plugin using very friendly, simple and powerful syntax
- Write your own code generation plugins without pain
- Use library without dependencies like protoc, buf or java
- Use with protoc or buf (in progress)

Catfish packages:
- Parser - Based on ANTL4 .proto files parser (currently works only with protobuf V3)
- Generator - Basic classes & types for code generation and many ready to use plugins
- Runtime - Some logic that you might need in generated fiels

Catfish plugins:
- protobuf - generates protobuf messages
- grpc-web - generates grpc-web compatible clients
- grpc-web-rxjs - generates grpc-web compatible clients based on rxjs library
- grpc-web-catfish - generates extensions for grpc-web clients that you can use to reduce boilerplate (currently implemented only paginators)
- grpc-web-tanstack - generates extensions for grpc-web clients that you can use with reqct-query library

I will be really happy if you leave feedback here https://github.com/iamguid/catfish/discussions/1 Thank You!

{% embed https://github.com/iamguid/catfish %}
Javascript datetime to and from postgres with time zone
Tags: javascript, postgres
Published: 2023-11-01 10:39:45

First of all, shout out to this blog that goes much deeper into this and is how I learned this concept:

https://blog.untrod.com/2016/08/actually-understanding-timezones-in-postgresql.html

# Problem:
Inserting a datetime from js to postgres and then selecting that same time back out will likely end up with the wrong timezone on your select statement unless you know what you are doing.  This happens even if you are inserting UTC and attempting to select UTC.

Specifically what happened to me and the blog post above is instead of getting UTC back, I got UTC + 2 x my UTC offset, which is very very wrong.

# Bad solution:
- Use AT TIME ZONE 'UTC' in select statements.
Ex: SELECT log_time AT TIME ZONE 'UTC' as log_time_utc FROM logs

This is bad because you will have to do this everywhere you use log_time.  Lets find a better solution that just works as expected.

# Solution:
- Use timestamptz as your database column definition (which is timezone aware, vs just timestamp which is not)
- Put a timezone offset string at the end of your datetime value prior to inserting, otherwise postgres won't understand what is being inserted (even for UTC you must put a "+0")

**Example:**
In my javascript helper utilities before inserting a new date, which are created with local time, I have been converting to UTC time.

```javascript
function makeDateTimeNowForDbUtc(inDate){

if( inDate === undefined ){
  var inDate = new Date;
}
var outDate = inDate.getUTCFullYear() + '-' +
('00' + (inDate.getUTCMonth()+1)).slice(-2) + '-' +
('00' + (inDate.getUTCDate()).slice(-2) + ' ' +
('00' + (inDate.getHours()).slice(-2) ':' +
('00' + (inDate.getUTCMinutes()).slice(-2) + ':' + 
('00' + (inDate.getUTCSeconds()).slice(-2) + '.' +
('00' + (inDate.getUTCMilliseconds()).slice(-3);

outDate = outDate + "+0"; // addition for postgres
return outDate;
```

Now I don't have to worry about it and my dates go in as UTC and back out as UTC without any additional code!

NOTE: if you are getting confused by the time zone offset in the javascript date time use toUTCString to get straight UTC time from your date.

```javascript
let dt = myPostgresSelectReturn();
console.log('UTC Value: ' + dt.toUTCString()); // Date time GMT where GMT = UTC
```

Hope this helps!
Hacktoberfest 2023 🏆
Tags: hacktoberfest23, hacktoberfest2023, hacktoberfest, hacktoberfest10
Published: 2023-11-03 07:34:11

---
title: Hacktoberfest 2023 🏆
published: true
date: 2023-11-01 10:39:36 UTC
tags: hacktoberfest23,hacktoberfest2023,hacktoberfest,hacktoberfest10
canonical_url: 
---

 ![Hacktoberfest-2023](https://www.panayiotisgeorgiou.net/wp-content/uploads/2023/11/Hacktoberfest-2023.png)

For the fifth consecutive year I have just completed the #[hacktoberfest2023](https://hacktoberfest.com/) challenge with 7 Pull Requests (1 still pending) successfully merged. \*\* ![💪muscle](https://s.w.org/images/core/emoji/14.0.0/72x72/1f4aa.png)  
  
It is with great pleasure to be involved in [Hacktoberfest](https://hacktoberfest.com/) and contribute on several people projects.  
  
 ![✅ tick](https://s.w.org/images/core/emoji/14.0.0/72x72/2705.png) DONE  #[Hacktoberfest](https://hacktoberfest.com/) #OpenSource #[hacktoberfest10](https://hacktoberfest.com/)

@hacktoberfest

Badge awarded on [holopin](https://www.holopin.io/@georgioupanayiotis) as follows:

![level 0](https://i2.wp.com/www.panayiotisgeorgiou.net/wp-content/uploads/2023/11/level1-red-0-0-0-1-1024x1024.webp?ssl=1)

![level 1](https://i1.wp.com/www.panayiotisgeorgiou.net/wp-content/uploads/2023/11/level2-red-0-0-0-1024x1024.webp?ssl=1)

![level 2](https://i2.wp.com/www.panayiotisgeorgiou.net/wp-content/uploads/2023/11/level3-red-0-0-0-1024x1024.webp?ssl=1)

![level 3](https://i0.wp.com/www.panayiotisgeorgiou.net/wp-content/uploads/2023/11/level4-red-0-0-0-1024x1024.webp?ssl=1)

> Who else have? _![😉](https://s.w.org/images/core/emoji/14.0.0/72x72/1f609.png)_

![digital awards](https://www.panayiotisgeorgiou.net/wp-content/uploads/2023/11/Screenshot-2023-11-02-at-12.23.56-1024x337.png)

[![instagram follow](https://lh3.googleusercontent.com/aYbdIM1abwyVSUZLDKoE0CDZGRhlkpsaPOg9tNnBktUQYsXflwknnOn2Ge1Yr7rImGk=w300)](https://www.instagram.com/panayiotisgeorgiou)

[Follow me on Instagram](https://www.instagram.com/panayiotisgeorgiou)

![😉](https://s.w.org/images/core/emoji/13.0.0/svg/1f609.svg)   **That’s it for now. **

If you liked this article, then please subscribe to my [YouTube Channel](https://www.youtube.com/c/PanayiotisGeorgiou?sub_confirmation=1) for video tutorials.

You can also find me on [Twitter](http://twitter.com/panay_georgiou) and [Facebook](https://www.facebook.com/panayiotisgeorgiou.net).

###   
**Past Editions**  
2022 – [Hacktoberfest](https://www.panayiotisgeorgiou.net/hacktoberfest-2022/)  
2021 – [Hacktoberfest](https://www.panayiotisgeorgiou.net/hacktoberfest-2021/)  
2020 – [Hacktoberfest](https://www.panayiotisgeorgiou.net/hacktoberfest-2020-badge/)

The post [Hacktoberfest 2023](https://www.panayiotisgeorgiou.net/hacktoberfest-2023/) appeared first on [Panayiotis Georgiou](https://www.panayiotisgeorgiou.net).
PEGA CSA 7.2 Dumps: Your Success Weapon
Published: 2023-11-01 10:39:27

**Ethical Use of PEGA CSA 7.2 Dumps**

While PEGA CSA 7.2 dumps can be a valuable resource, it's crucial to use them responsibly and ethically. Here are some guidelines to follow:

Supplement, Don't Substitute: Dumps should be used as a supplement to your study materials, not as <a href="https://examtopicsfree.com/other-exams/pega-csa-7-2-dumps/">PEGA CSA 7.2 Dumps</a> replacement for proper learning and understanding of the subject matter.

**Avoid Memorization:**

 Don't simply memorize answers; strive to comprehend the underlying concepts, as this will serve you better in your career. 

**Respect Copyright and Licensing:** 

Ensure that you have the necessary rights to access and use these materials.Do Not Share Unauthorized Dumps: Sharing or distributing copyrighted or unauthorized dumps is unethical and may violate certification program policies.

Click Here More Info: https://examtopicsfree.com/other-exams/pega-csa-7-2-dumps/
What is Tendering?
Published: 2023-11-01 10:37:16

The world of procurement and bidding, well, it's like venturing into a deep forest, isn't it? It's full of mysteries and challenges, but hidden in those shadows are golden opportunities. My recent dance with the Invitation to Tender (ITT) process was quite an adventure. Let me take you on a tour of my expedition:


**Pre-Qualification Phase**


Picture this, it's the beginning of the journey, and you're at the gateway of the mystical pre-qualification phase. It's like a test where you've got to prove your worthiness to enter the enchanted realm. But boy, it's not for the faint of heart. There's a maze of paths leading to a single gate. It's like trying to find the right key for a treasure chest.


In this phase, I discovered the power of storytelling. It's not just about checking boxes; it's about crafting a tale that makes you shine among a sea of talented contenders. I spent hours polishing my proposal, making sure it sparkled with our unique strengths.


Tendering Phase


Now, this phase was a whirlwind. It's like being in a tornado of information, requirements, and deadlines. Precision is your magic wand here, the key to unlock the next door. There was a mix of excitement and nerves, much like walking a tightrope.


Imagine a puzzle, with all the pieces scattered around – that's the tendering process. Each piece is a vital part of our proposal. Put them together correctly, and you're one step closer to the treasure.


Evaluation and Selection


After submitting our hard-earned tender, the waiting game began. It felt like reading a suspenseful novel with no peek at the ending. The evaluators scrutinized every word, every detail. It's like being on a tightrope between two cliffs – you hope to land on the right side.


The heart of it all is the selection process. It's like the grand finale. That's where the magic happens, and the chosen one emerges. The image of a handshake perfectly symbolizes the agreement between the client and the chosen supplier.


Contract Award


Finally, the moment we'd been waiting for arrived – the contract award. It was like a party, a celebration of our hard work and dedication. The handshake, oh, it was like sealing a pact with the gods of business.


The ITT process, with all its twists and turns, led us to success. It was a journey that hammered home the importance of clear communication, precision in execution, and a dash of creativity.


As I look back, I realize that the ITT process is like a school of life. It's not just about winning contracts; it's about evolving and learning. Each phase is an opportunity for growth.


So, for all you brave souls stepping into the ITT forest, it's a wild ride, but full of treasures. Stay committed, and add a pinch of imagination to your proposals.
Animation for Angular *ngFor list
Tags: angular, animation, ngforlist, typescript
Published: 2023-11-01 10:30:30

If you want to create an animation for the ngFor list, where one item fades out when it is removed, and the remaining items below it slide up slowly, you can do so.
here's the code of the animation:

```
export const fadeOutAndShrinkAnimation: AnimationTriggerMetadata = trigger(
  "fadeOutAndShrinkAnimation",
  [
    transition(":leave", [
      sequence([
        query(".css-class-of-ngfor-list", [
          style({ opacity: 1 }),
          animate("600ms ease-in", style({ opacity: 0 })),
        ]),
        query(".css-class-of-ngfor-list", [
          animate("800ms ease-in", style({ height: 0 })),
        ]),
      ]),
    ]),
  ]
);
```

Here's a breakdown of the code:

fadeOutAndShrinkAnimation is a constant that holds the animation trigger definition.

trigger("fadeOutAndShrinkAnimation", [...]) is used to define the trigger. The string "fadeOutAndShrinkAnimation" is the trigger's name.

transition(":leave", [...]) is defining a transition for the trigger. The :leave is a special state that is applied when an element is leaving the view (e.g., being removed).

Inside the transition, there is a sequence of animation steps defined using sequence([...]).

query(".call-notification-item", [...]) is used to target elements with the class "call-notification-item" within the component. The query function is typically used to define animations for elements matching a particular selector.

Inside the first query, there is an animation sequence that includes:

style({ opacity: 1 }): This sets the initial opacity of the selected elements to 1.
animate("500ms ease-in", style({ opacity: 0 })): This animates the opacity of the selected elements to 0 over 500 milliseconds with an "ease-in" timing function.
In the second query, there is another animation sequence that includes:

animate("600ms ease-in", style({ height: 0 })): This animates the height of the selected elements to 0 over 600 milliseconds with an "ease-in" timing function.
project 2
Published: 2023-11-01 10:27:49

It was interesting to work with a team remotely on a common goal (as project one was mostly on one's own) for the first time. I am still debating whether interpersonal communication, technical knowledge or organizational skill is most important when choosing a leader.

Organizational skill seems like it may be best for leader, as knowledge gaps can be filled by others and the communications may even be situated between the organizer and the knowledge base.

As a team questions are overcome quicker and the methods we created were, with confidence, much better designed than had any of us done it on our own.
bind mount and volume
Published: 2023-11-01 10:25:22

Bind mounts and volumes are both used in Docker to share data between the host machine and the container. However, there are some differences between the two: Bind Mounts:

-     Bind mounts allow you to mount a file or directory on the host machine into a container.
-     Bind mounts can be read-write or read-only.
-     Bind mounts can be used to share data between the host machine and the container.
-     Bind mounts can be used to share data between containers.
-     Bind mounts can be used to access host level resources.

Volumes:

-     Volumes are managed by Docker and are created and managed by Docker commands.
-     Volumes can be used to persist data.
-     Volumes can be shared between containers.
-     Volumes can be backed up and restored.
-     Volumes can be used to improve performance.

In summary, bind mounts are used to share data between the host machine and the container, while volumes are used to persist data and improve performance. Both bind mounts and volumes have their own use cases and can be used together to achieve the desired outcome.
project 2
Published: 2023-11-01 10:24:49

It was interesting to work with a team remotely on a common goal (as project one was mostly on one's own) for the first time. I am still debating whether interpersonal communication, technical knowledge or organizational skill is most important when choosing a leader.

Organizational skill seems like it may be best for leader, as knowledge gaps can be filled by others and the communications may even be situated between the organizer and the knowledge base.

As a team questions are overcome quicker and the methods we created were, with confidence, much better designed than had any of us done it on our own.
Project two
Published: 2023-11-01 10:21:31

It was interesting to work with a team remotely on a common goal (as project one was mostly on one's own) for the first time. I am still debating whether interpersonal communication, technical knowledge or organizational skill is most important when choosing a leader.

  Organizational skill seems like it may be best for leader, as knowledge gaps can be filled by others and the communications may even be situated between the organizer and the knowledge base.

   As a team questions are overcome quicker and the methods we created were, with confidence, much better designed than had any of us done it on our own.