teleren/devto huggingface dataset:
Modules in Nuxt 3
Tags: webdev, javascript, beginners, programming
Published: 2023-01-15 13:15:41

{% embed https://www.youtube.com/channel/UCIr0vkvqiYN3DGs44U5eGsw %}

Nuxt.js is a popular framework for building universal JavaScript applications. One of its key features is the ability to use modules, which are collections of functionality that can be easily added to a Nuxt project. In Nuxt version 3, modules have been improved and now offer even more flexibility and power.

One of the main benefits of using modules in Nuxt is that they can help to keep the codebase organized and modular. Instead of having all of the code for an application in a single file or directory, modules can be used to split up the code into smaller, more manageable chunks. This can make it easier to understand and maintain the code, as well as making it easier to add new features or make changes.

Another benefit of using modules in Nuxt is that they can help to reduce the amount of code that needs to be written. Many modules are available as open-source packages, which can be easily added to a Nuxt project. This means that developers don't need to write all of the code themselves, and can instead use pre-existing modules to add functionality to their applications.

In Nuxt version 3, modules have been improved with better support for async data and improved handling of dynamic imports. This means that developers can now use async data in their modules, which can improve the performance of the application. Additionally, dynamic imports allow for only loading the modules that are needed for a specific page, which can also improve performance.

Another new feature in Nuxt version 3 is the ability to use modules in the Nuxt config file. This allows for more control over how the modules are loaded and used in the application. It also allows for easy configuration of the modules, which can save time and effort for developers.

In conclusion, modules are a powerful feature in Nuxt that can help to keep the codebase organized, reduce the amount of code that needs to be written, and improve the performance of the application. Nuxt version 3 has made even more improvements to the modules system, making it even more powerful and flexible than before.

It's a recommended practice to use Nuxt.js modules, it's a great tool to organize the codebase and keep it maintainable. It's also a way to take advantage of the community's work and not reinventing the wheel. Using Nuxt version 3, the modules system has been improved with better support for async data, improved handling of dynamic imports and the ability to use modules in the Nuxt config file.

Guillaume Duhan
Learning Python in 2023: A Roadmap
Tags: python, programming, beginners, tutorial
Published: 2023-01-15 13:39:38

### **Step 1: Familiarize yourself with the basics**
Start by learning the basic syntax and data types of Python. Get a good understanding of how variables, loops, and control structures work.
You can use resources like Codecademy, Coursera, or edX to learn the basics.


### **Step 2: Practice writing basic programs**

Once you feel comfortable with the basics, start practicing writing simple programs like calculators, guessing games, and to-do lists.
This will help you solidify your understanding of the language and develop your problem-solving skills.


### **Step 3: Learn Object-Oriented Programming (OOP)**

Python is an object-oriented programming language, so it's important to learn the concepts of OOP.
Learn about classes, objects, inheritance, polymorphism, and encapsulation.


### **Step 4: Learn a web framework**

Learn to use a web framework like Flask or Django to build web applications.
This will give you a good understanding of how Python can be used to create web applications and the web development process.


### **Step 5: Learn a data analysis library**

Learn to use a data analysis library such as Pandas, NumPy, or Matplotlib.
This will give you the skills to analyze and visualize data using Python.

### **Step 6: Learn Advanced Topics**

Once you have a solid foundation in the basics, you can start diving into more advanced topics such as functional programming, decorators, and generators.
Also you can start learning other libraries such as Tensorflow, Pytorch, etc.


### **Step 7: Practice, Practice, Practice**

The most important step in learning any programming language is practice.

Participate in coding challenges, contribute to open-source projects, and keep building your own projects to solidify your knowledge and improve your skills.

By following this roadmap and dedicating time and effort to your learning, you can become proficient in Python in 2023. Remember that learning to code is an ongoing process and you will continue to learn new things and improve your skills as you gain more experience.

##### References
There are several references available for learning Python, including online tutorials, video courses, and books. Some popular resources for learning Python include:

- The official Python website (python.org) which provides an interactive tutorial and documentation on the basics of the language.
- Codecademy's Learn Python track, an interactive online course that covers the fundamentals of Python.
"Python Crash Course" by Eric Matthes, a beginner-friendly book that covers the basics of Python programming and data science
- "A Byte of Python" by Swaroop C H, a free online book that covers the basics of Python programming
"Automate the Boring Stuff with Python" by Al Sweigart, a beginner-friendly book that covers the basics of Python programming and teaches you how to automate common tasks using Python
- "Python Fundamentals" by Pluralsight, a video course that covers the basics of Python programming.
Multi-Cloud Site-to-Site Azure and AWS VPN Setup
Tags: aws, azure, productivity, awsnetworkingexamprep
Published: 2023-01-15 13:28:46

Multi-Cloud - Site-to-Site VPN Configuration (AWS & Azure) - All running on Free Tier Services (Azure Jumpbox can communicate and RDP to Private Instance in AWS)
==========================================
1.) Azure: Configured Necessary Resource Group, Virtual Private Gateway, Azure Local Network GW Configs, Azure VNETs, Configured Route Tables, Generated VM Windows 10 Instance. (IPSEC VPN)

