teleren/devto huggingface dataset:
AWS BLOG 101
Published: 2022-05-22 08:22:46


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cbfuqo5ko4n2q9syf71l.png)
**AWS Blog – 101**

**“It’s still day one” – Amazon**

This is my first blog – from my lovable topic on AWS – Amazon Web Services overview.

Learning is not only everything, getting hands dirty ,consistency and Networking makes you path very easy and bright.

AWS – Amazon web service is a cloud service provider and market leader in cloud computing provider that offers various computing services that are accessible over the public internet.

**Cloud computing models** : 

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

**1.IAAS – Infrastructure as as Service.**
  It is the basic building block of cloud IT. Generally provides access to data storage space, networking features, and computer hardware(virtual or dedicated hardware)
   **Eg services :** VPC ,EBS, EC2

**2.PAAS – Platform as a Service.**
AWS manages the underlying infrastructure (usually operating system and hardware). This helps the developer to be more efficient as they do not have to worry about undifferentiated heavy lifting required for running the applications such as capacity planning, software maintenance, resource procurement, patching, etc., and focus more on deployment and management of the applications.  **Example: **RDS, RedShift, ElasticSearch

**3.SASS – Software as a Service.**
It is a complete product that usually runs on a browser. It primarily refers to end-user applications. It is run and managed by the service provider. The end-user only has to worry about the application of the software suitable to its needs. 
**Example : ** SAP, Gmail, Dropbox

**AWS History :**
Employee of Amazon.com (retail services) proposed an idea for shared resource model based in infrastructure,
 AWS services launched
    • 2004 – SQS ‘Simple Queue Service’
    • 2006- Launched its cloud products (S3,EC2)
    • 2010 - Amazon.com completely moved to AWS 
    • 2012- Holds first customer event – re:Invent conference
    • 2013 – certifications launched
    • 2014 – AWS Committed to achieve 100% renewable energy usage for its global footprint
    • 2015- Reveals revenues achieved of $4.6 billion
    • 2016- Surpassed $10 billon revenue target
    • 2016- Release snowball and snowmobile
    • 2019- Offers nearly 100 cloud services
    • 2021- AWS comprises over 200 products and services (including private 5G Network service ).

**AWS Certifications Levels:** 

FOUR levels of certifications available in AWS 
1.Foundational
2.Associate
3.Professional
4.Speciality

**Careers in AWS :**

1.AWS – ML Machine learning
2.AWS – Data Analytics 
3.DEVOPS Engineer
4.AWS – Solution Architect
5.Cloud Data Base Admin
6.SYS Ops Admin
This is where ReactJs won the front-end game!
Published: 2022-05-22 08:12:15

Hey everyone we all know that ReactJs is the most popular library out there to build UIs. And today let's talk about what are the factors and decisions that made ReactJs win the frontend game?

ReactJs introduced a new way to build a user interface (UIs) with Reconciliation, Virtual DOM, JSX, Concurrent React, and Suspense features.

ReactJs is closer to JavaScript than to HTML, and that's what I think is the main reason which helped ReactJs win the frontend battle.

Open-sourced in 2013 React went from an internal project at Facebook to the most successful JS library.

This is the story of ReactJs!

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

If you liked the video or found anything useful, don't forget to like, share, and subscribe to the channel on youtube. More awesome stuff on JavaScript coming your way soon.

Thank You!
Enjoy Programming-Themed Humor? Here's today's daily developer joke!
Tags: jokes, dailydeveloperjokes
Published: 2022-05-22 08:00:05

---
title: "Enjoy Programming-Themed Humor? Here's today's daily developer joke!"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
published: true
tags: #jokes, #dailydeveloperjokes
---

Hi there! Here's today's Daily Developer Joke. We hope you enjoy it; it's a good one.

![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e125970d9ec2.png)

---

For more jokes, and to submit your own joke to get featured, check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/). We're also open sourced, so feel free to view [our GitHub Profile](https://github.com/dailydeveloperjokes).

### Leave this post a ❤️ if you liked today's joke, and stay tuned for tomorrow's joke too!

