teleren/devto huggingface dataset:
Digital clock
Tags: codepen, digitalclock, vinkal041, vinkalprajapti
Published: 2023-08-08 16:07:56



{% codepen https://codepen.io/vinkalPrajapati/pen/qBQwzMB %}


In the HTML file, we have a simple structure for the digital clock. It consists of a <div> element with the class "clock" that acts as a container for our clock. Inside this container, we have another <div> element with the id "time" where the current time will be displayed.

## CSS (styles.css):

The CSS file contains some basic styles to create a visually appealing display for the digital clock. We center the clock on the page by setting display: flex, justify-content: center, and align-items: center on the <body> element. The clock itself is styled with a white background, a 48px font size, a box shadow effect to add depth, and rounded corners using the border-radius property.

## JavaScript (script.js):

The JavaScript file contains the functionality for updating the digital clock's display with the current time. The updateTime() function is responsible for getting the current time using the Date object and formatting it into hours, minutes, and seconds with leading zeros (using padStart() method) to ensure two digits for each value.

We then get the element with the id "time" using document.getElementById("time") and update its textContent property to show the formatted time.

The setInterval() method is used to call the updateTime() function every second (1000 milliseconds) so that the clock continuously updates and displays the accurate time.

Finally, we call updateTime() once initially to set the time correctly when the page loads.

When you open the HTML file in your browser, you'll see a digital clock displaying the current time, and it will update every second to reflect the real-time. The styles applied through CSS give the clock a clean and visually pleasing appearance.
74 berufliches Vorwärtskommen: Weshalb wir als IT-Fachkräfteschaft unsere Reiseziele festlegen sollten.
Tags: deutsch, career, motivation, discuss
Published: 2023-08-08 16:02:00

Moin Moin,

ich denke, es ist wichtig, dass wir unsere Reise als IT-Fachkräfteschaft selbst festlegen. Zum einen wird es führende Vertreter der freien Software-Gemeinde nicht für immer geben. Wie geht es da weiter? Zum anderen gibt es Organisationen, die aufgrund ihrer Möglichkeit, private Daten auszuwerten, über eine enorme Macht verfügen.
Insgesamt spielt die IT eine wichtige Rolle in der Wirtschaft, der Medizin und in vielen weiteren Bereichen. Auch im Alltag hat die IT längst ihren Einfluss gezeigt.

Es ist meiner Ansicht nach wichtig, dass wir, als IT-Fachkräfte, uns überlegen, wie künftige Entwicklungen aussehen sollen. Letztendlich sind wir diejenigen, die diese umsetzen. Entsprechend sollten wir einen bewussten, verantwortungsvollen Umgang mit dieser Lage pflegen.

Wie sieht es beispielsweise aus mit der Verwendung freier Software an öffentlichen Schulen? Oder der Wahrung der Privatsphäre?

1) Was sind deine Gedanken dazu?
2) Meinst du ein Problem zu kennen, welches derzeit wenig Aufmerksamkeit erhält?


Lass uns mittels Kommentaren austauschen.

Beste Grüße,
Mustafa

Oder auch mittels E-Mail: mustafa.kevin.dwenger@posteo.de
Betreff: Austausch
Apresentando meu 1 APP
Published: 2023-08-08 15:53:52

---
title: Apresentando meu 1°APP
published: True
description: App Meu Bairro
tags: 
# cover_image: ![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z6tpqokt10yr0hvlet95.png)
# Use a ratio of 100:42 for best results.
# published_at: 2023-08-08 15:50 +0000
---


<h1>MeuBairro:</h1><br /> Conectando e Facilitando a Vida Local

O MeuBairro é um aplicativo inovador projetado para abordar os desafios de interação dentro do meu bairro, oferecendo soluções práticas e eficazes.
<div align="center">
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2lxst7durdxln2u5wbwg.png)
 ![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xzomwee3i2yd6a4jxlfo.png)
</div>

