teleren/devto huggingface dataset:
Episode 24/04: .ng & .analog, DDD with Manfred Steyer, Angular Query Tomasz Ducin
Tags: webdev, javascript, programming, angular
Published: 2024-01-29 20:54:28

Analog's ng file format got renamed after some discrepancies in the community. Jeremy Elbourn was guest at the AngularAir podcast. Manfred Steyer published an article on DDD, and Tomasz Ducin on Angular Query.

{% embed https://youtu.be/kSuZKPdwB9k %}

## .ng to .analog

The ng file format from the Analog project, which is a meta-framework to Angular, is no more. In short, the ng File is an alternative component/authoring format that focuses on the template part and is functional-based.

Why no more? Introducing a new feature from the community always differs from when it would come from Angular itself.

The ng file caused quite some friction, especially if the future should be functional or stay class-based.

Another element that caused some of the main points of confusion was the term "ng" itself. Some people understood that it might become part of the Angular framework itself.

Changing names instead of concepts is easy. That's why the Analog team removed the support for *.ng files and re-introduced them as *.analog format.

{% embed https://github.com/analogjs/analog/pull/869 %}

{% embed https://github.com/analogjs/analog/pull/870 %}

{% embed https://www.spreaker.com/episode/a-show-s6-e21-could-ng-be-the-new-authoring-format-for-angular-brandon-roberts-chau-tran--58425729 %}

## Jeremy Elbourn at AngularAir

Jeremy Elbourn, Angular tech lead, was guest at the Angular Air Podcast. He doesn't see performance improvements or zoneless applications as the main benefit of Signals. To Jeremy, it is the better developer experience.

From his perspective, it would also make sense to un-deprecate ng-deep, a special CSS selector, and bring it back under a different name like ng-global.

{% embed https://www.youtube.com/live/bVBH5vicUro?si=-VJI1T-8V0v7HO3u %}

## Manfred Steyer on DDD

Manfred Steyer wrote an article about domain-driven design. He gave a historical overview and explained that DDD is not just about design patterns or functional vs. object-oriented programming.

We should see more the strategical aspect where, for example, the ubiquitous language plays a central part.

His article references many links to books, articles, and talks.

{% embed https://www.angulararchitects.io/en/blog/the-core-of-domain-driven-design/ %}

## Tomasz Ducin on Angular Query

Tomasz Ducin published an article about Angular Query, which is also known as Tan Query. According to Tomas, it is a state-management library specifically designed to synchronize data with the backend. He explained the mental model behind it and its core concepts.

Angular Query is still in its early phases, and Thomas announced already that we can expect more article from him about this topic.

{% embed https://ducin.dev/angular-query-core-concepts %}
DownlaodGram
Tags: telegram, instagram, downlaoder, php
Published: 2024-01-29 20:40:44

It is a telegram bot written in PHP.
When a reels video link is posted in chat groups, it allows the video to be downloaded and sent to the group.
additional features show top 5 comments and some statistics.
Github Link: [https://github.com/suphiyasin/DownloadGram](https://github.com/suphiyasin/DownloadGram)

Bot Link: [@downloadgram_bot](https://t.me/downloadgram_bot)
Laravel - Setup Expo Push Notifications
Tags: laravel, expo, php, reactnative
Published: 2024-01-29 20:31:13


Hey there, fellow developers! Today, I'll guide you through each step on how to make your Laravel app send Expo push notifications. I'll break it down into simple, easy-to-understand explanations. Let's make your app shout out with Expo push notifications! 

In this example I will use the following package:
[https://github.com/Alymosul/laravel-exponent-push-notifications](url)

Before we begin, make sure you've got Laravel installed and know a bit about notifications in Laravel. Also, have a working React or React Native app ready to roll. 

- Install package:

```
composer require alymosul/laravel-exponent-push-notifications
```

- In your `.env` file add this variables:

```php
EXPONENT_PUSH_NOTIFICATION_INTERESTS_STORAGE_DRIVER=database
EXPONENT_PUSH_NOTIFICATION_DEBUG=true
```

- Next, step is to publish the migration files:

```php
php artisan vendor:publish --provider="NotificationChannels\ExpoPushNotifications\ExpoPushNotificationsServiceProvider" --tag="migrations"
```
- Run the migrations:

```php
php artisan migrate
```

- This step is optional, you may use it if you want to customize the configuration 

```php
php artisan vendor:publish --provider="NotificationChannels\ExpoPushNotifications\ExpoPushNotificationsServiceProvider" --tag="config"
```

- Add following lines in your `routes/api.php` file:

```php
Route::group(['prefix' => 'api/exponent/devices', 'middleware' => 'expo.middleware'], function () {
    Route::post('subscribe', [
        'as'    =>  'register-interest',
        'uses'  =>  'NotificationChannels\ExpoPushNotifications\Http\ExpoController@subscribe',
    ]);

    Route::post('unsubscribe', [
        'as'    =>  'remove-interest',
        'uses'  =>  'NotificationChannels\ExpoPushNotifications\Http\ExpoController@unsubscribe',
    ]);
});
```
Feel free to change things up as per your requirements

- Create notification class:

```
php artisan make:notification ExpoNotification
```
- In your notification class you will need to add following lines of code:

```php
 public function via($notifiable)
    {
        return [ExpoChannel::class];
    }

    public function toExpoPush($notifiable)
    {
        return ExpoMessage::create()
            ->badge(1)
            ->enableSound()
            ->title("Congratulations!")
            ->body("Your {$notifiable->service} account was approved!");
    }
```
- In order to send notification:

```php
$user->notify(new ExpoNotification());
```

Just a heads up – feel free to change any initial files as you see fit. The migration files set up a new table with two columns: key and value. When a user logs into the app, you'll need to use the subscribe API with the expo_token in the body. And when a user logs out, just use the unsubscribe API. Keep it simple and make it work for you!

```json
{
    "expo_token" : "the value of your token"
}
```

This article shows you how to integrate Expo push notifications into your Laravel app. I hope you find this guide helpful! 🚀📲
Restrict GitHub branches to specific prefixes
Tags: github, security, policy
Published: 2024-01-29 20:10:12

---
title: Restrict GitHub branches to specific prefixes
published: true
date: 2024-01-29 20:06:53 UTC
tags: GitHub,Security,Policy
canonical_url: https://jessehouwing.net/restrict-github-branches-to-specific-prefixes/
cover_image: https://jessehouwing.net/content/images/2024/01/41676702320_657e3b299d_k.jpg
---
Many people follow some kind of naming format for their branches. Be it because they're using GitHub Flow or Git Flow or because they've created their own meaningful naming patterns.

With the new Rulesets you can enforce branches with specific patterns. It was a bit confusing to me at first, because I had to think in inverse to make this rule work.

The trick here is to create a rule that restricts the creation of any branch `**`, then selectively excludes prefixes from this restriction:

Include pattern:

- `**`

Exclude pattern:

- `fix/**/*`
- `release/**/*`
- `main`

Then turn on ✅ **Restrict creations.**

![Restrict GitHub branches to specific prefixes](https://jessehouwing.net/content/images/2024/01/image.png)

In case you need specific GitHub apps (such as Dependabot and Renovate or Azure Pipelines) to create arbitrary branch names, you can exclude them from the policy:

![Restrict GitHub branches to specific prefixes](https://jessehouwing.net/content/images/2024/01/image-1.png)

Cover photo by Marco Verch: [Train Light Signal](https://www.flickr.com/photos/30478819@N08/41676702320), used under Creative Commons
‎️‍🔥Stunning Responsive Open-source Developer Portfolio Using React.js
Tags: portfolio, nextjs, webdev, react
Published: 2024-01-29 20:02:28

Hi there! Are you a developer who is looking for the perfect open-source portfolio to showcase your projects? Look no further! This article will introduce you to my awesome responsive open-source developer portfolio bootstrapped with `create-t3-app`, which uses Next.js, React.js, TailwindCSS, and TypeScript.

[GitHub repository](https://github.com/wendoj/portfolio)
[Live preview](https://github.com/wendoj/portfolio)


![Hero section](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cph7lx8fi8xxe37prnvd.png)
![Services](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iwzui4ql4iofyk2js29o.png)

## Introduction
As a web developer, having an impressive online portfolio is crucial to showcase your skills and experience. It serves as a virtual resume, giving potential employers or clients an insight into your past projects and abilities. Creating a portfolio website from scratch can be time-consuming, so why not use an open-source solution? My portfolio is available for free on GitHub, allowing you to easily customize it to fit your needs. 
Features

My portfolio has a clean and modern design, with a focus on responsiveness. It adapts seamlessly to different screen sizes, ensuring that your projects look great on any device. It also includes a dark mode option for those who prefer a more eye-friendly interface. 

The portfolio is built using React.js, a popular JavaScript library for building user interfaces. This makes it highly customizable and easy to maintain. It also uses other modern web development technologies such as CSS Grid and Flexbox, ensuring optimal performance and compatibility. 

Other features include a project showcase section, where you can highlight your best projects with images and descriptions. There is also an about me section, where you can introduce yourself and provide links to your social media profiles or blog. The portfolio also includes contact information, making it easy for potential clients or employers to get in touch with you. 

## Getting Started
To use my portfolio, simply fork the repository on GitHub and follow the instructions in the README.md file. You will need basic knowledge of React.js and web development to customize it to your liking. 

## Conclusion
In conclusion, having an impressive online portfolio is crucial for developers looking to attract clients or employers. My open-source developer portfolio is a great option for showcasing your projects and skills. Don't forget to give it a star on GitHub if you find it useful! Happy coding!  So, I hope this article has convinced you to give my open-source portfolio a try for your own website development needs. Whether you're just starting out in the web development world or have been in the industry for years, having a professional and sleek portfolio is essential.
You have a brilliant product idea and want to go to market ASAP. Can you do it?
Published: 2024-01-29 19:56:26

This conversation discusses the process of building a new restaurant or software solution and highlights the importance of using APIs to accelerate development. The speaker emphasizes that while some aspects of a project may be unique, many components are common and can be efficiently implemented using existing tools. The conversation also emphasizes the need for quick feedback and iteration to ensure success. Snowpal APIs are introduced as a solution to streamline development and provide ready-to-use backend services. The conversation concludes by using food as a generic example to illustrate the concepts discussed.

## Takeaways

- Using APIs can significantly speed up the development process for new restaurants or software solutions.
- While some aspects of a project may be unique, many components are common and can be implemented using existing tools.
- Quick feedback from customers is essential for iterating and improving a product.
- Snowpal APIs offer ready-to-use backend services to accelerate development and provide flexibility.

## Chapters

00:00 Introduction and the Idea

02:02 The Process of Building

03:33 APIs as Tools for Faster Development

06:24 Unique Problems vs. Common Components

08:06 Productivity and Feedback

09:14 Using Snowpal APIs

11:14 Food as a Generic Example

## Video

{% embed https://www.youtube.com/watch?v=KONvm8VY_tg %}

## Transcript

https://products.snowpal.com/api/v1/file/0d29c6ea-ff68-4619-aec4-c08752d033fd.pdf
Your own Certificate Authority (CA) in ONE simple command
Tags: ssl, tls, https, openssl
Published: 2024-01-29 19:56:18

You can find many instructions how to make certificates with OpenSSL. OpenSSL is very good except... it's too complex. 

[Showcert](https://github.com/yaroslaff/showcert) is OpenSSL for humans, much simpler to use and it has `gencert` utility to generate certificates. Very easy.

## Generate self-signed cert with simple command

```
gencert example.com www.example.com
```

This will make self-signed cert. Easy, isn't it?

## Your own CA
Generate CA certificate (1 command):

```
gencert --ca MyCA
```

Thats all! Now, you can import generated `MyCA.pem` file to browsers and generate signed certificates for sites:

```
gencert --cacert MyCA.pem --cakey MyCA.key example.com
```

What could be simpler?

Install [showcert](https://github.com/yaroslaff/showcert) and play for yourself.
Pagination in laravel..
Published: 2024-01-29 19:32:38

Here we have lots of data to show then it's tough to show all those in one page so dividing the records in many pages is called pagination. Pagination is the setting of the query's "limit" and "offset" based on current pages. Laravel delete the value automatically and the value inserted into links generated by the paginator. The number of arguments passed to the method is the number of items we want to be displayed in per page.

1.In controller page $products=Product::orderBy('id','desc')->paginate(10); instead of "->get()" we have to write "->paginate()". 10 products will display in one page.

2."Provider" "AppServiceProvider" we have to use "pagination\paginator" after declaration  
public function boot()
    {
        Paginator::useBootstrap();
    } 

3.In view page where we show the output  
        <div class="pagination">
            {!! $products->links() !!}
        </div> 


_simple pagination_

Before retrieving the records from DB The method counts the total number of records which are matched by the query.If we want to display only "Next" and "Previous" links in application then we use "simplePaginate".

_Paginating Eloquent Result_

We paginate "Eloquent" queries. To paginate the query builder results.
it is possible to set cause and condition after over coming other constraints/limitations. 

$users= User::where ('votes', '>', 100)->paginate(15);
We also can use the simplePaginate here. 

**How pagination works: **

limit=20 (requesting only for 20 items per page)
offset=0 (It is starting from 0 item)
let,  
  _request_             _response_     _Server-Side_
limit=20&offset=0         page 1        max limit=20 
limit=20&offset=0+20      page 2             "
limit=20&offset=40        page 3             "
limit=20&offset=60        page 4             "
limit=20&offset=80        page 5             "

pagination is always compulsory from API request, filtering is optional.
Como acessar a aplicação do VSCODE no PC !
Tags: webdev, beginners, programming, tutorial
Published: 2024-01-29 19:31:41

🚀 Dica Rápida para Desenvolvedores! 🚀

Você já quis testar sua aplicação local no seu celular, mas não sabia como? Compartilho uma dica simples para abrir o localhost no celular usando o Live Server no Visual Studio Code e o prompt de comando com o comando **ipconfig**.

💻 Passo a passo:

1 - Certifique-se de ter o **Live Server** instalado no seu VS Code.
2 - Abra sua aplicação no VS Code e clique com o botão direito no arquivo principal.
3 - Selecione "Open with Live Server".

📱✨**Agora, para acessar no celular:**

1 - No prompt de comando (**CMD**), digite **ipconfig** e pressione Enter.
2 - Encontre o IPv4 Address na lista que aparece e copie.
3 - Vá até sua aplicação aberta no **navegador do PC** e altere o **127.0.0.1** e insira o seu endereço IPV4 copiado! 
4 - No seu celular, abra qualquer navegador e digite o seu endereço  IPV4 + a porta de acesso (geralmente é **:5500**).
EX: http://192.168.0.110:5500
5 - Sua aplicação local agora está acessível no seu dispositivo móvel. 

Essa dica economiza tempo e facilita a visualização de suas criações em diferentes dispositivos.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ybylv0p7mh7m6qulkcfs.png)
mua chung Kadence WP
Tags: webdev, javascript, beginners, programming
Published: 2024-01-29 19:43:01

Kadence WP là gì?
[mua chung Kadence WP](https://www.wsovn.net/kadence-wp-full-bundle-ltd) – Tạo các trang web WordPress hiệu quả và đẹp mắt một cách dễ dàng!
Nhanh chóng khởi chạy với mẫu dành cho người mới bắt đầu và thay đổi màu sắc cũng như phông chữ chung. Tạo các trang mới với các phần sẵn sàng thả xuống từ thư viện thiết kế.
Kadence WP Tại sao bạn nên sử dụng?
Quan tâm đến hiệu suất : Tốc độ trang và hiệu suất của trang web của bạn là ưu tiên hàng đầu tại Kadence WP. Tất cả các sản phẩm của chúng tôi liên tục được tối ưu hóa cho web hiện đại.
Ưu tiên khả năng truy cập : Khả năng truy cập được tích hợp vào các sản phẩm của chúng tôi ngay từ đầu. Chúng tôi lập kế hoạch, kiểm tra và kiểm tra lại để đảm bảo rằng bạn có thể có một trang web có thể truy cập được.
Kadence WP Hỗ trợ cao cấp: Thành công của bạn là thành công của chúng tôi, vì vậy nhóm hỗ trợ của chúng tôi cố gắng hết sức để giúp đỡ. Đó là lý do tại sao nhiều khách hàng nói rằng sự hỗ trợ của chúng tôi là “điều tốt nhất họ từng nhận được”.
Thiết lập nhanh, mượt mà: Kadence WP Bắt đầu với một trang web được thiết kế đẹp mắt và tất cả những gì bạn phải làm là thay đổi văn bản. Hoặc thả vào các phần được thiết kế trước để dễ dàng xây dựng từng trang.
Mua hàng không có rủi ro: Nếu bạn không hài lòng với giao dịch mua hàng của mình, bạn có thể được hoàn tiền mà không cần thắc mắc trong vòng 30 ngày kể từ ngày mua hàng.
Sử dụng trên các trang web không giới hạn! : Đúng vậy, bạn có thể sử dụng chủ đề và plugin của chúng tôi trên bao nhiêu trang tùy thích, kể cả các trang khách hàng mà bạn quản lý.
Mua ngay tại: [https://www.wsovn.net/kadence-wp-full-bundle-ltd](https://www.wsovn.net/kadence-wp-full-bundle-ltd)
RAJAHOKI89 : Rekomendasi Link Masuk / Daftar Login Web Game Online
Tags: rajahoki89, rajahoki89login, rajahoki89daftar, linkalternatifrajahoki89
Published: 2024-01-29 19:31:40

[Rajahoki89](mubahisa.com) adalah salah satu website terbaik dan paling menarik di tahun 2024 dengan pilihan game yang menarik serta paling akurat yang pernah ada.

[Rajahoki89](topgradessay.com) webiste game online paling viral di zaman now memberika bonus dan juga promosi yang menarik.

[Rajahoki89](fullprogramfilmindir.com) Ofiicial Website Game Online the best in this season.

[Rajahoki89](rockybranchghosttown.com) Login alternatif masuk website deposit termurah 10000 saja.

[Rajahoki89](camisasfutebolbr.com) Situs main game online asyik dan menyenangkan tahun 2024.

[Rajahoki89](https://selfdefensecompany.rest) Online rtp terbaik dan paling akurat.

https://viagraxt.com
https://edaviagra.com
https://schwarznutrition.com
https://cashadvanceopd.com
https://kimcil.xyz
https://iyawebsolution.com
https://cialisvx.com
https://steadypixelz.com
https://ghanaportal.net
https://worldcocoafarmers.org
https://bintiafrica.org
https://rtprajahoki89.live
https://wijen88.shop
https://korobo.org
https://nubebein.com
https://forwardmundial.com
https://rajahoki89-rtp.live
https://rtprajahoki89.info
https://rtphoki89.info
https://cipelipampam.online
https://sawadanaoya.com
https://shivaayconsultations.com
https://wijen-88.online
https://wijen-88.site
https://wijen-88.store
https://rtpwijen88.info
https://yes248.shop
https://processpdfcodes.com
https://bestgameonline.xyz
https://datachannel.org
https://bonusbookk.com
https://collaguesupport.buzz/
Unleashing the Power of Svelte
Tags: webdev, beginners, programming, tutorial
Published: 2024-01-29 19:31:18

**Introduction**

Svelte, a relatively new player in the game, has gained significant attention for its unique approach to building web applications. In this blog post, we'll explore the key features and advantages of Svelte and why it's becoming a popular choice among developers.

**What is Svelte?**
Svelte is a free open source front end component framework and language. Svelte is a tool for building web applications. Svelte is declarative; it allows you to build an app that combines markup, styles, and behaviors.These elements are assembled  into compact, effective Javascript modules that eliminate the overhead usually connected with ui frame works. This approach results in smaller bundle sizes and improved runtime performance. 

**What is it used for?**

**Declarative Framework with Reactive Statements**
Svelte embraces a declarative paradigm, allowing developers to describe the desired outcome rather than the step-by-step process to achieve it. Reactive statements in Svelte enable automatic updates to the DOM whenever the underlying data changes. This makes the code more readable and maintainable, as developers can focus on the "what" rather than the "how."

**Why do people like Svelte so much?**

**Ease of Learning**

Svelte's simplicity is one of its strongest assets. Developers with a basic understanding of HTML, CSS, and JavaScript can quickly grasp the fundamentals of Svelte. The framework's minimalistic syntax and straightforward concepts contribute to a shorter learning curve compared to other complex frameworks.

**Code Example**
Just like in HTML, you can add a STLYE tag to your component. Let's add some styles to the Paragraph element.

```
<p>This is a paragraph.</p>

<style>
	p {
		color: Blue;
		font-family: 'monospaced', cursive;
		font-size: 4em;
	}
</style>
```
 These rules are scoped to the component. You won't accidentally change the style of Paragraph elements elsewhere in your app.

**Conclusion**

 Svelte's innovative approach to web development, coupled with its simplicity and performance benefits, has positioned it as a compelling option for developers looking to build modern, efficient, and maintainable web applications. As the framework continues to evolve and gain popularity, it's worth keeping an eye on how Svelte shapes the future of frontend development