teleren/devto huggingface dataset:
Why AWS Is Beneficial To Your Business
Tags: aws, cloud
Published: 2022-07-01 20:08:25

#As more businesses migrate to the cloud, choosing the right cloud partner for your business is essential. Here's why AWS is the best choice for you.
So first of all, why AWS? As a business owner, migrating to the cloud and choosing a cloud provider can be daunting. 

*How secure is it to fully migrate to the cloud?
*Which cloud provider to choose?
*How affordable will it be?
*Will migrating disrupt my business?
*Will I have to hire a cloud specialist to manage everything?
*Do I really need this cloud thingy anyways?
*So many concerns! But not to worry though, here's why AWS is the best choice for your business.

Gartner, an industry research and consulting company, reported that, with a 41% market share and a revenue of $26.2 billion as of 2020, AWS clearly dominates the public cloud services market. 


Not only that, but Gartner also recognized AWS as the 2021 Magic Quadrant Leader. This award shows that out of all the public cloud services providers, AWS is quoted as a Leader placed highest in both axes of measurement, Ability to Execute and Completeness of Vision. (Gartner report, 2021). 


Currently, the number of active AWS users is over 1,000,000. And a majority of the user base are small to middle- level businesses, with large enterprises such as Netflix, LinkedIn, Facebook making up 10% of its user base.
So clearly, you are in very good hands!


Some of the reasons why AWS has such a large fan base is because;

*You only pay on demand.
*AWS has the best security detail in the cloud.
*It has an agile disaster recovery system.
*It is easy to set up and maintain.
*It's very flexible. A startup's best friend. 

Fun fact!! A whooping 92% of all the live websites on the internet today are hosted on AWS. 

So, as you can see, out of 200 million current live websites, 92 % of them are hosted on AWS. That makes around 184 million🤭. 

Now with all of this hard evidence around, if you are still doubtful of AWS, then congrats!! You have given doubting Thomas a run for his money! 🎉🎉 You really deserve this oscars- worthy appreciation! 🙃
DATA TYPES
Published: 2022-07-01 20:01:05

A major leap stone to understanding javascript and eventually other frameworks is by understanding the basics which is the data types. Data types in javascript are classifed into two groups which are

1. **PRIMITIVE TYPES**
2. **REFERENCE TYPES**

Primitive types are data types that have no methods or properties. They are data types that cannot be changed. They are largely classified as immutable types which means they cannot be changed. Primitive types include 

1. Strings
2. Numbers 
3. Null
4. Undefined
5. Boolean
6. Symbols


The symbol being the latest addition to the pack. The string can be dicey because we perform some manipulation on them like split method which converts it to an array for further manipulation but these methods are not actually performed on the string but the reference to the string. I will show you.

`let a='mango';
a.split().slice();
//['m','a','n','g','o'] --expected output
console.log(a)
//'mango' --expected output
`


Those methods were not actually performed on the string but a reference to the string. Strings are immutable properties. For you to change them, you have to reassign them. This feature makes them comparable which means string a is always equal to string a. All primitive types are comparable.

`let foo=false;
let boo=false;
console.log(foo===boo) 
//true`


##REFERENCE TYPES
These are data types that can be muted, operated upon, manipulated and they also serve as storage containers too.
The three types are 

1. Object
2. Arrays
3. Functions

These types are defined as reference types and they are mutable properties which means that they can be operated upon. No two objects are the same  except if they are directly referenced to each other

`let c={name:'cat'}
let d={name:'cat'}
console.log(c===d) 
//false`

However, if we reference an object to a variable, it equates to true

`let m=c
console.log(m===c)
//true`


Understanding these concepts are vital in understanding javascript and frameworks too especially react. For instance, react expects you to treat objects and arrays as immutable properties. I would be talking about  different types in subsequent posts.
Finally finished with the Flatiron School self-paced software engineering program!
Tags: flatiron, react, rails, beginners
Published: 2022-07-01 19:59:52