_This joke comes from [Dad-Jokes GitHub Repo by Wes Bos](https://github.com/wesbos/dad-jokes) (thank you!), whose owner has given me permission to use this joke with credit._

<!--
Joke text:
___Q:___ What is a pirate's favorite programming language?

___A:___ You'd think it was R, but a pirate's first love is Objectively C.
 -->
Portfolio 22
Tags: portfolio, gatsby, career
Published: 2022-05-22 07:50:20

Hi! 
Just wanted to share my work on my portfolio here and see what you think is missing. Right now I'm mostly working to get all of my work in my portfolio, and have about ten more projects to add.

Am having a hard time writing a descriptions text for every project! mostly because I have done the same job and that is converting a design to code in different languages and frameworks.


The site is built with Gatsby JS, SaSS, and lot s of clip-path

https://ehsanpo.github.io/Portfolio22/
Book Club: "Test Driven Development: By Example" #9
Tags: books, tdd, discuss
Published: 2022-05-22 07:44:19

---
title: Book Club: "Test Driven Development: By Example" #9
published: true
description: A chapter by chapter discussion of "Test Driven Development By Example" by Kent Beck
tags: books, tdd, discussion
series: Book club TDD By Example
---

## Chapter 9: Times We're Livin' In

In TDD we don't ask "how do we want to implement **X**", but "how do we want to test for **X**".

We utilised the factories in this chapter, so that the `Dollar` and `Franc` constructors could be effectively the same - and allow for the implementation to be pushed up to the super class. Having the experience of the refactor on two classes which are essentially the same-but-different along with the transparency from the tests, allowed some experimentation with the size of the steps in each refactor; the design and TDD process here is an example of both being able to work carefully, and work faster.

>TDD is a steering process ... There is no right size step, now and forever.

Along the way, the flow of my code change was interrupted by something on the side (we'd been using the constructor instead of the factory in the `.times()` method). Beck introduces a rule credited to Jim Coplien, to allow one brief interruption but never an interruption to an interruption. Anything else should go on the To Do list.

🔎 View my code-along repo at https://github.com/ruthmoog/test-driven-development-by-example 

-----

![Book cover](https://learning.oreilly.com/library/cover/0321146530/250w/ ) Kent Beck's "[Test Driven Development: By Example](https://www.oreilly.com/library/view/test-driven-development/0321146530/)" was released in 2002. The book aims to explain how to use TDD to write quality code that works.
Speed Up Your Laravel Website Super Fast- Codexashish
Tags: laravel, php, programming, tutorial
Published: 2022-05-22 07:20:58

## Speed Up Your Laravel website Super Fast
Laravel is the best back-end framework of PHP, and lots of companies are choosing Laravel for their large and medium-sized projects. SEO is incredibly important for each website. there are some tips you'll follow to create your laravel app super fast. So let's Start:-

## 1. Use Caching in production:
Each time you boot your laravel app , your app determines the middleware, resoles aliases, resolves route groups, and identifies the controller action and parameter inputs for each single route entry. so you'll be able to think how bad it's for your app within the production.

**You can bypass route processing by caching all routes running this so.:-**


   `php artisan route:cache`


What about configuration caching ?? to bypass parsing your .env and config files on every app boot you must run:-


 `  php artisan config:cache`


  **use config() to access .env variables , avoid using env()**

you must not compile your views whenever, just use pre-compiled blade template views, to try and do that run this command.


`   php artisan view:cache`



**To cache a manifest of all of your app's events and listeners

run :**

   
  ` php artisan event:clear`


  **_Recreate boostrap/cache/compiled.php _** 



 `  php artisan optimize`


## Alert :
You need to clear the cache to reflect any new changes by using the commands:


  ` php artisan cache:clear
   php artisan view:clear
   php artisan route:clear
   php artisan clear-compiled
   php artisan config:cache`


## 2. Remove Dev dependencies from the composer
When you develop your project likely you may be using some Dev packages to trace queries or other development things, remove those packages that aren't required within the production.

**So just run one command within the production and then.:**



  ` composer install --prefer-dist --no-dev -o`


## 
[Click Here to read more](https://www.codexashish.com/2021/12/speed-up-your-laravel-website-super-fast.html)

**Thankyou 
Codexashish**
Do you know about the Maker's Schedule?
Published: 2022-05-22 07:18:46

A few years ago I came across an essay by Paul Graham, founder of Y Combinator, about the different working modes of programmers (i.e. makers) and managers. It came up again in a recent conversation I had, and I thought it might be interesting to share and discuss it here.

> [Maker's schedule, Manager's schedule](http://www.paulgraham.com/makersschedule.html)

I think it sums up the reality pretty well, although there are some tasks or jobs where you have to switch from one mode to another. However, I definitely work best when I structure my day to meet at the very beginning or end, or even better, a single day a week.

What are your opinions on this? How can a _Maker's Schedule_ be effectively implemented when working in a corporate environment?
How To Fix ‘With 554 No SMTP’ When your Mails Get Reject By GMX or other Mail-Provider
Tags: devops, opensource, tutorial, programming
Published: 2022-05-23 07:57:09

---
title: How To Fix ‘With 554 No SMTP’ When your Mails Get Reject By GMX or other Mail-Provider
published: true
date: 2022-05-22 07:03:30 UTC
canonical_url: https://www.paulsblog.dev/gmx-web-if-your-mails-get-rejected-with-554-no-smtp/
tags: devops, opensource, tutorial, programming
---

[![](https://cdn-images-1.medium.com/max/2600/0*cYT4_Q_lVuONkzeX)](https://medium.com/geekculture/how-to-fix-with-554-no-smtp-when-your-mails-get-reject-by-gmx-or-other-mail-provider-b64d86ca7667?source=rss-1282c85b5cbc------2)

In my last article on Better Programming I explained how to set up a personal mail server:
[Find it here on Better Programming](https://betterprogramming.pub/how-to-set-up-a-mailserver-within-a-docker-swarm-e6e9192200c4)
[Find it here in my personal blog](https://www.paulsblog.dev/how-to-set-up-a-mailserver-within-a-docker-swarm/)

Unfortunately, if not set upped correctly a private email server often has problems with a public email provider like GMX, or Web:



To fix this set your PTR-Record (reverse DNS) to your mail server domain:
```
mail.MY_EMAIL_DOMAIN.de
```

It is really important that the entry point to the specific URL of the mail server and NOT to the www domain!



[Read the full article on Geek Culture](https://medium.com/geekculture/how-to-fix-with-554-no-smtp-when-your-mails-get-reject-by-gmx-or-other-mail-provider-b64d86ca7667?source=rss-1282c85b5cbc------2)
[Read the full article on my personal blog](
https://www.paulsblog.dev/gmx-web-if-your-mails-get-rejected-with-554-no-smtp/)


----

Photo by 傅甬 华 on Unsplash
A simple meme generator using ReactJS + FireStore
Tags: react, typescript
Published: 2022-05-22 06:20:41

This was my first ever ReactJS competition/hackathon, I did not win but I sincerely spent around 1 week coding for it and I was pretty happy with the outcome. 

**The challenge** : To create a ReactJS app that can generate a meme in the following way, a left panel with left heading and image and a right panel with the right heading and image. The heading can be on top of the image or the bottom.

**Github repo** : https://github.com/avithe1/memegenerator

**Demo** : https://memegen-4c017.web.app/ (Read-only, create a firebase project to see 'Save Meme' functionality)

![memegenerator screenshot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2s26465mv4uh4rgzguid.png)
 

Although memegenerator is a very small project, the following code could be useful for beginners:

1. Use of TypeScript with ReactJS
2. Use of ContextApi for data sharing among components
3. Use of FireStore to store and retrieve meme data

I also wanted to make the web app responsive but it's a long way to go. 

The website is hosted on Firebase hosting and now firebase also provides option for CI/CD github integration.

**Development**
The code is bootstrapped using 
`npx create-react-app memegen --template typescript`

The application layout has two parts the header and the main section. The main section can toggle between CREATE and BROWSE.

All components that require props follow the following TypeScript convention:

```
interface Props {
    appmode: MenuOptions,
    menuSelect: (option: MenuOptions) => void
}

const Header: React.FC<Props> = ({ appmode, menuSelect }) => {
} 
```

Hope the project helps someone trying to learn ReactJS and TypeScript.

P.S. I am not a pro with TypeScript in fact this was my first attempt with TypeScript. Looking for some feedback. Thanks.
Add Facebook Pixel code in Next JS
Tags: react, nextjs, facebookpixel, pixelnextjs
Published: 2022-05-22 06:17:59

Itegrate facebook pixel very easy with [react-facebook-pixel](https://www.npmjs.com/package/react-facebook-pixel)

Open and modify _app.tsx and add code like below

```
 useEffect(() => {
    import('react-facebook-pixel')
      .then((x) => x.default)
      .then((ReactPixel) => {
        ReactPixel.init('FACEBOOK_PIXEL_ID')
        ReactPixel.pageView()

        router.events.on('routeChangeComplete', () => {
          ReactPixel.pageView()
        })
      })
  }, [router.events])
```
Preview locally running Rails app in mobile
Published: 2022-05-22 05:55:59

I used to make things that were comfortable for the screen resolution I was using as a novice, but as time went on and I started producing substantial stuff, I realised I needed to construct mobile-first features.

Of course, Chrome comes with a responsive view and a mobile view, but why do you need to preview in mobile? 🤔 🤔 🤔

Let say when trying to input something in text fields in mobile, keyboard will pop up, and sticky footer might cover up text fields, which we usually not observe in laptops.

Cases like above require to preview app in mobile before pushing into production.

So to preview in the Rails app in mobile follow the steps:

1. Make sure your laptop and phone are connected
2. Start sever in local with `rails s -p 3000 -b  <IPv4 address of network>`
3. To get IPv4 address of the network connected
   - Go to `settings > netwrok`
   - Run `ipconfig` in command line
Delegates - Behind The Scenes
Tags: csharp
Published: 2022-05-22 05:53:35

Let's say we want to filter even numbers. In C#, we usually do it using LINQ's `Where` extension -
```
var numbers = Enumerable.Range(1, 100);
var evenNumbers = numbers.Where(n => n % 2 == 0);
```
The signature of `Where` takes `Func<int, bool>` as parameter
![Signature of LINQ's Where extension method](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yej2us7p9r4kx16azrei.png)

The syntactic sugar, behind the scenes, is basically doing
```
var evenNumbers = numbers.Where(new Func<int, bool>(n => n % 2 == 0));
```
Func<int, bool> is a delegate which has `int` as input and `bool` as output. We can write it as -
```
var evenNumbers = numbers.Where(delegate(int n)
{
    return n % 2 == 0;
});
```

This means we can do -
```
public static bool IsEven(int number)
{
    return number % 2 == 0;
}
var evenNumbers = numbers.Where(IsEven);
```
A11Y 101: Evaluating my website
Tags: a11y, beginners, webdev
Published: 2022-05-22 05:36:38

I started this whole journey to improve my website.
As I had no idea where to start, I started by reading up on some articles.

This quickly drew me to [Abbey's articles on Dev.to](https://dev.to/abbeyperini/series/15625).

In this specific series, @abbeyperini is doing the same as I wanted.
So I decided to ask her if she could help me out (after reading the complete series).

## Meeting Abbey

While chatting with Abbey, I asked her if she would be interested in guiding me through such an accessibility audit via a live session.

This makes an excellent resource for everyone else to use and get some insights into where to start.

Without further ado, my livestream with Abbey:

{% embed https://www.youtube.com/embed/8kXO9_ptvIQ %}

## Results of the audit

During the audit, we look at which tools we can use and start exploring what kind of things we can quickly find on my website.

Since I completely rebuilt it recently and tried to follow semantic HTML as much as possible, the start is already pretty good.

However, we identified a couple of things:

- double focus stop on the articles (image and the title)
- color contrast is not perfect
- the document is missing the main landmark
- the summary element is not valid for an article
- nav elements are unidentified
- form element is not compliant
- no skip to content available

This might sound like a lot, but it's not too bad.
Most of these issues were found by combining the tools we used in the video.

I've written this document on [helpful accessibility tools](https://daily-dev-tips.com/posts/a11y-101-evaluation-tools/) you can use.

It's good to note that most of these issues were global and occurred on detail pages.

In the following article, I'll go through them and what needs to be done to fix them.

### Thank you for reading, and let's connect!

Thank you for reading my blog. Feel free to subscribe to my email newsletter and connect on [Facebook](https://www.facebook.com/DailyDevTipsBlog) or [Twitter](https://twitter.com/DailyDevTips1)
100DaysOfCode
Tags: javascript, webdev, 100daysofcode
Published: 2022-05-22 05:35:42

Day 1-3 of my coding journey using javascript

On my first day of challenging myself using javascript I felt uneasy at first since I don't know how it works and I really don't like js at all, but I did try my best and I slowly understand the concept of it, and here's my first project >> 
**Source:**https://github.com/kirzin/100DaysOfCode/tree/main/Passenger%20Counter
**Passenger Counter:**

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

> Trust the process
【Crypto Blog Started】About the future of this blog
Tags: blockchain, solidity, ethereum, smartcontract
Published: 2022-05-22 04:33:10

Hello World

This is my first article so, let me introduce myself.

##This is Me

I'm Tomosuke(so call me **Tom**) and Japanese🇯🇵
※ I'm always looking for Satoshi Nakamoto(₿) but Maybe it is a little difficult for me to do it...😎

_I met blockchain in May 2021_.
At that time, I was a university student who loved the web dev.

A year has passed, I have interned at one company and worked as a developer at three companies.

And, my excitement in crypto grew and grew and now I am convinced that Ethereum is the future. I also **now** quit college to only develop **Smart Contract!!!**

This is my [Twitter🐦](https://twitter.com/tom_eth_dev)

---

I'm absolutely convinced that **Bitcoin**, **Ethereum** and the thought of **decentralization** will make the world a better than it is today.

I have a historically based reason for this.
In my head, this logic is ready.

But if you don't tell someone about it, it's as good as not being there😱

So I send you **Transaction** through this blog

I hope you will become my longtime **Validator**

Here is the list of articles I will be creating👇


## Articles and series I will be writing

**[Series]Going down the crypto rabbit hole**
    - Why Ethereum?
    - Why Cecentralization does matter?
    - Why Decentralization does matter?
    - Why Dex does matter?
    - Why Lending does matter?
    - Why Bitcoin does matter?
    - Why Ethereum does matter?

**[Series]To Be Ethereum Master**
	Refer to the following
    - Mastering Ethereum
    - Yellow Paper
    - White Paper
    - Some good articles 

**[Series]To Be Openzeppelin Master**
        - Ethernauts
        - Official Docs

**[Series]Understanding Latest Project from solidity contract**
    - Uniswap V2
    - Uniswap V3
    - Aave V3
    - Olympus DAO



I'll let you know about our blog postings via
[Twitter🐦](https://twitter.com/tom_eth_dev)
Looking forward to it🙌
Cloud Computing
Published: 2022-05-22 04:32:10

Essentially, cloud computing is required due to the various personal and corporate issues that we face nowadays. These issues vary from purchasing and maintaining costly hardware and software resources that we engage in our everyday operations to simplifying these resources in the most effective manner for our own and societal benefit. In dealing with these issues, cloud computing has provided various benefits that have exceeded our expectations and offered more than we had anticipated.

**–Why Cloud computing?**
→ Cloud run software programs without installing them on our computers; it enables us to store and access our multimedia content via the internet, it enables us to develop and test programs without necessarily having servers and so on. 

**–What is cloud computing?**
→In simple terms, cloud computing is a range of services delivered over the internet,or “The Cloud”.It means using remote servers to store and access data instead of relying on local hard drives and private data centers.

Before cloud computing existed,organizations had to purchase and maintain their own servers to meet business needs. This require buying enough server space to reduce the risk and downtime and outages,and to accommodate peak traffic volume.As a result ,large amounts of servers space went unused for much of time .today’s cloud services providers allow companies to reduce the need for onsite servers,maintenance personnel, and other costly IT resources.

**–Types of cloud providers:-**
→ Some of the Common cloud providing services as follows:
Amazon Web Services,Microsoft Azure,Google cloud platform,IBM Cloud services,Dropbox.
Click the link above to learn more about the providers mentioned above.
The majority of cloud-based services differ in terms of computing, file storage, function as a service, relational database, container scheduling, app deployment, data warehousing, and terms and conditions.

**–Categories of cloud services:-**
1)Software as a Services
→Software that is made available through the internet by a third party.
2)Platform as a services
→Internet-based hardware and software tools are available.
3)Infrastructure as a services
→Pay-as-you-go services such as storage, networking, and virtualization
4)On-premise
→software that is deployed in the same location as your company.
Click here to learn more about the services listed above.
Cloud computing's benefits:-
Cost savings , Security , Flexibility , Mobility , Insight , Increased collaboration , Quality control , Disaster Recovery , Loss Prevention , Automatic Software updates , Competitive Edge , Sustainability. 
Click here to learn more about how cloud can help you achieve these benefits.

**Opportunities Available Through Cloud Computing:**
1.Administrator of cloud
2.Architect of the cloud
3.An expert in cloud automation
4.consultant in the cloud
5.Cloud engineer, and a slew of others.

For employment openings in cloud computing, go to the roadmap.