teleren/devto huggingface dataset:
CSS Liquid Text Effect
Tags: webdev, javascript, css, html
Published: 2023-11-16 15:32:37

{% embed https://www.youtube.com/embed/YaFNJHJmOxI?si=_CO5LjCFwRztMWzn %}

Learn how to create liquid text effect with HTML and CSS.

📁 Download Source Code : 
https://linktr.ee/coding.css

Download Image:
https://drive.google.com/file/d/1tbRGjfPHdHe_EbdxdE0L8iveeoVJlH3B/view?usp=sharing

Watch More Web Development Tutorials:
----------------------------------------------
Responsive dashboard using HTML & CSS | Part - 1
https://www.youtube.com/watch?v=cs1TBvpKCxI

3D Flip Product Card | CSS Tutorial
https://www.youtube.com/watch?v=cPsFsENbDho&ab_channel=LearnwithDaniel


TikTok: https://www.tiktok.com/@codingcss
Instagram : https://www.instagram.com/coding.css/


#javascript #html #css #javascriptprojects #js #chatbot #html #css #javascript #css3 #html5 #htmlcss #htmlcssproject #coding #programming #programmer #frondend #webdevelopment #webdesign #website #web  #htmlcssjavascriptproject #htmlcssjavascripttutorial #responsivewebsite #foodwebsite #restaurantwebsite #design
C# - Use Record Types for Immutable Data Structures
Tags: csharp, programming, tutorial, beginners
Published: 2023-11-16 15:30:00

In C#, you can use record types to define immutable data structures. Records are a concise syntax to create an immutable object with value equality. Unlike classes, records provide a built-in copy-and-update functionality which can be very useful for functional-style programming patterns.

Here's a quick example of how you might use a record type:

```csharp
public record Person(string FirstName, string LastName, int Age);

public static void Main(string[] args)
{
    var originalPerson = new Person("Jane", "Doe", 30);
    
    // Create a new record instance with the Age updated, keeping the rest of the fields the same.
    var updatedPerson = originalPerson with { Age = 31 };

    Console.WriteLine(originalPerson); // Output: Person { FirstName = Jane, LastName = Doe, Age = 30 }
    Console.WriteLine(updatedPerson); // Output: Person { FirstName = Jane, LastName = Doe, Age = 31 }
}
```

This shows the simplicity of creating and manipulating immutable objects using records, which can help you manage state more predictably in your applications. Use records when you need value-based equality and immutability for more robust and maintainable code.
Embarking on a Coding Odyssey: My MLH Global Hack Week Experience
Tags: github, globalhackweek, beginners
Published: 2023-11-16 15:28:50

## Introduction
Participating in the MLH Global Hack Week was nothing short of an exhilarating journey, filled with learning, collaboration, and innovative discoveries. As I reflect on the past week, I am excited to share my experiences, insights, and the valuable lessons I've gained.

## My Participation
I had the pleasure of both participating in and watching some incredible projects unfold during the MLH Global Hack Week. The diverse range of challenges and solutions showcased the immense talent within the global hacker community. It was a unique opportunity to witness firsthand the creativity and dedication that participants brought to the virtual table.

## Crafting a Portfolio
One of the highlights of this experience was honing my skills in portfolio creation. I discovered the importance of presenting my projects, including a Snake Game that added a touch of fun to the serious business of coding. This has undoubtedly enhanced my portfolio and will serve as a testament to my growth as a developer.

## Interview Technique Questions
MLH Global Hack Week also provided a platform for refining interview techniques. Engaging with fellow hackers and mentors allowed me to practice articulating my thoughts clearly and concisely—a crucial skill in any technical interview. I found that discussing my project and problem-solving approaches helped me gain confidence in showcasing my abilities.

## Cloud Technologies
The hackathon delved into cloud technologies, presenting opportunities to explore and implement solutions in a cloud-based environment. This exposure not only expanded my skill set but also underscored the significance of cloud computing in modern software development.

## Upcoming Events
As the Global Hack Week concludes, my journey with MLH continues. I am eager to participate in upcoming events and further immerse myself in the vibrant community. The commitment to continuous learning and collaboration is what makes MLH events stand out, and I look forward to contributing to future hackathons.

## Join the Journey
If you're as passionate about coding and innovation as I am, I invite you to join me on this exciting journey. The MLH Global Hack Week might be over, but there are always new opportunities on the horizon. You can still participate and witness the incredible projects by following this [link](https://majorleaguehacking.typeform.com/to/nFXeE5HQ?event=Global+Hack+Week&referrer_email=farhakousar576%40gmail.com&referrer_name=Farha&skip_intro=true&typeform-source=majorleaguehacking.typeform.com#GlobalHackWeek) and connecting with @MLHacks!
Middleware usando Golang
Tags: go, webapp, f
Published: 2023-11-16 15:26:14

Nas aplicações Web, os middlewares são usados para aplicar lógica global a todas as solicitações, antes que elas atinjam os controllers (ou handlers).

Essas tarefas podem incluir autenticação, autorização, manipulação de cookies, logging, compressão de resposta, entre outros.

Os middlewares têm a capacidade de interceptar uma solicitação antes que ela atinja a lógica do controller, processar ou modificar a solicitação e a resposta, e então passá-las adiante na cadeia de middlewares ou enviá-las para o controller correspondente.

Código fonte: https://github.com/ortizdavid/golang-fiber-webApp


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


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


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


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ncbys2prffksb0yjwa8n.jpg)
Criptografia de senha em Golang
Tags: go, programming, webdev
Published: 2023-11-16 15:20:39