2.) AWS: Customer Gateway Configuration, attached to VPC, Configured Route Tables with Static routing, Configured Security Groups, Configured Site-to-Site VPN IPSEC VPN, used Generic Configuration, Launched PVT Instance Windows Server 2022.

A very enjoyable lab, takes roughly an hour to build! Visit my website for more details on how you can get started: https://lnkd.in/dTDMfD5R


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


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


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4nsfvmvjbj0n72d3d32c.png)
CSS tutorial series: Inheritance
Tags: webdev, tutorial, css, beginners
Published: 2023-01-15 13:22:26

When a property on an element is left empty in CSS, inheritance determines what happens.
CSS properties fall into one of two categories:

- Inherited properties

- Non-Inherited properties

## Inherited properties
An element receives the value of an inherited property from its parent element when the value for the property has not been specified on the element. (font-size, font-family, font-weight, color etc...)

Let's see an example 

```
<div class="parent">
  <div class="child"> child 1</div>
  <div class="child"> child 2</div>
</div>
```

```
.parent {
  color: red;
}
```
The parent div in this case has red as its styling color. The child classes, however, were displayed in red despite not having the "color: red" rule set for them.
Because the parent's properties were passed down to the child divs 1 and 2.

## Non-Inherited property
An element gains the initial value of a non-inherited property when no value for that property has been specified on the element. (weight, height, padding, border etc...) 

```
<div class="container">I am a <span>Container</span></div>
```

```
.container {
  border: 3px solid green;
}
```
The border property won't be inherited by the span element, meaning it will not have a border since the initial value of `border-style` is none.

However if we would like the span to inherit that border and be displayed around the `container` word we will need to use the keyword `inherit` which will specify inheritance in an explicit manner. 

```
.container {
  border: 3px solid green;
}

span {
  border: inherit
}
```
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c619f6b3ti3t3x09tepw.png)

It applies to properties that are inherited and those that are not.
when is waec 2023
Published: 2023-01-15 12:43:42

