teleren/devto huggingface dataset:
Completing the #100DaysOfCode Challenge: Reflections and Next Steps
Tags: javascript, beginners, programming, react
Published: 2023-05-11 00:51:48

Hey everyone, I'm excited to share that I've reached Day 100 of my #100DaysOfCode challenge! 🎉 It's been an incredible journey, and I'm ready to embark on my next challenge, #365DaysOfCode. Get ready for more coding adventures!

First and foremost, I want to express my gratitude to everyone who supported me throughout this challenge. Your encouragement and positive energy kept me motivated, even when things got tough. This journey wasn't always easy, but I persevered and grew both as a programmer and as an individual (yes, I know it sounds cliché).

As I move forward, I've decided to focus more on achieving significant milestones before sharing updates on my current project. This means diving deeper into the development process, refining my skills, and delivering high-quality results. While building in public has been an excellent extrinsic motivator, I've discovered that I'm more intrinsically driven. So, instead of daily updates, I'll be sharing my progress when significant breakthroughs happen.

Speaking of projects, the one I've been working on, my first significant endeavor, is still in progress. I started it with the primary goal of sharpening my programming skills, and I'm determined to see it through completion. Along the way, I'll continue to tackle other exciting projects, each one pushing me to learn and grow. Rest assured, I'll keep sharing my journey and projects with all of you, my wonderful audience.

Thank you once again for joining me on this #100DaysOfCode adventure. It's been an honor to have you by my side.

Today, I worked on and completed the like, dislike, and undo buttons.
Want to speak at a conference? Top tips for getting a CFP accepted
Tags: career, tutorial, github, writing
Published: 2023-05-11 00:08:25

You have been working on something cool, and now you want to talk about it? How to do you get selected to present on stage at a conference or event?

I've spoken at 253 different conferences and events 🤯 and that's at the time of writing. I have a few more next week! Whilst applying for an getting accepted for these multitude of events, I have discovered some of the best ways to make your call for papers (Call for Papers, also known as Call for Speakers, or Call for Sessions) stand out.

Whether you're submitting your first paper, or your 100th talk, hopefully these top tips will help you.

## Tips

Here are some top tips on getting your paper accepted for an event. In no particular order:

1. Make your bio personal, but informative. It should cover who you are, your position, and what credentials you have to speak on your proposed topic.

2. A catchy, fun talk title goes a long way to grabbing the attention of both the paper reviewers and participants if your talk is chosen.

3. In your talk abstract, be specific about some of the tools, skills, and/or practices participants will learn from your session.

4. Make sure your talk abstract speaks to the audience. Who is the target audience? What is the aim of the conference? If the conference is for Android developers, make sure you are making content that would be useful to them.

5. Your talk should not be a sales pitch. If you want to give a sales pitch, you'll probably need to pay for a speaking spot!

6. If there are "options" or "add more information" make sure you add information in here that will make sense to someone reading your abstract. Will you already be in town for another conference? Are you happy to have the talk considered for a lightning talk or a panel discussion if it's not selected as a talk? Have you given the talk before and provide links to the recording?

7. Stick to the criteria. If there's a character limit, stick to it. If it asks you to select a talk track, topic, or theme, make a selection and ensure your talk speaks to your choice.

FINALLY: If you can't decide on what talk to submit, make multiple submissions. I would stick to submitting no more than three talks for a single conference.

Whatever you decide to submit, make sure it's relevant, timely, and interesting.

## Submit now, and add your tips

