teleren/devto huggingface dataset:
My Channel for Full Stack Developers
Tags: node, javascript, react, angular
Published: 2021-04-06 10:58:38

---
title: My Channel for Full Stack Developers
published: true
description: My Channel for Full Stack Developers
tags: nodejs, javascript, react, angular
cover_image: http://img.youtube.com/vi/_LC6bSUOfag/0.jpg
---

[![](http://img.youtube.com/vi/_LC6bSUOfag/0.jpg)](http://www.youtube.com/watch?v=_LC6bSUOfag "")

https://www.youtube.com/c/TarunSharma7372/playlists

@tkssharma
Welcome to my channel Code Labs Javascript.
Learn Geek stuff from here [Angular, React, Redux, Nodejs, Web development, Docker, AWS, Vue JS, All about Javascript]

Hi, I'm Tarun - a full stack software developer based out of India. I build open-source projects and write about modern JavaScript, Node.js, design and web development. If you like my stuff Please subscribe My channel and Fell free to hit One-click unsubscribe anytime. I have 2000 youtube videos on latest technologies.

If you have any comments, ideas, critiques, or you just want to say hi, don't hesitate to send me an email at tarun.softengg@gmail.com

Subscribe My channel 

See My All Youtube Videos 
https://training.tkssharma.com
https://tkssharma.com

https://www.youtube.com/channel/UCS1NeZF0Or2E1RAV9hQJz3g?view_as=subscriber
https://tkssharma.com/

Watch ALL My Playlist
https://www.youtube.com/user/vibbbbbba/playlists?view_as=subscriber
What do you do when you are not working?
Tags: discuss
Published: 2021-04-06 10:49:53

---
title: What do you do when you are not working?
published: true
description: 
tags: discuss
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0ys787fuskm0c42zu6v9.png
 
---

Most of us work 8-9 hours a day at our jobs.

Most people sleep 6-8 hours a day, leaving them with 18-16 hours of awake time.

Lately I realized, that for years, in my free time, I used to LOSE myself in the virtual world. It is too easy for a developer to keep in their computer even if they are not working. This includes, gaming, surfing the internet, watching YouTube/series/movies or any other online activity.

It is easy to tell someone to get a hobby, or exercise or read a book. But what if I don't like any of these? What if I already do them, but I still have free time on my hand?

How do you spend your free time? What advice do you have for someone who just got 6-8 hours of free time on their hand, and they don't know what to do for that long, every day! (even more on the weekends!)
Learn #ruby + http ( and Rails) - I
Published: 2021-04-06 10:27:46

Learn #ruby ( and Rails)  [with the Shopify Engineering team](https://shopify.engineering/building-web-app-ruby-rails) ,
enjoy :-)

> Code snippets available on gists !

Just sharing a couple of screenshots... milestones in my journey to.



#sockets
#dev 

#ruby
How to delete Kubernetes pods hanging in Terminating state

Tags: kubernetes, devops
Published: 2021-04-06 10:20:17

While working on Kubernetes environment you may see hanging PODs after termination. You will see the state of `Terminating`

```
$ kubectl get pods
 NAME        READY     STATUS        RESTARTS   AGE
 nginx       0/1       Terminating   0          1d
```

This can hold your work for sometime. In these cases you need to find the root cause of this issue but in the mean time if you want to quickly get rid of those pods, run following command -


```
$ kubectl delete pod <pod-name> -n <namespace> --grace-period=0 --force
```
Hello World & Paths
Published: 2021-04-06 10:15:46

## 1. Hello World Application
Creating a simple Hello World application using Spring Web.

{% youtube LOkOdjH4a0o %}

#### Scripts & Snippets
Here is the config for the `build.gradle` created in the video.
```groovy
plugins {
    id 'org.springframework.boot' version '2.4.4'
    id 'io.spring.dependency-management' version '1.0.11.RELEASE'
    id 'java'
}

repositories {
    mavenCentral()
}

dependencies {
    implementation 'org.springframework.boot:spring-boot-starter-web'
}
```
[GitHub Repo Tag](https://github.com/softwaredevacademy/spring-web-app-demo/releases/tag/hello-world-server)

## 2. Adding Paths to Controller
How you can add paths to your Controller.

{% youtube BG8JzLImJLI %}

[GitHub Repo Tag](https://github.com/softwaredevacademy/spring-web-app-demo/releases/tag/controllers)

<hr>
<p style="align: center;"> <span> <a href="https://dev.to/softwaredevacademy/intro-to-request-response-cycle-3m40">Previous article</a> | </span>
<span> <a href="https://dev.to/softwaredevacademy/persistence-database-29gg"> Next article </a> </span>
 </p>
The most basic benefits for businesses when doing SEO

Tags: seo
Published: 2021-04-06 10:13:43

With more than 90% of Internet users in Vietnam using information search engines before deciding to buy any product or service. Then, to reach customers, the first thing is your website must appear on the search results. That is why businesses are interested in Search Engine Optimization ([SEO](https://leading.vn/seo/)) to help websites appear naturally on search results and at no cost, and invest in human resources in this area. So what are the benefits of basic seo?

Let's take a look at the benefits of doing basic SEO as well as explain why using basic SEO tools to optimize website is really necessary.

##Appear on the rankings for a long time
When a proper Marketing-SEO strategy is implemented, your search results will appear over a long period of time.

That shows that once search results appear on Google rankings, your website will reach customers day in and day out without having to continue spending money on advertising. Basic Seo will bring

##Winning your competitors
Truth website users rarely look for information through the listing pages of search engines to find your business. Website optimization is the fastest, easiest way to dominate the competition. Such use seo techniques fundamental to optimizing websites to the top in order to prevail before competitors are wise step for most businesses a competitive market fierce, it really is a Race to the top of Google's search list. So who is the first to get a potential customer's attention? The answer is who can take advantage of the basic seo benefits will be the one to gain advantage

##Increase Sales
This is a simple math problem - the more people visiting the website prove you earn. attract many potential customers. Take advantage of the opportunity to increase traffic to the website, increase revenue and improve the image of your business.

##Increase traffic
Basic SEO that works on both local and national - dominate the local market or reach customers nationwide. Thanks to SEO, all customers who are far and wide can also know your information page, can access to search for product information ... thereby increasing the number of users visiting the website. brand broader than you might expect.

##Uptime 24/24
A basic SEO website works like having a dedicated 24 hour marketing team for businesses. Even after you lock your office door, basic SEO is still working.

While outside working hours, your information website can still appear 24/24 to customers. Customers can still access and find out information whenever they want.

##Cost effective Marketing
SEO is basically one of the most reasonable and effective marketing strategies when you choose to work with experts. For experienced people, they will know how to use marketing costs optimally but with high efficiency.
Voici probablement le bouton avec la meilleure UI que j'ai jamais vu
Tags: showdev, css, webdev, french
Published: 2021-04-06 10:05:28

---
title: Voici probablement le bouton avec la meilleure UI que j'ai jamais vu
published: true
description: 
tags: showdev, css, webdev, french
//cover_image: https://direct_url_to_image.jpg
---

Regardez moi ça : 
{% codepen https://codepen.io/JeremyMonatte/pen/NWbZRBE %}

Je l'ai créer en tirant parti d'un hack css qui associe un `filter:contrast();` avec un effet de flou et une gestion des pointer-events


PS : En vrai c'est une blague hein. C'est pas vraiment top en terme d'UI. C'est même assez mauvais. Il vaut mieux un bouton cliquable
That's probably the best UI on a button I ever seen
Tags: showdev, javascript, css, webdev
Published: 2021-04-06 10:02:53

---
title: That's probably the best UI on a button I ever seen
published: true
description: 
tags: showdev, javascript, css, webdev
//cover_image: https://direct_url_to_image.jpg
---

Just watch that :  
{% codepen https://codepen.io/JeremyMonatte/pen/NWbZRBE %}

I created it with a css hack on `filter:contrast();` in association with a blur filter & pointer-events


PS : That's a joke you know. Actually that's not really a good UI. It's better to make a button clickable.
Underrated Articles on Dev.to from Last Week
Tags: top7, webdev, bestofdev, meta
Published: 2021-04-06 10:01:11

Hello! I'm back with another installment of - Underrated Articles from Last Week! 

Let's check them out 🔥 -

## 1. Alternatives of float

Shahed mentions a few options we can use to achieve the same effect we need with float while avoiding the mess.
{% link https://dev.to/shahednasser/stop-using-float-in-css-here-are-your-alternatives-3f82 %}

## 2. Git cheatsheet

Vishnu writes basic Git commands which can help beginners learn Git and more advanced concepts around Git branches, remote repositories, undoing changes, and more.
{% link https://dev.to/vishnuchilamakuru/git-cheatsheet-1oaj %}

## 3. Improve your eye of Design 

A good eye for design allows us to differentiate between good and bad design. Some tips to help you increase your skills and your eye for design are mentioned in this article.
{% link https://dev.to/worldindev/5-tips-to-improve-your-eye-of-design-4nka %}

## 4. List of Youtube Channels

Dany shares his favorite developer Youtube channels that are great for teaching coding and computer science in general.
{% link https://dev.to/danytulumidis/5-youtube-channels-for-developers-5895 %}

## 5. Tips to write Clean code

We are responsible for the quality of our code: So make yours more readable and it should be easy to understand. Awedis shares his tips and best practices that we should follow while writing code.
{% link https://dev.to/awedis/10-tips-to-write-clean-code-22cj %}

*That's all folks! These were our personal favorite underrated posts from last week, and we hope you enjoyed reading them - Pay them a visit and let us know what you think. Tell us about your favorite posts that went underrated in the comments down below!* ❤️
Intro to Request/Response Cycle
Published: 2021-04-06 09:50:09

{% youtube ACT9a7lwtnM %}

<hr>
<p style="align: center;"> <span>Previous article | </span>
<span> <a href="https://dev.to/softwaredevacademy/hello-world-paths-3i8a"> Next article </a> </span>
 </p>
Top 5 easy tips to get more views 😎🕵️‍♂️
Tags: discuss, productivity, codenewbie, webdev
Published: 2021-04-06 09:41:05

> Photo by <a href="https://unsplash.com/@stalskaya?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Olga Stalska</a> on <a href="https://unsplash.com/s/photos/top?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>
  

## Obviously:

1. make it a "top 5" post
2. make it a "top 10" post
3. make it a "top 20" post
4. make it a "top 50" post
5. make it a "top [whatever]" post

## But seriously

Just out of curiosity: what makes them so popular?
I really like dev.to and the content is great. I'm also totally not against top [whatever] posts, I just don't get the immense popularity of them. So since I'm a very curious developer I thought, why not ask 😊 Please let me know in the comments!
Browser Error
Published: 2021-04-06 09:34:53

 I do not create navigation route kink 

This is my menu Component Code

import React from 'react';
import './heder.css';
import {link} from 'react-router-dom'


const Menu =() => {
    return(
    <div className="menustyle">
        <ul>
            <li><link to="/">Home</link> </li>
            <li><link to="about">About</link></li>
            <li><link to="contact">Contact</link></li>
        </ul>
        </div>
    )
}
  export default Menu;


and this App.js Component
import logo from './logo.svg';
import './App.css';
import 'bootstrap/dist/css/bootstrap.min.css';
import Header from "./component/header";
import Couresecomponent from "./component/Courese"
import Cardcomponent from "./component/Cardinfo"
import Menu from "./component/Menu";
import Home from "./component/Home";
import About from './component/About'
import Contact from './component/Contact'
import { BrowserRouter, Route } from 'react-router-dom';


function App() {
  return (
   
    <div>
   <BrowserRouter>

    <Menu/>
    <Route exact path="/" component = {Home}/>
    <Route exact path="/about" component = {About}/>
    <Route exact path="/contact" component = {Contact} />
  
    </BrowserRouter>
     
      </div>
  );
}

export default App;
Reading Java properties in GitHub Actions
Tags: showdev, github, actionshackaton
Published: 2021-04-06 09:32:38

I just want to share another GitHub Action (create by me) that you may find useful in your Java projects.

Java projects often use `.properties` files to store configuration. Personally, I hate them in favor of YML or even XML (I beg you: use XML to configure Log4j, not `.properties`), but still, I have to work with them. There are existing actions in the Marketplace able to parse those, but they usually use `grep` and `bash`. Although it may work, I think it's more robust to use special facilities, like `java.util.Properties` to read values from `.properties` files.

So, I wrote a simple Kotlin program that reads Java `.properties` and wrapped it into a GitHub Action. This Action makes values from `.properties` available in your GitHub Actions workflows.

Returning a single property is as simple as:

```yaml
- uses: madhead/read-java-properties@latest
  id: version
  with:
    file: gradle.properties
    property: version
    default: 0.0.1

- run: echo ${{ steps.version.outputs.value }} # Project's version from gradle.properties or 0.0.1 if it is not defined there
```

Alternatively, you could return all the values from the `.properties` file by employing the `all` flag:

```yaml
- uses: madhead/read-java-properties@latest
  id: all
  with:
    file: gradle.properties
    all: true

- run: echo ${{ steps.all.outputs.version }} # Project's version from gradle.properties
- run: echo ${{ steps.all.outputs.groupId }} # Project's groupId from gradle.properties
  …
```

That's all for today, just save the link: [madhead/read-java-properties](https://github.com/madhead/read-java-properties), and, as always, feel free to open issues if something is not working as needed or expected.
What is a server?
Tags: beginners, visualization
Published: 2021-04-06 09:18:19

For a very long time, I had a somewhat clouded idea of what servers were... some kind of special distant computer? Turns out it was in the name all along and a server is a machine that serves you with things. It could serve you a website, data you can download or other stuff. It can be near or far away. 

It is this relationship that decides a machine is a server. In order for the machines to communicate they need a protocol, like a menu that gives them a shared language. A common protocol that we all use when surfing the web is the Hypertext Transfer Protocol or HTTP.

We have evolved hardware to be very good at serving and it has made the distinction between different types of machines larger. The image of a data center with servers just doesn't look like a personal computer.

But really, any computer can be a server. The thing that makes a machine a server is: does it serve? You can make your laptop into a server, you can make your friend’s computer into a server. You can even put a virtual machine within your own computer and turn that one into a server. Quite a mind-bender.

Of course, things always more complex when you dive in further but I find this helpful when I think about servers.
Passing Values to a Orchestrator function in durable functions
Tags: functions, programming, python
Published: 2021-11-02 18:41:56

---
title: Passing Values to a Orchestrator function in durable functions
published: true
date: 2021-04-06 09:00:00 UTC
tags: functions,Programming,python
canonical_url: 
---

So I wanted to get a short post out here on a handy little trick that I actually had a pretty hard time finding the answer to. So I’ve been doing work with Durable functions lately in Python, and really enjoy the possible options this opens up for longer running or complex server-less operations.

That being said, I did run into a headache early on in the form of how do I pass values from the initial request to the other parts of the function. So here’s a short post on how to do that so that hopefully the next person doesn’t have as hard of a time finding the answer.

So when you have a durable function, you essentially get 3+ pieces, but at the minimum its 3 pieces.

- HttpStart: This is the code that receives all Http requests for durable functions and then acts as a router, to push them to the correct Orchestrator.
- Orchestrator: This is the function that will be longer running and used to manage state ongoing. 
- Activity: These are the smaller functions that are called upon by the orchestrator to do the work being asked for. 

Now the problem is that normally I would pull from an http request in a function in the following way:

```

async def main(req: func.HttpRequest, starter: str) -> func.HttpResponse:
    payload = json.loads(req.get_body().decode())
    logging.info(f"Trigger payload = {payload}")

```

See though the problem with this is that the actual request that kicked off the function is only accessible to the HttpStart. So now, you need to figure out a way to pass this to the orchestrator, and if I’m being honest, the best way to do that isn’t clear.

Part of the reason it isn’t clear, is that Durable functions do a lot of work to encapsulate the inner workings of how they manage state. Which I’m thankful for, but it made this harder.

But after much head-scratching, if I figured it out, and here it is:

```

async def main(req: func.HttpRequest, starter: str) -> func.HttpResponse:
    client = df.DurableOrchestrationClient(starter)

    function_name = req.route_params["functionName"]
    requestBody = json.loads(req.get_body().decode())
    
    instance_id = await client.start_new(function_name, client_input=requestBody)

```

Now when you use core tools, all the wiring is pre-built for you. Strongly recommend that. But if you leverage the “client\_input” parameter off the DurableOrchestrationClient, you can pass a json serialized paylod over to the orchestrator.

From the orchestrator’s side, the code looks like the following:

```

requestBody : str = context.get_input()

```

Now one of the limitations I found was that you could only pass one parameter this way, so the easy workaround was to implement a complex object that I would then serialize containing all relevant data.
Low Code Platforms?Is it the future what do you think?
Tags: womenintech, discuss, microsoft, lowcode
Published: 2021-04-06 08:56:31

It is obviously not the future but has a place in the future. It will be used to create thousands of applications

By reducing the complexity and the traditional development time. An experienced developer will be able to focus on more important things thus increasing their productivity.

The catch is that the simple platform  can be extended and  to allow development of  complex solutions.


What Low code/No Code tools have you come across? How are they? Lets discuss..
SQL injection cheat sheet
Tags: security, sql
Published: 2021-04-06 08:36:17

SQL injection is one of the most dangerous vulnerabilities for online applications. It occurs when a user adds untrusted data to a database query. For instance, when filling in a web form. If SQL injection is possible, smart attackers can create user input to steal valuable data, bypass authentication, or corrupt the records in your database.

There are different types of SQL injection attacks, but in general, they all have a similar cause. The untrusted data that the user enters is concatenated with the query string. Therefore the user’s input can alter the query’s original intent. 

These are the 8 best practices we discuss in [this article](https://snyk.io/blog/sql-injection-cheat-sheet/)

1. Do not rely on client-side input validation
2. Use a database user with restricted privileges
3. Use prepared statements and query parameterization
4. Scan your code for SQL injection vulnerabilities
5. Use an ORM layer
6. Don’t rely on blocklisting
7. Perform input validation
8. Be careful with stored procedures

[Read the full article](https://snyk.io/blog/sql-injection-cheat-sheet/)

[![SQL Injection cheat sheet](https://res.cloudinary.com/snyk/images/f_auto,q_auto/v1/wordpress-sync/8-best-practices-to-prevent-SQL-injection-attacks-1/8-best-practices-to-prevent-SQL-injection-attacks-1.png)](https://snyk.io/blog/sql-injection-cheat-sheet/)
Dart HttpServer With SSL
Tags: dart, dartlang, ssl
Published: 2021-04-04 00:42:24

[Last Time](https://dev.to/kyorohiro/let-s-encrypt-dart-http-server-1ed5) I got ssl from let's encrypt.

This time, execute a dart's https server at use ssl cert gotted last time.

```dart
import 'dart:io' as io;

const String cerbotWebRootPath = "/var/www/html";
const String privkeyPath = "/etc/letsencrypt/live/tetorica.net/privkey.pem";
const String fullchainPath = "/etc/letsencrypt/live/tetorica.net/fullchain.pem";
void main(List<String> arguments) async {
  try {
    print("start bind");
    onRequest(io.HttpRequest request) async {
      try {
        print("receive requested ${request.uri}");
        if (request.uri.path.startsWith("/.well-known/")) {
          var acmeChallengeFilePath = "" +
              cerbotWebRootPath +
              request.uri.path.replaceAll(RegExp("\\?.*"), "");
          acmeChallengeFilePath = acmeChallengeFilePath.replaceAll("/..", "/");
          var acmeChallengeFile = io.File(acmeChallengeFilePath);
          var acmeChallengeData = await acmeChallengeFile.readAsString();
          request.response.write(acmeChallengeData);
          request.response.close();
        }
        request.response.write("Hello");
        request.response.close();
      } catch (e, s) {
        print("${e}");
        print("${s}");
      }
    }

    var httpServer = await io.HttpServer.bind("0.0.0.0", 80);
    print("binded 80");
    httpServer.listen((request) {
      onRequest(request);
    });

    String key = io.Platform.script.resolve(privkeyPath).toFilePath();
    String crt = io.Platform.script.resolve(fullchainPath).toFilePath();
    io.SecurityContext context = new io.SecurityContext();
    context.useCertificateChain(crt);
    context.usePrivateKey(key, password: "");
    var httpsServer = await io.HttpServer.bindSecure("0.0.0.0", 443, context);
    print("binded 443");
    httpsServer.listen((request) {
      onRequest(request);
    });
  } catch (e, s) {
    print("${e}");
    print("${s}");
  }
}
```
 
build and restart.

```
$ dart2native ./bin/main.dart
$ mv bin/main.exe /opt/main.exe
$ systemctl restart darthelloserver 
```

and check from browser

https://tetorica.net/


## Update ssl

check cron deamond

```
$ systemctl list-unit-files | grep cron
cron.service                           enabled         enabled  
```

setup cron

```
$ crontab -u root -e
```

```
00 04 03 * * certbot renew && systemctl restart darthelloserver 
```


## all code

https://github.com/kyorohiro/hao_dart_server_and_systemd/tree/dev03


## Next

Dart's Http Server and Isolate
Let the journey begin
Tags: codenewbie, firstpost, womenintech, germany
Published: 2021-04-06 08:31:17

Hi everyone,


Welcome at my first post here on dev.to. I am Maike and currently I'm a CS student from Germany.

When I'm starting coding a few months ago, I felt quickly overwhelmed from all the possibilities and the amount of what I can learn.

And now a few month later it is not really better. That is the reason I want to start the #100daysofcode challenge.

For more motivation I decided to share my journey here. Maybe I can also inspire you to complete the challenge with me?



See you on my first update from #100daysofcode.

-Maike