teleren/devto huggingface dataset:
The interesting tools I encountered this week
Tags: miro, wonder, codewars
Published: 2021-03-19 16:51:16

Today I would like to share with you the interesting tools I encountered this week. This week the team building activity sessions were held online and we used a great tool enabling remote brainstorming, mind mapping, and working on the same whiteboard with teammates [MIRO](https://miro.com). 

Talking about team building activities, I would like to point out how I like team building activities so far.  During these sessions,  we play games that help us to really know each other even more. I enjoy them so much! I am extremely grateful for being at this Bootcamp, it is a wonderful Bootcamp and beneficial so far. My passion for learning has got even bigger.

Well, now let me talk a little about Wonder.

As it’s written on their [website](https://www.wonder.me/about-us), Wonder is “a space where you can connect to others in a more spontaneous and fluid way. You move around freely between groups. It's fun, creative and energizing.” For the first time using this tool, I found it useful, and fun. I’d recommend it to anyone who wants to meet a group of people virtually.

Today I wrote much about MIRO, and Wonder but I can not really leave the technical skills I have gained this week out! I have gained a lot in technical skills and love the way [Awesomity Lab](https://awesomity.rw/) guys are upskilling us so far. With [code wars](https://www.codewars.com/), the Awesomity Lab’s awesome guys are training us on programming challenges known as kata.

Challenges

“Everyone has challenges and lessons to learn - we wouldn't be who we are without them,” [Combs](https://www.brainyquote.com/authors/sean-combs-quotes) said.

It’s not a long time using Miro and Wonder, So I have faced little challenges of not finding what I want quickly but while moving forward, I hope to improve because I learn from challenges instead of being afraid of them.

Thank you for reading!
💡 Useful Git Commands you need to know 💡
Tags: github, git, todayilearned, tooling
Published: 2021-03-19 16:44:29

![Git workflow](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8yynjoih27phvajsruif.jpg)
1. `git init` -> Initializes git in any folder/repository (Needs only if you are not cloning a repository)

2. `git clone https://github.com/<your-user-name>/<repo-name>` -> Clones the repository in your local system.

3. `git status` -> Shows the current status of the repository.

4. `git add <file-name>` -> Adds specific file to staging area

5. `git diff / git whatchanged` -> Gives the recent changes in the repository

6. `git add .` -> Adds all changed files to staging area

7. `git commit -m "<your-message>"` -> Gives a message to your current files and takes their snapshot to commit history

8. `git log` -> Shows the commit history

9. `git revert <commit-token>` -> Discards the specific commit (Deletes the committed files but keeps a trace in history)

10. `git reset --soft HEAD~<no-of-commits-to-revert>` -> Undo's the commit and brings the changes back in the staging area

11. `git restore --staged <file>` -> Brings back the specific file in the changes made section which is added to the staging area.

12. `git remote -v` -> Shows all the remote connection

13. `git remote add origin https://github.com/<your-user-name>/<repo-name>` -> adds your forked branch as the origin (No need to do if the repo is cloned)

14. `git remote add upstream https://github.com/<parent-user-name>/<repo-name>` -> Adds parent repository as upstream.

15. `git pull origin` -> fetches the changes made in origin to your local system

16. `git pull upstream` -> fetches the changes made in origin to your local system

17. `git branch <branch-name>` -> Creates a branch with branch-name

18. `git checkout <branch-name>` -> This now allows you to make changes in the specified branch

19. `git checkout -b <branch-name>` -> This is combination of `git branch <branch-name>` and `git checkout <branch-name>`

20. `git merge <branch-name>` -> merges its children branch-name into its parent branch.

21. `git branch -d <branch-name>` -> Deletes the specified branch. And if the changes in the branch-name are not merged in the parent branch then the changes are deleted.

22. `git push origin <branch-name>` -> Pushes the recent commits to the new branch
Managing Form Validation In Vue with Custom Form Components And Vee-Validate Composition API
Tags: ionic, vue, webdev, tutorial
Published: 2021-03-19 16:42:40

Managing Form Validation In Vue with Custom Form Components And [Vee-Validate](https://vee-validate.logaretm.com/v4/guide/composition-api/handling-forms) Composition API

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

We are going to show how to create decoupled form components that can be used/reused in your application and utilizing the composition API functionality of Vee Validate and [Yup](https://github.com/jquense/yup#readme) to validate and submit the form. 

In the graphic above, the Credentials section is a separate component from the Personal Info section yet we are able to manage retrieving the values of the components and properly validate the form fields as if both components were just elements in one form.


The code can work with any Vue 3 application, I am just using [Ionic Framework UI Components](https://ionicframework.com/vue) because that is what I work with every day

### Video
{% youtube 2ET7IH57XwQ %}

### Links
- Vee Validate - https://vee-validate.logaretm.com/v4/guide/composition-api/validation
- ionic Vue - https://ionicframework.com/docs/vue/overview
- Source Code - https://github.com/aaronksaunders/ionic-vue3-veevalidate-composition-api
- Vue Vee Validate Playlist - https://buff.ly/30U15iV
Accurate solutions
Tags: criticalthinking, problemsolving, agile
Published: 2021-03-19 16:39:54

I would like to start by answering the following 5 questions. 

Why am I writing about problem-solving? Because I would like to share my professional experience with problem-solving. Why would I like to share such an experience? Because it is a very important skill to have as a developer. Why is it a crucial skill? because developers are always expected to provide adequate solutions. Why adequate solutions? because there are numerous solutions out there, some are reliable others are not, therefore we need to go through some steps to come up with the best solution. Why do we need to go through more than 1 step in order to reach the best solution? because it is the perfect iterative technique used to explore the cause and effect relationship underlying the particular problem. 

This week I learned how to use critical thinking to find a better solution. I also learned cultural self-awareness by taking a 16personalities test. The test output resulted in the protagonist's personality type. With this type of personality, I was reminded that I have always to seek both personal and team success by accepting others' opinions, working hard, and keeping positive visions. 

After a self-discovery and understanding of my teammates' personalities, I was introduced to business culture. Which generally combines the organization's values, visions, working style, beliefs, and habits. I learned that good team culture is demonstrated by how collaborative, communicative, and knowledge-sharing a team is. Moreover, we started collaborating using wonder.me

Technically, I acquired skills in a new project management tool called Jira. And how to organize work in a way that follows agile values and principles by using user stories to sort out what is extremely valuable from what is less important. As always we sharpen our minds by taking code wars challenges.
The Most Simple Python Random Password Generator - Only 6 lines of code
Tags: python
Published: 2021-03-19 16:23:32

The most simple way to generate a random password in Python.

1. import string
2. import random
3. import secrets
4. with string create possible charachters
5. create password
6. print password to the console

```python
import string
import random
import secrets

password_chars = string.ascii_letters + string.digits + string.punctuation

password = "".join([secrets.choice(password_chars) for i in range(random.randint(12, 15))])

print(password)
```

or to shorten it even more:

```python
import string
import random
import secrets
password = "".join([secrets.choice(string.ascii_letters + string.digits + string.punctuation) for i in range(random.randint(12, 15))])
print(password)
```
Connect multiple MySQL database server on local Mac
Tags: dbdb, database, mysql
Published: 2021-03-19 16:22:26

---
title: Connect multiple MySQL database server on local Mac
published: true
description: Connect multiple MySQL database server on local Mac
tags: dbdb, database, mysql
series: dbdb
//cover_image: https://direct_url_to_image.jpg
---

# Connect MySQL with custom port and socket
```bash
# MySQL 8.0.23 with port 13306
cd ~/tmp/path-to-your-dir
cd mysql/versions/8.0.23
dir=`pwd`
$dir/basedir/bin/mysql \
 --user=root \
 --host=localhost \
 --port=13306 \
 --socket=/tmp/dbdb_mysql_13306.sock

# MySQL 8.0.23 with port 23306
cd ~/tmp/path-to-your-dir
cd mysql/versions/8.0.23
dir=`pwd`
$dir/basedir/bin/mysql \
 --user=root \
 --host=localhost \
 --port=23306 \
 --socket=/tmp/dbdb_mysql_23306.sock

# MySQL 5.7.31 with port 33306
cd ~/tmp/path-to-your-dir
cd mysql/versions/5.7.31
dir=`pwd`
$dir/basedir/bin/mysql \
 --user=root \
 --host=localhost \
 --port=33306 \
 --socket=/tmp/dbdb_mysql_33306.sock

# MySQL 5.7.31 with port 43306
cd ~/tmp/path-to-your-dir
cd mysql/versions/5.7.31
dir=`pwd`
$dir/basedir/bin/mysql \
 --user=root \
 --host=localhost \
 --port=43306 \
 --socket=/tmp/dbdb_mysql_43306.sock
```
TUTORIAL: How to Get Started With Codesphere
Tags: tutorial, webdev, programming, productivity
Published: 2021-03-19 16:12:51

At Codesphere, we want our users to be able to start coding without having to deal with a long and confusing setup process for their project. This is why Codesphere allows you to start coding and deploy your app within a matter of minutes!

To help explain how easy it is to get started with Codesphere, we recently released a tutorial video:

{% youtube W_D15Gu9Rsk %}

Check it out! Which other tutorial videos shall we make for you? Reach out to us and let us know. 

Happy coding!
Dev Plan Mar '21
Tags: beginners
Published: 2021-03-19 16:10:15

#This is a blog post of sorts
---

If you've stumbled across this, you're reading my first foray into writing on Dev.to, to practice Markdown and to set out my stall for what I'm planning to study over the next few weeks. 

We already have the CodeWorks Bootcamp done, as well as a mishmash of FreeCodeCamp, CodeAcademy and Scrimba stuff.

Now we want to  focus on improving our **portfolio** and getting a **remote job**. 

Do a course, get something up on the profolio and deployed. We want to move away from following along to coding tutorials and improve our ability to think of a project then develop it to deployment. 
We want to follow good work flow practices along the way.
That means documentation, testing and git flow.  

---
#The Wishlist
- Data Visualisation
You want to be able to bring info and stats to life since it's more interesting to you than CSS libraries. 
- Full Stack MERN
Get a full stack app idea deployed to develop your understanding of the frontend and backend. 
- Blockchain
The theory of decentralisation and the possibilities are very interesting and worth digging into in order to understand how to implement as part of a fullstack app.
- Machine Learning, the Grammar App.
Get a proof of concept working for this. Again, you want to try to understand a new tech. You also want your portfolio to show something that links back to your teaching days. 
- SurfSearch, the portfolio redo
It was a good idea that got lost along the way. Sit down and figure out how to get it looking and working right.
- Python
Use something rather than Javascript to build something. Compare the two languages. Dabble outside of the JS ecosystem.
- Svelte
On the frontend, move away from React and try out something that's a little lighter.
- Automated Testing
Has to be something that's incorporated into your projects.
- Gatsby/Next.js
Start into the JAMstack with a way to quickly spin up some Static websites.

Yes, it's a hugely ambitious list. 
But remember, real artists ship. 

p
Day 80 Of 100DaysOfCode : Classifying Data Types From Data Science for everybody
Tags: 100daysofcode, womenintech, codenewbie, beginners
Published: 2021-03-19 16:00:00

Today, I complete day 80th of #100daysofcode and #python learning journey. Like yesterday, today also keep learning from Datacamp on the course Data science for Everybody. Completed some assignments too.
Some hours of the day I spend in my project. I able to complete some part of my project. Today I scrapped some news pages of Annapurna news portal. Prepared dataframe.
<blockquote class="twitter-tweet"><p lang="en" dir="ltr">Day 80 Of <a href="https://twitter.com/hashtag/100DaysOfCode?src=hash&amp;ref_src=twsrc%5Etfw">#100DaysOfCode</a> and <a href="https://twitter.com/hashtag/python?src=hash&amp;ref_src=twsrc%5Etfw">#python</a><br>Classifying Data Type( Data Science for everyone) On [Datacamp] (<a href="https://t.co/MyPCLaNyIj">https://t.co/MyPCLaNyIj</a>)<a href="https://twitter.com/hashtag/womenintech?src=hash&amp;ref_src=twsrc%5Etfw">#womenintech</a> <a href="https://twitter.com/hashtag/100DaysOfCode?src=hash&amp;ref_src=twsrc%5Etfw">#100DaysOfCode</a> <a href="https://twitter.com/hashtag/CodeNewbie?src=hash&amp;ref_src=twsrc%5Etfw">#CodeNewbie</a> <a href="https://twitter.com/hashtag/DEVCommunity?src=hash&amp;ref_src=twsrc%5Etfw">#DEVCommunity</a> <a href="https://t.co/CNDVQy1Oh0">pic.twitter.com/CNDVQy1Oh0</a></p>&mdash; Durga Pokharel (@mathdurga) <a href="https://twitter.com/mathdurga/status/1372938687470706701?ref_src=twsrc%5Etfw">March 19, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
4 things you might not know about javascript.
Tags: javascript, codenewbie, tutorial, webdev
Published: 2021-03-19 15:55:53

Hey in this article I am going to be showing some unique things that you may not know about javascript! enjoy guys!


<h2> 1) The -0 </h2>

Did you know that javascript has a -0 number? we actually use the +0 number as default but you know what they return 0 anyway so both of them are equal.


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

<h2>2) NaN (Not a number) is a special number! </h2>

If you didn't know NaN is actually a special number. if you don't believe me just use the code that is given below and you would be surprised!

One more weird and interesting thing about this is NaN is not equal to itself meaning <code> NaN !== NaN </code>


![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5qrh3q410xw4k7r6sotd.png)


<h2> 3) Setting and reading the urlparams using searchParams </h2>


You can use the <code> search params </code> to get the value of any param and also you can set a param with a value using this.

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


<h2> 4) Some cool icons using HTML Entity </h2>

There are some basic icons that you might wanna use in your site so instead of importing font and do all those time-consuming things

you can use some cool icons using the HTML Entity some examples are given below

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7ekb3t7j08ynvtf1wepf.png)
 


![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rm9qztc9tcl70wv2pku5.png)
 
That was it! Thank you for reading my article hope you enjoyed it and let me know if you like this little article of mine. Thank you so much for reading this!🙂
Contentful Changes: Sys Comparisons, Webhooks and App updates
Published: 2021-03-19 15:39:25

---
series: Contentful Changes
------
Every month Shy from the Contentful Dev Rel Team will share his favorite changes from the [Contentful Changelog](https://www.contentful.com/developers/changelog).

This month he's [sharing number and date comparison filters for "sys" properties in GraphQL](https://www.contentful.com/developers/changelog/#number-and-date-comparison-filters-for-sys-properties​), [updates to Webhooks](https://www.contentful.com/developers/changelog/#webhook-header-transformations​) and the [App Framework](https://www.contentful.com/developers/changelog/#more-convenience-for-rendering-your-fields).
HTML Form to Mail | Contact form to email the fastest way | contact page with php mail

Tags: programming, webdev
Published: 2021-03-19 15:36:13

Hey everyone. Today i am going to tell you how to connect your website contact form with your email using PHP.
In this video, we are going to create a contact form and make a mail function using PHP and test it on a live server

https://www.youtube.com/watch?v=6QkgXcRMTq0&ab_channel=Codeconia
Blog link : https://codeconia.com/2021/01/12/contact-form-with-phpmail-for-your-website/
Cleaning Up Space after Docker
Tags: docker, todayilearned
Published: 2021-03-19 15:24:24

_Photo by_ [_Wil Stewart_](https://unsplash.com/@wilstewart3?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) on [_Unsplash_](https://unsplash.com?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText)

You know how I love Docker and try to move [everything](https://dev.to/c_v_ya/setting-up-local-elk-stack-2708) [inside](https://dev.to/c_v_ya/setting-up-kafka-in-docker-1e8a) [containers](https://dev.to/c_v_ya/black-with-docker-596k). But a couple days ago I got a system warning that I have about 1 Gb left on the root partition. That was a surprise. At the time I was in a Zoom call. And the first thing that came to my mind was "eh, must be Zoom eating up space". But in the span of 30 minutes 1 Gb turned to 100 Mb. So I panicked a little, turned everything off, rebooted and got angry that it was still less than 100 Mb on `/`.

Imagine my amazement when I discovered that `/var/lib/docker/` was eating around 20 Gb! What could it be? Turns out it was.. logs! Tons of logs from all the containers I have. And I only have around 10 running daily. Plus 5 more that I spin up when I need them. Such as Elastic, Kafka and Logstash.

Thankfully, the [solution](https://forums.docker.com/t/some-way-to-clean-up-identify-contents-of-var-lib-docker-overlay/30604/40) was quite easy:

```
sudo sh -c "truncate -s 0 /var/lib/docker/containers/*/*-json.log"
```

This will remove all the logs. That alone freed me 16 Gb! My-my...

But I don't want to run this command with Crontab. Or, even worse, run it manually from time to time. There must be a way to set Docker logging policy, I thought. And there sure is. [Official documentation](https://docs.docker.com/config/containers/logging/configure) says how to configure logging and set the max number of files with their size. So, now my `/etc/docker/daemon.json` looks like this:

```json
{
  "log-driver": "json-file",
  "log-opts": {
    "max-size": "100m",
    "max-file": "1",
    "env": "os,customer"
  }
}
```

On a MacOS it's even easier. Go to `Docker Desktop -> Preferences -> Docker Engine` and edit the configuration.

Meaning I'll have only one file under 100Mb. Which I think should be suffice for the logs.

But, this will not affect already created containers! You'll need to recreate every single one in order for them to respect the new logging config.

---

Hope this will save you some time and nerves if/when you'll encounter a similar issue. So you can just focus on writing quality code :blush:
The most valuable thing about you, as a freelancer, is not what you do...
Tags: freelance, agency, career, webdev
Published: 2021-03-19 15:24:05

Let me ask you a question.  Are you an expert?

Do you know your way around React?
Can you make things happen with Laravel?
Does .net quake in fear when you fire up VSCode?

That's amazing.  Being an expert is something to be proud of.  

But, if you're a freelancer or you run a small agency, I have to ask: *do your clients care*?

It might seem like they care.  They might ask you about your experience.  They might even test you on your skills.  

But, deep down, do they actually care?

The harsh answer is "no". 

Your clients only want to know three things.  

- Do you understand what they want to achieve?
- Is the outcome worth the fee you’re charging?
- How big is the risk in hiring you?

Your expertise, your skills, they are just a partial answer to the third question. 

You also need to answer the first two questions.  And if you don't the clients you attract *will fill them in for you*.  

By micro-management.  By complaining about price.  By doing everything they can to reduce the risk to their business.  

So if you want better clients, who let you get on with the job, who pay higher rates and trust your expertise, you need to start filling in the blanks for them.
An Introduction to Time Complexity and Big O Notation
Tags: programming, algorithms, tutorial, computerscience
Published: 2021-03-19 15:13:35

If you're interested in learning the basics of Time Complexity and Big-O Notation which are the fundamental aspects of algorithmic analysis, something that is really important for theoretical computer science check out this YouTube video I made. Additionally, knowing how to analyze the running time of algorithms helps you write efficient code.

This video contains animated high-quality explanations of Time Complexity concepts along with multiple examples. 

{% youtube -sx1fh_alAY %}
Just Getting Started
Tags: newbie, noob, beginning, webdev
Published: 2021-03-19 14:28:14

[![Dave Collison Logo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/og0ju69ir043rq4nvcvh.jpg "Dave Collison Logo")](https://davecollison.tech "Dave's Website")

## What Am I Doing Here?

Well, I'm here on my first post to **Dev.to**. I'm following a tutorial (even though I do know a little about Markdown already) and *I am* happy for you all to see this. My first paragraph is done!

~~This is not my second paragraph~~

Here, in my second paragraph, which is more or less my third paragraph, there is some more text for you to read. I am so sorry, but I am not responsible for the minutes of your life you may have wasted reading this stuff.

> "I've learned so much that, whenever I learn something new, it pushes some old knowledge out of my ear." - A wise man

- One
- Two
 - Two and a bit
 - Two and another bit
- Three

---

## Phew!

So, that was worth it, wasn't it? I've added an unordered list with a small unordered sublist. And I get to the next segment and it says, "Write a paragraph and a list with at least three pieces of information." Well..,

---

## Time For Some Random Code

```js
console.log('Hello, Earthlings.');
```

---

## A Bit About Me

Since you've made it this far, I'd like to introduce myself. I'm around 50 years old and originally from London. I got into programming when I was around 14, on a ZX Spectrum back in 1985. It had me hooked.

![Dave's Face](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xvfaiwht8gvjv2fqt7j1.png "My Face")

Sadly, things in life drew me away from the world of computing when I reached my twenties. I ended up as a singer in the entertainment industry, which I have enjoyed very much and intend to continue doing.

It was going very well for me and was my prime focus until Covid 19 came along and decimated the entire industry. Now, with no work, I had the time to watch videos, follow tutorials and make sense of the 'much more complicated to the 1980s' world of technology.

Just a year in and I'm managing/creating/content-uploading 7 different websites. I need to learn much more before I can call myself a profession web developer. My website, for one, needs to look like one of a professional web developer. It's *so* a work in progress.

So, here I am. Please feel free to communicate. I'm all ears. Eyes?