teleren/devto huggingface dataset:
CSS animations - slide text
Tags: css, html, webdev
Published: 2022-08-01 06:24:00

Recently I showed you how to fade in or out any text in your HTML document. Today I will show you how to easily slide text into direction we want.

## Slide into the right

First let's try to slide it into the right like this:

![Slide text to the right in CSS](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/347zmye3l7bu78ep0t7s.gif)

The code is very simple:

```css
.ct-slide-right {
    position: relative;
    animation: my_animation 1s;
    animation-fill-mode: both;

}

@keyframes my_animation {
    from {
        left: -300px;
        opacity: 0
    }

    to {
        left: 0;
        opacity: 1
    }
}

```

Let's stop here for a second and see what we have here. The main elements of this code are:

`animation: my_animation 1s;` - we have here the name of our animation and duration, 1 second in this case

`@keyframes my_animation` - defines our animation. So the start position is -300px from the left side and opacity 0. Then we are going to the `to` state. In this case margin left will be 0 and opacity 1. Duration of this takes 1 second. Opacity adds some smooth revealing.

## Slide into the left

To change direction just change `left` into `right` in animation parameters:

```css
@keyframes my_animation {
    from {
        right: -300px;
        opacity: 0
    }

    to {
        right: 0;
        opacity: 1
    }
}
```

## Slide into the top

If you want to move your text from bottom to top just change the same parameters but this time into `bottom`:

```css
@keyframes animatetop {
    from {
        bottom: -300px;
        opacity: 0;
    }

    to {
        bottom: 0;
        opacity: 1;
    }
}
```

## Slide into the bottom

And analogous change the `bottom` into `top` when you want to move element from top to the bottom:

```css
@keyframes animatebottom {
    from {
        top: -300px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}
```
------

*It would be great if you will comment or follow me on social media*:

