teleren/devto huggingface dataset:
All you need to know about Apollo-Angular Queries
Tags: apollo, angular, graphql, query
Published: 2024-01-19 07:25:20

Simplifying Data Fetching in Angular Applications

Introduction:
With Apollo Angular, you can build UI components that fetch data with GraphQL. It is a flexible, community-driven GraphQL client for Angular. You can get the most value out of Apollo Client by integrating it with one of its view layer integrations.
It is designed from the ground up to make it easy to build UI components that fetch data with GraphQL.

The Angular Toolbox
Apollo is designed to work with all this tools:
Angular Schematics: Apollo Angular supports 

```
ng-add
```
 and 

```
ng-update
```
NativeScript: Apollo works well out of the box in NativeScript.
Angular Router:
Ionic

Installation:-
1. The best way to get Apollo Angular is by running this command on your terminal.

```
ng add apollo-angular 
```
2. Another thing is to set the URL of your GraphQL Server, open src/app/graphql.module.ts and set uri variables-

`src/app/graphql.module.ts`

```
const uri = 'https://48p1r2roz4.sse.codesandbox.io';
```
You can also install without using Angular Schematics by using this commands on your terminal

```
npm i apollo-angular @apollo/client graphql
```

**<u>Queries</u>**
Query simply means retrieving data and or Information from the database
In Apollo Angular we simply need to parse our query into a GraphQL document using the `gql` tag from `apollo-angular` library using the `Apollo.watchQuery` method

Example:

```
import { Apollo, gql } from 'apollo-angular';
import { Subscription } from 'rxjs';
import { Component, OnDestroy, OnInit } from '@angular/core';
 
// We use the gql tag to parse our query string into a query document
const GET_POSTS = gql`
  query GetPosts {
    posts {
      id
      title
    }
  }
`;
 
@Component({
  // ...
})
class PostsComponent implements OnInit, OnDestroy {
  loading: boolean;
  posts: any;
 
  private querySubscription: Subscription;
 
  constructor(private apollo: Apollo) {}
 
  ngOnInit() {
    this.querySubscription = this.apollo
      .watchQuery<any>({
        query: GET_POSTS,
      })
      .valueChanges.subscribe(({ data, loading }) => {
        this.loading = loading;
        this.posts = data.posts;
      });
  }
 
  ngOnDestroy() {
    this.querySubscription.unsubscribe();
  }
}
```
As a result of the `watchQuery` method, we get a `QueryRef` object with a `valueChanges` property.
Kubernetes Affinity Basics
Tags: kubernetes, devops, beginners, aws
Published: 2024-01-19 07:23:59

In Kubernetes, affinity is like a set of rules that decide where your pods go. Think of pods as small units of your app. There are two types: 

- **_Node Affinity:_** Decides where to put pods.
- **_Pod Affinity:_** Decides where to group pods together.
These rules help you control how pods are placed based on specific conditions.

## **_Node Affinity VS Pod Affinity_**

**_Node Affinity_**

**_RequiredDuringSchedulingIgnoredDuringExecution:_** Pods must follow these rules to be scheduled on a node. If the rules are not met, the pod won't be placed on that node. But once scheduled, the pod won't be moved even if the rules are broken.

_**PreferredDuringSchedulingIgnoredDuringExecution:**_ These rules are preferred, but not mandatory. The scheduler will try to follow them, but if it can't, the pod might still be placed on a node that breaks the rules.

Here's an example of a node affinity rule that requires a pod to be scheduled on a node with a specific label. Think of node affinity like choosing where your pod should live.
![node-affinity](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0j8ou5pr840xwe8p1yg4.png)

**Pod Affinity**

**_RequiredDuringSchedulingIgnoredDuringExecution:_** Similar to node affinity, but it's about pods wanting to be on the same node as other pods. Rules must be satisfied for the pods to be scheduled together on a node.