[https://multischolar.com/waec-timetable/](https://multischolar.com/waec-timetable/#utm_source=backlinks&utm_medium=search&utm_campaign=darry+ring+us&utm_content=Michelle)
https://plaza.rakuten.co.jp/chenlee/diary/202301140000/
https://www.provenexpert.com/when-is-waec-2023/
https://www.producthunt.com/@wheniswaec2023
https://www.divephotoguide.com/user/wheniswaec2023/
https://www.diggerslist.com/wheniswaec2023/about
https://www.heromachine.com/forums/users/wheniswaec2023/
https://wakelet.com/@wheniswaec202388
https://vocal.media/authors/wheniswaec2023
https://www.lifeofpix.com/photographers/wheniswaec2023/
https://seedandspark.com/user/wheniswaec2023
https://rosalind.info/users/wheniswaec2023/
http://phillipsservices.net/UserProfile/tabid/43/userId/194311/Default.aspx
https://app.roll20.net/users/11509432/wheniswaec2023
http://uid.me/wheniswaec2023
https://speakerdeck.com/wheniswaec2023
https://social.msdn.microsoft.com/Profile/wheniswaec2023
https://www.iheart.com/podcast/269-when-is-waec-2023-107267278/
https://active.popsugar.com/@wheniswaec2023/profile
https://unsplash.com/@wheniswaec2023
https://camp-fire.jp/profile/wheniswaec2023
https://plazapublica.cdmx.gob.mx/profiles/wheniswaec2023/activity
https://www.metal-archives.com/users/wheniswaec2023
https://artmight.com/user/profile/920275
https://storium.com/user/wheniswaec2023
https://trabajo.merca20.com/author/wheniswaec2023/
https://telegra.ph/when-is-waec-2023-01-15
https://www.intensedebate.com/people/wheniswaec2023
https://www.mifare.net/support/forum/users/wheniswaec2023/
https://pinshape.com/users/2554553-wheniswaec
http://foxsheets.com/UserProfile/tabid/57/userId/118203/Default.aspx
https://www.kompasiana.com/wheniswaec2023
https://www.credly.com/users/when-is-waec-2023/badges
https://www.myminifactory.com/users/wheniswaec2023
https://www.speedrun.com/user/wheniswaec2023
https://www.sqlservercentral.com/forums/user/wheniswaec2023
https://leanin.org/circles/wheniswaec2023
https://myanimelist.net/profile/wheniswaec2023
Free AWS Cloud Courses: Material and Tools
Tags: aws, cloud, devops, beginners
Published: 2023-01-15 12:06:26

Amazon offers a variety of free and paid training options for learning AWS Cloud. Here are a few free options:

## AWS Fundamentals
This free, self-paced course covers the basics of AWS and its core services, including Amazon S3, Amazon EC2, and Amazon RDS.

Coursera link: https://www.coursera.org/specializations/aws-fundamentals

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



## AWS Architecture
This free, self-paced course covers best practices and design patterns for building scalable and resilient architecture on AWS.

## AWS Cloud Practitioner Essentials
This free, self-paced course covers the fundamentals of AWS, including its core services and benefits.

Course Link: https://explore.skillbuilder.aws/learn/course/external/view/elearning/134/aws-cloud-practitioner-essentials

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


## AWS Cloud Practitioner Essentials (VILT)
This is a virtual instructor-led training that covers the fundamentals of AWS, including its core services and benefits.

Link: https://aws.amazon.com/training/classroom/aws-cloud-practitioner-essentials/

## AWS Technical Essentials
This free, self-paced course covers the technical aspects of AWS, including its core services and security features.

Link: https://aws.amazon.com/training/classroom/aws-technical-essentials/

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



## AWS Well-Architected Framework
This free, self-paced course covers the best practices for designing and operating reliable, secure, efficient, and cost-effective systems in the cloud.

These are just a few examples of the free training options available on AWS. You can also find free tutorials and courses on websites like Udemy, Coursera, and LinkedIn Learning.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s2zg3h9tmr0tqnz7m47b.png)
AWS Elastic Disaster Recovery: Introduction
Tags: aws, cloud, datascience, beginners
Published: 2023-01-15 12:02:38

Amazon Web Services Elastic Disaster Recovery (AWS EDR) is a service that allows you to create and manage disaster recovery (DR) solutions for your AWS workloads. It enables you to replicate and recover your Amazon Elastic Block Store (EBS) volumes, Amazon Elastic Compute Cloud (EC2) instances, and Amazon Relational Database Service (RDS) instances to a different AWS region. This allows you to quickly failover to the DR region in the event of an interruption or disaster in your primary region.

AWS EDR also provides a centralized management console and APIs for automating DR tasks, such as replication and fail-over. Additionally, it allows you to test your DR configurations and perform planned fail-overs in a non-disruptive manner, which helps you ensure that your DR solution is working as expected.

AWS EDR can be used in conjunction with other AWS services, such as Amazon CloudWatch and AWS CloudFormation, to monitor and automate your DR processes.


## Architecture Diagram
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tcgwz8nw5hoffzffzmhe.png)
Vision First Consulting Group
Published: 2023-01-15 11:50:35

