teleren/devto huggingface dataset:
Day 360 : The Solution
Tags: hiphop, code, coding, lifelongdev
Published: 2021-05-05 21:49:19

_liner notes_:
- Professional : Spent the day working on video templates and assets that the team can use when we create tutorial videos. It's going pretty well. Getting better at this program to make the assets. There's a lot to the program. Also found a program to covert my screen recordings so I can upload to the program.

- Personal : Last night I finished up the Web Component and published it. When I included into the project, it worked, but when I reloaded the page, I got a 404 error on some files. Looked into it and it seems that in the library I'm using for the Web Component has some references to files using relative URLs so when my project's Service Worker cached the files, it would try and pull from the wrong location. Another thing I noticed was that when I navigate away and back to the page with the Web Component, so attributes would be missing. Funny thing is that only the attribute with a hyphen/dash was left. I'll have to investigate it more. Spent some time looking into how to send push notifications in my side project. I'm thinking I'll put all that on a subdomain so that the front page is as quick a possible. Just watched an episode of "Yasuke" and went to sleep.

![View of rugged pointy cliffs in Hunza Valley, Pakistan with some clouds around them.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2q3zx6amnsnyb6z7pty7.jpg)

Asked some folks in a Web Component community Slack channel if anyone has run into the issue I ran into. One person said it could be a bug and another offered some suggestions that I was thinking about doing also. I just wanted to see if anyone had the solution before I start hacking something together. Going to spend some time working on it and see what I can do. I can't believe it's Wednesday already! Probably go through some tracks for the radio show. Then watch "Yasuke" and go to bed.

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube hURH3mfBZ8E %}
Vue 2 to Vue 3 - 8 months on
Tags: vue, python
Published: 2021-05-06 14:11:48

---
title: Vue 2 to Vue 3 - 8 months on
published: true
date: 2021-05-05 21:31:45 UTC
tags: vue,python
canonical_url: https://alex.party/posts/2021-05-05-vue-2-to-vue-3-8-months-on/
---

Vue 3 has been out for almost 8 months now. Adoption is slow. This is feeling a little like another major version bump I've lived through. Is Vue the new Python?

When I started developing this go around, I was getting into Python and I was confused about Python 2 vs Python 3 and what I should be using. This was back in 2015, and the support for Python 3 was very low. Similarly, Vue 3 has been released for 8 months now and it is still considered the `@next` version. Articles and talks all point to using Vue 3, but to a new user, everything still points to Vue 2. This creates confusion and bad messaging.