[![Chris Texe Twitter](https://madlon.eu/wp-content/uploads/sites/21/TwitterTexeButton.webp)](https://twitter.com/TexeChris)

[![Chris Texe LinkedIn](https://madlon.eu/wp-content/uploads/sites/21/LinkedInTexeButton.webp)](https://www.linkedin.com/in/texe/)

Also you can visit my websites:

- [Linux blog](https://varlock.net)
- [Web Agency website](https://madlon.eu)
JavaScript if shorthand without the else
Tags: javascript, beginners, webdev
Published: 2022-08-01 06:19:21

At one point in your career, you'll find yourself using the [ternary operator in JavaScript](https://daily-dev-tips.com/posts/javascript-basics-if-else-statement/#javascript-ternary-operator) a lot.

It's a fancy word for the if...else shorthand version.

Let's recheck the example.

```js
// Full if else

let result = '';
if (our_value) {
  result = 'we got a value';
} else {
  result = 'no value';
}

// Ternary
result = our_value ? 'we got a value' : 'no value';
```

So that's already a set working example.

## If without the else

However, sometimes we might want to execute or set something if a specific condition is met.

Let's look at the following example.

```js
if (our_value) {
  alert('I have the value');
}
```

This piece of code should alert the user if the `our_value` condition is truthy.

There is no else involved.

We could write it like this:

```js
our_value ? alert('I have the value') : null;
```

However, we don't need the `null` value as it doesn't do anything, so we can switch to using the `&&` operator.

```js
our_value && alert('I have the value');
```

Way cleaner, we tell the script if we do have this truthy value, we should alert the user.

## Nullish default value

In some cases, you might have a function that returns some value, but you might want to return a default value if the object is nullish.

```js
const name = null;
const user = {
  username: name ? name : 'John Doe',
};

console.log(user);
// { username: 'John Doe' }
```

That example works perfectly fine. However, it's a bit duplicated again. We can leverage the `??` operator to set a default return value.

This `??` operator is called a [logical nullish operator](https://daily-dev-tips.com/posts/javascript-optional-chaining-to-the-rescue/#returning-something-better-than-undefined).

```js
const user = {
  username: name ?? 'John Doe',
};
```

This will either return the value of `name`, and if that doesn't exist, it will return `John Doe`.

> Note: Be careful when the value can be `false` as it will return false in that case.

### 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)
Amazon EC2 Master Class
Tags: aws, ec2, virtualmachine, server
Published: 2022-08-01 06:17:54

---
title: Amazon EC2 Master Class
published: true
description: in this article I discussed what is amazon ec2.
tags: aws,ec2,virtualmachine,server
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
---
In this series of blog I will discuss every key parts of Amazon EC2 that everybody should know.

## What is EC2?

So, When you first start your cloud learning journey on AWS you heard the word EC2. But, What is EC2 and what can we do with EC2?

Ok, I will tell you what is EC2. First of all I believe you already know what is a Server. 
 
But here i recap what a server is:
 > A server is a piece of hardware or software that offers a 
  service to a client—also known as another computer program—and 
  its user. The actual computer that a server program runs on is 
  usually referred to as a server in a data center.

![What is a Server](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uhoauzgh96h6in347y8x.png)
 

So, EC2 is a virtual server that runs on a cloud providers (AWS) datacenter. That's it. Super cool! 😎

![EC2 Logo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/csf0outd7yr6y2brv1vy.png)


EC2 = <b>E</b>lastic <b>C</b>omputing <b>C</b>loud. 

## What is the Use of AWS EC2?
EC2 also allows users to build apps to automate scaling according to changing needs and peak periods, and makes it simple to deploy virtual servers and manage storage, lessening the need to invest in hardware and helping streamline development processes.

Next part we will discuss about the key components of AWS EC2 what makes the EC2 great.

If you need to deploy your app on cloud you can [knock me](https://www.fiverr.com/mimahmedjoy/setup-your-websites-on-azure-aws-gcp-digital-ocen)
Office Chair Parts Manufacturer
Published: 2022-08-01 05:43:00

In the [office chair parts](https://allchairparts.com/),[ the office chair gas cylinder](https://allchairparts.com/office-chair-gas-cylinders/) is one of the most important components. It is also called office chair pneumatic cylinder or office chair gas lift, or simply office chair cylinder, with which users can adjust the height of the chair for comfort. In other words, it plays a very significant role in realizing the biggest ergonomic benefit for users.
Longji Vwamhi | Financial Issues Addressed by Electronic Wallets
Tags: electronicwallets, longjivwwamhi, business, finance
Published: 2022-08-01 04:51:00

The lack of financial issues in underdeveloped areas has been a problem in the finance world. Financial inclusion means providing financial services to both the privileged and the underprivileged. This has been a driving factor in the provision of financial services by financial institutions. However, complete financial inclusion has not been achieved and this has widened the gap between the rich and the poor. Some people from underprivileged backgrounds have no access to financial services at all. While others have limited access which should not be so. Where electronic wallets are used to satisfy customers’ needs, it has now become a basic financial tool for the populace.
Fintech expert, [Longji Vwamhi](https://gh.linkedin.com/in/longji-vwamhi-9b9054b8) has stated that financial issues services are inaccessible to millions of people around the world. Longji Vwamhi is a Development Operations expert with years in the DevOps industry. Not only that, he has built and developed many businesses and Fintech firms as a way of solving financial exclusion.

He further stated that those from developed countries are not exempted from financial exclusion. This is because some developed countries have underdeveloped areas that lack basic amenities. Meanwhile, some African, Asian, and Latin American countries top the chart of countries that provided limited financial services. Because of this, the governments of these countries are striving to provide better financial services. Similarly, financial institutions have devised several plans on how to improve financial inclusion in these places.

Read more on [Daily Dialers](https://dailydialers.com/business/longji-vwamhi-financial-issues/)
5 Tips on How To Create The Perfect Freelancer Profile
Tags: javascript, webdev, beginners, programming
Published: 2022-08-01 04:45:00

UpWork, Freelancer.com, People Per Hour, Guru.com, are all great freelance platforms you can use as a starting point for your freelance career. However, just registering an account and filling it up with some random text is not going to work out well for you.

If you’re serious about making a career as a freelancer, the first thing you need to do is create a complete and attractive freelancer profile.

So, here’s what you should include in your freelancer profile.

### 1. Use Your Real Name 
Even though it’s common sense to use a real name when doing business, a lot of freelancers are still using fake names on their freelancer profiles.

### 2. Upload A Professional Photo
Don’t even think about using a selfie or a really weird close-up webcam photo as your profile picture. That’s a mistake most amateur freelancers make.

Get cleaned up. Dress well. And ask someone else to take your picture. Make sure not to give too much attention to the background. More importantly, SMILE!

### 3. Craft A Specific Headline
Your headline should describe your job title. So, try to be as specific as possible to make it easier for your client to understand what you do.
No, not like that.

This is not Twitter. Use a more professional headline

For example, if you’re skilled in writing eBooks then describe yourself as an “eBook Writer”, instead of just “Writer”. Or “WordPress Plugin Developer”, instead of “Web Developer”.

Narrow it down to a niche and you’ll have a better chance at getting discovered on a big platform like Upwork.

### 4. Write Your Bio In First-Person
Don’t describe yourself in the third person like you’re narrating a movie and avoid writing your freelancer profile as if it’s a page on a corporate website.

5. Describe Your Qualifications And Experience
It’s best to include a sentence or two about your qualifications and experience in your bio. But, try not to brag too much. Don’t be like this guy.

Also, use the “Employment History,” “Education,” and the “Other Experiences” sections to add more personality to your profile.
Roadmap to becoming a Flutter developer.
Tags: flutter, discuss, beginners, tutorial
Published: 2022-08-01 04:38:00

As we all know, Flutter is booming in the market, and everyone is talking about it. Most companies are recruiting Flutter engineers, therefore if you want to learn Flutter app development, then the blog is for you. In today's blog, I'm going to give a road map to becoming a Flutter developer, so let's get started.

If you are unfamiliar with Flutter, you can read about it in my article here: [Article](https://dev.to/this-is-learning/what-are-the-advantages-of-using-flutter-for-cross-platform-development-1dma)

## Dart

Dart is a programming language developed by Google, and the Flutter SDK (Software Development Kit) builds apps using the Dart programming language. If you have prior experience with Dart programming languages, learning Flutter will be easier for you. Otherwise, you can cover the following concepts from Dart:

- Data types and variables
- Operators
- Control flow statement
- Function
- Classes
- Lists
- Map
- Async

The following resources link can help you learn dart programming,

{% embed https://dart.dev/tutorials %}

{% embed https://www.youtube.com/watch?v=Ej_Pcr4uC2Q{% embed  %}

## Flutter

Flutter is an open-source mobile SDK (Software Development Kit) created by Google to build native applications for android, iOS, web, desktop, and embedded devices from a single codebase.

You can cover the following concepts from Flutter:

- Widgets
- Layouts
- Forms & Gesture
- Animation
- Routing
- State management
- Database concepts
- REST API

The following resources link can help you learn dart programming:

{% embed https://www.youtube.com/watch?v=VPvVD8t02U8 %}

{% embed https://www.geeksforgeeks.org/flutter-tutorial/ %}

{% embed https://docs.flutter.dev/cookbook %}

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

## Projects

You can now do some small projects after learning dart and flutter. Here are some great projects to get you started.

- [Weather app](https://github.com/londonappbrewery/Clima-Flutter-Completed)
- [Skype clone](https://github.com/Ronak99/Skype-Clone)
- [Ebook app](https://github.com/JideGuru/FlutterEbookApp)

## Conclusion

Throughout this blog post, I have discussed the roadmap that I followed to become a Flutter developer. If you are interested in becoming a Flutter developer, you can follow the same roadmap.

I hope you like this blog.
The blog is sponsored by: [UniqueApps](https://uniqueapps.net/)
Ask Me Anything: DevOps, GitHub and Azure DevOps (10k subs special LIVE)
Tags: devops, github, askmeanything, live
Published: 2022-08-01 04:32:31

### Got any questions about DevOps, GitHub and/or Azure DevOps?

Join me for this __live Q&A__ and I will try and answer all your questions!

And we will celebrate the incredible achievement of 10,000 subscribers on [YouTube](https://www.youtube.com/CoderDave?sub_confirmation=1)

{% youtube 44PoWwStc7s %}
[Link to the video: https://youtu.be/44PoWwStc7s](https://youtu.be/44PoWwStc7s)

Prepare your questions, and I hope to see y'all live! And if you can't make it, __post your questions down below__ so I can address them during the live!

Thanks so very much again for your support!

### ⏲️ TIME FOR THE LIVE:

- Wednesday, August 3rd, 9.30 pm HKT
- Wednesday, August 3rd, 7.00 pm IST
- Wednesday, August 3rd, 1.30 pm UTC
- Wednesday, August 3rd, 9.30 am ET
- Wednesday, August 3rd, 6.30 am PT

__Like, share and follow me__ 🚀 for more content:

📽 [YouTube](https://www.youtube.com/CoderDave)
☕ [Buy me a coffee](https://buymeacoffee.com/CoderDave)
💖 [Patreon](https://patreon.com/CoderDave)
📧 [Newsletter](https://coderdave.io/newsletter)
🌐 [CoderDave.io Website](https://coderdave.io)
👕 [Merch](https://geni.us/cdmerch)
👦🏻 [Facebook page](https://www.facebook.com/CoderDaveYT)
🐱‍💻 [GitHub](https://github.com/n3wt0n)
👲🏻 [Twitter](https://www.twitter.com/davide.benvegnu)
👴🏻 [LinkedIn](https://www.linkedin.com/in/davidebenvegnu/)
🔉 [Podcast](https://geni.us/cdpodcast)

<a href="https://www.buymeacoffee.com/CoderDave" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 30px !important; width: 108px !important;" ></a>

{% youtube 44PoWwStc7s %}
base86 - Extract hidden value from your supply chain
Tags: marketplace
Published: 2022-08-01 04:26:21

base86 is making the healthcare supply chain more open and efficient by building technology and tools for independent healthcare practitioners and suppliers, starting with the dental market, enabling the current oligopoly driven by just 4 mega suppliers to reach a balance.
 
base86 is solving this by building a data-centric ecosystem serving independent dentists and suppliers: a procurement and optimization platform, a digital storefront, and a marketplace.[](https://base86.com)
Completed all the Kaggle courses.
Tags: datascience, machinelearning, deeplearning, ai
Published: 2022-08-01 04:23:58

Hi, everyone. Hope you are doing well.
About 2 months ago, I started enrolled the first Kaggle course - "Intro to Programming". After that, I have been keep learning on Kaggle courses and completed all the Kaggle course by today. You can find my work on my Github profile.

https://github.com/levintech/kaggle-courses

I will continue my work and push my all works on my Github.
To encourage me to keep momentum on Data Science career, hope you **follow** me and "**star**" my repository on Github and Kaggle.
Best Regards
crypto price prediction
Tags: crypto
Published: 2022-09-01 22:49:55

---
title: crypto price prediction
published: true
date: 2022-08-01 04:00:00 UTC
tags: crypto 
canonical_url: https://cryptopriceprediction.org/
---

Although no one can say for certain what the future holds for cryptocurrency prices, there are a few things we can predict with a high degree of confidence. For one, crypto prices are highly volatile and tend to fluctuate rapidly. This means that if you're planning on investing in cryptocurrency, you should be prepared for some ups and downs. Additionally, the overall trend seems to be positive, with more and more people becoming interested in investing in cryptocurrency. So, although there's no guarantee that prices will continue to rise, it's definitely a possibility worth considering.
Why is NODE_ENV=beta an error?
Tags: node, devops, cloud, 12factor
Published: 2022-08-01 03:52:08

The third factor of [The Twelve Factors App](https://12factor.net/) says: *Store config in the environment*. NODE_ENV is an example of following this factor. The variable name says that it defines the environment for Node.js, not your application. It's common practice to prefix environment variables. For example, AWS SDK configures by AWS_ACCESS_KEY_ID and AWS_SECRET_ACCESS_KEY. 

Examples of how the behavior of the JavaScript ecosystem changes with NODE_ENV=production:
* npm install command will not install devDepencencies
* express.js caches templates and css
* Apollo Server disables schema introspection 

**You should not use NODE_ENV to determine the name of your environment.** But which env var to use instead of NODE_ENV?  The answer depends on whether you will use a prefix for business logic-related variables. You can think about these variables as feature flags.

Example with prefix FOO:
```
FOO_ENV=beta
FOO_FEATURE_FLAG=on
```

Example without prefix:
```
ENV=beta
FEATURE_FLAG=on
```

Let's get back to NODE_ENV. Usually, it has one of these values:
* *development* – used if not defined explicitly. Set this value during development at your computer.
* *test* – test frameworks like Jest automatically set this value.
* *production* – use this value during run code at the server

The tenth factor is *Dev/prod parity*. Therefore, it right approach to use NODE_ENV=production in every business environment. Dockerfile is the simplest place for doing this. Just add 
```
ENV NODE_ENV=production
```

### Summary
1. Use NODE_ENV with development|test|production
2. Define your ENV to determine your environment
3. In Dockerfile add ENV NODE_ENV=production
Whaddaya Mean “System.Object” Is Not Defined?!?
Tags: visualstudio
Published: 2022-08-01 03:29:25

---
title: Whaddaya Mean “System.Object” Is Not Defined?!?
published: true
date: 2022-08-01 03:25:44 UTC
tags: VisualStudio,visualstudio
canonical_url: https://jamienordmeyer.net/2022/07/31/whaddaya-mean-system-object-is-not-defined/
---

Every once in a blue moon or two, Visual Studio can get itself into a bizarre state where it’s not resolving the most basic types, like `System.Object`. You’ve confirmed that you’re referencing the latest version of .NET or .NET Core, you’ve cleaned and rebuilt your solution, and you’ve even rebooted your computer… all to no avail. What gives?!? Visual Studio ends up looking something like this:

![](https://jamienordmeyer.net/wp-content/uploads/2022/07/image.png)

Wait… what? “Predefined type ‘System.Object’ is not defined or imported”?!? This is purely a designer thing. If you try to build and/or run the solution, everything works (so long as you don’t have any genuine compiler errors, naturally…)

Well, I’m not entirely sure what is getting copied into the `obj` and/or `bin` folders that would specifically cause this, but when you do a Clean (either with `dotnet clean`, or via the Clean Solution menu command), there are things that aren’t removed that are apparently causing this issue. If someone knows exactly what is doing this, I’d love to know! Either way, the fix is to delete both the `obj` and `bin` folders for each project in the solution that is affected by this issue.

Once you do that, you’ll notice that they get dropped back in almost immediately IF you have the solution open in Visual Studio when you delete them. Once the new `obj` and `bin` folders are created, Visual Studio should visually clean up, and the `System.Object` errors will go away. Woot!

Just one of many of Visual Studio’s idiosyncrasies…
Hosting Your JSON Server on Glitch
Published: 2022-08-01 03:16:00

Unlike Heroku, glitch is a fast-time player for hosting compared to heroku. All that is required of You is one simple command and then boom.

Here are the steps to hosting at Glitch:

1. Click on the following link: 
[Glitch Website](https://glitch.com/)
2. Login or Signup to your account
3. Click on the New Project button

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7qagc0zi9cyqt0vrq2su.png)
4. Select the import from github button
5. You will be prompted to enter a github url then add the following
[](https://github.com/jesperorb/json-server-heroku.git)
6. Head straight to the db.json file
7. Delete all that is in this file then copy paste all of your json file content
8. After that click on the share Button and select the live link.
9. Select the array to be viewed under the url by addition of / then your array data.
10. After successfully achieving all this copy the website url with your data and use it anywhere in your code.

It feels great achieving all that you start and I felt great too successfully deploying my api.
CODE structure approach ??
Tags: help, webdev, beginners
Published: 2022-08-01 02:59:01

Hi guys I'm a Computer science student and also do full-stack development with python Django framework.

I was wondering what would be the best approach to any project from both frontend and backend point of view , I mean that how should I structure my work and what should my approach be ?


1. should I build out the backend first then make the front end .
2. should I make the front end first and then afterword's connect the backend ?
3. or should I do both in parallel  

please guide me so that in future I can save time ,
thank you.