**Pacote usado**: crypto/bcrypt

## Cenários de uso

## 1. Criação de Usuário:
Ao criar um novo usuário, é crucial capturar a senha fornecida, criptografá-la de maneira segura e associá-la ao perfil do usuário no sistema. A criptografia adequada é essencial para proteger as informações do usuário contra acesso não autorizado.

## 2. Autenticação de Usuário:
Durante o processo de autenticação, é necessário recuperar a senha inserida pelo usuário e compará-la com as senhas previamente criptografadas armazenadas no banco de dados. Se a comparação falhar, é essencial registrar detalhes do erro no log de autenticação.

Esse registro é fundamental para a detecção precoce de tentativas de acesso não autorizado e para manter um registro de atividades de login no sistema.

Código fonte:https://github.com/ortizdavid/golang-fiber-webApp


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

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

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o6sorgxf3xyajrosg36g.jpg)
Recuperação de senha em Golang
Published: 2023-11-16 15:17:26

## Como implementar a recuperação de senha por email em Go?

A linguagem Go oferece um pacote integrado em sua biblioteca padrão que fornece todas as funcionalidades necessárias para lidar com o envio de emails.

O pacote **net/smtp** em Go fornece funcionalidades para enviar emails utilizando o protocolo SMTP (Simple Mail Transfer Protocol).

Para configurar o envio de emails em Go, serão necessários os seguintes elementos:
- Servidor SMTP: o nome ou domínio do servidor de emails.
- Porta SMTP: a porta utilizada para a comunicação.
- Usuário: as credenciais de usuário para o servidor de emails.
- Senha: a senha associada ao email configurado para a aplicação.

No banco de dados, é necessário criar uma tabela de usuários contendo informações como email, senha e um token.

Dentro da aplicação, é importante gerar um link de recuperação de senha, o qual será baseado no token do usuário. Esse link permitirá que o usuário redefina sua senha com segurança.

Após a atualização da senha, a aplicação deve gerar um novo token para o usuário, garantindo a continuidade da segurança do sistema.

Código fonte:https://github.com/ortizdavid/golang-fiber-webapp

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


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


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


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


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


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


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


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


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zqm9t8y7fjybl8x1o2df.png)
Modelagem BPMN
Published: 2023-11-16 15:09:22

## Definições

BPMN significa Business Process Model and Notation, que em português é conhecido como Modelagem de Processos de Negócios e Notação.