_**PreferredDuringSchedulingIgnoredDuringExecution:**_ Similar to preferred node affinity, but at the pod level.

Here's an illustration of a pod affinity guideline below
![pod-affinity](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f3q0yufdbp5tkfe46q6x.png)

## Conclusion
Affinity rules in Kubernetes use labels (key-value pairs) to guide where pods should be placed in the cluster. By setting these rules, you enhance efficiency and performance, essentially telling Kubernetes where you prefer your pods to be based on the labels you've defined. This optimization helps in better resource utilization, improves performance, and ensures that related pods share the same nodes for efficient communication. For more details, check out the [official documentation](https://kubernetes.io/docs/concepts/scheduling-eviction/assign-pod-node/#inter-pod-affinity-and-anti-affinity). It's a powerful tool for managing workload placement in Kubernetes.
Understanding Action and Func Delegates in C#
Tags: csharp
Published: 2024-01-19 07:21:16

In C#, delegates are powerful constructs that allow us to encapsulate and pass around methods like any other object. Two popular delegate types in C# are the `Action` and `Func` delegates, which provide a way to define and call methods with a specified number and types of parameters.

The `Action` delegate is a generic delegate type that represents a method that doesn't return a value. It can have up to 16 input parameters of any type. This delegate is often used for methods that perform some action or side effect, such as updating a UI element or logging a message. Here's an example that demonstrates the usage of the `Action` delegate:

```csharp
public class Printer
{
    public static void PrintMessage(string message)
    {
        Console.WriteLine(message);
    }
}

public static void Main(string[] args)
{
    Action<string> printAction = Printer.PrintMessage; // Assigning the method to the Action delegate
    printAction("Hello, world!"); // Calling the method using the delegate

    // Alternatively, you can use lambda expressions to define the method inline
    Action<string> printAction2 = (message) => Console.WriteLine(message);
    printAction2("Hello, world!");
}
```

In the above example, we define a simple `Printer` class with a static method `PrintMessage`, which takes a string parameter and prints it to the console. We then create an `Action<string>` delegate named `printAction` and assign the `PrintMessage` method to it. Finally, we call the method by invoking the delegate with the necessary arguments.

The `Func` delegate, on the other hand, represents a method that takes input parameters and returns a value of a specified type. Like `Action`, it can have up to 16 input parameters, but the last type parameter specifies the return type. Here's an example showcasing the usage of the `Func` delegate:

```csharp
public static int Multiply(int x, int y)
{
    return x * y;
}

public static void Main(string[] args)
{
    Func<int, int, int> multiplyFunc = Multiply; // Assigning the method to the Func delegate
    int result = multiplyFunc(2, 3); // Calling the method using the delegate
    Console.WriteLine(result);

    // Alternatively, you can use lambda expressions to define the method inline
    Func<int, int, int> multiplyFunc2 = (a, b) => a * b;
    int result2 = multiplyFunc2(2, 3);
    Console.WriteLine(result2);
}
```

In the above example, we define a simple method `Multiply` that takes two integers as parameters and returns their product. We then create a `Func<int, int, int>` delegate named `multiplyFunc` and assign the `Multiply` method to it. Finally, we call the method by invoking the delegate and print the result to the console.

Both `Action` and `Func` delegates greatly enhance the flexibility and reusability of our code. They allow us to pass methods as arguments to other methods, define and execute methods dynamically, and even create complex compositions of methods. By understanding and leveraging these powerful delegates, we can write more concise and expressive code in C#.
Ontop88 | Nhà cái uy tín số 1 ĐK nhận ngay 188K
Published: 2024-01-19 07:12:03