O aplicativo engloba uma série de recursos valiosos, incluindo:

    Comércio Local: Descubra e apoie os estabelecimentos comerciais da sua região.
    Motoristas Particulares: Conecte-se com motoristas locais para viagens seguras e convenientes.
    Serviços Variados: Acesse uma ampla gama de serviços essenciais para facilitar o seu dia a dia.

Uma das características distintivas do MeuBairro é sua abordagem simples e eficiente. Foi desenvolvido de forma a eliminar a necessidade de um servidor, tornando o processo ágil e direto. Além disso, o aplicativo oferece links diretos para URLs e integração com o WhatsApp, simplificando ainda mais a sua experiência.

Junte-se a nós para tornar a interação em nosso bairro mais próxima, conveniente e gratificante!

Repositorio => https://github.com/shadowruge/MeuBairro/tree/main
Fusemachines lanza AI Fellowship 2023 en América Latina
Published: 2023-08-08 15:48:57

Fusemachines lanzó por primera vez AI Fellowship en 2017 con el objetivo de llevar oportunidades de formación en IA de alta calidad a mercados desatendidos. Con la expansión a nuevos mercados en América Latina, la organización pretende involucrar a un grupo diverso de estudiantes y graduados con acceso limitado a oportunidades de formación en IA de calidad.

"Como empresa con la [misión ](https://diarioalbacete.com/)de democratizar la IA, nos apasiona desbloquear el acceso a programas educativos de IA de alta calidad y, por extensión, las posibilidades impulsadas por la IA a nivel mundial", dijo Sameer Maskey, CEO y fundador de Fusemachines. "Desde su [lanzamiento](https://castillalamancha24h.com/), ya hemos empoderado a cientos de becarios en cinco países con habilidades de IA, pero este año, estamos buscando extender nuestro [impacto ](https://cordoba24h.com/)a más regiones de América Latina. Al ofrecer la mejor capacitación en IA, esperamos contribuir a la muy necesaria reserva de talento global en IA, al tiempo que ofrecemos un impacto [socioeconómico ](https://eldiariodejerez.com/)a través de oportunidades de carrera basadas en IA".
Mundo Posgrado lanza su 8º edición de rankings de los mejores másteres para el 2023
Published: 2023-08-08 15:46:16

