teleren/devto huggingface dataset:
Tenemos avances...
Tags: newjob, devops
Published: 2024-05-10 18:32:58

Ya llevo más de un mes en mi nuevo puesto, y hemos enfrentado numerosos desafíos; estos últimos 15 días han sido especialmente caóticos. No hemos podido avanzar tanto como me gustaría debido a que estamos atascados en una migración de uno de los sistemas vitales de la empresa, que, desde mi perspectiva, ha sido mal implementada. Antes de mi llegada, ya se había intentado realizar esta migración, pero al implementarla en producción, todo falló y tuvimos que revertirla. Esto es preocupante, ya que afecta directamente la generación de solicitudes para nuevos créditos. Además, la plataforma está innecesariamente complicada, con versiones obsoletas de tecnologías y adiciones mal implementadas, como el uso de GraphQL solo por el interés de aprenderlo.

Además, perdí todo un día intentando recuperar una tabla de SQL que uno de los desarrolladores borró por accidente. Afortunadamente, pudimos restaurarla gracias a que teníamos copias de seguridad. Aunque la recuperación y la integración de los datos solo tomaron una hora, el proceso completo nos llevó cerca de cinco horas. Días como ese trastocan todos mis planes, ya que tengo que dedicar tiempo al soporte de la plataforma, a pesar de que no somos un equipo de soporte y no hay nadie más que pueda encargarse de esto.

Lo interesante de estas últimas dos semanas es que logré implementar un despliegue automático. Ahora, cada vez que se sube un cambio a la rama master en GitHub, Jenkins inicia un proceso de construcción y sube los archivos a un bucket de S3, que luego distribuye la información a los usuarios. Esto me ha facilitado mucho el proceso de llevar código a producción sin grandes demoras, permitiéndome hacer entregas más frecuentes. Aunque todavía no tenemos un ambiente de desarrollo ni control de pruebas automáticas, es un gran avance. Logré un hito similar con una plataforma hermana de la empresa, que ahora cambia a un despliegue automático cada vez que se actualiza la rama principal en GitHub.

Para manejar mejor la carga de trabajo, he aplicado una estrategía de planificación de metas. Cada lunes a las 9 am, me tomo unos 15 minutos para definir lo que quiero lograr esa semana. Me propongo tres proyectos fuera de la planificación del equipo, lo que me ayuda a priorizar mejor mis tareas. Continuaré aplicando esta estrategia para mantener un control sobre el progreso semanal. Otro logro reciente fue añadir documentación básica a los proyectos, en forma de archivos README.md, con instrucciones para realizar despliegues, ejecutar el código y las variables importantes para el funcionamiento de los proyectos.
AWS Solution Architect professional certification exam preparation- SAP-C02 (2024)
Tags: aws, certification, sapc02
Published: 2024-05-10 18:19:28

1.Prepare

- Took SAA-C02 in 2021
- 50% discount voucher so the cost of SAP-C02 exam is $150
- Do some projects related to AWS (Services used: EC2, S3, RDS, VPC endpoint, Apprunner, Cloudwatch,...)

2.Exam review

- Learn start date is December 27, 2023
- Go to work 8 hours in the morning (sometimes I'm too sad to still look up and study), come back to eat and sleep until 9:00 pm and study from 10:00 pm to 2:00 am (~ 4 hours/day).
- Lucky enough to learn 4 training courses directly from AWS. Each course lasts 3 days (~96 hours of study). Courses studied include: Cloud Operations on AWS, Developing on AWS, Security Engineering on AWS, AWS Cloud for Finance Professionals.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hbp4qqdm13lw11zvzyf4.png)

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

- Use Tutorials Dojo's AWS Cheat Sheets to systematize knowledge
- Use AWS-SAP-C02-Study-Guide on github.
- Read the reviews of previous test takers in the group and on medium to see the test content.
- Use labs in the courses mentioned above for practice + projects.
- Examtopic exam (should choose SAP-C01 to see more questions - free first 25 pages about 250 questions + SAP-C02). You should look up the original AWS documentation and see the discussions below because the original answer is 80% wrong.