[My Github profile](https://github.com/RoUchiha)


After hundreds of hours, countless labs, and 5 big portfolio projects, I am finally done with the Flatiron School's self-paced software engineering program, and can call myself a bootcamp graduate.

My journey throughout this course was full of some ups, and lots of downs, but I pushed through the labs and readings to get where I am now. Overall, I think this 'career change' was 100% worth it, and I would definitely recommend to anyone that is interested or on the fence.


When I started the program, I had zero knowledge of coding/programming, but I have always been very tech savvy, so I was confident I could learn. Never could I have imagined that I would be capable of developing entire web applications from scratch in such a short time, yet here I am. 

My original life plan was to become a doctor, but after shadowing a doctor and seeing how the lifestyle is, as well as hearing from countless family friends about what they deal with on a daily basis, I decided to switch to dentistry. I figured that as a dentist, I would basically be working a typical 8 hour job, setting my own hours with my own practice, making good money, and having a sustainable work/life balance. 

However, after weighing my options on going to dental school for 4 years and going another $250k+ into student debt, or enrolling in the Flatiron School for a fraction of that, I decided to take the leap and switch to software engineering. I am so glad that a family friend told me about Flatiron and that I pushed myself out of my comfort zone and went for a career in software, especially since my friends in medical/dental school are constantly complaining to me about how miserable they are! A huge motivating factor for my career change was that I want to start making money as soon as possible so that my parents can retire sooner and enjoy life, since they risked everything by coming to the US with nothing, and built such a blessed and privileged life for me and my sister. The Flatiron School has streamlined the path to my goals, and I could not be more grateful for that.


I have a bunch of regrets in my life on career decisions I made during high school and college, but the Flatiron School is one the few decisions that I am genuinely happy about and it has definitely restored my hope for the future and what my software career will bring me. If anyone reading this is considering a career change into software, I highly recommend you do it ASAP, especially if you choose the Flatiron School!
Ansible Notes
Tags: ansible, devops, beginners
Published: 2022-07-01 19:56:05

At work I've recently had to set up a few Linux servers and get UniVerse installed on them. Now that I've done it a few times in rapid succession, I think it's time to automate it. I enjoy doing it every now and then but I think now is a good time to automate this step.

I was originally going to write a bash script and I already have a good idea of how it would look, I also would want to make it idempotent but as I thought about it, it didn't make sense that I would do this bash. I would need to check so many things to make sure my script doesn't blow up and leave the server in a weird state.

Ansible was something I had heard of but never really looked at and looking at the docs it looks like exactly what I'm looking for. I want describe the state of the system at the end and ansible will simply get to that state. I don't really care how it gets there. It's a very cool idea and one that I have never used before.

https://docs.ansible.com/ansible/latest/getting_started/index.html

Ansible has a set of hosts in the /etc/ansible/hosts file. Makes sense

The first step of simply pinging the hosts failed. I have my first host as the ansible server itself it already threw an error. It seems I needed to pass in the user and add the flag ask-pass.

```
# ansible all -m ping -u root --ask-pass
```

This worked.

The next step is to use inventory files. This seems to be a level up from the hosts file. This is also the way that is recommended to manage multiple systems.

This step worked relatively well.

I needed to use the -k option to for it to prompt for the password. I'll need to set up the password vault so i don't need to keep getting asked.

Copy pasting the encrypted password is a bit of a pain.

I also don't like how whitespace matters in yaml.

Reading is hard! I ran into some bugs here as I wasn't paying enough attention.

https://docs.ansible.com/ansible/2.5/network/getting_started/first_inventory.html

Here are the instructions to set up a vault password so you can then add passwords to the inventory file.

```
> ansible machines -m ping -i inventory.yaml --vault-id root@passwords
```

Now I can ping the server automatically!

Slowly slowly.

Running a playbook was pretty easy!

After writing a simple playbook I wrote the steps to install samba!

This was quite fun

https://stackoverflow.com/questions/62405671/ansible-playbook-to-check-the-condition-of-selinux-status

This checks to see if selinux is enabled, and only runs when it is.

Ansible was pretty straightforward. At this point I think I have decent idea of how to use it and it is definitely better than the shell script I was going to write.
Deploy Spring Boot application to AWS Elastic Beanstalk and RDS
Tags: aws, java, mysql, springboot
Published: 2022-07-01 19:48:28

Are you looking to deploy your application to AWS without hassle of managing infrastructure?

With AWS Elastic Beanstalk, you can quickly deploy and manage applications in the AWS Cloud without worrying about the infrastructure that runs those applications.

In this article, we will be looking at steps to deploy spring boot application with MySQL Database to AWS Elastic Beanstalk and RDS. 
Lets get started!

---

- First of all, We need to setup MySQL database using AWS RDS. I wrote an article on how to use RDS to provision a MySQL database. Please follow below link for the same.

https://dev.to/devanandukalkar/how-to-create-database-using-aws-rds-meh

- Once your database is ready, add mysql-connector dependency 
 to pom.xml file.

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

- Update the properties file with details from provisioned database.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/70l5mywckzdfmg4x4cae.jpg)