El informe está [realizado ](https://diarioalbacete.com/)por asesores que analizan las instituciones académicas y las áreas de conocimiento confeccionando un listado con [aquellos ](https://castillalamancha24h.com/)másteres mejor valorados por los egresados. El ámbito de este análisis tiene un marcado carácter internacional ya que se [centra ](https://cordoba24h.com/)en instituciones tanto de España como de América [Latina](https://eldiariodejerez.com/).
How to fetch in Typescript like pro ?
Tags: typescript, javascript, api
Published: 2023-08-08 15:35:35


No BS guide to use fetch API typescript way.
This article is for you if :
- You know how to use fetch API
- Don't want a try and catch hell // Excellent error handling
- Don't want to write types
- Move fast
- Easy understandable code

## How ?
1. Understand what you want to extract from API.
2. Generate types from https://jsonformatter.org/json-to-typescript 
- Just paste it there and it will generate all the types for you.
- Rename the types and rename if required
- we are using https://randomuser.me/api/ so go ahead and paste it
3. Fetch the data in following way

{% embed https://gist.github.com/Harshkumar77/e296e5ad5566952a8edfba5536c36432 %}

#### The article is done here its a simple type inferring pattern but if you want to understand why read down.

## Why ?
#### 1. Encapsulating functions
- It makes code easy to read 
- Can be reused

#### 2. What's that typescript wizardry 🧙‍♂️ you are doing ?
You will understand it by watching these screenshots

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

The inferred type here is a union which provide this awesome typescript code flow 


![](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y8wccq6hu13bjqmwn96e.png)
**User field is only available when success is true**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fcfxhcclxujqvid1oeh9.png)
**Error field is only available when success is true**
Əla oyun
Published: 2023-08-08 15:25:20

İdmana mərc etməzdən əvvəl komandanın tarixini, oyunçuların performansını və əvvəlki tendensiyaları araşdırın. Kazino [Bet Andreas](https://betandreasazerbaycan.net/) üçün müxtəlif oyunlar və onların ehtimal baxımından necə fərqləndiyini öyrənin. Elektron idmanda iştirak edərkən məqsədi, komanda dinamikasını və son uğur və ya uğursuzluqları anlayın. Tədqiqata hərtərəfli və strateji yanaşma müvəffəqiyyət ehtimalınızı xeyli artıra bilər.
Pedagogy for Self Taught Developers: Introduction to Identifying Your Technical Skill Level with Bloom’s Taxonomy
Tags: beginners, learning, coding, computerscience
Published: 2023-08-08 15:10:58

**Intro**

When you're stuck in tutorial hell, the right answer is _not_ to just keep on going. Developers need a real way to measure growth in a coding skill. Thanks to the work of teachers, and educators we _can_ identify growth. We can be purposeful about the way we learn, so to maximize growth and minimize time needed to master the skill. Learning hard things isn't new. Educators have been teaching tough topics since the dawn of education.  

If you are new to code or you are leading a team of junior developers, everyone could use a marker to measure progress. Understanding what actionable steps can take you from zero to mastery will help you reach success sooner rather than later. 

Bloom's taxonomy is a well respected system of classification taught in every college of education across America. Simply put, Bloom's taxonomy is a tool for teachers to identify which activities to best support student's growth. 

As a blog post series, I will be diving into Bloom's taxonomy for real world application for learning a new technical skill. Anyone should be able to use this blog post series for any technical skill and see growth in their understanding. Seems like a lofty goal for a blog, but Bloom's Taxonomy has been used for many decades. Bloom's taxonomy can be used by anyone learning highly technical skills.

**Articles**

In the Articles section, I will summarize one to three high quality reading on the topic of Bloom's taxonomy as it relates to computer science education. 

**Actionable Steps**

In this section I will bullet some tasks anyone could work on to grow and show their understanding. An example of a deliverable could be summarize a video tutorial or completing a coding challenge. I will provide some PDF templates to help you get started. 

Actionable Steps are meant to get you started working quickly. Feel free to make up your own action items. If you do, please share links to what you have built or learned in the comments below. 

**High Quality Learning Materials**

Sometimes Bloom's taxonomy can be seen in learning materials online today. When I find good learning materials, I will share them with you. I will also give information on why I believe it is a good tool to learn from. 

**Final Mentions**

Each blog post follow the same format: Intro, Academic Articles, Actionable Steps, High Quality Learning Materials, and Final Mentions. The blog posts in this series will keep to these sections. 

My goal for writing this series is to help anyone easily apply Blooms taxonomy in a straight forward way and for readers to feel a sense of growth in their learning. 

Image source: Vanderbilt University Center for Teaching ([Click here for link to image](https://flic.kr/p/LQuqT2)) / ([Click here for link to image license](https://creativecommons.org/licenses/by/2.0/))
How to set up Nextcloud webAuthn.
Tags: nextcloud, tutorial, webdev, webauthn
Published: 2023-08-08 15:09:08

[This is the german tutorial for it.](https://technik.xn--schchn.de/index.php/blog/2023/08/08/mit-webauth-in-nextcloud-einloggen/)
In this guide we will show you today how to log into your Nextcloud with webAuth.


If you like this or any other article, we would appreciate a Like & Comment. :heart:

---

This means you no longer need a password to log into your cloud.

First of all we need to install the right app.

[App in the Nextcloud store](https://apps.nextcloud.com/apps/twofactor_webauthn)

The app is called Two-Factor WebAuthn and is installed quite quickly.

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

To configure it we go to this URL:

"https://cloud.yourcloud.de/settings/user/security/"

https://cloud.yourcloud.de must be replaced with your own Nextcloud domain.

Going further down, we already see that we can set up authentication without a password.

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

Here we tap on "Add WebAuthn device"


This is where our face is then scanned - assuming you have a supported camera. Most of the time he asks the face twice.

Then comes the dialog that it was successful.


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

As a last step we have to assign a name and we're done!

In order to be able to use this tool, we have to tap "Log in with a device" when logging in.

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

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

Here we then type in the username and we are asked for the face.

If you have any questions or problems, feel free to write them back in the comments!

Thanks, Schächner
JS Challenge: Count the occurrences of a character/pattern in a string
Tags: javascript, javascripttips, jschallenge, oneliners
Published: 2023-08-08 14:58:57

---
title: JS Challenge: Count the occurrences of a character/pattern in a string
published: true
description: 
tags: javascript, javascripttips, js, jschallenge, oneliners
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2023-08-08 14:52 +0000
---
***Method 1:*** `split()` the string at the occurrences of the character/pattern and add 1 to the `length` of the resulting array

***Method 2:*** Create an array from the result of `matchAll()` and get its `length`

```js
str = 'All is well and ends well';
char = 'l';

str.split(char).length - 1;

//OR this works too

[...str.matchAll(char)].length

```
Part 1 - A New Era Of Teamwork: Could AI’s Historic Victory Transform The Way We Do Business..?
Published: 2023-08-08 14:55:17

[](https://www.linkedin.com/posts/jacquestbertrand_but-what-if-the-secret-wasnt-about-who-won-activity-7094632827236798464-rLOo?utm_source=share&utm_medium=member_desktop)
Devgym Retro Julho 2023
Published: 2023-08-08 14:53:39

Wow, passamos o primeiro semestre do ano e já faz um tempo que não documentamos os últimos passos da [Devgym](https://www.devgym.com.br/) aqui. Estamos vendo esse primeiro ano de projeto como uma temporada e muita coisa ainda vai rolar nesses últimos meses do ano. 
Mas por enquanto, vamos fazer um saldo do que tem rolado de bom e o que precisa melhorar no projeto. 

## 👎 Precisa melhorar  

Conseguimos produzir mais um desafio pra Plataforma mas acabamos não lançando pra priorizar a correção de bugs e improvements na plataforma. Ter novos desafios é muito importante pra mantermos as pessoas engajadas, mas ao mesmo tempo é importante ter um bom balanço entre a quantidade e a qualidade deles. Ainda estamos trabalhando nesse balanço. 

Uma coisa muito importante que ainda não conseguimos alcançar é a automatização de coleta de feedback dos alunos após o fim dos desafios (consumo de vídeo ou submissão de sua solução). Estamos chegando num momento do projeto onde precisamos de dados mais estruturados pra guiar nossos próximos passos, com certeza você vai algo sobre isso nas próximas Retros. 


## 👍 Continuar fazendo 

O último trimestre foi muito importante porque resolvemos o maior problema de integração que tínhamos com a Hotmart. Explicamos isso na [Retro de Março](https://dev.to/devgymbr/devgym-retro-marco-2023-2e6a) mas basicamente o callback da Hotmart não envia nenhum id interno de compra que facilite o backend da Devgym a identificar qual usuário precisa ser promovido ao plano Pro. 

O que acabamos fazendo a princípio é "sugerir" pros usuários a preencher na página de checkout o mesmo e-mail usado na conta do GitHub, o problema é que algumas contas tinham e-mails fake como `123+githubuser@users.noreply.github.com`, o que causava uma experiência não muito boa (qualquer comunicação de e-mail a partir da Hotmart era enviada pra esse, que não é um e-mail verdadeiro).  


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

Encontramos uma nova solução junto ao suporte da Hotmart onde usamos um parâmetro na url da página de checkout que faz tracking principalmente pra campanhas de marketing. Com esse parâmetro `sck` conseguimos no momento da request de callback usar esse valor pra encontrar o usuário. 

Não é a solução perfeita pois se algum dia precisarmos fazer tracking de uma campanha, vamos ter que desconsiderar UUIDs. Enfim, um problema pra 2024 pois não pretendemos investir em campanhas pagas por enquanto.  

Uma coisa muito legal é continuar vendo novas pessoas se desafiando e implementando os desafios gratuitos no tempo livre. Um salve especial pro Eduardy Lopes, o Asher Duarte e Pedro Yoshimura. 

Estamos ansiosos pra divulgar as próximas novidades, mas vamos deixar para um próximo post. Te vejo lá 👋 .
Understanding Scope Chain
Tags: javascript, beginners, codenewbie, tutorial
Published: 2023-08-08 14:33:04

Today we are going to discuss Scope Chain. This was something I struggled to understand. The stress of trying to keep up in class while figuring out what this meant was too much to handle. 
_Scope_, in JavaScript, determines the accessibility of variables and functions at various parts in one's code/program. When inside a scope of a variable, function, or method data can be accessed. 
There are three types of scopes available:
1. Global Scope
2. Function Scope
3. Block Scope


#Global Scope
When a variable is declared outside of a function it becomes **Global**. Meaning all variables can be accessed from anywhere in a program. 

```
let petName = 'Keebs';
//code here can use petName

function newFunction() {
//code here can also use petName 
}
```

#Function Scope
Variables defined inside of a function are not accessible from outside the function. Quite similar as using `let`, `var` and/or `const` **inside** of the function.

```
function petFunction() {
let petName = 'Keebs';  //example of Function Scope
}
```


Back in 2015, JavaScript only had **Global Scope** and  **Function Scope**. Then when **ES6** was introduced they provided the very important keywords: `let` and `const`. Only these two keywords provide Block Scope!

#Block Scope
Variables declared inside curly brackets {} can NOT be accessed from outside the block. 

```
{
  let x = 10;
}
// x can NOT be accessed here!
```
When declaring variables with `var`, they do **NOT** have block scope! Even declared inside of a {} block, they can be accessed from outside the block.
```
{
var x = 10
}
// x CAN be accessed here!
```

It is so important to watch where you are declaring your variables, compared to where they are going to be needed. Knowing the Scope Chain will help immeasurably as your coding starts to come more naturally. This will allow you get to farther with less errors. 

I hope that this blog has helped you understand Scope Chain a little more and pushes you along this knowledge path we are both adventuring! 

Good luck and don't give up!! :)
View the changes you have made to your Git repository - Intro to git-diff
Tags: git
Published: 2023-08-08 14:25:05

_This post is part of my “[Shorts](https://poddarayush.com/shorts)” series, where each post is concise and hyper-focused on a single concept._

In an [earlier post](https://poddarayush.com/posts/git-add-versatility/), we discussed how you can stage changes that you make in your Git repository.

What if you want to view the changes you have made before staging your changes? What if you want to view the changes that are there in the staging area before you commit your changes? In this post, I will tell you about `git diff` which can help you with these questions.


## About the command
The command simply is:

```bash
git diff <filePath>
```

where `<filePath>` is the path to a file whose changes you want to view. The argument `<filePath>` is optional. If you don't specify the path, `git diff` will display the changes from all the modified files.

As it is, this command will show you all the changes you have made to your [working tree](https://poddarayush.com/shorts/three-states-of-git/) that are ready to be staged.

### How to view the staged changes?
If you want to view the staged changes, i.e., the changes that are ready to be committed, you should use the `--staged` (or `--cached`) command line flag.

```bash
git diff --staged
```

## Further exploration
Run `man git-diff` in your terminal to learn more about using `git diff`.

## Sources
- [https://git-scm.com/book/en/v2/Git-Basics-Recording-Changes-to-the-Repository](https://git-scm.com/book/en/v2/Git-Basics-Recording-Changes-to-the-Repository)
Complete Guide to SQL Server Concatenation
Published: 2023-08-08 14:21:16

Introducing the "Complete Guide to SQL Server Concatenation"! In this all-inclusive article, we will immerse ourselves in the fundamental principles of SQL Server concatenation, explore diverse techniques for merging strings, and unearth advanced concepts to elevate your string manipulation prowess. Throughout this enlightening journey, we will enjoy the support of dbForge Studio for SQL Server, a potent tool that streamlines daily workflows and enhances database management experiences.

Get ready to unlock the true potential of concatenation in SQL Server as we embark on this thrilling adventure together. Are you prepared to elevate your string manipulation skills? Let's begin this transformative journey now: https://blog.devart.com/sql-server-concatenation.html 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5kt5trsn3topwgezynw5.jpg)