teleren/devto huggingface dataset:
Automating Infrastructure with Digger.dev
Tags: webdev, javascript, beginners, podcast
Published: 2022-08-24 14:19:03


Original: https://codingcat.dev/podcast/2-27-automating-infrastructure-with-digger-dev

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

## Questions

1. Tell us more about yourself and how Digger started?
2. Can you explain PaaS?
3. Is Digger Comparable to AWS Amplify?
4. Are the stacks maintained with Terraform which turns into Cloudformation?
5. It seems like much of the Stack could be serverless, but other parts will need to run full EC2 instances, how is that handled?
6. For something like Next.js where the lambda’s are to be created using their API folder, is this easily managed?
Open Sourcing Your Database with Appwrite
Tags: webdev, javascript, beginners, podcast
Published: 2022-08-24 14:14:04


Original: https://codingcat.dev/podcast/2-26-open-sourcing-your-database-with-appwrite

{% youtube https://www.youtube.com/watch?v=_D-eRuG5X7E %}

## Questions

1. Brandon can you tell us more about yourself and how you got started with appwrite?
2. Congratulations on appwrite’s [Series A Funding](https://appwrite.io/series-a)!
3. [Appwrite OSS Fund](https://dev.to/appwrite/announcing-the-appwrite-oss-fund-4ilg) how can people get involved?
4. What is the best way to describe appwrite to a frontend developer?
5. Currently there is not a SASS hosting solution for appwrite, will we see this coming soon?
6. Environment Variables and connecting other Oauth providers
7. CLI tool
Typescript Series - Array Includes Type
Tags: javascript, typescript, webdev, programming
Published: 2022-08-24 14:14:01

I'd like to start by saying that I am doing this series to learn and understand better Typescript, so feel free to correct me or contact me.

Let's create a type for the JavaScript Array.includes function in the type system. A type takes the two arguments. The output should be a boolean true or false.

The JavaScript Array.includes function looks like this:
```
const arr = ["a","b","c"]:
arr.includes("a") // true
```

And our type should should look something like this: 

```
<Includes<[1, 2, 3, 5, 6, 7], 7> // true
<Includes<[1, 2, 3, 5, 6, 7], 4> // false
```

## So what do we know?

- We know that our type should take an array and a value as inputs. 
- We should take check if the desired value exist in the array 
- After checking against every element in the array, we return a boolean accordingly. 

```
type Includes<TArray extends readonly unknown[], Value> = 
TArray extends [infer FIRST,... infer REST] ? 
Equal<Value,FIRST> extends true ? true : Includes<REST,Value> : false
```

For this type we need to the Equal utility type which checks if two inputs are equal.


`TArray extends readonly unknown[]` We first check our TArray is of type array. 

**Understanding the infer keyword**
The infer keyword can be used within a condition in a conditional type to put the inferred type into a variable. That inferred variable can then be used within the conditional branches.

`TArray extends [infer FIRST,... infer REST]` We infer the first element of the array and then rest of elements.


`Equal<Value,FIRST> extends true` We check if that first element is equal to our desired value, if so, we got it and therefore we should return true. Otherwise we recursively check again with the rest of the elements `: Includes<REST,Value>`

Lastly, if the element is not to be found in the array we return false `: false`


This one was a tough one, but we learned how The includes function works under the hood.


Thank you!

you can find me here [My Twitter] (https://twitter.com/sarmunbustillo?t=pztqXmT7DH2pa9lDLjfrdQ&s=09)
Building & Maintaining Design Systems
Tags: webdev, javascript, beginners, podcast
Published: 2022-08-24 14:09:03


Original: https://codingcat.dev/podcast/2-25-building-maintaining-design-systems

{% youtube https://www.youtube.com/watch?v=9yDPv1LGVZo %}

## Questions

1. Can you give us some of your background and how you ended up at Chromatic (Storybook)?
2. How would you describe Storybook and Chromatic and what are they used for?
3. At what point do you need a design system?
4. Who owns a design system? (Designers or developers)
5. Do most design systems still use Atomic Design?
6. How to get feedback?
7. What are the benefits of Chromatic?
  1. Zero Height sharing Stories
8. How important are Design tokens?
9. How do you maintain a design system over time?
10. Customizability
11. Possibly demo storybook if we get a chance (I can try and set this up in a coding cat branch)
12. Empathy Day!
codeTables - round-table discussions once a week!
Tags: javascript, webdev, programming
Published: 2022-08-24 14:05:00

Hi everybody, for the last few months I’ve been co-organizing a thriving community of software developers and machine learning engineers, and, while I’m seeing a lot of potential connections, I haven’t found enough of an infrastructure to get to know everybody and discuss topics.
So I’m putting together a website that groups coders into intimate round-table discussions once a week to discuss their stack, their projects, and just to connect with one another in small groups (from 2-6 people).


If you’re interested in joining our wait list, find it here (https://www.codeTables.org/)

Also, if you have feedback or questions, definitely let me know. 

Cheers!
Creating and Using Kendo UI
Tags: webdev, javascript, beginners, podcast
Published: 2022-08-24 14:04:03


Original: https://codingcat.dev/podcast/2-24-making-progress-with-kendo-ui

{% youtube https://www.youtube.com/watch?v=5_aYhhi0u60 %}

## Questions

1. Can you both give a brief introduction?
2. What does progress help with?
3. Can you explain DXP?
4. What services are supported by Progress?
5. How easy is it to get started?
6. Pricing
7. Target audience

## Additional Links

* [https://www.telerik.com/support/feedback](https://www.telerik.com/support/feedback)
* [https://www.telerik.com/kendo-react-ui/figma-design-kits/](https://www.telerik.com/kendo-react-ui/figma-design-kits/)
* [https://themebuilder.telerik.com/](https://themebuilder.telerik.com/)
I just discovered Midjourney! 🤯
Tags: discuss, ai, design
Published: 2022-08-24 14:03:00

This morning, I was browsing YouTube and stumbled upon the following video describing the AI art generator, [Midjourney](https://www.midjourney.com/home/):

{% embed https://www.youtube.com/watch?v=704brywiyfw&ab_channel=PiXimperfect %}

I've already joined the beta and have been crafting images — I could easily lose my whole day to this. 😅 

Note that the cover image for this post was generated by Midjourney. I think that's one of my favorite things about this app — I can set the aspect ratio (1000:420) so it'll fit for DEV posts!

Anyway, I'm eager to hear what y'all think about this app and this kinda tech in general! Anybody have knowledge of this space (AI art generation) and wanna talk about some of the engineering behind it? Is anyone here using Midjourney or other similar apps to generate artwork for their posts or anything else? Also, if you just wanna drop an image that you generated down in the comments below, be my guest!
Routes for Svelte with Routify
Tags: webdev, javascript, beginners, podcast
Published: 2022-08-24 13:59:03


Original: https://codingcat.dev/podcast/2-23-routes-for-svelte-with-routify

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

## Questions

1. Can you both give a brief introduction?
2. Why did you start Routify?
3. Is Routify just for Svelte?
4. What is the difference in routing between SK and Routify?
5. How does meta data differ from `svelte:head`
6. Routify 3 Public Beta
7. What are the differences between Routify 2 and 3?
8. Switching to Vite
9. How many maintainers are working on it?
10. What does Routify provide you?
Okteto-cloud - more than a free kubernetes sandbox
Tags: kubernetes, tips
Published: 2022-08-24 13:55:00

Okteto cloud is a free, online kubernetes namespace as a service (with quotas applied). It helps users to:
- get a forever free kubernetes namespace
- get the first-hand UX that okteto offers (being fully compatible with okteto cli)
- try out `Preview environments`
- deploy from your github repos
- deploy from your online/published helm charts
- inject environment variables through okteto secrets

The Developer plan (default) is a boon for day to day ad hoc kubernetes based workflows (when there are no security concerns or corporate restrictions). [Quota restrictions](https://www.okteto.com/docs/cloud/multitenancy#developer-plan) do apply, but quotas are generous

The login is through one's github credentials. For this post I have a [github repo](https://github.com/ashok-an/okteto-cloud-demo).
1. Login to [okteto cloud](https://cloud.okteto.com) with your github credentials and authorize okteto to see your github repo
[Settings] > [Integrations] > [GitHub] > [Configure GitHub]

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vo6zmoh7ywi9gh5y5fr0.png)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eryqvxpty7f55q7edl4t.png)

2. Install and configure okteto cli
```bash
❯ okteto context use https://cloud.okteto.com
Authentication will continue in your default browser
You can also open a browser and navigate to the following address:
https://cloud.okteto.com/auth/authorization-code?redirect=http%3A%2F%2F127.0.0.1%3A54114%2Fauthorization-code%2Fcallback%3Fstate%3DrLEyJ6RAGEWfybHWg7T4XRqZRJeHxKJLyalxjf0nbPY%3D&state=rLEyJ6RAGEWfybHWg7T4XRqZRJeHxKJLyalxjf0nbPY%3D
 ✓  Context 'cloud.okteto.com' created
 ✓  Using context ashok-an @ cloud.okteto.com

```
3. Create a simple manifest file
```bash
❯ cat okteto.yaml
build:
  api:
    context: .
deploy:
  - kubectl run test-pod --image=${OKTETO_BUILD_API_IMAGE} --restart=Never
dev:
  api:
    command: ["bash"]
    forward:
      - 8080:8080
    sync:
      - .:/src
```
Note: If you have a `docker-compose.yaml` you can directly use `okteto {deploy | up}` and it should work

4. Deploy your app
```bash
❯ okteto deploy
 i  Using ashok-an @ cloud.okteto.com as context
 i  Images were already built. To rebuild your images run 'okteto build' or 'okteto deploy --build'
 i  Running kubectl run test-pod --image=${OKTETO_BUILD_API_IMAGE} --restart=Never
pod/test-pod created

```
5. Verify
Download kubeconfig: [Settings] > [Kubernetes Credentials]
```bash
❯ export KUBECONFIG=$HOME/Downloads/okteto-kube.config:${KUBECONFIG:-$HOME/.kube/config}

❯ k get pods
NAME       READY   STATUS    RESTARTS   AGE
test-pod   1/1     Running   0          5m43s
```

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ku94bthd45h1eiupmmij.png)

---
Of-course there are more things that can be tried, the UI is very intuitive with prompts and notes; go-ahead and explore!
Building Connections for the Underrepresented
Tags: webdev, javascript, beginners, podcast
Published: 2022-08-24 13:54:02


Original: https://codingcat.dev/podcast/2-22-building-connections-for-the-underrepresented

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

## Questions

1. Pariss and Nick, can you give us a quick intro about yourselves.
2. Can you give us a brief intro and some background on how [Black Tech Pipeline](https://blacktechpipeline.com/) got started?
3. How does the recruitment process work?
4. What are the requirements for job listings?
  1. [Job Board](https://blacktechpipeline.com/jobs)
5. What's the best way to get involved?
6. Equal Pay, how is this affected?
How to send metrics to AWS CloudWatch when an event happens on a Smart Contract
Tags: web3, blockchain, nocode, ethereum
Published: 2022-08-24 13:37:00

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

https://www.youtube.com/watch?v=r_xEBrVKXdo

## What you’ll learn

You will learn how to create a workflow that triggers every time an event happens in a smart contract on any EVM network.
When the workflow is triggered, we will send metrics to AWS CloudWatch Metrics with information from the event.

## Tools used

ChainJet: https://chainjet.io
AWS CloudWatch Metrics: https://aws.amazon.com/cloudwatch
Best/Affordable Web Hosting site for my first & simple passion project
Tags: webdev, beginners
Published: 2022-08-24 13:35:00

Hi, so I’m quite new to Web development. It’s been around 2 months since I’ve started on this journey, and for my first project I’m trying to build a cool survey for a game I really like. I’ve already purchased a domain name, I just need somewhere to host it, it’s not finished yet (building it in VS Code, but I’d love to share my progress with my friend, I’ve found there’s a lot of options for hosting, and I was wondering what you all recommended. Thanks!
TikTok foydalanuvchilari uchun ogohlantirish ⚠️
Tags: security
Published: 2022-08-24 13:19:00

TikTok-ning ilova ichidagi brauzeri parollar va kredit kartalarni o'z ichiga olishi mumkin bo'lgan barcha tugmalar va klaviatura kiritishlarini kuzatish uchun kodni kiritadi. Bu nima degani? Ya'ni siz TikTokning o'zini "in-app" brauzeridan foydalangan holda amalga oshirgan barcha harakatlaringizni TikTok o'ziga saqlab qoladi. 

![data image for tiktok](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ck5ig9e9rteuca1oztbr.png)

**TikTok** iOS ilovasida istalgan havolani ochganingizda, u ularning ilova ichidagi brauzerida ochiladi. Veb-sayt bilan o'zaro aloqada bo'lganingizda, TikTok barcha klaviatura yozuvlariga (jumladan, parollar, kredit karta ma'lumotlari va h.k.) va ekrandagi har bir teginishga, masalan, qaysi tugmalar va havolalarni bosishingizga obuna, ya'ni, **kuzatib** boradi.

Quyida, TikTok app tomonidan bajariladigan barcha JavaScript buyruqlar ro'yxati:


![js commands in TikTok](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z53upgx58ql5setdv50x.png)
 
Ushbu topilmalar inappbrowser.com yordamida aniqlangan va bir necha OTMlarda rossa aylangan. Forbes.com xabariga ko'ra, TikTok rasmiyi ushbu topilmalarga izoh qoldirgan. Ya'ni, ular bu JavaScript codelarini foydalanuvchilarning foydasi uchun yozishgan va ular ushbu malumotlarni hech qanday yomon maqsadda ishlatishmasligi ni aytgan. 

Shaxsan men bunga ishonmayman va bu bayonot rost bo'lganda ham kelajakda bu malumotlar ishlatilmasligiga hech kim kafolat bera olmaydi deb o'ylayman.

inappbrowser.com asoschisi nafaqat TikTok balki boshqa mashxur ilovalar haqida ham ajoyib maqolalar yozgan. Masalan Instagram, Facebook va hk. Ingliz tilini biladigan qiziqsa o'qib ko'rishingiz mumkin: 

Link: 
[iOS Privacy: Instagram and Facebook can track anything you do on any website in their in-app browser](https://krausefx.com/blog/ios-privacy-instagram-and-facebook-can-track-anything-you-do-on-any-website-in-their-in-app-browser)
Nginx Server Block Default
Published: 2022-08-24 13:15:51

```
##
# You should look at the following URL's in order to grasp a solid understanding
# of Nginx configuration files in order to fully unleash the power of Nginx.
# https://www.nginx.com/resources/wiki/start/
# https://www.nginx.com/resources/wiki/start/topics/tutorials/config_pitfalls/
# https://wiki.debian.org/Nginx/DirectoryStructure
#
# In most cases, administrators will remove this file from sites-enabled/ and
# leave it as reference inside of sites-available where it will continue to be
# updated by the nginx packaging team.
#
# This file will automatically load configuration files provided by other
# applications, such as Drupal or Wordpress. These applications will be made
# available underneath a path with that package name, such as /drupal8.
#
# Please see /usr/share/doc/nginx-doc/examples/ for more detailed examples.
##
 
# Default server configuration
#
server {
        listen 80;
        listen [::]:80;
 
        # SSL configuration
        #
        # listen 443 ssl default_server;
        # listen [::]:443 ssl default_server;
        #
        # Note: You should disable gzip for SSL traffic.
        # See: https://bugs.debian.org/773332
        #
        # Read up on ssl_ciphers to ensure a secure configuration.
        # See: https://bugs.debian.org/765782
        #
        # Self signed certs generated by the ssl-cert package
        # Don't use them in a production server!
        #
        # include snippets/snakeoil.conf;
        root /var/www/html;
 
        # Add index.php to the list if you are using PHP
        index index.html index.htm index.php;
 
        server_name _;
 
        location / {
                # First attempt to serve request as file, then
                # as directory, then fall back to displaying a 404.
                # try_files $uri $uri/ =404;
                try_files $uri $uri/ /index.php?$args;
        }
 
        # pass PHP scripts to FastCGI server
        #
        location ~ \.php$ {
                include snippets/fastcgi-php.conf;
        #
        #       # With php-fpm (or other unix sockets):
                fastcgi_pass unix:/run/php/php8.1-fpm.sock;
        #       # With php-cgi (or other tcp sockets):
        #       fastcgi_pass 127.0.0.1:9000;
        }

 
        # deny access to .htaccess files, if Apache's document root
        # concurs with nginx's one
        #
        #location ~ /\.ht {
        #       deny all;
        #}
}
 
 
# Virtual Host configuration for example.com
#
# You can move that to a different file under sites-available/ and symlink that
# to sites-enabled/ to enable it.
#
#server {
#       listen 80;
#       listen [::]:80;
#
#       server_name example.com;
#
#       root /var/www/example.com;
#       index index.html;
#
#       location / {
#               try_files $uri $uri/ =404;
#       }
#}
```
How do you motivate yourself to work on personal projects? As a profesional developer
Tags: career, programming, discuss, help
Published: 2022-08-24 13:12:56

Hey there :wave:

I've been struggling lately to get motivation to work on personal projects. When I finish my work shift, or on weekends, I can't seem to find motivation to work on my personal projects. Which I really want to finish.

My question to you is, how do you handle this? How do you trick or convince yourself to work on personal projects? Do you have any process? Or do you treat them as if they were work projects?

Any tips would be highly appreciated!
Redis Hackathon - Placify
Tags: redishackathon, showdev, azure, redis
Published: 2022-08-24 13:07:08

### Overview of My Submission
I built another placeholder images SaaS.

![](https://www.placify.xyz/api/draw/1920/768)

First of all, I have created the application starting from the Blazor WASM with the Azure Function as API that you can find here: https://github.com/staticwebdev/blazor-starter

Then I made some test for the backend part because I wanted to know if it was possible to do with this architecture.
This is why I created a simple API endpoint in the Azure Function that add a fixed text on an image and give it back the bytes array as result.
Then I added two route parameters (width and height) to the endpoint, and I use them as key for Redis.
The application store in Redis all the image created by the application to speed up the response.

I deployed the application using a GitHub Action to an Azure Static Web App. The free tier is enough.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6k74aq13tz5phe5gb4f0.png)

I have also created an Azure Redis Cache instance for caching the files.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4c0kwchy9a660eydya6z.png)

### Production Environment

You can find the application at this link: [https://www.placify.xyz](https://www.placify.xyz)

### Development Time
I take notes on everything during the day, and I can say that it took me a total of 2 hours to develop the solution (not in a row). 

### How it works
It's very simple, you can add an img tag in your HTML page and it will be replaced with a placeholder image.

```html
<img src="https://www.placify.xyz/api/draw/1920/768>
```

### Submission Category: 

The category is: MEAN/MERN Mavericks

### Language Used
Frontend Tech Stack: ASP.NET Core Blazor 6, [Stone.css](https://github.com/kasuken/stone.css)
Backend Tech Stack: C#, Azure Function
Cloud: Azure Static Web Apps
Redis: Azure Redis Cache Service

### Link to Code
The project is open source and is hosted on GitHub
{% embed https://github.com/kasuken/Placify %}

- - - 

* _Check out [Redis OM](https://redis.io/docs/stack/get-started/clients/#high-level-client-libraries), client libraries for working with Redis as a multi-model database._
* _Use [RedisInsight](https://redis.info/redisinsight) to visualize your data in Redis._
* _Sign up for a [free Redis database](https://redis.info/try-free-dev-to)._
We've all been there
Tags: programming, webdev, all, funny
Published: 2022-08-24 12:55:00

well its not meme Monday but still I found this funny and we all need a laugh from time to time so please share your funniest programming memes 

![Non-meme Monday meme 😊](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/imqnhroazavlhhdj3i02.jpg)
Get Help In SPSS
Tags: beginners, tutorial, career, testing
Published: 2022-08-24 12:31:31

Most of the Students are seen chasing their deadlines during their academic learning years. The reason behind is terrible time management. Often the time allotted to students is insufficient to complete their homework on time. But, due to poor time management, they don't get enough time to write homework. Students can submit homework on time if only they seek help from a certified [SPSS homework help](https://www.spsshomeworkhelp.com/). They have number of professional experts all over the world who assist students to [do my SPSS homework](https://www.spsshomeworkhelp.com/do-my-spss-homework/) on time so that students can lead a stress-free academic life.
Who can help me with my MATLAB assignment?
Tags: beginners, webdev, tutorial, github
Published: 2022-08-24 12:15:40

I was struggling to write my Matlab assignment for so long then one day one a classmates of mine suggested that I should hire an Matlab assignment experts from the online [Matlab assignment help](https://www.matlabassignmentexperts.com/) website that he himself used to write his assignment himself. I am not very good at writing assignment so, I need someone who can [do my Matlab assignment](https://www.matlabassignmentexperts.com/do-my-matlab-assignment.html).  My assignment required special attention because my professor is very strict. From first interaction I knew that they were different. I really like that they were able to integrate my personal ideas into the paper. The expert explained my assignment in detail.