Ontop88 là lựa chọn được nhiều người chọn gửi gắm niềm tin của mình khi tham giá cá cược trực tuyến. Được các chuyên gia đánh giá cao về dịch vụ mà Ontop88 mang lại cho người chơi. Tự hào rằng Ontop88 là trang game cá cược đỉnh cao, hấp dẫn, vô cùng thu hút. Uy tín, minh bạch giúp cho trang game này càng ngày càng có vị thế trong thị trường game.Anh em có thể tải app hoặc chơi trực tiếp qua đường link Ontop88.com.co. để có những phút giây giải trí thư giãn. Mọi thắc mắc hãy liên hệ với chúng tôi để được giải đáp nhanh chóng. 
Brand: Ontop88
Address: 857 Đ. Trường Chinh, Tây Thạnh, Tân Phú, Thành phố Hồ Chí Minh 100000, Việt Nam
Post Code: 72009
Phone: (+63) 967 118 6450
Website: https://ontop88.com.co/
Email: ontop88comco@gmail.com 
#ontop88comco #ontop88 #nhacaiontop88 #dangkyontop88 #appontop88 #ontop88ontop88vn
#ontop88dangkyontop88vn
 
Social Links:

https://www.facebook.com/ontop88comco/

https://twitter.com/ontop88comco

https://www.pinterest.com/ontop88comco/

https://500px.com/p/ontop88comco?view=photos

https://www.flickr.com/people/ontop88comco/

https://www.youtube.com/channel/UClpMCZL2Ebjsf-CbzKeGK1w

https://www.blogger.com/profile/06572594070634496166

https://ontop88comco.blogspot.com/

https://www.tumblr.com/ontop88comco

https://www.twitch.tv/ontop88comco/about

https://profile.hatena.ne.jp/ontop88comco/profile

https://issuu.com/ontop88comco

https://www.liveinternet.ru/users/ontop88comco/

https://dribbble.com/ontop88comco/about

https://about.me/ontop88comco/

https://www.deviantart.com/ontop88comco

https://ko-fi.com/ontop88comco

https://www.provenexpert.com/ontop88-comco/

https://hub.docker.com/u/ontop88comco

https://independent.academia.edu/Ontop88comco
How Dynamics 365 Helps in Streamlining Operations
Published: 2024-01-19 06:33:26

Real estate professionals face numerous operational challenges, such as managing multiple listings, coordinating appointments, tracking leads, and maintaining client relationships. Dynamics 365 for Real Estate offers a wide range of tools and features to streamline these operations and ensure success in the industry.

Firstly, the platform's intuitive customer relationship management (CRM) capabilities provide a centralized view of all client interactions. This allows professionals to easily track leads, manage appointments, and store important documents, ensuring that no detail is overlooked. By having a comprehensive view of clients, real estate professionals can nurture relationships, provide personalized experiences, and ultimately close more deals.

Furthermore, the automation of workflows is a game-changer for real estate professionals. By configuring the system to automate routine tasks, such as sending notifications or generating reports, professionals can save valuable time and reduce the risk of human error. This allows them to focus on activities that add value, such as networking, building relationships, and closing deals.

Dynamics 365 for Real Estate also provides powerful analytics and reporting tools. Real-time data insights enable professionals to make data-driven decisions, identify trends, and adapt their strategies accordingly. By staying ahead of market fluctuations, professionals can position themselves as industry leaders and deliver unparalleled value to their clients.

Moreover, the seamless integration with other Microsoft products, such as Outlook and SharePoint, enhances collaboration and communication within the team and with clients. This ensures a smooth and efficient workflow, leading to increased productivity and client satisfaction.

