teleren/devto huggingface dataset:
002 - Ryan Teaches Adult - How to Keep Healthy?
Published: 2023-03-18 19:43:14

My son Ryan starts to practice his presentation skills by teaching his Daddy (which is me). The second talk is about the tips to keep healthy

https://youtu.be/ZKtm-wtoZeY

Video Series: [Ryan Teaches Adult](https://zhihua-lai.com/teaching/?s=&cat=ryan)

Teaching is the best way to learn!



<hr/>

### [Steem](https://steemyy.com) to the Moon!
1. You can swap the STEEM/SBD to USDT (TRC-20) via [Steem2USDT](https://steemyy.com/steem2usdt.php)
2. Register a free STEEM account at [here](https://steemyy.com/reg.php)
Blazor United o futuro do .NET [PT-BR]
Tags: webdev, braziliandevs, blazor
Published: 2023-03-18 19:32:51

# Introdução

Atualmente, existem dois tipos de aplicativos web: Single Page Applications (SPA), que requerem alta interatividade, e Multi Page Applications (MPA), que são mais simples, têm respostas mais rápidas e retornam apenas HTML. Muitos aplicativos web usam ambas as soluções.

Para desenvolver uma MPA, podemos usar MVC ou Razor Pages, e para SPA, podemos usar Blazor WebAssembly ou Blazor Server.

No entanto, há uma tendência atual de criar uma tecnologia que permita o uso de MPA e SPA ao mesmo tempo, sem limitar o desenvolvedor a apenas uma solução.

A solução para isso no .NET é o Blazor United. Com ele, você pode criar seus componentes razor e escolher se deseja que eles sejam renderizados como Blazor Server ou WebAssembly.

# Funcionamento

Se um componente for renderizado como Blazor Server, ele abrirá uma conexão chamada Circuito, que é basicamente um WebSocket, e começará a enviar HTML para tornar a página mais interativa sem ter que carregar a página inteira de uma vez.

Para especificar o modo de renderização de um componente, basta usar a diretiva rendermode, como em: 

`<MeuComponente rendermode="@WebComponentRenderMode.Server">`

Para uma página inteira, é possível utilizar a anotação:

`[ComponentRenderMode(WebComponentRenderMode.Server)]`

Existe também a opção de usar o Blazor WebAssembly, que é executado inteiramente no lado do cliente, o que significa que o código do aplicativo é baixado e executado diretamente no navegador do usuário. Estamos falando de C# no front-end!

`[ComponentRenderMode(WebComponentRenderMode.WebAssembly)]`

E se você quiser que o modo de renderização seja definido automaticamente, basta usar:

`[ComponentRenderMode(WebComponentRenderMode.Auto)]`

Nesse caso ele vai decidir entre paginas estáticas, Blazor WebAssembly ou Blazor Server.

# Conclusão

O projeto ainda está em fase de protótipo e não está disponível pra uso, você pode conferir o [vídeo](https://www.youtube.com/watch?v=48G_CEGXZZM&ab_channel=stevensandersonuk) do Steve Sanderson apresentando a ideia.

Com o Blazor United, sua aplicação pode inicialmente retornar páginas estáticas HTML que serão carregadas rapidamente (MPA). Quando o usuário acessar um formulário, uma conexão Web Socket será criada para transferir HTML e tornar aquele formulário mais interativo como uma SPA. Na próxima vez que o usuário interagir com a página, ela rodará C# diretamente via WebAssembly, sem a necessidade de abrir um socket. 

O Blazor United é uma solução versátil e flexível que permite o uso de MPA e SPA em um único aplicativo web.
Basic Structure of README.md File
Tags: technicalwriting, documentation, beginners, codenewbie
Published: 2023-03-18 19:25:25

Once you've started learning to code, one of the things you'd so often encounter is a README file while reviewing, learning from or contributing to open source software. I'm pretty sure you've heard the saying "Always have a README.md file at the root of your project" more often than not and my guess is that your reaction was similar to mine - "What exactly is that?". In this article I carefully explain what a README.md file is, its basic structure and what it should contain.
 
Firstly, what is a README.md file? It's simple - It is a file that contains all the necessary and important information of your project. This is where you document important information about your project think of it like a project summary or a manual for your project where anyone can have access to be able to have an nderstanding of what your project is, how to use or implement your project source files. Its importance cannot be overemphasized, it is best practice to always include one at the root of your project as well as carefully go through the README file of any open source project(s) you intend to interact with. Notice that this README file always has a '.md' extension and this indicates it is a Markdown file type and therefore it should be written with the Markdown syntax. Please see my article to learn and get started on basic Markdown syntax here.

A README file should contain:
- The file name as the header
- An introductory paragraph
- Table of contents
- Project overview
- Project process
- Author

The header is usually the project name as a title of the README file, then following that is a descriptive paragraph on what the project is about. The table of contents contain subheadings to further describe the project in details. The first subheading is the overview, this section contains detailed explanation of the significance of the project, link(s) to where your project is histed if its live and may contain snippets/snapshots of the project as well. The second subheading details the project process. Here, the technologies used in development, some tips or particular skills you picked up working on the project and some helpful resources should be highlighted. Finally, you can attach some personal external links to the author section for ease of contact to people who want to reach out to you for collaboration, learning or opportunity sake. Note that each subheading can further be split into smaller sections (sub-headings) for better structure. There you have it! I hope this helps.
Validate Disposable Email with Regex.
Tags: valid, webdev, javascript, programming
Published: 2023-03-18 19:16:47

# Validate Email

Validate email is not only check if email has @ of proper tld. many users create fake account using proxy or disposable email id's and if you want to restrict those user to sign up using fake account or invalid proxy email then you are at right place.

Use the below package and configure in your code for close to accurate validity check of your user email.

## Install using npm

```bash
npm i advance-validate-email
```

## Methods & Options

```javascript
const validate = require("advance-validate-email");

validate("john-doe@gmail.com"); // true
validate("john-doe@mailsac.com"); // false
validate("john-doe@mailinator.com"); // false
```

## If you like it

You can buy me coffee 
https://www.buymeacoffee.com/mayankjhawar

Support me at Patreon
https://patreon.com/mayank120

## License

MIT
Make your own blog with hashnode!
Published: 2023-06-12 17:17:31

---
title: Make your own blog with hashnode!
published: true
date: 2023-03-18 19:10:39 UTC
tags: 
canonical_url: 
---

Hi there everyone! Tired of complicated blogging platforms that require a computer science degree just to use them? Do you want to focus on writing great content instead of fighting with technicalities? Then let me introduce you to Hashnode!

Hashnode is a user-friendly platform that allows you to create your own blog in minutes: you don't need to worry about hosting, security, or even design. All you have to do is sign up, choose a name for your blog, and start writing!

But wait, there's more! Hashnode offers some fantastic features that make it stand out from other blogging platforms. For starters, you can customize your blog's domain name to match your brand or personal style. Plus, Hashnode provides a built-in analytics dashboard to help you track your traffic and audience engagement. Or you can even change the FULL CSSS of your blog! 🙀

Hashnode also has a very good community of developers and bloggers who use the platform to share their knowledge and connect with like-minded individuals. You can join discussions, participate in challenges, and even collaborate with other bloggers to grow your network.

And if you're worried about the technical side of things, don't be. Hashnode uses modern web technologies and is constantly updated to provide the best experience possible. You can focus on creating amazing content, and Hashnode will take care of the rest. For example, hashnode's new editor, Neptune, has AI features built in!

So what are you waiting for? Get started!

### [hashnode.com](https://hashnode.com/)
Starting My Journey Into Software Engineering
Published: 2023-03-18 19:10:08

It's both frightening and exciting to be writing this. About two months ago, I took the steps to begin a career in software development, and it has not been an easy journey to get here. 

Coming from a background of blue-collar construction workers, I had a shovel in my hand by 12 years old. For the next 11 years while in school, I built drainage systems, roads, lots, buildings, escalators, and countless other things that go unappreciated day to day. But the most important thing I built was a work ethic, and a confidence in my abilities that I may not have discovered otherwise. After graduating college with a Bachelor's in English, I used my degree to begin searching for a professional setting where I felt a sense of belonging. Job-hopping from facility management to healthcare administration, I eventually found myself in sports retail, where I now manage the ecommerce for a multi-million dollar a year company. 

I've loved this position from the start, as well as the company that employs me. Just like when I was handed that shovel at 12 years old, it feels like it is time to learn the building blocks of what I use on a day-to-day basis - the very foundation that makes my position a possibility - coding. 

I was accepted into the Full-Stack Coding Bootcamp through Columbia University and will begin my journey on 3/27. I am very excited, but also incredibly nervous about the workload and pedagogy. I understand how unique and difficult a field software engineering is, but I have been lucky to excel at every endeavor that brought me here, and believe that I will come out successful on the other side of these next steps! 

I am looking forward to connecting with the dev community and am hoping to one day contributing to something larger than myself.
Tuxsav - backup and save text files
Tags: cpp, django, python, vim
Published: 2023-03-18 19:06:09

TLDR: backs up text files during and after editing w/ Vim swap files.  https://github.com/gbafana25/tuxsav

## Intro

Hello, this project is still very much in the beginning stages, but the basic idea I had in mind is operational (Link is at the bottom).

## Design

The repository consists of a Django web application and a C++ client. The Django application exposes endpoints that the client can use to create new documents and update existing ones.

On a the local machine, the C++ client must be started before opening a file. While the file is still open, it reads the Vim swap file and sends that data to the server. Once the file is closed, it reads the original file and sends its contents one final time. It currently only backups up one file at a time, which is specified in the command line arguments.

## What's Left

I haven't done any styling on the website's frontend, and there are only the bare minimum amount of pages for it to function. I also potentially want the program to backup multiple files at once.

https://github.com/gbafana25/tuxsav
Reasons Why AI/GPT Won't Replace Web Developers 🌎
Tags: webdev, ai, career, beginners
Published: 2023-03-18 19:03:17

- Artificial intelligence (AI) is rapidly transforming the world, including the field of web development.

- Despite the many advancements in AI technology, there are several reasons why web developers can feel secure about their job.

- Let's explore why AI won't replace web developers anytime soon.


## 👨‍💻 Human Creativity and Flexibility


- Web developers need to think outside the box and come up with innovative solutions to unique problems.

- Creativity is difficult to replicate with AI, as machines are designed to follow pre-programmed rules and cannot improvise on their own.


## 💼 Understanding Business Needs

- A good web developer needs to understand the specific requirements of clients, which may not always be explicitly stated.

- AI lacks the ability to understand the nuances of human communication and the complexities of business needs.


## 📚 Continuous Learning

- Web development is a constantly evolving field, and new technologies and frameworks are being developed all the time.

- Web developers need to be constantly learning and adapting to new technologies, which is difficult to replicate with AI.


## 💻 Complex Problem Solving

- Web development involves a lot of complex problem-solving, such as debugging code, fixing errors, and troubleshooting issues.

- While AI can assist with some of these tasks, it is not capable of handling the level of complexity and variability that web development requires.


## 🤝 Collaboration and Teamwork

- Web development is a collaborative effort that requires teamwork and communication.

- AI lacks the ability to work in a team and collaborate with others.


## 🚀 Skill Level

- Supercharge Your Skills: AI has the potential to enhance and supercharge the abilities of highly skilled web developers, allowing them to work more efficiently and effectively.

- Beware of the Skills Gap: However, AI may negatively affect those with less experience and lower skill levels, creating a skills gap that could lead to job displacement and fewer opportunities for certain groups of developers.


> **_So you need to be really good at your skill in order to survive and leverage AI to your advantage to supercharge yourself._**


**In conclusion**, 

- AI is transforming web development but unlikely to replace human developers anytime soon.

- Web development requires a unique set of skills only humans possess, including creativity, communication, problem-solving, continuous learning, teamwork, and the ability to adapt to new technologies.

- Developers can leverage AI as a tool to assist in specific aspects of web development, making their jobs more efficient while maintaining their value and expertise.
FREE AWS Cloud Project Bootcamp Week 4 Part 4
Tags: aws, cloud, awscommunity, 100daysofcloud
Published: 2023-03-18 18:35:51

[77/100] #100DaysOfCloud Today, I did a part of the Week 4 of the FREE AWS Cloud Project Bootcamp by Andrew Brown.

Here's what I completed:
- Create Cognito Trigger to insert user into database.
  - Implement a Lambda that runs in a VPC and commits code to RDS.


[GitHub](https://github.com/aaditunni/100DaysOfCloud/blob/main/Journey/077/Readme.md)

You can watch the Bootcamp through this YouTube playlist : [FREE AWS Cloud Project Bootcamp playlist](https://youtube.com/playlist?list=PLBfufR7vyJJ7k25byhRXJldB5AiwgNnWv)
Try, Catch, Finally in javascript.
Published: 2023-03-18 18:32:35

### Introduction

In JavaScript, try, catch, and finally are three keywords that are used together to handle exceptions or errors that may occur during the execution of a code block.

## What are exceptions

In JavaScript, exceptions are unexpected events or errors that occur during the execution of a program. When an exception occurs, it disrupts the normal flow of the program and may cause it to crash or behave unexpectedly.

Some common examples of exceptions in JavaScript include:

1: Syntax errors: These occur when the syntax of the code is incorrect, such as missing a closing bracket or using a reserved keyword as a variable name.

2: Runtime errors: These occur when the code is syntactically correct but there is an error in the logic, such as trying to access a property or method of an undefined variable.

3: Network errors: These occur when the program is unable to connect to a remote server or there is an issue with the network connection.

To handle exceptions in JavaScript, you can use a combination of try, catch, and finally


### Here's an explanation of how these keywords work together:

1. try: The try block is used to enclose the code that may potentially throw an error or an exception. If an error occurs within the try block, the control will be immediately passed to the catch block.

2. catch: The catch block is used to handle the error or exception that was thrown within the try block. The catch block takes an argument that represents the error object. This object contains information about the error such as its message, name, and stack trace. Within the catch block, you can perform any necessary actions to handle the error, such as logging the error or displaying an error message to the user.

3. finally: The finally block is executed regardless of whether an error was thrown or not. This block is optional and is used to include any cleanup code that needs to be executed after the try and catch blocks. For example, if you need to close a database connection or release resources, you can include that code in the finally block.

Here's an example of how try, catch, and finally work together:


![code try catch finally](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u3dfovdfci6rooq1937d.png)

In the example above, the try block contains code that may throw an error. If an error is thrown, the control is immediately passed to the catch block where the error is logged to the console. Regardless of whether an error was thrown or not, the finally block will always be executed and the message "Finally block executed" will be logged to the console.

That's it for this post. Don't forget to follow for more posts about Javascript, React, Nextjs and more.
Responsive Uikit Navbar
Tags: codepen, uikit, webdev, programming
Published: 2023-03-18 18:10:54

<p>Responsive Navbar With Uikit . You try at  max-width="680px" so you can see the results. Don t hesitate to use code. </p>

{% codepen https://codepen.io/azmideliaslan/pen/ExbrRLw %}
How to use React Native Storybook Server with webpack 5
Tags: reactnative, storybook, guide
Published: 2023-03-18 18:09:00

---
title: How to use React Native Storybook Server with webpack 5
published: true
description: A quick guide on how to use the React Native Storybook Server beta with webpack 5
tags: reactnative, storybook, guide
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pihdstt1r0krsyfkoxpw.png
# Use a ratio of 100:42 for best results.
published_at: 2023-03-18 18:09 +0000
---


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


This is a quick guide for the prerelease version (6.5.0-rc.6) with a stable release coming out soon for React Native Storybook 6.5.

The React Native Storybook Server is an optional companion app for react native storybook that lets you control the storybook on your mobile device via a web interface.
Until recently webpack 5 was not supported in the react native storybook server. Recently that support was added by a contributor [@leonardo-fc](https://github.com/leonardo-fc) and is now available in the release candidate version of the server.

## The Guide

First bootstrap an app with react native storybook

```sh
yarn create expo-app --template expo-template-storybook AwesomeStorybook
```

Go to the directory of the new app

```sh
cd AwesomeStorybook
```

Add the react native storybook server package and some webpack5 dependencies to your project

```sh
yarn add -D @storybook/react-native-server@next webpack @storybook/builder-webpack5 @storybook/manager-webpack5
```

Make sure you add all of these packages otherwise it won't work.

Add the following script to your `package.json` file

```json
{
  "scripts": {
    "start-server": "react-native-storybook-server"
  }
}
```

Create a folder called `.storybook_server` and add a main.js file with the following content

```js
module.exports = {
  stories: [
    "../components/**/*.stories.mdx",
    "../components/**/*.stories.@(js|jsx|ts|tsx)",
  ],
  env: () => ({}),
  core: {
    builder: "webpack5",
  },
  addons: ["@storybook/addon-essentials"],
};
```

By setting the builder to `webpack5` we are telling the storybook server to use webpack 5 instead of the default webpack 4.

In this bootstrapped project the ondevice storybook is configured in the `.ondevice` folder.
In the index.tsx file we need to update some options so that websockets are enabled.

```tsx
const StorybookUIRoot = getStorybookUI({
  enableWebsockets: true,
});
```

Now you can start the server with `yarn start-server` and open the storybook on your mobile device with `yarn storybook`.

Make sure you restart the app on your device so that the server can pick up the stories sent over the websockets (sent on app startup).

At this point you should be running the react native server with webpack 5.

Thanks for reading. If you have any questions or feedback please tweet or send me a message [@Danny_H_W](https://twitter.com/Danny_H_W).
How To Fix "Starting broker... completed with 0 plugins." In RabbitMq
Tags: rabbitm, serverless
Published: 2023-03-18 18:00:17

When you install RabbitMQ, it comes with a default configuration that includes some plugins. However, if you try to run RabbitMQ without any additional configuration, you may encounter an error like the one below:

```
Logs: <stdout>
        c:/Users/<COMPUTER NAME>/AppData/Roaming/RabbitMQ/log/rabbit@Japan.log
        c:/Users/<COMPUTER NAME>/AppData/Roaming/RabbitMQ/log/rabbit@Japan_upgrade.log

  Config file(s): (none)

  Starting broker... completed with 0 plugins.

```

This error message indicates that RabbitMQ was unable to start because it could not find any plugins to load. Fortunately, this error can be easily fixed by installing the management plugin.

To install the management plugin, follow these steps:

1. Open a command prompt or terminal window.

2. Navigate to the RabbitMQ sbin directory. For example, on Windows, the command may look like:

```
cd "C:\Users\ndohj\Downloads\rabbitmq-server-windows-3.11.10\rabbitmq_server-3.11.10\sbin"
```

3. Run the following command to enable the management plugin:
```
rabbitmq-plugins enable rabbitmq_management
```
This command installs the management plugin, which provides a web-based interface for managing RabbitMQ.

4. Restart the RabbitMQ server by running the following command:

```
rabbitmq-server.bat
```
This command starts the RabbitMQ server with the newly installed management plugin.

5. Open a web browser and navigate to `http://localhost:15672`. This will bring up the RabbitMQ management interface.

If everything was installed and configured correctly, you should see a login page where you can enter your RabbitMQ credentials.

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


That's it! You should now be able to use RabbitMQ with the management plugin installed. If you encounter any further issues, be sure to leave a comment or check the RabbitMQ documentation or seek help from the RabbitMQ community.

And don't also forget to follow and react to the post 😎