- Go to AWS console and search for "_Elastic Beanstalk_".

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

- Click on "_Create Application_" to start the deployment wizard.

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

- Type in your application name & platform needed to run it (_There are many other options to choose from_).

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

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

- Under "_Source code origin_" choose local file and upload the jar for your application & click _Create Application_.

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

- Your environment could take few minutes to deploy.

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

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

- Once the environment is created, use given link to access your application. The **"Health"** on the snapshot says severe because AWS process checks if there is a response from root of your application. Make sure your WebApp or API does not throws 5xx error on the root path.


- You can always reupload your code with section given as "_Upload and deploy_". That's about it! 

Please leave your reactions and comment below if you found this short article helpful!
My Current GitHub Profile
Tags: github, showdev, career, discuss
Published: 2022-07-01 19:44:06

{% embed https://github.com/danielbellmas/danielbellmas %}


## It has 3 main sections:

### 1. Main Tech Stack 👨‍💻
![Technologies](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bv03ona5bdqn5lhozy0q.png)
 
The icons are displayed by [skillicons](https://github.com/tandpfun/skill-icons#readme).

Insert this code snippet into your README.md file and adjust the technologies:
```html
<img src="https://skillicons.dev/icons?i=js,ts,react,html,css,nextjs,nodejs,gql,postgres,git&perline=5" alt="Tech Stack" /> 
```
---

### 2. Stats 📈

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

To show some stats based on the public repositories, you'll want to use [github-readme-stats](https://github.com/anuraghazra/github-readme-stats)

Insert this code snippet into your README.md file and change the `username`:
```html
<img align="center" src="https://github-readme-stats.vercel.app/api/top-langs/?username=danielbellmas&layout=compact&theme=tokyonight&langs_count=6" />
```

---

### 3. Contact Me 📧

![Contact me links](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5m532momqjjzj9f8x3tf.png)

For the badges, I used [shields.io](https://shields.io)

Here is one example (LinkedIn):

```html
<a href="https://www.linkedin.com/in/daniel-bellmas/" target="_blank">
   <img src="https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=0e76a8&color=black">
</a>
```


![Never judge a book by it's cover and never judge a developer by it's github profile](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/heus0frb37sbon4i4hc9.png)
 
### Comment your GitHub profile below 🙂 👇🏼
Yes! There is no integer data type in JavaScript.
Tags: javascript, webdev, programming
Published: 2022-07-01 19:43:36

JavaScript numbers are always stored as double-precision floating-point numbers. There is no integer data type. Some newbies to JavaScript do not realize that and believe that **125 === 125.0** is false. If you are assuming number to be an integer datatype then that is exactly when mistakes related to this happen. As strange as it may seem, the following evaluates to true in Node.js

```javascript
125    // one twenty five.
125.0  // same
125 === 125.0  // returns true
```

Those that are unfamiliar with the way JavaScript works usually mention another unexpected behavior that is easy to explain once you understand the language. Adding **0.1 to 0.2** produces **0.3000000000000000444089209850062616169452667236328125**, which means that **0.1 + 0.2** is not equal to **0.3**.

```javascript
console.log((0.1+0.2) === 0.3) // returns false
```

Unfortunately, the quirks with numbers in JavaScript doesn’t end here. Even though Numbers are floating points, operators that work on integer data types are work here as well.

```javascript
5 % 2 === 1 // true
5 >> 1 === 2 // true
```

However you no need to worry while dealing with large numbers because there are plenty of big integer libraries that implement the important mathematical operations on large precision numbers or can try the modern built-in JS object **Bigint** which provides a way to represent whole numbers larger than (2^53)-1.
How to make Vite, Valet, and SSL works together
Tags: laravel, vite, ssl, valet
Published: 2022-07-01 19:34:59

Hey 👋

I decided to create a new project today, then I created a new laravel project and it's coming with a new assets compiler, vite.

But my project requires SSL in local development, then I needed to make the vite works together with SSL and laravel valet.

I did not find much content on the internet about it, because it's a very new release, then I decided to share the solution with you.

Let's go, first assure your domain already have SSL with the command:

```
cd ~/Code/your-current-project
valet secure your-current-project
```

Now check in the browser your domain it's working with the certificate.

## Solution

The magic is you pass the key and cert to vite.config.js as you make in Nginx or Apache.

Check the file example bellow 👇
```
import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import vue from '@vitejs/plugin-vue';

 const domain = "domain.test"; // add it
 const homedir = require("os").homedir(); // add it

export default defineConfig({
    plugins: [
        laravel({
            input: "resources/js/app.js",
            ssr: "resources/js/ssr.js",
        }),
        vue({
            template: {
                transformAssetUrls: {
                    base: null,
                    includeAbsolute: false,
                },
            },
        }),
    ],
    // add this block
    server: {
        https: {
            key: homedir + "/.config/valet/Certificates/" + domain + ".key",
            cert: homedir + "/.config/valet/Certificates/" + domain + ".crt",
        },
        host: domain,
        hmr: {
            host: domain,
        },
    },
});
```

I hope this article helped you!
The Nuts and Bolts 🔩⚙ of Logical Margin 📏📐
Tags: css, margin, html, webdev
Published: 2022-07-01 19:07:47

Understand the core difference in usage of logical margin (margin-block-start , margin-block-end , margin-inline-start , margin-inline-end) as well as logical padding, logical border.

Keep the image in mind.


![logical-margin](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yp71yrrved3saxxg4f82.jpg)

_By default:_(`writing-mode:horizontal-tb`)
```css
margin-block-start means == margin-top
margin-block-end means == margin-bottom
margin-inline-start means == margin-left
margin-inline-end means == margin-right
```
example:
codepen [link](https://codepen.io/sampad-sarker/pen/QWmwGBW)

It behaves differently,
_when using `writing-mode:vertical-lr` :_

```css
margin-block-start means == margin-left
margin-block-end means == margin-right
margin-inline-start means == margin-top 
margin-inline-end means == margin-bottom
```
 example:
codepen [link](https://codepen.io/sampad-sarker/pen/QWmwGBW)

It behaves another way,
_when using `writing-mode:vertical-rl` :_

```css
margin-block-start means == margin-right
margin-block-end means == margin-left
margin-inline-start means == margin-top 
margin-inline-end means == margin-bottom
```
example:
codepen [link](https://codepen.io/sampad-sarker/pen/QWmwGBW)


Basically, each margin-block/inline-start/end property will be mapped to a margin-top/left/bottom/right property based on the values of `writing-mode` , `direction`, and `text-orientation`. This concept is same for logical padding and logical border.


HAPPY CODING!!!😃
first node app.
Tags: webdev, javascript, beginners, programming
Published: 2022-07-01 18:50:57

## Learn how to use Node.js
1. Install Node.js from [here](https://nodejs.org/), for your system.
2. Create a .js file ${name}.js.
3. Copy, paste this code.
```javascript
console.log("Hello World");
```
4. Open terminal, in that location.
5. Run the file using.
```bash
node ${name}.js
```

And that's it, you had just Node.js to run JavaScript outside browser. 😀😀
Youtube Logo | Pure CSS
Tags: codepen, css, showdev, beginners
Published: 2022-07-01 18:37:45

In today’s tutorial, I finished creating a Youtube logo with CSS. Simple css code for this iconic staple. Though this is just a fun tutorial, you can practice CSS art to improve your CSS skills. CSS art has been a fun way for me to learn new properties and improve my CSS skills. I have a bunch of CSS art tutorials that are CSS inspired. You can check them out [here](https://codepen.io/rembertdesigns).

For this tutorial, all we need is some basic HTML and CSS.

{% codepen https://codepen.io/rembertdesigns/pen/BaryjJJ %}

If you liked this post, make sure to follow me on [Twitter](https://twitter.com/RembertDesigns) where I post daily about Tech related things!

https://www.buymeacoffee.com/rembertdesigns

### 🌎 Let's Connect

- [Portfolio](https://www.rembertdesigns.co/)

- [Twitter](https://twitter.com/RembertDesigns)

- [Github](https://github.com/rembertdesigns)

- [Codepen](https://codepen.io/rembertdesigns)

- [LinkedIn](https://www.linkedin.com/in/rrembert/)
Slack Logo | Pure CSS
Tags: codepen, css, showdev, beginners
Published: 2022-07-01 18:34:06

In today’s tutorial, I finished creating a Slack logo with CSS. Simple css code for this iconic staple. Though this is just a fun tutorial, you can practice CSS art to improve your CSS skills. CSS art has been a fun way for me to learn new properties and improve my CSS skills. I have a bunch of CSS art tutorials that are CSS inspired. You can check them out [here](https://codepen.io/rembertdesigns).

For this tutorial, all we need is some basic HTML and CSS.

{% codepen https://codepen.io/rembertdesigns/pen/gOebPQo %}

If you liked this post, make sure to follow me on [Twitter](https://twitter.com/RembertDesigns) where I post daily about Tech related things!

https://www.buymeacoffee.com/rembertdesigns

### 🌎 Let's Connect

- [Portfolio](https://www.rembertdesigns.co/)

- [Twitter](https://twitter.com/RembertDesigns)

- [Github](https://github.com/rembertdesigns)

- [Codepen](https://codepen.io/rembertdesigns)

- [LinkedIn](https://www.linkedin.com/in/rrembert/)
My First Full-stack App using Ruby Sinatra
Published: 2022-07-01 18:30:40

Hello guys I hope you are all doing good.In my journey of becoming a Software Developer, I most recently learnt Ruby Sinatra.
The first thing I did was to set up my environment. This included setting up a database and a web server. I chose to use sqlite for my database and postgresql for the backend. I started by creating an app that would serve as the backend of my react app.

Afterwards, I created a react component that would be used as the front-end of my application.

I then connected these two components together by using React Router's Link component to pass information from one component to another with ease. The final step was adding some styling and formatting to make the UI(User Interface) more appealing.

I must confess that in all the languages that I have learnt this seemed a little bit easier compared to the rest.I quickly fell in love with it and just want to encourage anyone who has been wishing to learn back-end to try it out.The following are some of the advantages of Sinatra:
1.It is simple yet elegant to implement and configure.
2.It is flexible hence can be used to build any kind of application from a small one to a full-scale web application.
3.It is lightweight;when writing a react app there will be no wasted features or unused functions.This means that it uses less memory and runs quicker.
4.It is unbiased hence giving a developer full control over how to best implement their application.