3.Take the exam

- Exam date May 7, 2024 (more than 4 months to prepare for the exam)
- Exam time 190 minutes (10 minutes remaining + forgot to register for an additional 30 minutes)
- Exam location at Trainocate center in Hoang Cau.
- You should not drink water during the exam because you sit for too long!

4.Results

- Pass, get an additional 50% discount voucher for the next test.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/22dha22dcudrp4hoash8.png)
Giving this a shot 🤞
Tags: javascript, typescript, html, css
Published: 2024-05-10 18:10:36

---
title: Giving this a shot 🤞
published: true
description: 
tags: #javascript #typescript #html #css
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/q1jdplyz6hzymn7mtfvh.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2024-05-10 17:34 +0000
---

> Planning to write articles on vanilla js, typescript, html, css. Will also cover webpack, babel. Maybe react as well.
Computer Vision Meetup: To Infer or To Defer: Hazy Oracles in Human+AI Collaboration
Tags: computervision, ai, robotics, machinelearning
Published: 2024-05-10 18:07:23

This talk explores the evolving dynamics of human+AI collaboration, focusing on the concept of the human as a “hazy oracle” rather than an infallible source. It outlines the journey of integrating AI systems more deeply into practical applications through human+AI cooperation, discussing the potential value and challenges. The discussion includes the modeling of interaction errors and the strategic choices between immediate AI inference or seeking additional human input, supported by results from a user study on optimizing these collaborations.

**About the Speaker**