É uma metodologia padronizada para modelar processos de negócios visualmente, de forma clara e compreensível para todas as partes envolvidas, incluindo analistas de negócios, técnicos responsáveis pela implementação  e stakeholders que monitoram e gerenciam os processos.

BPMN fornece às empresas a capacidade de entender os procedimentos internos de negócios em uma notação gráfica e dá às organizações a capacidade de comunicar esses procedimentos de maneira padrão.

## Elementos Básicos da Notação BPMN

- Pool: Ajuda a visualizar e entender  a interação entre diferentes entidades de negócios num processo. Agrupa uma ou várias Lanes;
- Lane: Agrupa atividades realizadas por uma unidade específica, como um departamento, equipe ou função na organização;
- Start Event: Início do processo de negócio;
- End Event: Fim do processo de negócio;
- Task: Actividade executada durante o processo. Representa uma actividade humana, de um sistema ou automatizada;
- Sequence Flow: Linha que conecta os elementos do processo, indicando a ordem das atividades.
- Association: Association é uma conexão semântica entre elementos do processo que não afeta o fluxo sequencial;
- Annotation: Informação adicional, detalhes ou explicações para compreensão do processo.

## Plataformas / Ferramentas BPMN
- Bizagi Modeler;
- Bizagi Studio;
- IBM Business Process Manager; 
- Microsoft Visio;
- Oracle BPMN;
- SYDLE; 
- BPMN.io;
- Draw.io;
- Adonis.

## Vantagens
- Facilidade de Entendimento;
- Comunicação Clara;
- Identificação de Problemas;
- Flexibilidade;
- Preparação para Automação;
- Treinamento Simplificado;
- Melhoria Contínua.

## Recomendações ao modelar com BPMN
- Compreender o processo de negócio;
- Manter a simplicidade do modelo;
- Revisar periódicamente do Modelo;
- Documentar os detalhes mais importantes;
- Evitar ambiquiddades;
- Pensar nos casos de excepção (situações alternativas);
- Estar familiarizado com as melhores práticas BPMN;
- Treinar as partes interessadas no processo.

## Sugestão
Embora seja amplamente utilizado no campo de TI, o modelo BPMN pode ser aplicado em diversas áreas. Cada setor pode utilizar o BPMN para otimizar seus processos internos.

**Exemplo:** Modelagem do Processo de Emissão de Certificados para uma instituição.
- Processos: normal e  automatizado. 
- Participantes: Requerente, Secretario, Financeiro e Director
- Ferramenta: Bizagi Modeler


_Processo Normal_
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jf8ldbg9sa3u5bnktsjr.png)
_Processo Automatizado_
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vlap0dhl340il6cqvfm1.jpg)
Hypedrop Codes - How to use
Tags: hypedrop
Published: 2023-11-16 15:05:01

Have you ever tried Hypedrop mystery box website? Here you can open amazing boxes and win lots of wonderful items. And what is the most impressive? – you can start opening without the money! Just user Hypedrop codes for opening free box! Below ypu can find fresh and working Hypedrop promo codes. We find and check the newest Hypedrop codes and offer you only the best promotions.