https://visionfirstconsulting.com/vi/ Công ty tư vấn định cư và du học Úc hàng đầu tại Việt Nam và Úc✔️ Kinh nghiệm nhiều năm trong việc giải quyết những hồ sơ định cư✔️ du học khó✔️✔️✔️
0828 91 6868
info@vfconsulting.com.au
68 Đ. Vĩnh Hội, Phường 4, Quận 4, Thành phố Hồ Chí Minh
https://wakelet.com/@visionfirstconsulting
https://heylink.me/visionfirstconsulting/
https://www.bloggang.com/mainblog.php?id=visionfirstconsulting
https://boosty.to/visionfirstconsulting
https://velog.io/@visionfirst
https://pbase.com/visionfirstconsulting/visionfirstconsulting
https://plaza.rakuten.co.jp/visionfirst
How to use “match” with PHP 8 🎯
Tags: php, php8, programming, cleancode
Published: 2023-01-15 11:45:26

Let's use `match` expression with PHP 8.0 💪 Lets' see when to use it and why it can have advantages over the old good `switch` statement. 
`match` will indeed make your code cleaner, less verbose and easier to read 💥

{% youtube https://youtu.be/ioAEjBjNYiM %}

Furthermore, with the “[https://php.watch/versions/8.0/match-expression](match)” expression, you can have multiple matching conditions separated by commas, like 
```php
$sMessage = match ($sDayPrefix) {
  'Sat', 'Sun' => 'Enjoy your weekend!',
};
```
Learn JavaScript from this GitHub repo
Tags: github, javascript
Published: 2023-01-15 11:33:32

Contents included:

- ✅Complete JavaScript Guide to learn from basics
- ✅Examples, Interview Questions, etc.

Resources to learn JavaScript are also included in it.

- ✅Learn from GitHub Repositories
- ✅Learn from Websites
- ✅Learn from Books
- ✅Learn from YouTube Channels
- ✅Learn by Playing Games
- ✅Learn More from Blogs Sites
- ✅Learn More from Twitter Users

Link: [Repo Link](https://github.com/manthanank/learn-javascript)

Preview: 
![repo-preview](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ttno10t3h97l5p7mxg4u.png)

Still many more things to add, please support and give star⭐ also
Feel free to contribute.
Spring boot simple authentication and authorization (no spring security)
Tags: spring, springboot, security, opensource
Published: 2023-01-15 11:08:37

I have recently developed a simple authorization and authentication library as an alternative to Spring Security that I will use for my side projects when I don't want to deal with Spring Security. 

The plan I had in mind is to make it open source and publish it on maven central but it turned out I'm too lazy for that :)

If this post gets some attention and I see that people are interested then I might get some motivation to actually do it.

If you're interested, check out the docs page to see how it works:
https://melodic-liger-730146.netlify.app/getting-started/configuration.html

You can ignore the installation guide, because it's NOT actually published anywhere.

Here is a github repo: https://github.com/NerminKarapandzic/fsecurity

Feel free to give suggestions, feedback, create pr's and also leave a star :)
How to Center a Div with CSS - 6 simple ways
Tags: css, webdev, javascript, html
Published: 2023-01-15 10:54:10

To develop and personalize your layouts, you'll need a basic knowledge of HTML and CSS, whether you're constructing a site from scratch or using the Bootstrap CSS framework.

Arranging and styling components on the page is a significant difficulty when creating layouts.



#How to center a div?

#### Do you want the pieces to overlap or be separated?

#### Do you want the layout to be mobile-friendly?

#### Do you want to center Div on the page?
Here 6 simple way to center a div:

## 1.Using Flexbox


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

## 2.Using Grid

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


## 3.Using Position 

![position](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4ml59uszd46bwmxa2sal.png)


## 4.Using Position & Calc

![position & calc](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w0pht9ie5qyn5e6u8y39.png)


## 5.Using Flex & margin

![flex & margin](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oj9llb9ncgef43xffd1g.png)


## 6.Using Grid & Margin

![grid & margin](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dcmwpm3xe3ir9teu8j0s.png)

For more information like that please follow on social links:

[Facebook](www.facebook.com/sourov444)
[Instagram](www.instagram.com/sourov.444)
[Twitter](www.twitter.com/sourov444)
These newer programming Languages could be the future
Tags: beginners, go, rust, dart
Published: 2023-01-15 10:49:11

It is commonly said that one "dog year" is equivalent to seven "human years". Sometimes I feel like programming years are like "dog years", so let say a dog lives 15 years; in this article i will like to list some of the note worthy languages of the past 15 years and links to their official documentation. Here is my list in no particular order:

1.  Rust 2010 [Rust Docs](https://doc.rust-lang.org/book/)
2.  Dart 2011 [Dart Docs](https://dart.dev/guides)
3.  Julia 2012 [Julia Docs](https://docs.julialang.org/en/v1/)
4.  Swift 2014 [Swift Docs](https://developer.apple.com/documentation/swift)
5.  Kotlin 2016 [Kotlin Docs](https://kotlinlang.org/docs/)
6.  TypeScript 2012 [Typescript Docs](https://www.typescriptlang.org/docs/home.html)
7.  Ballerina 2017 [Ballerina Docs](https://ballerina.io/learn/)
8.  Crystal 2014 [Crystal Docs](https://crystal-lang.org/docs/)
9.  Nim 2008 [Nim Docs](https://nim-lang.org/docs/index.html)
10. Zig 2013 [Zig Docs](https://ziglang.org/documentation/master/)
11. Elixir 2011 [Elixir Docs](https://elixir-lang.org/docs.html)
12. Go 2009  [Go Docs](https://golang.org/doc/)
13. Red  2011 [Red Docs](https://www.red-lang.org/p/documentation.html)
14. Perl 6 2015 [Perl 6 Docs](https://docs.perl6.org/)
15. Ceylon 2012  [Ceylon Docs](https://ceylon-lang.org/documentation/)

So there you have it, how many of these have you used, and what would you add or remove from the list?
How to get out of Regex hell using GPT-3 (OpenAI)
Tags: ruby, openai, gpt3, javascript
Published: 2023-01-15 10:30:00

For the past 5-years I have managed approximately 100 senior software developers and almost 1-for-1 they hate dealing with Regex.

They especially get frustrated when I say, “Why don’t you just validate it with Regex? It’s simple right?”

Well, Regex pain is a thing of the past. By using GPT-3 you can ask the AI to generate the Regex pattern through the use of natural language. Just tell the AI model what you want and it will provide a Regex pattern to include in your code. You can even go so far as have the AI generate the function for you.

And just to show how crazy simple it is, I had the AI output the code in Javascript, Ruby, Python, Rust, Go and C++ (I am not familiar with those last three).


![Am impressionist painting of a Regex pattern by Dalle-2](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/of0wugbz9y1a733s016x.png)

The key to generating the Regex is the prompt. This is the instruction to the AI. It sometimes requires some fiddling and playing around to get the exact response you are looking for from the AI.

I did find the Regex pattern being provided by the AI was changing between languages. This is likely due to the temperature setting which I had at 0.7 which is quite high and introduces a high degree of randomness.

##Prompt

Here is the prompt I used to instruct the AI:

> You are a Ruby developer. Write a function that takes a string and validates if it is an email address using Regex.

You will notice in the examples below I am using the OpenAI playground as opposed to ChatGPT. I find the playground a lot more efficient to work with and it gives you greater control over the parameters. You will need to sign up for an OpenAI account to get access to the playground.

##Javascript

![Javascript code](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/udsfw573nyrcwa46i1i8.png)

##Ruby

![Ruby code](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2l02kz048kbz2boxwpc9.png)

##Python

![Python code](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bd17uja3vxcix2o99flp.png)

##Rust

![Rust code](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/red1zcy69rrfix29im3e.png)

##Go

![Go code](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rafhcqjak8ylkx9fqgsi.png)

##C++

![C++ code](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e4psg9yd74dw9ptlig51.png)

Summary

The good news about GPT providing Regex patterns so quickly, is I would feel more confident using Regex where I might have tried other approaches to manipulate code. But one big warning, TEST, TEST, TEST. GPT is not infallible, it makes mistakes. It is not a full substitute for an intelligent and skilled developer.

---

Here are some of my other articles on programming and GPT-3:

{% embed https://dev.to/kanehooper/how-to-integrate-ruby-with-openai-gpt-3-5h96 %}

{% embed https://dev.to/kanehooper/how-to-generate-gpt-output-in-json-format-for-ruby-developers-3g66 %}