Hopefully these tips help your next CFP submission. Speaking of, [GitHub Universe](https://githubuniverse.com/) has just opened CFPs for 2023, and we hope to see your submission.

If you have a tip to add, I'd love to see it in the comments :heart:
NodeJS: what do JavaScript, a V8 engine, and a dinosaur have in common?
Tags: node, guide
Published: 2023-05-10 23:47:22

Let's imagine you are building a house. To build the house, you need building materials, tools, and a plan. JavaScript, Chrome V8 engine and the Libuv are the different tools and materials we will use to do it.

#javascript: This is like the bricks blocks, cement and the blueprint we use to build the house. It is the main material or language that we use to create and control what our house will look like and how it will function.

#v8 Engine: This is the constructor builder who reads the blueprint (JavaScript) and knows exactly how to turn it into a strong and finished house. The V8 engine is a powerful worker that understands our JavaScript code and makes it run quickly and efficiently on the computer.

#libuv: This is like the plumbing and electricity in our house, making sure that everything works smoothly and all the different parts of the house can communicate with each other. libuv helps with managing tasks and events in our Node.js house, so that it can handle many things at once, like turning on lights or using the faucet, without any problems.

When we put all these elements together, we can build a strong, efficient, and functional house, which is our Node.js application. #nodejs is an open-source, cross-platform JavaScript runtime environment that allows developers to execute JavaScript code outside of a web browser.
ChickenVision🐔👀: UI/UX Research and Design Update
Tags: githubhack23, opensource, development, uidesign
Published: 2023-05-10 23:39:10

Hello again, dev.to community! 👋

We're back with another update on our hackathon project, **ChickenVision🐔👀**. In our last posts, we introduced the [concept](https://dev.to/hlexnc/githubhack23-chickenvision-introduction-388b) and shared a [research update](https://dev.to/hlexnc/chickenvision-yolov7-pose-estimation-research-update-21im). Today, we are excited to present the UI/UX design for our eye-catching mobile app!

![UI/UX Design Example](https://user-images.githubusercontent.com/66517969/236678890-3d2b2dca-a2ee-4a27-8c46-a95694ac50dd.png)

## Key UI/UX Design Elements 📱

### Record Button Placement 🎥

To ensure a comfortable user experience, especially given the size of modern mobile phones, we have strategically placed the record button on the right edge of the screen. This positioning allows for better grip and accessibility, accommodating users with smaller hands and reducing the need to use both hands.

### Button and Menu Positioning 🤳

Our design prioritizes screen real estate and minimizing interference with the primary video view. We placed buttons and menu options intuitively to allow users to focus on capturing the scene without distractions.

### Filming Diagonally 📐

The app's UI caters to diagonal filming, allowing users to capture various angles while maintaining easy access to the record button and other functionalities.

![Diagonal Filming](https://user-images.githubusercontent.com/66517969/236681098-d3c652af-7af3-4bdc-a555-a908ffe66028.png)

### Future UI Feature ⏰

We plan to introduce a lock feature, enabling users to record without holding the record button, further enhancing user experience.

![Lock Feature](https://user-images.githubusercontent.com/66517969/236682134-dbc3d581-171a-4c45-9fc8-5172a6f065d6.png)

---

Stay tuned for more updates on ChickenVision, and don't hesitate to join us in making this project a reality! Visit our GitHub organization [projectPavoculus](https://github.com/projectPavoculus) for more details about ChickenVision and our other projects.

As always, we appreciate your feedback and questions. Please leave a comment or reach out to us directly. Let's continue having fun with ChickenVision! 🐔🚀

Happy coding,  
The Pavoculus team 🦃
ChatGPT: Explicando complexidade de algoritmos
Published: 2023-05-10 23:29:45

A complexidade de um algoritmo é uma medida da quantidade de recursos (como tempo de execução ou espaço de memória) que ele requer para resolver um determinado problema. É uma medida importante da eficiência de um algoritmo, pois ajuda a identificar possíveis gargalos de desempenho e a determinar se um algoritmo é adequado para uma determinada tarefa.

Existem dois tipos de complexidade de algoritmos: a complexidade de tempo e a complexidade de espaço. A complexidade de tempo mede a quantidade de tempo que um algoritmo leva para resolver um problema em função do tamanho da entrada. A complexidade de espaço mede a quantidade de espaço em memória necessária para executar o algoritmo em função do tamanho da entrada.

A complexidade de tempo é geralmente expressa usando a notação Big O (O). Essa notação descreve a ordem de crescimento do tempo de execução do algoritmo à medida que o tamanho da entrada aumenta. Por exemplo, um algoritmo com uma complexidade de tempo O (n) leva tempo proporcional ao tamanho da entrada, enquanto um algoritmo com uma complexidade de tempo O (n²) leva tempo proporcional ao quadrado do tamanho da entrada.

Além disso, a complexidade de tempo é geralmente dividida em casos de melhor, médio e pior. O caso melhor é o cenário em que o algoritmo leva menos tempo para resolver o problema, enquanto o caso pior é o cenário em que o algoritmo leva mais tempo para resolver o problema. O caso médio é o cenário em que o algoritmo leva um tempo médio para resolver o problema.

Já a complexidade de espaço é geralmente expressa usando a notação Big O (O) e descreve a quantidade de espaço em memória necessária para executar o algoritmo à medida que o tamanho da entrada aumenta. Por exemplo, um algoritmo com uma complexidade de espaço O (n) requer espaço proporcional ao tamanho da entrada, enquanto um algoritmo com uma complexidade de espaço O (n²) requer espaço proporcional ao quadrado do tamanho da entrada.

É importante ter em mente que a complexidade de um algoritmo é apenas uma medida aproximada da eficiência do algoritmo. Outros fatores, como a arquitetura do computador em que o algoritmo é executado e o tamanho dos dados em que o algoritmo é aplicado, também podem afetar o desempenho do algoritmo.

Em resumo, a complexidade de um algoritmo é uma medida da quantidade de recursos que ele requer para resolver um determinado problema e é expressa em termos de tempo e espaço. A notação Big O é comumente usada para expressar a complexidade de tempo e espaço dos algoritmos. É importante lembrar que a complexidade de um algoritmo é apenas uma medida aproximada da eficiência do algoritmo e outros fatores também podem afetar o desempenho do algoritmo.
What is INLINE_RUNTIME_CHUNK environment vairable?
Published: 2023-05-10 23:20:23

When you run npm run build for a React app, this will prevent addition of inline JS into the build folder's index.html and create and attach separate JS files instead.

To use this environment variable, edit the build command as follows:

`“build”: “INLINE_RUNTIME_CHUNK=false react-scripts build”,`
If you rebuild your project, the generated index.html will contain no reference to inline JavaScript code.

Note:- For me I was getting error 'INLINE_RUNTIME_CHUNK' is not recognized as an internal or external command, operable program or batch file. when I added it directly in the script. I have to check the issue but I think in Windows, we cannot set env variable directly in a script and have to put it in a separate .env file.
Does React's npm run build add inline scripts in the build folder's index.html?
Tags: react
Published: 2023-05-10 23:03:44

**No**, as of 11-May-2023, React does NOT add any inline scripts into the build folder's index.html file. 

The build folder's index.html file includes an external JS file instead.

**However in the previous versions before React 16 it did so**, and still some third-party dependencies might do so as well. But React itself does not anymore.
What is Data Analytics and how is it used in organizations?
Tags: datascience, dataanalysis, datamanipulation, datavisualization
Published: 2023-05-10 22:42:46

In today’s digital age, data is one of the most valuable assets that any organization possesses. The ability to collect, analyze, and interpret data can provide valuable insights that help organizations make informed decisions, drive growth, and gain a competitive advantage in the marketplace. This is where data analytics comes into play.

Data analytics is the process of examining large sets of data to identify patterns, relationships, and insights that can be used to inform business decisions. This process involves using specialized software and statistical algorithms to analyze data and crate visualizations that can help organizations understand and interpret their data.

To be successful in this field of data analytics, there are several skills that professionals need to possess:

**Statistical knowledge**: Data analytics is a highly statistical field, so having a strong foundation in statistical concepts is essential. This includes an understanding of probability theory, statistical inference, hypothesis testing, and regression analysis.

**Data Visualization**: The ability to create compelling visualizations of data is critical for communicating insights to stakeholders. This involves using tools like Tableau, Power BI, and Excel to create graphs, charts, and dashboards that effectively communicate insights.

**Programming**: Data analytics often involves working with large datasets and requires proficiency in programming languages such as Python, R, and SQL. Professionals need to have a strong understanding of data structures and algorithms.

**Data manipulation**: Analyzing large datasets requires the ability to manipulate data in various ways, including cleaning, filtering, and transforming data. This involves using tools like pandas and Numpy or R.

**Problem-solving**: Data analytics requires a problem-solving mindset, where professionals can use critical thinking and creative approaches to identify solutions to complex problems.

**Business acumen**: Data analytics is not just about technical skills. It also essential to have a deep understanding of business processes and how data can be used to drive business decisions.

**Soft skills**: In addition to technical skills, data analyst need to possess a range of soft skills in addition to their technical skills to be successful in their roles. Effective communication, critical thinking, attention to detail, adaptability, problem-solving, time management, and collaboration are all essential skills.
Registration now open: Virtual DevOps conference, Unpacked! June 20th
Tags: devops, eventsinyourcity, opensource, security
Published: 2023-05-10 22:22:51

Cloudsmith is proud to present its inaugural conference for DevOps professionals and engineering leaders, Unpacked. This event will take place online on Tuesday, June 20, 2023 starting at 9 AM PT and will provide attendees with valuable insights into securing and scaling software delivery.

Unpacked will be attended by industry leaders from across the globe, who will gather to discuss topics such as software distribution at scale, securing open source dependencies, and reducing complexity and cost. The conference is designed to provide attendees with valuable information and tools for optimizing their software delivery pipelines.

Unpacked speakers include:
- Josh Bressers, VP of Security, Anchore
- Luke Hinds, Distinguished Engineer, Red Hat (Formerly)
- Mel Kaufuss, Developer Advocate, Buildkite
- Shanea Leven, Founder and CEO of CodeSee
- Jerome Hardaway, Founder & Executive Director, VetsWhoCode
- Tamara Miner, Principal Strategy Consultant, Pragma Platform (former VP Engineering, disguise Technologies)
- Tracy Miranda, Head of Open Source, Chainguard
- Peter Wagner, Staff Infrastructure Security Developer, Shopify

The conference will be hosted by Cloudsmith’s Co-Founder and CEO, Alan Carson. More speaker announcements to follow.
**
Unpacked is free to attend! Register here: [https://bit.ly/3nkvaH6](https://bit.ly/3nkvaH6)**
Google IO 2023 - Whats new in AI?
Tags: google, ai, machinelearning, programming
Published: 2023-05-10 21:47:36

Google IO just got over and it was packed with exciting information, Here are a few highlights.

## PaLM 2

![Palm](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eeuaqhqmmq5zu92j8yoc.png)

Google AI introduces PaLM 2, a new language model with improved multilingual, reasoning, and coding capabilities. It is available in four sizes, from Gecko (small and fast enough for mobile devices) to Unicorn (large and powerful).

Learn more [here](https://blog.google/technology/ai/google-palm-2-ai-large-language-model/)

## Bard

{% twitter 1656350345398714392 %}

Google AI's Bard is now available to over 180 countries and is powered by PaLM2, a new language model with improved multilingual, reasoning, and coding capabilities. Bard can do things like generate text, translate languages, write different kinds of creative content, and answer your questions in an informative way.

Here are a few features of Bard with PaLM2:

- Multilingual: Bard can understand and generate text in over 100 languages.
- Reasoning: Bard can perform complex logical reasoning and solve math problems.
- Coding: Bard can generate code in a variety of programming languages.
- Creativity: Bard can generate different creative text formats, like poems, code, scripts, musical pieces, email, letters, etc.
- Information: Bard can answer your questions in an informative way, even if they are open ended, challenging, or strange.


## Vertex AI

![Vertex AI](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4cq9w60t3lqxb0tltvq7.png)

Vertex AI is a fully managed machine learning (ML) platform that helps you build, deploy, and scale ML models faster. It provides a unified data and AI platform, tooling for pre-trained and custom models, and MLOps practices to efficiently scale, manage, monitor, and govern your ML workloads. New customers get $300 in free credits to spend on Vertex AI.

Check it out [here](https://cloud.google.com/vertex-ai) 

## Mediapipe

![Mediapipe](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nro3uigcqyyq2tx8oabg.png)
Check it out here [](https://developers.google.com/mediapipe)

A suite of customizable ML solutions makes it easy to create innovative on-device ML solutions. These solutions are designed to be easy to use, even for beginners, and include advanced ML solutions for popular tasks, such as face detection, pose estimation, and object tracking. They are also fast and efficient, making them ideal for a wide range of applications, from mobile devices to embedded systems.


Thanks for reading! and let me know what your favorite announcements from Google IO were.
Day 748 : Could I Be
Tags: hiphop, code, coding, lifelongdev
Published: 2023-05-10 21:44:30

_liner notes_:
- Professional : Got quite a bit done. Got some of my questions answered by the team and I was able to finalize some updates and get them pushed. To verify some stuff I was working on, I pulled up an old demo (good thing I already had it deployed) and used Postman to verify the response was what I thought before making my updates final. Cleaned up some code for a demo I'm working on. Not a bad day. I'm hoping to hear back on some other things so I can knock out more tickets.

- Personal : Last night, I went through a few tracks for the radio show. I did more to my side project than planned. Not only can I save a new event to the "database" (I create and write to a json file in the GitHub repo), but I can also read the file. There's some things I need to tweak to make it better, but it's working pretty well now. Also, found out a new thing that I need to fix. haha. Finally caught up with the anime episodes.

![Landscape of Kluane National Park and Reserve of Canada with green pine trees in green fields with a snow topped mountain range in the distance.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xozctcwqdui9wm0ewcjm.jpg)

Going to go through more tracks for the radio show. Fix some of the new things that popped up since adding some functionality to my side project. Thinking I'll need to add a couple of more functions to work around some stuff. Could I be making things more difficult for me? Probably. haha I want to get in a couple of episodes of "Boruto" before going to sleep as well.

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube 0kCl89JgqdU %}
Lagoon @ DrupalSouth
Tags: events, talks, community
Published: 2023-05-10 21:21:49

Next week many of the members Lagoon team will be in Wellington, New Zealand, for DrupalSouth! 

We'll be giving a couple talks, so don't miss them:


[Creating a Culture of Documentation](https://www.amazee.io/events/drupalsouth-wellington-2023)

[Scanning the New Zealand Government ecosystem. How popular is Drupal in the land of the long white cloud?](https://www.amazee.io/events/drupalsouth-wellington-2023)

We'll see you at our booth!
Get Validated With Zod
Tags: typescript, webdev, beginners, tutorial
Published: 2023-05-10 21:11:27

How many times has this happened to you? 

You're writing a super sweet api that consumes some data from a database and tosses that data to some front-end where it can be consumed by users. 

Maybe your api has a POST endpoint where users can upload data that's being consumed and viewed by other users. That's all fine and dandy until you start to get some bad data into your database. Maybe some data that doesn't fit a model and will blow up your application if not formatted properly.

See, Typescript is awesome in all, but it lacks data security. It might tell you (the developer) that a type is missing a property but it wouldn't actually stop data from going through that part of your application.  

This is where Zod comes in.

Zod is an amazing library. You can use it to define schema's, create types, and most importantly... validate data. This data validation library was created to fill in the gaps that Typescript leaves behind. 

That sounds great in all... but how about some examples?

Defining a schema:


![Zod Schema](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uyipdj3zvrl4l5aqsu8p.png)


Here we create a schema called "POST_SCHEMA", it expects some data to have an id with a length of 16, a postNumber that's a number, and a few more fields. You get the idea.

Inferring a Type:

We can now create a type from our schema to use anywhere else in our app.


![Zod Type](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7q2nmcvdhvwvcp6ibtw0.png)



This looks and will act the same as:


![Typescript Type](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/plccb4exa855vvki87s5.png)



But the benefit is we also have a schema to validate our data. 

Parsing data:

Now that we have a schema, we can validate or "parse" our data to make sure it fits our defined model.


![Zod Parse](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gadj8tn203yervmp58l6.png)



Zod will throw an error if the data isn't matching the schema we created.

But what if I don't want to throw an error?

That's easy, we can just use the `safeParse` function instead!


![Zod Safeparse](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e5e726mbrrua9o2qx3wf.png)


If you're curious about this library, you can view the full documentation [here](https://zod.dev/). It's helped me a lot on production projects and hopefully it helps you too.

Thanks for reading!