How to use [Hypedrop promo code](https://aeroshield.me/hypedrop-promo-codes/)?
All you need is:

1 – Visit Hypedrop website.
2 – Click Free Drop
3 – Enter Hypedrop promo code HYPEBOXTODAY
Now you can open a free box and win a great lot.

Cars, streetwear, sneakers, mobile phones – are waiting for you!
Your Microservices are probably not Type-Safe 🐘
Tags: typescript, typesafe, go, microservices
Published: 2023-11-16 15:00:47

**There's a lot of talk about Type-Safety in programming these days.** Yet a lot of programs, especially distributed systems, rely on infrastructure that breaks your type-safety. So what gives? 🤔

## 💡 Why Type-Safety matters
Type-Safety is mainly about preventing Type Errors, which are errors that usually happen when an operation is performed on a data type it wasn't designed for.

## 🖼 Example: Picture this
In your program you're dividing two integers, but instead of an integer, a string of letters is passed to the function. This is a classic example where unintended behaviour can arise and it all might blow up in your user's face. 🤯

![type error](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/l5q1wyqywuw5mc8f4orl.jpeg)

**Now you might be saying to yourself:** _I use a modern programming language like Go or TypeScript, which has type-safety "built-in". That ensures my program is type-safe. Right...?_

## 🐘 Cue the huge elephant in the room
Ensuring your code is type-safe is often only half the battle.

If you're building a distributed system, like an event-driven application using Pub/Sub, it's not enough to ensure that each service is written in a type-safe way.😬

👩‍🦯 This is because, normally, Pub/Sub mechanisms are blind to the data structures of the messages they handle, making the inter-service communication un-[type]safe.

This is common source of hard-to-catch errors that can be a nightmare to debug.

## 🦸‍♂️ Type-Safe Infrastructure to the rescue

🤔 What if your Pub/Sub communication could be type-safe? That would prevent a whole class of bugs, and help you catch problems in development rather in production. Saving you time and avoiding plenty of user pains.

💡 A big part of what we're building at [Encore](https://encore.dev) is a fully type-safe [Infrastructure SDK](https://encore.dev/docs/primitives/) that lets you declare infrastructure primitives as type-safe objects in your program.

🤝 This means Encore's compiler can ensure you have end-to-end type-safety, even when using things like Pub/Sub. (Other benefits include that it can also automatically provision the infrastructure in your cloud and deploy your app.)

## Try it yourself

👉 **Check out [this tutorial](https://encore.dev/docs/tutorials/uptime)** on building an event-driven system using Encore's Go SDK.

👉 **Prefer to use TypeScript?** [Join the Developer Hangout on Slack](https://encore.dev/Slack) to ask for beta access.
🌟 토토사이트추천! Pong Bet - 다양한 혜택과 다채로운 게임으로 여러분을 초대합니다! 🎉
Published: 2023-11-16 15:00:19


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



🎁 입플 이벤트 진행 중!

✨ 신규가입시 첫충건 40%, 매충전 15% 이벤트로 여러분을 환영합니다!
🌈 다채로운 이벤트로 더 즐겁게 즐기세요!

🕒 투타임 이벤트: 특정 시간대에 배팅하면 더 큰 혜택이 여러분을 기다립니다!
🔄 리베이트 이벤트: 손실금액의 일부를 현금 또는 보너스로 환급받을 수 있는 리베이트 이벤트가 진행 중입니다!
🍽️ 두끼 이벤트: 배팅이 맛있게! 특별 보너스로 게임을 더욱 풍성하게 즐기세요!
🎯 다양한 배팅종목으로 즐거운 시간을 보내세요!

🏀 스포츠 및 라이브스포츠: 현장감 넘치는 스포츠와 라이브스포츠로 즐거운 시간을 보장합니다.
🎰 카지노 및 슬롯머신: 10가지 이상의 다양한 카지노 게임과 2000가지 이상의 슬롯머신이 여러분을 기다립니다.
🎲 미니게임, 토큰게임, 지뢰찾기: 다양한 미니게임과 독특한 토큰게임으로 여러분의 선택을 기다립니다!
🌐 찾아가기: pong-aa.com
🆔 가입코드: A T

🌟 토토사이트추천 Pong Bet으로 특별한 혜택과 다채로운 게임을 경험하세요! 여러분의 행운이 가득할 것입니다. 지금 바로 참여해보세요! 🚀


1번주소 -> http://pong79.com/			
퐁벳평생주소 : -> http://퐁주소.com/			
가입코드 : A T			
 			
			
❤️ 국내,해외 스포츠 분석 보러가기!			
☑️ 네이버 -> https://cafe.naver.com/browncqpaq			
☑️ 네이버카페 "AI DataBase" 검색			
☑️ 더 많은 입플 이벤트 진행사이트 확인 -> http://입플사이트추천.com			
❤️메이저 토토사이트 -> https://start.me/p/OmrOQ0			
❤️메이저 안전놀이터 -> https://start.me/p/lLg592	
❤️검증사이트 -> https://www.mtmt114.com


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0jjzigagoi1pj7dkq0x4.jpg)
TESTING LEVELS
Published: 2023-11-16 14:58:31

BOUNDARY VALUE TESTING
                   Its is a black box testing .Edge of the point by the set the boundary values which is on the edge of on equivalance partition.Two set of value or we use one set of value.Its a technique to refine equivalance partitiong based on testing at the boundaries between partitions.The boundary value analysis goal is find errors in associated with the boundary values
TEST LEVELS ARE
           1.Unit testing
           2.Integration testing
           3.System testing

This techniques on based on the risks also
       A large number of problems occur at the boundaries of the input variables case

Boundary value analysis test design are 
            * Determine of range of value usually it is equivalance class

           * Determine boundary value

           * Check input variables values at the minimum,just above minimum,just below maximum,normal,at the maximum,just below maximum,just above maximum


 DECISION TABLE
              Decision table is we create the table when the project was planning .In decision table we take all decision to stop errors and bugs.

Example 
       we create one login page 
we have some test case in testing the program but we have a decision table moving to coding we create the table and execute to the devolpers to stop the errors and bugs


USE CASE TESTING
             Use case is much like a older brother to user stories.Use case is a process of definting the actions done by the actors/users on the system software and the responses of the system for the corresponding action

            Use case testing is a software testing technique helps to identify test cases which covers the entire system on a transcation by transcation basis from start to end.by transcation by transcation

LCSAJ(Linear Coder Sequence And Jump )

        IN LCSAJ are small blocks code,the starting line,the end line,the target of jump

 Starting Line
                * At the begining of module or at a line of code that was jumped to by another LCSAJ

End Line 
         * At the end of module or at a line of code when jump occurs
Libraries vs Packages Python
Tags: python, beginners, webdev, programming
Published: 2023-11-16 14:52:31

Coding in python is known for its readability for other programmers.  One important way of creating readable code in python is through using libraries and packages.  They have some similarities and important differences so I am going to go through each of them in more detail.

## Python Packages
A python package typically consists of several modules and is a parent folder containing multiple other folders inside of it.  Similar to how we use file explorer on our computers to save information within a folder.  In visual code it is also easy to see folders within folders. One purpose of these packages is to create a more hierarchal structure hence the readability of python but it also allows for the ability to share modules with other packages in your code.  You now have the ability to write functions and put them into a more universal scope by sharing those functions to other packages within your code.  Take a look at the image below.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lm5ffto2rosydrql4631.png) One purpose of these packages is to create a more hierarchal structure hence the readability of python but it also allows for the ability to share modules with other packages in your code.

If you wanted to share a function within your Training package with your submission package you could do the following at the top of one of your Submission package files that will be needing the function.  From the hierarchy shown here it would be either submit.py or run_context.py.  You would then type the following.

```
from my_model.training import dataset
```

## Python Libraries
Libraries can have a similar feel to packages but also have some key differences.  A library is a collection of modules that are frequently used that a developer can take advantage of to make their coding easier.  It allows for less redundancy of code and usually the ability to use "shortcuts" to get the same result by taking advantage of a pre made library.  Libraries allow us to "stand on the shoulders of giants" as my professor would say by using their pre written code that is being run under the hood in these libraries.  You will know you are using a library if it does npt have its own file but it does show up in your Pipfile.  An example of this is using flask_restful to create APIs.  You can code out each API without using flask_restful but if you import the library there is pre built functionality that makes creating APIs faster and more modular as well as reducing the risk for any errors while typing the code.  Importing a library is fairly simple.  Within the file you are wanting to use the functionality within you will type the following code at the top of the page.

```
From "library" import "function"
or in the flask_restful scenario
From Flask_restful import Resource
```
Now you can use the Resource functionality within your code.

You can google libraries for Python or really any language you are coding in to find great time saving tools to use within your code to increase functionality and readability.