In conclusion, [Dynamics 365 for Real Estate](https://dnetsoft.com/property-management-software-dynamics-365) offers a comprehensive solution to streamline operations and enhance productivity in the real estate industry. By leveraging its CRM capabilities, workflow automation, analytics tools, and seamless integration with other Microsoft products, professionals can optimize their processes and achieve success in the competitive real estate market.
Microsoft Power Platform Online Training in Ameerpet - Visualpath
Published: 2024-01-19 06:32:27

How to Utilize PowerApps to Create Pop-Up Implementations
PowerApps is a Microsoft platform that allows you to create custom business apps without writing code. Creating pop-up implementations in PowerApps involves using screens, forms, and controls to display information or collect user input in a modal-like window. Here's a step-by-step guide on how to create pop-ups in PowerApps
Power Apps and Power Automate Training
 
Create a new PowerApp:
Open PowerApps (either through the PowerApps Studio or the PowerApps web portal).
Click on "Canvas App" and select "Phone" or "Tablet," depending on your target device.
Add a screen for the pop-up:
In the left pane, click on "Screens" and add a new screen (e.g., "PopupScreen").
Design this screen as your pop-up by adjusting its size, background, and other properties.                                        - Microsoft Power Apps Online Training
Add controls to the pop-up screen:
Add the necessary controls (text input, labels, buttons, etc.) to the pop-up screen. These will be used for user interaction.
Adjust the properties of the controls based on your requirements.
Set the pop-up screen properties:
Set the Visible property of the pop-up screen to control when it appears. You can use variables or other controls to trigger the visibility.
Create a button or trigger for the pop-up:
On your main screen, create a button or any control that will trigger the pop-up.
Add an action to the control's OnSelect property to make the pop-up screen visible.                                                                    - Microsoft Power Apps Course    
Handle data and actions in the pop-up:
Connect controls in the pop-up screen to your data source or variables.
Implement actions based on user interactions (e.g., saving data, and closing the pop-up).
Close the pop-up:
Add a button or control inside the pop-up to close it.
Set the OnSelect property of the close button to hide the pop-up. 
Testing:
Preview your app and test the pop-up functionality.
Ensure that data is handled correctly, and the pop-up appears and disappears as expected.                                                               - Power Apps Online Training
Refinement:
Adjust the design, layout, and behavior based on user feedback and testing results.
Enhance the user experience by adding animations or other visual elements.
Publish your app:
Once satisfied with the pop-up implementation, publish your app to make it available for end-users.
Remember to refer to PowerApps documentation and community resources for more specific guidance and best practices as the platform evolves.
Visualpath is the Leading and Best Software Online Training Institute in Ameerpet, Hyderabad. Avail complete job-oriented Microsoft Power Platform Online Training by simply enrolling in our institute in Ameerpet, Hyderabad. You will get the best course at an affordable cost.
Attend Free Demo
Call on - +91-9989971070.
WhatsApp:   https://www.whatsapp.com/catalog/919989971070
Visit: https://visualpath.in/microsoft-powerapps-training.html
Nonton Anime Sub Indo Terbaru di Animeindo
Published: 2024-01-19 06:18:04

AnimeIndo merupakan salah satu platform streaming anime yang telah berhasil mencuri perhatian penggemar anime di Indonesia. Dengan koleksi yang luas dan aksesibilitas yang mudah, AnimeIndo telah menjadi tempat favorit bagi banyak pecinta anime untuk menikmati berbagai judul anime terbaru dan klasik. Artikel ini akan membahas lebih dalam tentang AnimeIndo, sejarahnya, fitur-fitur utamanya, serta dampaknya dalam mempopulerkan anime di Indonesia.

AnimeIndo

AnimeIndo didirikan dengan tujuan memberikan akses mudah dan cepat kepada penggemar anime di Indonesia. Diluncurkan pada tahun [tahun peluncuran], platform ini segera mendapatkan perhatian karena tawaran kontennya yang beragam. Sejak saat itu, AnimeIndo terus berkembang, menghadirkan pengalaman menonton anime yang memuaskan bagi jutaan pengguna setiap bulannya.

Koleksi Anime

Salah satu daya tarik utama [Animeindo](https://animeindo.tel/) adalah koleksi anime yang beragam. Pengguna dapat menemukan berbagai genre, mulai dari action, adventure, romance, fantasy, hingga slice of life. Platform ini juga menyajikan anime terbaru secepat mungkin setelah dirilis di Jepang, memastikan bahwa penggemar di Indonesia tidak ketinggalan untuk menikmati serunya setiap episode.

Fitur-Fitur Utama

AnimeIndo menyajikan berbagai fitur yang meningkatkan pengalaman menonton anime, seperti:

- Subtitle Bahasa Indonesia: Semua anime di AnimeIndo dilengkapi dengan subtitle Bahasa Indonesia, memudahkan pemirsa untuk memahami alur cerita dan dialog.
- Kualitas Video: Pengguna dapat memilih resolusi video sesuai dengan preferensi dan koneksi internet mereka, mulai dari SD hingga HD.
- Kategori dan Tagging: Anime di AnimeIndo dikelompokkan ke dalam kategori dan di-tag dengan genre tertentu, mempermudah pengguna untuk menemukan anime sesuai minat mereka.

AnimeIndo telah menjadi bagian integral dari kehidupan penggemar anime di Indonesia. Dengan menyediakan akses mudah, beragam konten, dan fitur-fitur yang memanjakan pengguna, platform ini terus meraih popularitas yang tinggi. Meskipun dihadapkan dengan tantangan tertentu, AnimeIndo tetap menjadi destinasi utama bagi mereka yang ingin menikmati dunia anime dengan cara yang lebih praktis dan terjangkau.
TIL — How to exclude elements from being shown in Google Search results
Tags: html, seo
Published: 2024-01-19 06:14:02

---
title: TIL — How to exclude elements from being shown in Google Search results
published: true
description: Use data-nosnippet to signal Google Search not to show elements as a snippet.
tags: html, seo
canonical_url: https://www.stefanjudis.com/today-i-learned/how-to-exclude-elements-from-being-shown-in-google-search-results/
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2023-12-06 04:00 +0000
---

Let's look at what happens when I google myself.

![Developer, writer and speaker | Stefan Judis Web Development — Heyooo, I'm Stefan! I write and speak about web stuff. · New on the blog · My Weekly Newsetter · Most popular in the last 30 days · Hacker News Hits.](https://images.ctfassets.net/f20lfrunubsq/33jyg4GdWdfFqpMbYOxo5J/48dcbbf14017688bd9250a717420ed18/Screenshot_2024-01-18_at_17.45.26.png)

Of course, I know how my site is structured, and I can tell that Google displays my site's title and the description includes some of the root page's headlines. The description is not the worst, but it certainly could be better. 

Is there a way to exclude elements from being shown in the Google snippet?

Today I learned that there is! And the solution is based on an HTML data attribute: `data-nosnippet`. Here's the example snippet from [the Google Search Central docs](https://developers.google.com/search/docs/crawling-indexing/robots-meta-tag#data-nosnippet-attr):

```html
<p>This text can be shown in a snippet
<span data-nosnippet>and this part would not be shown</span>.</p>

<div data-nosnippet>not in snippet</div>
<div data-nosnippet="true">also not in snippet</div>
<div data-nosnippet="false">also not in snippet</div>
```

`data-nosnippet` works on `div`, `span` and `section` elements, and it doesn't care what value you'll give it. `data-nosnippet="true"` and `data-nosnippet="false"` have the same result — signaling that this element shouldn't pop up in the Google Search results. Nice!

If you're unhappy with the search results, add some juicy data attributes now. But remember to trigger a reindex in the Search Console. Otherwise, it might take a while until your changes have an effect.
Nutrizen Keto ACV Gummies Reviews: {How to Work?} A Tasty Approach to Health and Weight Management
Tags: webdev, javascript, beginners, programming
Published: 2024-01-19 06:07:04

In the ever-evolving world of health and nutrition, finding effective and convenient solutions to support overall wellness is a common pursuit. One product that has recently gained attention is Nutrizen Keto ACV Gummies, a unique blend of apple cider vinegar (ACV) and ketogenic support in a tasty gummy form. In this comprehensive guide, we'll delve into the key ingredients, potential benefits, user experiences, and considerations associated with Nutrizen Keto ACV Gummies.

The Power of Ingredients

Apple Cider Vinegar (ACV):
At the core of Nutrizen Keto ACV Gummies is apple cider vinegar, a well-known and widely used ingredient in the health and wellness community. ACV is derived from fermented apple juice and is renowned for its potential health benefits. The acetic acid in ACV is believed to aid in weight management by promoting a feeling of fullness and supporting digestion. Additionally, ACV has been associated with blood sugar control and improved heart health.

Beta-Hydroxybutyrate (BHB) Ketones:
Nutrizen Keto ACV Gummies go beyond traditional ACV supplements by incorporating BHB ketones. BHB is a ketone body produced by the liver during periods of fasting or low-carbohydrate intake. In the context of a ketogenic diet, BHB supplementation is thought to enhance the state of ketosis, a metabolic state where the body utilizes fat for energy, potentially leading to increased fat burning and weight loss.

Medium-Chain Triglycerides (MCTs):
Another key player in Nutrizen Keto ACV Gummies is medium-chain triglycerides (MCTs). These are easily digestible fats that are quickly converted into energy by the body. MCTs have been associated with increased satiety, improved cognitive function, and may contribute to weight management. The inclusion of MCTs adds a valuable dimension to the gummies, supporting those on a ketogenic journey.

Direct Buy: https://newsofdesk.com/Nutrizen
Visit Official Site: https://www.mid-day.com/lifestyle/infotainment/article/nutrizen-keto-acv-gummies-reviews-2024-cost-alert-customer-reports-on-nutrizen-23330266
Pinterest: https://www.pinterest.com/nutrizenketoacvgummies/
Tumblr: https://www.tumblr.com/nutrizenketoacvg
Twitter: https://twitter.com/Nutrizenketoacv
Linkedin: https://www.linkedin.com/feed/update/urn:li:linkedInArticle:7153324017599303680/
Blog: https://patch.com/new-york/chelsea-ny/calendar/event/20240131/1b5c036d-170f-4d81-8b56-7aa251ddf4f4/nutrizen-keto-acv-gummies-reviews-how-to-work-a-tasty-approach-to-health-and-weight-management
Blog: https://fixr.co/event/nutrizen-keto-acv-gummies-tickets-71692645?preview=NzE2OTI2NDU:1rQ08r:XOZIZ5Lhcm_FDDi2ZcJoO-13NE5ekhubi3DtO9N9HX4
Blog: https://www.lawfully.com/community/posts/nutrizen-keto-acv-gummies-reviews-how-to-work-a-tasty-approach-to-health-and-weight-management-yoDhSlI5HOIhDLy3-rQ-1A%3D%3D
Base CSS for your text-based pages
Tags: css
Published: 2024-01-19 03:53:00

---
title: Base CSS for your text-based pages
published: true
description: Sometimes the defaults your web browser gives you aren't very cute. Here's a lil snippet I use to fix that.
tags: css
published_at: 2024-01-19 03:53 +0000
canonical_url: https://blog.cassidoo.co/post/base-css/
---

If you don't want to deal with styling a mostly text-based HTML document, plop these lines in and it'll look good:

```css
html {
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 1.3em;
  max-width: 40rem;
  padding: 2rem;
  margin: auto;
  line-height: 1.5rem;
}
```

I use this for a bunch of projects where I just need some plain ol' styling that is better than the defaults (and that I can easily add to), like [AI Ipsum](https://ai-ipsum.app/) and [W-9 Crafter](https://github.com/cassidoo/w9-crafter).

You can save [cass.run/basecss](https://cass.run/basecss) if you want a quick link to the snippet, and here's a little demo of what it looks like: 

{% codepen https://codepen.io/cassidoo/pen/YzgVYWV/ %}