teleren/devto huggingface dataset:
Let's build a multiplayer movie trivia/quiz game with socket.io, svelte and node. devlog #11
Tags: devlog, webdev, svelte, socketio
Published: 2022-08-27 16:38:40

## Progress... ??
Progress have been slow. Mostly some small changes and improvements here and there.

Did put an early alpha version [online](https://quiz.karate.monster/) yesterday just  to test things out... Many of the features that are not done are disabled but can still play the game (and try to break it ;)), even though UI is rough.
And yeah, ofc it's just a general quiz game now as that is what I implement first.

The UI is still shit thought, no more progress on that for now.

Did add some new features for the current quiz game, can select difficult and category.

![settings](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uygzgzn1eut08mnqxih4.PNG)

Categories
![categories](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7cwa2zqbmw38lvltzqg5.PNG)

## Next up
Will make a "back button" that takes you out of the game n back to the title screen.

For now there is only one for when game ends but will put one in so can go back from anywhere. Wrote the backend logic for it but not tested it yet.. that sounded complex, right? Wrong, just calls the same function as when a user disconnects so things get cleaned up correctly, later will probably add some checks though and hock it up with a callback to redirect back to the title screen.

As it works now, the game is deleted when game is finished but u will still be in the "games socket room" so that way can still chat after game is finished. The 'leave-room' gets emitted by the 'back button'.
Theoretically the code should work.. I think.. 

```js
socket.on('leave-room', (gameid) => {
	disconnecting(io, socket, games);
	socket.leave(gameid);
});

```

Ohh.. yeah, I did some work on the server list component also.. made so can actually use it to join a game. CSS still needs work though.
![game_list](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9mjryc47oc9n5ashc7jz.PNG)

## Random thoughts...
I did play some more trivia/quiz games to try and get inspiration for the UI.

I found one that is cool... Seems to be made for younger students to take quizzes made by a teacher.
It's really nice for what it is meant to be [quizizz](https://quizizz.com/join) .. can play the quizzes there and it's flashy, has like "power ups" and meems n stuff.. to get students to enjoy it, have fun and want to do the quiz I think it's excellent but yes, it's not what I'm doing so I did not get any UI inspiration from it.

Well, I guess that's all for now.. time to cook up some dinner.. tunnbrödsrulle is on the menu.. mmm...
Create ACM certificate with DNS validation using Terraform
Tags: aws, programming, devops, terraform
Published: 2022-08-27 16:28:00

This is how I created an HTTPS AWS Certificate (ACM) and validated it with my domain in AWSRoute53 using DNS validation, all using infrastructure as code tool Terraform.

This is how I created an HTTPS AWS Certificate (ACM) and validated it with my domain in AWSRoute53 using DNS validation, all using infrastructure as code tool Terraform.

## Prerequisites
*   [AWS CLI configured](https://aws.amazon.com/cli/)
*   [Terraform](https://learn.hashicorp.com/tutorials/terraform/install-cli)
*   [R53 Domain](https://aws.amazon.com/route53/)
*   [AWS Terraform providers](https://registry.terraform.io/providers/hashicorp/aws/latest/docs)

## Add a variable for your domain
```
variable "root_domain_name" {
  type    = string
  default = "helloworld.info"
}
```
- Replace the above `helloworld.info` with your domain

## Route53
 
I had an imported route 53 already like so. See terraform docs for more info
```
resource "aws_route53_zone" "hello_world_zone" {
  name = var.root_domain_name
}
Create an ACM Certificate
resource "aws_acm_certificate" "hello_certificate" {
  domain_name       = var.root_domain_name
  validation_method = "DNS"
  lifecycle {
    create_before_destroy = true
  }
}
```
- This creates a AWS ACM certificate for the domain name you set as variable
- Sets validation mode to DNS

## Add DNS records
```
resource "aws_route53_record" "hello_cert_dns" {
  allow_overwrite = true
  name =  tolist(aws_acm_certificate.hello_certificate.domain_validation_options)[0].resource_record_name
  records = [tolist(aws_acm_certificate.hello_certificate.domain_validation_options)[0].resource_record_value]
  type = tolist(aws_acm_certificate.hello_certificate.domain_validation_options)[0].resource_record_type
  zone_id = aws_route53_zone.hello_world_zone.zone_id
  ttl = 60
}
```
- This adds DNS records from the resource above and inputs them into your Route53 host zone. Similar way you would do this as if you did it manually

## Validate the certificcate
```
resource "aws_acm_certificate_validation" "hello_cert_validate" {
  certificate_arn = aws_acm_certificate.hello_certificate.arn
  validation_record_fqdns = [aws_route53_record.hello_cert_dns.fqdn]
}
```
- This validates your ACM certificate with your domain name

## Run Terraform
```
terraform fmt
terraform validate
terraform plan
terraform apply
```

## Check ACM
- In AWS Console > Certificate Manager
- You should have the status as issued

Hope this helps😁

Feel free to comment with questions or feedback✌️

Happy coding,

Az 👨🏾‍💻

## Credits
- https://www.oss-group.co.nz/blog/automated-certificates-aws
-https://registry.terraform.io/providers/hashicorp/aws/latest/docs/resources/route53_record
- https://giphy.com/gifs/southparkgifs-26ueZwfsRvivkoHvO
- https://app.diagrams.net/
- https://www.terraform.io/
- https://aws.amazon.com/
Numeric Separator In JavaScript
Tags: javascript, webdev, react, node
Published: 2022-08-27 16:06:11

Hello Devs,

In this article let's discuss about one of the most amazing features introduced in `ECMAScript21` (12th edition) i.e., Numeric Separator. 


## Table of content

1. [Introduction](#introduction)
2. [Some Examples](#examples)
3. [Conclusion](#conclusion)


## 1. Introduction <a name="introduction"></a>
This feature enables developers to make the **numeric literals** more readable.
What I mean to say is, large **numeric literals** (both integers and floating-point) which are difficult for the human eye to parse quickly, especially when there are long digit repetitions, this feature of ES12 makes it simple to read.

How?

`Please read this number`
```js
let num = 1000000000000
```
if someone is reading the value of num verbally, then in the first sight one cannot be able to read it. So **numeric separator** help developers make it readable in the first sight.

Let's see how it helps.

`Now, read this number`
```js
let num = 100_000_000_000 
```

### **Did you found it little easier to read than the first one? If YES let me know.**

---


## 2. Examples <a name="examples"></a>
Let see some examples,
1. equality & strict equality

```js
let num1 = 1000000000000 
let num2 = 100_000_000_000

console.log(num1==num2) //true
console.log(num1===num2) //true
```


2. What is the output in console for number with underscore in it?

```js
let num = 100_000_000_000
console.log(num) //100000000
```

3. We can use underscore with Binary, Octal, Hex numbers are well

```js
let num1 = 0b1010_0101_1001 // binary
let num2 = 0o2_3_5_7 // octal
let num3 = 0xA_B_C_D_E // hex
```

---

## 3. Conclusion <a name="conclusion"></a>

Awesome! Now you have learnt 1 new feature of JavaScript, I hope you have now a very clear idea regarding underscore between digits in numeric literals.

Thank you for reading this far. This is a brief introduction of **Numeric Separator In JavaScript**.

If you find this article useful, share this article. Someone could find it useful too. If you find anything technically inaccurate, please feel free to create a [issue](https://github.com/CapsCode-Website/blogfiles/issues).

Hope it's a nice and informative read for you.
VISIT https://www.capscode.in/blog TO LEARN MORE...
See you in my next Blog article, Take care!!

Thanks,
CapsCode
Just be programmer. Not QA not support not anything!
Published: 2022-08-27 16:04:01

This article is based on my own story this week, nothing is right and nothing is wrong. We just have to study and learn to deal with all that is in our work.

As is known, there are many fields in IT that have developed so rapidly, initially only a backend engineer could become a python engineer because of the existing market needs. It is also possible in other fields to run like this. For now I am involved in 2 projects that I think are big. Management-wise, I was not involved in the project because I was new and had "no skills".

In the following months, I was involved in these 2 projects, namely project A and project B.

My work for project A is:

1. Create an HTTP API that connects Java and C#, which will then hit C# to Java(I use spring boot to speed things up)

As for project B are:

1. I have to translate the display from design to XAML form, incidentally my company uses Tech Stack .NET which requires all employees to use .NET

Both projects look easy right? Because each project only requires 1 task.

The following month, project A did not spell out the linkage of a data to the AWS S3 Bucket, okay in the end I was re-appointed to work on the linkage, here I still feel, "okay, this is still under control". In the same month, I received a ticket to assist the user department in requesting data, and I could not refuse the request because all requests had to be done.

Finally my job is

 1. HTTP API project A
 2. XAML design project B
 3. Linkage project A
 4. user requests
 
 Still safe? Yes it seems so. But in fact there is not only 1 user request, there are several user requests regarding application changes, data requests, data changes, and others. Okay, I feel like this will be a burden for me because in my company no one has the capacity to work on project A and no one can work on cross platform mobile applications other than me and 3 of my friends, but the three of them also have different tasks.

It seems that if you see, what I do is support user, backend service (project A), mobile service (project B), if they are categorized, there are very few but have very many parent-child relationships. Because of this, I decided to report it to my superiors because I didn't feel strong enough to do all of this, because I didn't only do coding work, but also had to do testing, create documentation, meet with users related to the project, and also touch the database directly :).

With so many jobs, my boss said that the most important thing is time management, okay... Then how?

> 2 hours for project A, 2 hours for project B, 2 hours for user requests.

This is very difficult for me to do because the focus is divided and even the existing work is not completed on time. In the end, what should I do?
Comment un projethebdomadaire du DevoiratPrimairepeut changer votre vie ?
Published: 2022-08-27 13:15:08

Seulsquelques-unsd'entre nous connaissentréellementl'importance d'un projethebdomadaire de devoirs primaires. Un projethebdomadaire de [devoirs](http://exer6.org/[]()) primaires a un très grand rôle à jouer pour aider un élève à atteindre le succès souhaité dans le domaineacadémique.

En optant pour un projethebdomadaire de devoirs primaires, les élèvespourrontrester à jour dans leurs études. Ilspourrontégalementsaisir les différents concepts de manière appropriée et facile. Ce type de projet de devoirs estégalement un moyenefficaced'améliorer les performances scolaires dans un court laps de temps.

Voyonsdoncquelques-unes des façonsdont un projet de devoirs primairespeut changer la vie d'un élève :

Il peutvousfournir des conseils appropriés :

Un projet de devoirs primairespeutvousfournir des conseils appropriés sur un sujet particulier. Vouspourrezvous familiariser avec tous les concepts difficiles. Celavousaidera à apprendrevosleçons de manière très systématique.

Le projethebdomadaire de devoirs primairesvaégalementaméliorervos performances lors de divers examens. Vouspourrezrester au courant de vosconcurrents à tout moment. Vouspouvezégalement utiliser ceprojet à différentes phases de votre vie universitaire et celavous sera très utile.

Vouspouvezsuivre la charge de travail entrante :

C'est encore un autreavantagemajeurd'opter pour un projet de devoirs primaires. Vouspourrezvouséviter de trop stresser à cause de la lourde charge de travail. Vouspourreztoujoursresteren contact avec vos études.

Celavousaidera à rester à jour à tout moment. Enconséquence, vousn'aurez plus à êtresubmergé par une charge de travail trop importante. Vouspourrez faire de très bons progrès dans votre travail et vousn'allez pas non plus être à la traîne. Votre performance globaledeviendravraiment bonne et vouspourrezégalementobtenir de meilleures notes.

C'estainsiqu'unprojet de devoirs primairespeuteneffet changer votre vie pour le mieux. Vousn'aurez plus à voussoucier de la manière exactedontvousallezgérerautant de travail. Tout vaêtre fait de manière systématique et vouspourrezvoir des changements notables dans votre performance globale à la fin d'uneannéeuniversitaire.
How to become a better Software Engineer or Developer with daily improvements
Tags: programming, beginners, performance, motivation
Published: 2022-08-27 16:00:34

If you're looking to improve your skills as a software engineer or developer, there are a few things you can do on a daily basis to make sure you're always learning and growing. Here are three suggestions:

1. Read code from other developers. This is a great way to learn new techniques and best practices. Plus, it'll help you better understand the code you're working on yourself. Make sure to choose code that's well-written and easy to follow so you can really learn from it.

2. Write code every day. Even if it's just a few lines, writing code regularly will help keep your skills sharp. Plus, it's a great way to try out new ideas and experiment with different approaches.

3. Stay up to date with the latest news and trends. Reading articles, blog posts, and even tweets from other developers will help you stay on top of the latest changes in the industry. This way, you can be sure you're using the best tools and techniques for your project.

By following these suggestions, you can make sure you're always improving as a software engineer or developer. Just remember to be patient and consistent with your learning, and soon you'll see the progress you've made.

An example of a good Software Engineer that used these tips:

Linus Torvalds, the creator of Linux, is a great example of a software engineer that followed these tips. He was constantly reading code and experimenting with new ideas. This led him to create one of the most popular operating systems in the world.

## Which influencer should you follow to know more about tech and software development?

**Some popular influencers in the tech industry are:**

1. Tim Ferriss - Tim is a best-selling author, investor, and entrepreneur. He's also well-known for his work in the tech industry, and he frequently writes about his experiences in software development.

2. Bill Gates - As the co-founder of Microsoft, Bill Gates is one of the most influential figures in the tech industry. He's also a philanthropist and an advocate for technology innovation.

3. Elon Musk - Tesla and SpaceX CEO Elon Musk is another important figure in the tech industry. He's known for his cutting-edge innovation and his vision for the future of technology.
Drupal 8+ media module does not create the default bundles (Media Types) after installation
Tags: drupal, drush, media
Published: 2022-08-27 16:36:06

---
title: Drupal 8+ media module does not create the default bundles (Media Types) after installation
published: true
date: 2022-08-27 15:58:57 UTC
tags: Drupal,Drush,media
canonical_url: https://davidloor.com/2022/08/27/drupal-8-media-module-does-not-create-the-default-bundles-media-types-after-installation/
---

![Drupal 8+ media module does not create the default bundles (Media Types) after installation](https://i0.wp.com/davidloor.com/wp-content/uploads/2022/08/lost-cat-tree-sign-fun-159868.jpeg?resize=800%2C533&ssl=1)

When the media module that is part of the the Drupal 8+ core is installed, we expect that the default media entity types, [Document, Image, Audio file (local), Video file (local), Remote video] get created automatically, so they are available when creating a new media field. But, that is the case when we are using the standard profile installation, as you can read [here](https://www.drupal.org/docs/8/core/modules/media/creating-and-configuring-media-types):

When using a distribution, to install Drupal, the media module installation will not create the default bundles, so you will need the following steps to create them, using configuration management, if you don’t want to create them manually:

1. Copy all the yml files that contain the **media** word in their name from core/profiles/standard/optional to the folder where you hav the yml config files of your projects.
2. Import the configuration in your site, from the UI /admin/config/development/configuration or running `drush cim`
GitHub adds more security enhancements to npm
Tags: github, git, node, javascript
Published: 2022-08-27 15:45:15

GitHub has announced the general availability of an enhanced 2FA experience on npm, as well as an improved verification process of accounts and packages. Here are the other updates:

- A streamlined login and publishing experience with the npm CLI
- Ability to connect GitHub and Twitter accounts to npm
- All packages on npm have been re-signed
- Added a new npm CLI command to audit package integrity
My Dell 27" Monitor is not supported! by my Macbook Pro
Published: 2022-08-27 14:35:49

I recently bought  a Dell 27" monitor to use with Macbook pro 13". I had a USB dongle which had a HDMI port. like ![USB Dongle with HDMI - White Color](https://rukminim1.flixcart.com/image/416/416/kfoapow0/battery-charger/q/7/g/am7-usb-c-to-hdmi-adapter-usb-3-1-type-c-hub-to-digital-av-original-imafw2bqzez6pgve.jpeg?q=70)

Unfortunately connecting the monitor to the Macbook, I saw the following error message in the monitor. 

```
Dell 27 Gaming Monitor
The current input timing is not supported by the monitor display. Please
change your input timing to 1920x1080, 144Hz or any other monitor listed timing as per the monitor specifications.
S2721HGF
```

---
## Problem
I found that the dongle I was using does not support higher refresh-rate. It was just fine when I used it for USB ports but it did not support 4K monitor and Gaming monitor. 

## Solution
I then bought a Varbatim USB-C dongle. 
![Varbatim USB-C dongle](https://vmart.pk/wp-content/uploads/2020/01/Verbatim-65679-Main-800x800.jpg)
Project: Golf Skins & Wagers: Antee App
Published: 2022-08-27 15:43:54

Antee golf app is for the hardcore golf enthusiast.

Antee golf app provides score and wager tracking with live real-time leaderboards. Creating teams is simple and quick or you can allow the app to randomize the teams. Set an initial skin value per hole and add side wagers within your grouping as you play. Let the app keep track of the wagers and score, so you can focus on your golf match.

View the real-time leaderboards how you want to track your match. You can view as a traditional leaderboard or by groupings. 

Keep up to date with the latest golf news provided by Live Action Golf.

Website: https://anteeapp.com
SHBET
Published: 2022-08-27 15:13:04

Nhà cái Shbet luôn là điểm đến cho anh em đam mê các game cá cược thể thao, game bài, đá gà, bắn cá. Hướng dẫn đăng ký tài khoản shbet nhận ưu đãi 100k! 

#shbet #nhacaishbet #shbetvip #shbetvipnet 

Website: https://shbetvip.net/ 

Location: 130 Hà Đặc, Trung Mỹ Tây, Quận 12, Thành phố Hồ Chí Minh, Việt Nam 

Email: cskh@shbetvip.net 

Hotline: 0911999022 

Socials:

https://www.facebook.com/shbetvipnet

https://twitter.com/shbetvipnet 

https://www.instagram.com/shbetvipnet

https://www.pinterest.com/shbetvipnet

https://www.linkedin.com/in/shbetvipnet

https://shbetvipnet.tumblr.com
Get Started With Unity Engine [2022] Full Guide
Published: 2022-08-27 14:41:23

## What is the use of Unity?

Unity is a cross-platform game engine developed by Unity Technologies. It is primarily used to develop Video Games and Animation for computers, consoles, and mobile devices. First released in 2005, it has since targeted 27 platforms. Unity is a game engine that can create video games in 2D, 3D, VR (Virtual Reality), and AR (Augmented Reality) technologies. Currently, some of the popular games around the world such as Fall Guys, Among Us, Untitled Goose Game, Beat Saber, Monument Valley 2, Ori and the Will of the Wisps, Cuphead, and Pokémon Go has been created using Unity.

## Is Unity for free?

Unity is actually free to use. It costs nothing to use Unity Editor to create and build your video game. You can start as many new extensions as you want. Also, Unity has introduced three packages namely Personal, Plus, and Pro. Unity Personal is free and you are allowed to change the splash screen in the Plus and Pro packages. If you plan to create PC games as an individual, then Unity Personal is best suited.

[Continue Reading](https://ilabacademy.blogspot.com/2022/08/blog-post.html)
Angular Material, Everything That it Has to Offer
Tags: angular, typescript, javascript, programming
Published: 2022-08-27 14:34:15

Yes, you read that right, everything that **Angular Material** has to offer. Well, not in this post, obviously, but in the [YouTube Series](https://www.youtube.com/watch?v=xa4FZHTI39U&list=PL3VYzfbLCSS8U2BCvV7HpyObxM9g1Y7Xd&ab_channel=Omerko).

## What is this all about?
I've been creating the entire series on my [YouTube Channel](https://www.youtube.com/c/Omerko) related to Angular Material for the last couple of months. The series was very well accepted. It's based for beginners and includes a lot of content and step-by-step tutorials.

## What does the series include?
Well, the series will go through all Angular Material's components. We will create each of those, and you will learn how and where to use those. Next, we will work with the **CDK (Component Dev Kit)**. We will create our own custom components through that part of the series.

## Is there an actual project?
Outside of the series, I've worked on a [Task App](https://youtu.be/1FM9326ldoY) where we use Angular Material. So, if you wish to build the actual project with Angular Material, this is your chance.

## Is there anything more for you?
Since I started publishing videos for this series, many people have asked me in the comments to help them with their work. They also suggested several other tutorials they would like to watch and shared their experience with my tutorials. If you have similar questions, feel free to ask, and I will be sure to answer you.

## Channel Update
In the last video of the series, I also mention what is next for me. Check the video, as it is only a few minutes long. From it, you will know what to expect from me in the future.