[Jason Corso](https://www.linkedin.com/in/jason-corso/) is a Professor of Robotics, Electrical Engineering, and Computer Science at the University of Michigan, and Co-Founder / Chief Scientist at AI startup Voxel51. His research spans computer vision, robotics, and AI, with over 150 peer-reviewed publications.

Not a Meetup member? Sign up to attend the next event:

[https://voxel51.com/computer-vision-ai-meetups/](https://voxel51.com/computer-vision-ai-meetups/)

Recorded on May 8, 2024 at the AI, Machine Learning and Data Science Meetup.
Demo: Minder, a software supply chain security platform from Stacklok
Tags: opensource, security, demo, github
Published: 2024-05-10 17:53:31


Automated remediation is a core feature of the Minder platform. We want to help developers catch security issues before they merge their code *AND* we want to make it easier for them to resolve those issues (e.g., not just listing manual remediation steps). 

This demo from Stacklok engineer Evan Anderson shows how Minder helps you auto-remediate issues from repo configuration drift to automatically pinning all of your GitHub Actions to commit SHAs. 

[See the demo here](https://www.youtube.com/watch?v=UXG9YpeDMts)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ssg4hcbup29f72l4c40c.png)
Computer Vision Meetup: Anomaly Detection with Anomalib and FiftyOne
Tags: computervision, machinelearning, ai, robotics
Published: 2024-05-10 17:51:58

Most anomaly detection techniques are unsupervised, meaning that anomaly detection models are trained on unlabeled non-anomalous data. Developing the highest-quality dataset and data pipeline is essential to training robust anomaly detection models.

In this brief walkthrough, I will illustrate how to leverage open-source [FiftyOne](https://github.com/voxel51/fiftyone) and [Anomalib](https://github.com/openvinotoolkit/anomalib) to build deployment-ready anomaly detection models. First, we will load and visualize the [MVTec AD](https://www.mvtec.com/company/research/datasets/mvtec-ad) dataset in the FiftyOne App. Next, we will use [Albumentations](https://github.com/albumentations-team/albumentations) to test out augmentation techniques. We will then train an anomaly detection model with Anomalib and evaluate the model with FiftyOne.

**About the Speaker**

[Jacob Marks](https://www.linkedin.com/in/jacob-marks/) is a Senior Machine Learning Engineer and Researcher at Voxel51, where he leads open source efforts in vector search, semantic search, and generative AI for the FiftyOne data-centric AI toolkit.

Prior to joining Voxel51, Jacob worked at Google X, Samsung Research, and Wolfram Research. In a past life, he was a theoretical physicist: in 2022, he completed his Ph.D. at Stanford, where he investigated quantum phases of matter.

Not a Meetup member? Sign up to attend the next event:

[https://voxel51.com/computer-vision-ai-meetups/](https://voxel51.com/computer-vision-ai-meetups/)

Recorded on May 8, 2024 at the AI, Machine Learning and Data Science Meetup.
Snip tool
Tags: python, showdev, coding, firstpost
Published: 2024-05-10 17:50:18

Hello there, this is my first post here. 

I developed a python version of snip tool, similar to the one found in Windows. I was building a OCR related application. I needed to control the screen capture programatically. But the one in windows (`WIN + Shift + S`) couldn't do it. So i created one using tkinter and PIL package.

![sniptool](https://camo.githubusercontent.com/f3f20300dc1fed282b2706d7e791dd3eec45ab34d9b50cb5f91dec08f4ea11cb/68747470733a2f2f692e696d6775722e636f6d2f565a5943684c312e706e67)

### Usage: 

To snip screen directly,

```sh
git clone https://github.com/abdxzi/sniptool.git
cd sniptool
python snipping_tool.py
```

Add in programs,
```python
from snipper import ScreenSnipper

app = ScreenSnipper()
snips = app.snip()
print(snips)

# [<PIL.Image.Image image mode=RGB size=310x250 at 0x228AEDB4D50>, <PIL.Image.Image image mode=RGB size=454x307 at 0x228AEDB4E10>]
```
Returns PIL Imgae format, which can be further used in programs.

[Source Code](https://github.com/abdxzi/sniptool)
A-24 Hour Door National Inc.
Published: 2024-05-10 17:41:10



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

Looking for 24-hour emergency door repair services? Look no further than A-24 Hour Door National! We specialize in commercial door repair and offer round-the-clock assistance for all your door-related emergencies. Whether it's a malfunctioning garage door or a broken business entrance, our team is here to help. With our prompt and reliable service, you can trust us to get your doors back in working order quickly and efficiently. Contact us now for all your door repair needs!

A-24 Hour Door National Inc.
Address: [6835 Greenway Ave, Philadelphia, PA 19142](https://www.google.com/maps?cid=8880945528853051600)
Phone: 215-654-9550
Website: https://a24hour.biz/locations/philadelphia/
Contact email: access@growthfoundry.com

Visit Us:
[A-24 Hour Door National Inc. Facebook](https://www.facebook.com/24hourdoor/)
[A-24 Hour Door National Inc. Instagram
](https://www.instagram.com/a24hourdoor/)[A-24 Hour Door National Inc. Twitter](https://twitter.com/a24hrdoor)

Our Services:
Emergency door repair
Commercial door service
Industrial door repair
24-hour door repair
Storefront door repair
Weekly Updates - May 10, 2024
Tags: community, couchbase, ai, vectorsearch
Published: 2024-05-10 17:33:54

Hi everyone! 

Today's updates will be short and sweet - I hope everyone had a great week and is having a beautiful weekend!

-  📺 **Webcast: "Powering AI for Adaptive Mobile and IoT Apps"** - Join us on May 21/22 virtually to learn through conversation, live demos and real-world use cases how the Couchbase Mobile database platform makes mobile apps. [*Register for the event here >>*](https://info.couchbase.com/powering-ai-for-adaptive-mobile-and-IoT-apps-2024may.html)

- ✍️ **New Blog -Twitter Thread tl;dr with AI? Part 1** - Our Director of Dev Rel and Strategy Laurent takes Vector Search for a spin by working to summarize an X/Twitter thread. [*Read about Part 1 of his adventure here >>*](https://www.couchbase.com/blog/twitter-thread-tldr-with-ai-part-1/)

- 🎓 **Are you new to Couchbase?** - We have some great Tutorials and Quickstart Guides for you! You can sort by Tutorial Type, Language/SDK and Technology to find what you are looking for. Take a look! [*You can find the tutorials here>>*](https://developer.couchbase.com/tutorials)

Have a great weekend everyone!
Episode 24/18: Signals and Observables, Angular Q&A Session
Tags: webdev, javascript, programming, angular
Published: 2024-05-10 17:25:25

An insightful discussion about the Signals, Observables, and the standardization of Signals happened at TechStackNation. Mark and Jeremy from the Angular Team did their Q&A session with live coding and answering questions about Angular.

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

## TC39 Signals Proposal

Alex Rickabaugh, tech lead of the Angular framework, and Ben Lesh, primary maintainer of RxJs, discussed Signals and Observables at TechStacknation. This topic is very interesting, also outside of Angular, because Signals and Observables are considered to become standardized in JavaScript.

In terms of difference, RxJs is strong when it comes to handling events and asynchronous tasks. Signals are good when it comes to managing the state. Ben highlighted that state management should definitely not be done with RxJs.

Every framework currently has a different Signal's implementation. The official polyfill used in the standardization is the one from Angular.

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

## Angular Q&A Session

The monthly session with Jeremy and Mark from the Angular team happened again. In addition to the usual discussion of why Signals are important and why we should not always stick to RxJs, we heard that the Web Test Runner, which will succeed Karma, will not be available in Angular 18 yet.

It was very interesting to hear that there is no version of Angular inside Google. Every commit directly affects the internal applications. That means the Google applications are already running on a pre-release of Angular 18.

By default, a component is not standalone until its property standalone is set to true. That is going to change. Jeremy mentioned that, in the "not too distant future," one has to explicitly set that property to false; otherwise, standalone is the default.

We will likely get a migration script setting the module-based components to standalone: false automatically.

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

## Austrian Angular Meetups

The two main Austrian Angular meetups, Vienna and Graz, happened the same day. The talks were recorded. Topics range from Accessibility, Security, Performance, Design Systems and Change Detection.

{% embed https://www.youtube.com/live/qq5SkQVV8MY?si=WfpQqsq56edgdaN3 %}

{% embed https://www.youtube.com/watch?v=rN7KpSnwjvk %}
Conditional wrap component in Vue 3 pt.3
Tags: vue, frontend, webdev, javascript
Published: 2024-05-10 17:09:41

Previously we observed 2 options to create a conditional wrap component in Vue 3. Now it's time for the most complex one which exploits vnodes in a deeper way.

On the client side it's pretty ordinary with the wrapper provided in a `wrapper` slot and the wrapped content in the default one. But we do some magic inside the wrap component:

1. We collect all leaf vnodes in the wrapper slot's vnode tree
1. We inject our content into the leaves like they'd support a default slot. For that we should set `shapeFlag` of the leaves as `ShapeFlags.ARRAY_CHILDREN | ShapeFlags.ELEMENT`.

[See on Vue SFC Playground](https://play.vuejs.org/#eNp9VG1v2zYQ/is39UNswKbWrdgC1WmSdh6WIcuKNGhRVEVBS5TERiIJknJcuP7vPb5ItoO238i7547PPby7bXKpFFn3LMmShSk0VxYMs716kQtFNROWlLLoO3ew3LYMzuDknaZKMQ0P3DZgWmnNyfNc5IJ3SmoLW9CsmkEDO6i07OAE0ztAdLvo6CCpu4TgQgpjgZuQvMR3MMukoq1hUw9YpIEfMsOLZZ1qqWV4A1g8uJwZN3N3wGhvRfuAgifBoaMDXSVfQ9FSY87yJDrzZHQ/AnAhmI7JHWyRonef6+C2SI+YocFJGXBXJx1EggM4OBepM4fjqrdWCrgoWl7cu6cPFPllvCCHO1nX+B+R1CINgZjkiAJejf2COFPIIAyJEVv33IoW97WWvSjnhWylzuDJKa1QbwBFy5KLOoOnf6iNt6ykLhlCnqoNGNnyEmpNvxy45pqWvDcZPIsRHdU1FxmcYsSv3826Q0JH6v6IVlWd/igBdoYrEWtLZonFQkXFa/LZSIFd7fPlSSE7xVum/1eWY6flSQbe43y0beXDv95mdc9mg71oWHH/Hftns3G2PHmtmWF6zfJk9FmsmNngXr65YRs8j85Oln2L6J84bxkq2zuOAfYSNUDaBzjP9srPEupwZ5Yby4QZinJEHXLn8XmCs/fqJ6Xv6f5Onvk4VBRVdG2GCqJ+41C/aahif7e0NsNg58kFpk9Ng4sCO3I/4lscHCnY2xtZshGLUI8ZRr3iorxmdM0MdvZkLRA7g2I1hbMX4Jh4Cyka3pa4h85Jy0SN++bcOx+7SSX1khZNyONS7NMf5J4CaurDi1UwT3PhObGNZ16yivYtkutF4dTy22qyHeduN4Ot33i7KWroUvEKJvu5nOLWsr0WYS2SmG4SNhi+6iuPnY5lB1S8T6akw8fGCvYaRqouCxwWth3Kz4acyG+Mj58chMJPCr+Hr+5/klze3l6+//Tqn6vrv26XN/D10Le8Xv63vLnzj0L8oVFwOD8/gw8fp0T1ppkQQh4VHLjuhsKjKpFlGNtc+C5TWirXAtv98s/gpZQtowJ2zwG7MbTVHNV5NNXBcdzSRz3pRqixVpksTXuh7muCiyA9gFxg35Pf/sQNbmw0EWa6+SrMHb6XJ+Nc7L4BjTFsmA==)

```js
import { ShapeFlags } from "@vue/shared";
import { cloneVNode} from "vue";

const findLeaves = (vnode, cb) => 
  vnode.children?.length ? 
    vnode.children.forEach(vnode => findLeaves(vnode, cb)) : 
    cb(vnode)
;

export default function Wrap({isWrapped}, {slots}){

  if (!isWrapped) return slots.default();

  const wrapper = slots.wrapper().map(vnode => cloneVNode(vnode));
  findLeaves({children: wrapper}, vnode => {
    vnode.shapeFlag = ShapeFlags.ARRAY_CHILDREN | ShapeFlags.ELEMENT;
    (vnode.children ??= []).push(...slots.default());
  });

  return wrapper;
}

Wrap.props = { isWrapped: Boolean };  
```
Usage:
```html
  <wrap :is-wrapped>
    <template #wrapper>
      <div class="wrapper">
        <div class="inner-wrapper"></div>
      </div>
    </template>
    <p>
      I'm wrapped
    </p>
  </wrap>
```
As you see the DX is pretty good, with full ability to define our wrapper with any nesting fully inside a template. 

Now you have a choice to select a wrap component from 3 options or probably combine them into one ultimate component.
Terminal Style Image Gallery
Tags: netlifychallenge, devchallenge, webdev, nextjs
Published: 2024-05-10 17:00:12

*This is a submission for the [Netlify Dynamic Site Challenge](https://dev.to/challenges/netlify): Visual Feast.*


## What I Built
<!-- Share an overview about your project. -->
I built a terminal style Image Gallery with homepage interaction and curated feed designed in a masonry layout with featured image pages. Photos fetched from the Pexels API.

## Demo
<!-- Share a link to your Netlify app and include some screenshots here. -->
https://fascinating-kitsune-b8c2cc.netlify.app/


![Image gallery homepage featuring five images in row format that have animated widths when clicked](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yipv2w546bjb1mvqu9dk.png)


![Image gallery curated feed](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tft1qjcd4yw5veshqa3f.png)

## Platform Primitives
<!-- Tell us how you leveraged the Netlify Image CDN. -->
I'm leveraging the Netlify Image CDN by using the `<Image>` component from [next/image](https://nextjs.org/docs/app/api-reference/components/image) provided by the Next.js framework.

<!-- Did you implement additional platform primitives like Netlify Blobs or Cache Control? Tell us about that too! You may qualify for more than one prompt. -->

<!-- Team Submissions: Please pick one member to publish the submission and credit teammates by listing their DEV usernames directly in the body of the post. -->


<!-- Don't forget to add a cover image (if you want). -->


<!-- Thanks for participating! -->
Full Stack is not for beginners!
Tags: beginners, webdev, tutorial, codenewbie
Published: 2024-05-10 16:57:48

Before we discuss anything.....
Let me tell you what Full Stack Development is...

In simple language, Full Stack Development is the whole combination of Frontend + Backend, in other way you can say Client side + Server side PROGRAMMING!

So I said Full Stack Development is not for BEGINNERS...

WHY???

The simplest reason is that you're not eligible to become one.

WHY???

- You don't have any core fundamentals laid out.

- You don't have any real working experience. And companies don't hire junior Full Stack Developer. (IF THEY HIRE THEN YOU MUST KNOW THAT THE CANDIDATE POSSESS TREMENDOUS AMOUNT OF SKILL).

- There are multiple things to handle beside just Frontend and Backend.

- You have to learn and practice a ton of things to be able to get a job which will cost your time and mental health too if you're a beginner.

NOW, WHAT TO DO?

- Focus on the fundamentals (HTML, CSS & JS) first.

- Go in Frontend Development. (Companies don't let you handle server side as a beginner).

- Build small projects. (Check out Frontend Mentor website for challenges).

- Learn in public. Share what you're learning and building with Twitter, LinkedIn and GitHub.

- Host your projects with GitHub Pages. Other alternatives are Vercel, Netlify.

- (OPTIONAL) You can write blogs on any tech related topics. Best platform are dev.to and hashnode.

CONCLUSION💭

- Relax;
- Take your time;
- Learn, practice and get a job;

HAPPY LEARNING 🎉
Kinh nghiệm cá cược trực tuyến để luôn chiến thắng - Sunwin
Published: 2024-05-10 16:55:30

Kinh nghiệm chơi là cần thiết để học hỏi trải nghiệm khi chơi game. Dưới đây là một số điểm kinh nghiệm chơi mà game thủ có thể áp dụng:
Game thường có nhiều chế độ chơi khác nhau như chế độ chơi đơn, chơi mạng, chơi nhóm... Người chơi cần tìm hiểu sơ lược các chế độ đó trước khi chơi, quyết định lựa chọn chế độ phù hợp với sở thích của mình. Ví dụ như nếu thích chơi đơn thì chọn chế độ đơn, còn muốn chơi với nhiều người thì chơi chế độ mạng hay nhóm.
Khi mới chơi game mới hoặc lần đầu chơi một game nào đó, người chơi nên dành thời gian để khám phá, làm quen với cách vận hành, điều khiển nhân vật, sử dụng vũ khí và kỹ năng. Điều này giúp người chơi nắm vững cơ chế game, tránh gặp phải tình huống bị động. Ngoài ra cũng nên đọc kỹ hướng dẫn trong game để biết cách chơi chi tiết hơn.
Game thường có hệ thống nhiệm vụ và tiến trình phát triển nhân vật/trang bị. Người chơi nên hoàn thành các nhiệm vụ cơ bản, tích lũy kinh nghiệm và - w1jlwwij1j - https://sunwin35.com/kinh-nghiem-choi/page/2/
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z2p3n7x3mu4m8cu55lqs.jpeg)