Recently, [Vue.js announced that version 3.1 would be a migration build](https://twitter.com/vuejs/status/1388144585600274433) to help people move from version 2 to version 3. Realistically, the move from version 2 to 3 will take more than just a migration build. The ecosystem has not really caught up, though [several](https://twitter.com/Atinux/status/1365324549215186951) [major](https://twitter.com/vuetifyjs/status/1387437816813080581) [players](https://twitter.com/quasarframework/status/1389523264482029573) are close to having or already have Vue 3 compatible versions.

As we move closer and closer to a full year of Vue 3 having been released, I worry that we are starting to veer into the quagmire the Python community experienced when they released Python 3. It took them [14 years to sunset Python 2](https://www.python.org/doc/sunset-python-2/), and it is still being used by many operating systems [all the while having a tool that will help you move from Python 2 to 3](https://docs.python.org/3/library/2to3.html) (it still couldn't fix all the issues). When I was learning Python in 2015, Python 2 was still the main version being used primarily and it took another 3 years before Python 3 was the majority version.

Learning Python, I was constantly confused as to why the example I was trying to use wasn't working. Either I would be in a Python 2 tutorial and a Python 3 interpreter or visa-versa. The older tutorials wouldn't mention Python 3 as they were not updated, and the new tutorials were not good about explaining that you needed to make sure you were using the right version.

I love Vue (much as I still love Python) but we as a community need to recognize that the current messaging needs to not be "NEW COOL SHINY VUE 3" but we need to focus on "Here's how you can move from 2 to 3". The Python ecosystem spun their wheels for years because there was not a good path to move up a major version. If we as a community do not focus on helping people move from Vue 2 to Vue 3 now, then we will spend years having to support both.

Originally Posted as [Vue 2 to Vue 3 - 8 months on](https://alex.party/posts/2021-05-05-vue-2-to-vue-3-8-months-on/) at alex.party
📱Build a Flutter Wishlist App, Part 1: Introducing Flutter and Building a Basic Wishlist App
Tags: flutter, devrel
Published: 2021-05-05 21:30:05

In this series of articles, you'll learn how to create a Flutter mobile application that connects to a secured web API. You'll start by building a basic Flutter app that connects to an open API. Once you've written the basic app, you'll learn how to set up the app to use Auth0 to log in. From there, you'll update the app so that it can connect to a secured API. Along the way, you'll learn how to structure your application using a well-known design pattern.

In this article and the one after it, you'll build the basic Flutter app that lets you read, add, edit, and delete items from your wishlist. This basic app won't require the user to log in. You'll add user login and connecting to a secure API in subsequent articles.

Flutter is a UI toolkit from Google that has become a popular choice for building cross-platform applications. As it has its own rendering engine, it enables developers to build applications with a more consistent look and feel on multiple platforms more easily, which is helpful when building applications with branded experiences.

By integrating your apps with Auth0, you can control access to resources and information without having to worry about the details of authentication.

[Read more...](https://auth0.com/blog/build-flutter-wishlist-app-with-secure-api-part-1/?utm_source=content_synd&utm_medium=sc&utm_campaign=flutter)
QuickAI is a Python library that makes it extremely easy to experiment with state-of-the-art Machine Learning models.
Tags: machinelearning, deeplearning, python, datascience
Published: 2021-05-05 21:30:01

GitHub: https://github.com/geekjr/quickai

As an example to perform image classification, you only need to write 2 lines of code instead of many you would otherwise have to write without quickai:

```python
from quickai import ImageClassification
ImageClassification(<MODELARCH>, <PATH>, <SAVENAME>)
```
Where:
MODELARCH is the architecture you want to use
PATH is the path to your training data
SAVENAME is the path to save your model to

There are a few more examples in the examples folder of the repo.
From Pastry Chef to Web Developer
Tags: career, beginners, javascript, webdev
Published: 2021-05-05 21:22:35

Hi! I’m Oksana.
 
This is my first post and I wanted to share my journey to becoming a software developer.
 
Since I was 17, I had been working as a chef / pastry chef. I never felt that it was the right job for me and I always knew it was not what I wanted to be doing for the rest of my life. But I didn’t know what I wanted to do instead.
 
Since moving to London in 2016, I've been lucky to be surrounded by people involved with tech or software. I noticed they are proud of what they do and they feel that they make a difference. They have always been helpful and inspirational for me to join them in this field. 
For some reason, software development seemed like one of the most exciting parts of tech to me.
But programming was something very new and unfamiliar to me and I wasn’t sure if I had the “talent for it”.
In spite of all doubts and fears I decided to give it a try.
 
### Self-learning
 
So, in the beginning of 2020, I started learning web development on freeCodeCamp and Codecademy in my spare time. 
I won’t say it was a smooth ride, as it was an “on and off” experience. Sometimes I was frustrated with my progress and that lowered my self-esteem because most of the time I felt challenged and it seemed like my brain became my enemy. 

It was quite hard for me to understand concepts of programming and basic JavaScript stuff. Surprisingly, one of the most challenging parts was to learn how to study on my own. I didn’t have a proper study plan, I was jumping from one thing to another and couldn’t manage my time properly.
 
### Learning with CodeYourFuture
 
One day, I saw an advertisement for this free coding school for disadvantaged groups in the UK, called CodeYourFuture on Facebook. I decided to apply -even though I had about a week to complete all their requirements. 
Most of their requirements are based on freeCodeCamp, which I was luckily already studying. They also conducted interviews to make sure people would be committed to the course.
 
I am currently in the 6th month of the course and it’s been really amazing. A major difference compared to learning by myself is the excellent teachers and volunteers supporting us during every step. All trainees are helping each other to move forward, it feels like a team effort. I have made friends during the course and we are rooting for each other to succeed.
 
So here I will be writing about some things I have learnt with CodeYourFuture on the path to becoming a web developer.
Day 74
Tags: 100daysofcode, programming, react
Published: 2021-05-05 21:13:49

Day 74/100 of #100DaysOfCode

-I'm learning React JS. And today's topics,Higher-Order Component and Render Props.

-Improve skills by building 15 projects using React from John Smilga   (Coding Addict). Today practice project
4- "Accordion".
How to Send an Email in Laravel
Tags: laravel, php
Published: 2021-05-05 20:40:32

Laravel is a PHP framework that stands out for its simplicity, modernity, and connectivity. Probably, those characteristics make it especially popular among startups.

Laravel is widely used for building websites, marketplaces, web apps, and even frameworks.

Laravel uses the free feature-rich library SwiftMailer to send emails. Using the library function, we can easily send emails without too many hassles. The e-mail templates are loaded in the same way as views, which means you can use the Blade syntax and inject data into your templates.

We are using Mailtrap for Sending an Email.

Mailtrap is a "fake SMTP server" used for development purposes. Instead of having to test your code with your own email account, and potentially flooding your inbox with test emails, you can instead use Mailtrap as the endpoint.

In this blog, I will give you step-by-step instructions to send emails in Laravel 8. you can create a blade file design and also dynamic information for mail layout. so let's see step by step guide and send an email to your requirement.

https://techvblogs.com/blog/how-to-send-email-laravel
Must Know Trick for all the developers out there
Tags: webdev, beginners, github, productivity
Published: 2021-05-05 20:13:29



Hey All 👋, In this article I will show you a trick that will help all the developers out there.

Many times we see a GitHub repository and want to work with it or want to add few minor changes to it and see how it works but for this, we clone the repository on our pc and start using it but we can simplify this process with a neat trick. 


##Steps
- Just went to the repository you want to use.

> https://github.com/Mukul-Singhal/Flick

![github.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1620244271221/20r2CDiDs.png)
- Put box after the gitHub in the url like this.

> https://githubbox.com/Mukul-Singhal/Flick
![gitbox.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1620244279598/OvnYyiWkX.png)
- Press enter.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fy15h0tdeouqvvs9qfyn.gif)

Voila 😁 now it opens in the code sandbox and you can use this repository in the codesandbox and make changes in it.
What are some useful resources to learn programming/system administration from?
Tags: discuss, webdev, devops
Published: 2021-05-05 19:38:48

With the information overload nowadays, it could be really intimidating for people who are just getting started to find the right resources to learn from.

What are some useful resources that you wish you had when you got started?

My top 5 resources are:

* [freecodecamp.com](https://freecodecamp.com)
* [devdojo.com](https://devdojo.com)
* [digitalocean.com/community](https://digitalocean.com/community)
* [codecademy.com](https://codecademy.com)
* [laracasts.com](https://laracasts.com)

What are your top 5?
Difference between arguments and parameters
Tags: discuss, tutorial
Published: 2021-05-05 19:34:26

Hi all.
Most people use `arguments` and `parameters` interchangeably.
But technically they are not the same.

### What are arguments?
In simple words:
 * arguments are data/values that are passed to a function when you call it.

```python
# define the function
def add(a, b):
    ...add the values

# call the function
add(2, 4)

# 2 and 4 are the arguments.
# they are the values the function will manipulate.
```
### What are parameters?
In simple words:
 * parameters are dummy names you pass/give a function when you are defining it.

```python
# Example in python
def add(a, b):
    ...add the values

# a and b are the parameters for the function
# they just acts as a placeholder.
```

### Conclusion

If I might have missed anything, please leave a comment and help me learn from you.
Thanks for reading!!
The importance of graphic design in advertising
Tags: graphicdesign
Published: 2021-05-05 19:18:55

What is graphic design?

First things first, I must understand that this discipline is a set of techniques. It has the purpose of creating and projecting messages through images. Therefore, it can be considered visual communication. Its ultimate goal is to enrich and solve everyday situations. Either for institutions or private companies.

It can be said that there is a close link between advertising and graphic design, since it is the tool that helps marketing to convey the message to the target audience.

The importance of graphic design

As you will see, the design becomes more and more relevant. In fact, the new Google algorithm that will be launched in 2021 will be much more focused on the user experience and the functionalities that a good design could give you.

It is for this reason that having a professional team will make your digital results much better. In fact, if you think of any action on the internet, you will surely have to think of graphic design solutions.

Role of advertising agencies in graphic design

As I have already said, the importance of graphic design can address different elements, such as corporate identity, logo creation, advertising design, corporate catalog design, advertising brochures, editorial design, promotional campaigns, signage, packaging design, among others.
How to Install node.js app on VPS shared hosting?
Tags: deploy, node, host, ssh
Published: 2021-05-05 19:13:59

In this article, I will show you how to install `node.js` on **shared hosting**
if you just purchased new shared hosting and there is not node.js installed. 
Don't worry in this step-by-step guide you will learn to install `node.js` with `SSH` without `sudo` or `root` access.
I am a Windows user, for connecting to the server via `SSH` i will use putty software that's free and easy to use.
I assume that you have already installed `putty` if not just google you will see lots of tutorials on How to install putty on windows. 
#How to use putty? 
search putty in your window's search bar and click on `putty` to execute. 
###You will see the following screen 

![How to Install node.js app on VPS shared hosting?](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2g5nh6cyizpqbxggkqd4.png)
Enter the following values in putty for connecting to the server
1.Enter Your Server/cPanel IP Address in * hostname (or IP address field*
2. By Default `Port 22` is used if you have not  default case you *You Can Find Your Port Number in Server Details*
3. Click on `Open Button`
 if everything is correct you will see a black screen asking for
 `Login as` enter your username here *make sure to enter correct user name*
`Enter password` *Enter the correct password for username. *password will not be visible just type your password and hit enter* 
If You Enter the Correct cPanel Username and Password then you will see the next screen with your username. 

####Now you are connected to Server successfully let's install node.js on shared hosting
Run the following command to download node.js you can download any version of `node.js` by changing the to a specific version. i am downloading `v8.10.0` 
```
wget https://nodejs.org/dist/v8.10.0/node-v8.10.0-linux-x64.tar.gz
```
###Now we have downloaded `node.js` on our server let's  Extract Node JS Files by using the following command
```
tar xvzf node-v8.10.0-linux-x64.tar.gz
```
###Let's rename the folder to `nodejs`
```
mv node-v8.10.0-linux-x64 nodejs
```

##Let's install `Node.js` and `npm` type the following `commands` one by one 
1. `mkdir ~/bin`
2. `cp nodejs/bin/node ~/bin` 
3. `cd ~/bin`
4. `ln -s ../nodejs/lib/node_modules/npm/bin/npm-cli.js npm`
#That's it. Node.js and npm installed on your hosting you can verify that by running `node -v` if yo see `node.js` version it's mean you have successfully installed node.js on shared/vps hosting.

Thanks for reading :-) can you write your thoughts? and help me to improve my content by your valued suggestions? or if you have any querry please comment bellow.
{% user saadabbasi %}
Finding what matters to you
Tags: devrel, career, discuss
Published: 2021-05-05 18:49:56

---
title: Finding what matters to you
published: true
description:
tags: devrel, career, discuss
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ceqetah8gtz7shlw4hoi.png
canonical_url: https://johnpapa.net/finding-what-matters
---

Are you happy?

I've been asked this question many times by co-workers and my leaders over the years. I've been lucky enough to have many leaders who cared enough to ask it and cared enough to help shape the environment around me and my colleagues. But for years I answered that question not even knowing there was a question that must be asked and answered first. A question that will shape whether I am happy or not.

That question is "What makes you happy?".

At some point in my career I decided to invest some time into thinking through that question. it's one that may be different for a lot of people. After all, what motivates you vs your colleague may be different. Sure, there will be overlapping aspects, but we are all different.

First, I realized I am thankful for having a job that compensates me. Not everyone does. More specifically, I am thankful that this allows me to take care of my family.

I'll cut to the end of the story here as I have 3 main points:

1. I found it helpful to carefully consider and be honest with myself on what makes me happy in a job.
1. My list evolves as my life evolves. Sometimes items are added, sometimes they drop off that list.
1. Being happy with my job is not the same as being happy with my life.

I'll share here some of the most important aspects that make me happy at work. Maybe you have different ones or some of the same.

This list is not in order, nor are they all equal to me.

1. Do I have the time to truly be with my family outside of my "work hours"?
1. Do I find a challenge that stretches me and fits with how I like to build teams/processes/technology to achieve business solutions?
1. Do I find the work interesting?
1. Do I have support from my leaders?
1. Do I have freedom to control how I get to the objectives?
1. Do I have opportunity to influence direction?
1. Do I find authenticity and character to be valued at work?
1. Am I fairly compensated?

Are there other things I value? Absolutely! The point of this exercise for me was not to list a thousand items. Wow I'd be pressured into making sure I didn't leave something out (there is always something else to add). For example, I highly value working with collaborative people ... I could add that easily to the list above. And maybe I should. But at some point the list serves its purpose to me, which is to help me consider what matters to me.

I'll leave you with this thought ... do you know what matters to you and influences what makes you happy at work? If not, maybe creating your own list will help.
Timezone for DateTime Field at Laravel Nova
Tags: php, laravel, nova, timezone
Published: 2021-05-05 18:47:15

Hi there 👋

You may want to see **created_at** field or more fields like this with timezone.

Nova allows us to override any field.

```php
Date::make('CreatedAt', function () {
                if ($this->created_at) {
                    return sprintf('%s', Carbon::parse($this->created_at)->setTimezone('Europe/Istanbul')->format('Y-m-d'));
                }
           }),
```

We were able to manipulate the **created_at** field.

We've been registering the records that date time types without UTC. But after we had made changes, we saw that with timezone.

Have a good day 🎊
12 Simple Button Hover Animation Using CSS
Tags: webdev, productivity, css, beginners
Published: 2021-05-05 18:41:37

Almost every web project has one or more buttons, when the button is clicked we need to give an indication to the person that the button was clicked. It can be through a message or change in the button's visual properties. The change in the visual property help to convey the message quickly and easily. The visual indicators are better if the user need to click one button from a group of buttons, here I listed 12 ways that can be used to provide visual indication that the user has clicked the button. All are simple designs using CSS properties, no JavaScript is used. The working logic is given as comments in the CSS area, I tried to keep the CSS code simple, you can use your creativity to make these better. I just tried to show different ways of creating hover effects, if you find any errors let me know. If you have any suggestion, please comment, Happy Coding.
 Here is the [codepen](https://codepen.io/kiran-r-raj/pen/vYxYKQK) that contain all the 12 button hover effect examples.

{% codepen https://codepen.io/kiran-r-raj/pen/vYxYKQK default-tab=result %}
{% link https://dev.to/kiranrajvjd/19-simple-hover-animation-using-css-1l36 %}
{% link https://dev.to/kiranrajvjd/24-html-tags-you-may-not-know-37be %}
{% link https://dev.to/kiranrajvjd/awesome-css-generators-3709 %}
{% link https://dev.to/kiranrajvjd/15-awesome-css-animation-resources-4mhi %}
{% link https://dev.to/kiranrajvjd/10-best-javascript-based-github-repos-for-web-developers-49pc %}