teleren/devto huggingface dataset:
Introducing: Deno Beginner Course. Completely FREE
Tags: deno, node, javascript, 100daysofcode
Published: 2020-06-09 15:47:37

I'm super excited to announce a free crash course on Deno. Sign up to learn about [deno][d], it's differences from Node.js, and let's build three simple projects while at it.

{%tweet 1270377387029651457 %}

---


[![DenoBeginner](https://dev-to-uploads.s3.amazonaws.com/i/ddwoooxyku7cux22n374.gif)][d]


## Deno For Beginners Course

[Learn deno][d] by example. In this free crash course, [Awais](https://twitter.com/MrAhmadAwais/) will teach you what is Deno, how is Deno different than Node.js, and together you'll build three simple projects with deno. Not sure why I wrote that in 3rd person. 😆

[![Deno](https://dev-to-uploads.s3.amazonaws.com/i/jjj14b8d73adryxhzdfc.png)][d]

_Caution: Shameless plug ahead! Support my work._ ↓

> - [🚀&nbsp;&nbsp; VSCode.pro Power User Coursre][v] →
> - [📟&nbsp;&nbsp; Build Node.js CLIs Automation][n] →

## Course Contents

- ✅&nbsp;&nbsp; ACCESS: All Modules
- ✅&nbsp;&nbsp; VIDEOS: Every Course Video
- ✅&nbsp;&nbsp; EXAMPLES: Over 3 Example Projects
- 📺&nbsp;&nbsp; MODULE #1: Introduction to Deno
- 📺&nbsp;&nbsp; MODULE #2: Deno vs Node
- 📺&nbsp;&nbsp; MODULE #3: Deno: A fun tip
- 📺&nbsp;&nbsp; MODULE #4: Deno Core
- 📺&nbsp;&nbsp; MODULE #5: Installing Deno
- 📺&nbsp;&nbsp; MODULE #6: Deno CLI Review
- 📺&nbsp;&nbsp; MODULE #7: Deno with VSCode
- 📺&nbsp;&nbsp; MODULE #8: Deno CLI Help: Run
- 📺&nbsp;&nbsp; MODULE #9: Project #1: Hello Deno
- 📺&nbsp;&nbsp; MODULE #10: Project #2: Deno `cat`
- 📺&nbsp;&nbsp; MODULE #11: Project #3: Deno Server
- 📺&nbsp;&nbsp; MODULE #12: Deno.Land: Tools & Docs
- 📺&nbsp;&nbsp; MODULE #13: Deploy a Deno Website
- 📺&nbsp;&nbsp; MODULE #14: What's Next with Deno


### [Free: Sign up & Watch Now](https://DenoBeginner.com/?utm_source=dev.to&utm_medium=referral&utm_campaign=Launch%20Post) →

[![DenoBeginner](https://dev-to-uploads.s3.amazonaws.com/i/fu5h69i71xprywtz5jw1.jpg)][d]

[![Deno](https://dev-to-uploads.s3.amazonaws.com/i/jjj14b8d73adryxhzdfc.png)][d]

[d]: https://DenoBeginner.com/?utm_source=dev.to&utm_medium=referral&utm_campaign=Launch%20Post

[v]: https://VSCode.pro/?utm_source=dev.to&utm_medium=referral&utm_campaign=Launch%20Post

[n]: https://NodeCLI.com/?utm_source=dev.to&utm_medium=referral&utm_campaign=Launch%20Post
Free Course: Deno Beginner
Tags: deno, node, javascript, 100daysofcode
Published: 2020-06-09 15:33:23

I'm super excited to announce a free crash course on Deno. Sign up to learn about [deno][d], it's differences from Node.js, and let's build three simple projects while at it.

{%tweet 1270377387029651457 %}

---


[![DenoBeginner](https://dev-to-uploads.s3.amazonaws.com/i/ddwoooxyku7cux22n374.gif)][d]


## Deno For Beginners Course

[Learn deno][d] by example. In this free crash course, [Awais](https://twitter.com/MrAhmadAwais/) will teach you what is Deno, how is Deno different than Node.js, and together you'll build three simple projects with deno. Not sure why I wrote that in 3rd person. 😆

[![Deno](https://dev-to-uploads.s3.amazonaws.com/i/jjj14b8d73adryxhzdfc.png)][d]

_Caution: Shameless plug ahead! Support my work._ ↓

> - [🚀&nbsp;&nbsp; VSCode.pro Power User Coursre][v] →
> - [📟&nbsp;&nbsp; Build Node.js CLIs Automation][n] →

## Course Contents

- ✅&nbsp;&nbsp; ACCESS: All Modules
- ✅&nbsp;&nbsp; VIDEOS: Every Course Video
- ✅&nbsp;&nbsp; EXAMPLES: Over 3 Example Projects
- 📺&nbsp;&nbsp; MODULE #1: Introduction to Deno
- 📺&nbsp;&nbsp; MODULE #2: Deno vs Node
- 📺&nbsp;&nbsp; MODULE #3: Deno: A fun tip
- 📺&nbsp;&nbsp; MODULE #4: Deno Core
- 📺&nbsp;&nbsp; MODULE #5: Installing Deno
- 📺&nbsp;&nbsp; MODULE #6: Deno CLI Review
- 📺&nbsp;&nbsp; MODULE #7: Deno with VSCode
- 📺&nbsp;&nbsp; MODULE #8: Deno CLI Help: Run
- 📺&nbsp;&nbsp; MODULE #9: Project #1: Hello Deno
- 📺&nbsp;&nbsp; MODULE #10: Project #2: Deno `cat`
- 📺&nbsp;&nbsp; MODULE #11: Project #3: Deno Server
- 📺&nbsp;&nbsp; MODULE #12: Deno.Land: Tools & Docs
- 📺&nbsp;&nbsp; MODULE #13: Deploy a Deno Website
- 📺&nbsp;&nbsp; MODULE #14: What's Next with Deno


### [Free: Sign up & Watch Now](https://DenoBeginner.com/?utm_source=dev.to&utm_medium=referral&utm_campaign=Launch%20Post) →

[![DenoBeginner](https://dev-to-uploads.s3.amazonaws.com/i/fu5h69i71xprywtz5jw1.jpg)][d]

[![Deno](https://dev-to-uploads.s3.amazonaws.com/i/jjj14b8d73adryxhzdfc.png)][d]

[d]: https://DenoBeginner.com/?utm_source=dev.to&utm_medium=referral&utm_campaign=Launch%20Post

[v]: https://VSCode.pro/?utm_source=dev.to&utm_medium=referral&utm_campaign=Launch%20Post

[n]: https://NodeCLI.com/?utm_source=dev.to&utm_medium=referral&utm_campaign=Launch%20Post
#003 Combining VM with Docker
Tags: docker, devops, tutorial
Published: 2020-06-09 15:20:55

# Introduction

this is part 3 from the journey it's a long journey(360 day) so go  please check part 1 and 2, and if you need to walk in the journey with me  please make sure to follow because I may post more than once in 1 Day  but surely I will post daily at least one 😍.

And I will cover lot of tools as we move on.

# Why use both VM and Docker

let's take a case where our team members someone use windows other Mac other Linux , every system have an different configuration .

 Let's take another example : in this case our development environment is windows / Mac and our server is Ubuntu . our deployment server have a certain configurations such as Firewall settings . So a good idea here to use same system on both local and deployment (also testing environment) .

Here came the Hybrid system between VM and Docker containers .

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

so we get something like this figure.

And I like to mention that there is a tool called Vagrant , it will be the second tool in this journey where you can configure VMs using a vagrant file . so you can also ship it with the code so it will be easy to get same configuration on all the environments!

also I like to mention that it's flexible and freedom to move your system between different cloud / servers providers so let's called it

Build once , deploy everywhere.
How to use RxJS with React Hooks
Tags: react, rxjs, tutorial
Published: 2020-06-09 15:15:32

---
title: How to use RxJS with React Hooks
published: true
description: 
tags: react,rxjs,tutorial
---

Do you want to use RxJS with React Hooks? Learn how in this video. 

The links mentioned in the tutorial:
- https://rxjs.dev/
- https://github.com/tc39/proposal-observable
- https://github.com/LeetCode-OpenSource/rxjs-hooks

RxJS (Reactive Extensions Library for JavaScript) is a useful library for reactive programming. The RxJS documentation uses this definition: "RxJS is a library for reactive programming using Observables, to make it easier to compose asynchronous or callback-based code." 

Reactive programming is an event-based paradigm that allows us to run asynchronous sequences of events as soon as data is pushed to a consumer.

To learn more about RxJS, check out the following articles: 
- [How to use RxJS operators to consume Observables in your workflow](https://blog.logrocket.com/use-rxjs-operators-to-consume-observables/) 
- [Understanding RxJS observables and why you need them](https://blog.logrocket.com/understanding-rxjs-observables/)

[Click here](https://dev.to/bnevilleoneill/rxjs-with-react-hooks-for-state-management-38d8) for the related blog post on using RxJS with React Hooks.

* * *
### LogRocket on [YouTube](https://www.youtube.com/logrocket) 🎬
 
![](https://dev-to-uploads.s3.amazonaws.com/i/2eacqscox237qibs7cho.jpg)

If you enjoy in-depth video tutorials on frontend topics, [check out LogRocket's YouTube channel](https://www.youtube.com/logrocket). Make sure to give us a like if you find the video helpful and subscribe to stay updated on when we post new videos. 
* * *
Web performance & Ad-blockers survey
Tags: webdev, survey, webperf, privacy
Published: 2020-06-09 15:13:12

_"Optimizing for quality of user experience is key to the long-term success of any site on the web."_

[Web Vitals](https://web.dev/vitals/) is an initiative by Google to provide unified guidance for quality signals that are essential to delivering a great user experience on the web.

I'm conducting a research about website performance, Ad-blockers and user experience. This will help us to understand the importance of optimizing 3rd party scripts and Ad-blockers effect on websites to improve the user experience.

I would appreciate if you take about 2 minutes of your time to share your thoughts about it. Thank you for taking my quick survey!

[https://forms.gle/b1CKYH9gzKnsFuUT9](https://forms.gle/b1CKYH9gzKnsFuUT9)
Twitter Auto Reply bot (JavaScript) 
Tags: javascript, devops, codenewbie, java
Published: 2020-06-09 15:00:20

#Twitter auto reply bot made with JavaScript

Check out github for full usage instructions. 😍

Https://github.com/raghavkhanna30/Twitter-auto-reply

If you like it please give a ⭐

Cheers..!!! 

##Twitter 🔗

https://twitter.com/erRaghavKhanna/status/1270370751028383745?s=19
Do we really need getters/setters?
Tags: java, cleancode, discuss
Published: 2020-06-09 14:56:35

In 99% of code, I haven't seen any logic in getters/setters, so it is literally the same as using public fields.

For me, nowadays, it looks like unnecessary stuff that we use out of habit.

    So the question is, why do we continue using them? 
    What do you think?
New Devlog For My Upcoming Game :)
Tags: csharp, beginners, unity3d, gamedev
Published: 2020-06-09 14:55:34

In todays devlog i added 2 New Traps, a New Level and much more...

Here's the video: https://www.youtube.com/watch?v=_wQBDLbtf6A&feature=youtu.be
Time Module with Example in Python
Tags: python
Published: 2020-06-09 14:51:58

The time module with its functions and examples in the <a href="https://python.org">Python programming language</a>.  

**Python time Module**
The <a href="https://docs.python.org/3/library/time.html">time module</a> is an integrated module in Python that has several features for time. For example, you can get the <a href="https://python-commandments.org/current-date-and-time-in-python/">current date and time</a>.

To use the time module, you have to import the **time module** (Python has many <a href="https://pythonbasics.org/modules/">modules</a> that let you build your program).

This module starts the time from the time of the recording. Epoch is history, beginning 1 January 1970. Epoch is history. 

## time()
The epoch time is returned by this function. 

**Python Example:**    

```python    
    # Import time module
    import time
    
    s=time.time()
    print('Total seconds since epoch:',s)
```    

The program above outputs this:    
    
    Total seconds since epoch: 1576083939.5877264
    
This works in both the <a href="https://bsdnerds.org/learn-python/">shell</a> and in a <a href="https://pythonprogramminglanguage.com/how-to-run/">script</a>

## ctime()

This Python function of the time module takes second as an argument and return time until the mentioned seconds.

**Python Example:**    
   
```python 
    # Import time module
    import time
    
    st=1575293263.821704
    current_time=time.ctime(st)
    print('time since epoch:',current_time)
```    

The program above outputs this:    
    
    time since epoch: Mon Dec  2 14:27:43 2019
   

## sleep()

This function is used to pause the execution of the program for the time specified in the arguments. 

**Python Example:**    
   
```python 
    # Import time module
    import time
    
    print('Execution start time:',time.ctime())
    time.sleep(5)
    print('End execution time:',time.ctime())
```    

The program above outputs this:    
    
    Execution start time: Tue Jun  9 16:40:56 2020
    End execution time: Tue Jun  9 16:41:01 2020
    

## strftime()
The strftime() function takes an argument and returns a string.

**Python Example:**    
   
```python 
    # Import time module
    import time
    
    now_time=time.localtime() 
    
    tif=time.strftime("%m/%d/%Y, %H:%M:%S",now_time)
    
    print('The time since epoch:',tif)
```    

The program above outputs this:    
    
    The time since epoch: 06/09/2020, 16:42:25
    

### asctime()

The asctime() function takes a tuple of length nine as an argument and returns a <a href="https://pythonspot.com/python-strings/">string</a>.

**Python Example:**    

```python    
    # Import time module
    import time
    
    t=(2020,3,5,2,20,1,5,365,0)
    r=time.asctime(t)
    print("Time and date is:",r)
```    

The program above outputs this:    
    
    Time and date is: Sat Mar  5 02:20:01 2020
WTF is Autonomy and Why do you Want it? 
Tags: productivity
Published: 2020-06-09 14:51:24

Autonomy has its root in Greek, meaning “self-legislature” or “self-governance.” And in the simplest sense, that’s what it is. Autonomy is all about a person’s ability to make their own choices according to their values and interests.

In the workplace, that can look like a lot of different things. It could be employees with flexible hours who set their own schedules. It could be project leaders who choose what problems they want to tackle and when. It could be managers who, as Jack Welch put it, give their workers the tools they need to succeed, and then step out of their way and let them do awesome work.

![High autonomy vs Low autonomy teams compared side-by-side](https://www.7pace.com/wp-content/uploads/2020/01/MCHALE-chart1.png)

<H3>High autonomy vs Low autonomy teams compared side-by-side </h3>
Imagine working as an engineer and being given a pain point to solve, but other than that, having total freedom. You can schedule your day how you’d like to, working during the hours you feel most productive. You can apply whatever problem-solving framework you love and design the solution you think is best.

<i>And then you get to build it.</i>

We probably just described a lot of developers’ perfect day.

Now imagine working as an engineer and being given a pain point to solve, but also a step-by-step directive about how to do it. You’re required to be in the office by 8 a.m. for a meeting about the problem where someone who doesn’t have your job tells you how to do your job, and then, as you’re trying to do it, a project manager is breathing down your neck to make sure you follow those directions exactly. 

Awful, right?

In the first scenario, you were given all kinds of autonomy, and in the nightmare scenario, you were given none. Starting to see what a difference autonomy can make in the workplace? And there are even more benefits than just that.
with keyword with example
Tags: python
Published: 2020-06-09 11:59:45

The <a href="https://python.org">Python</a> with keyword **with** is a keyword in python, it is similar to the "using" statement in VB.net or/and C#.net.  Keywords are case-sensitive in Python.

It creates a with-block that executes that uses the <a href="https://pythonspot.com/python-variables/">variables</a> which are declared in the **with keyword**.

**with keyword** is used to make sure that the __exit__ method is called when the block ends. It's like a <a href="https://python-commandments.org/python-exception-handling/">try-except block</a>.

If you use files in Python, you may use the **with keyword** for opening a file, with block may contain the file operations. And after the block execution, the file will be closed, even if there are errors.

The with keyword can be used in the <a href="https://bsdnerds.org/learn-python/">shell</a> and from a <a href="https://pythonprogramminglanguage.com/how-to-run/">python script</a>.

**Syntax of with keyword**    
The syntax of the with keyword is:    

```python
        with expression [as variable]:
            with-block-statement(s)
```    

**Python Example:**    
The example below uses the with keyword to <a href="https://pythonbasics.org/write-file/">write a file</a>. This is easier than manually having to close the file.   

```python 
        # opening a file and creating with-block
        with open(file_name, "w") as thefile:
            thefile.write("Hello devto!")
```    


![data](https://dev-to-uploads.s3.amazonaws.com/i/8p1ox9zdjyy013ow2v7k.png)

### Python example of with keyword

Use the **with keyword** to open a file and write the text
    
```python    
    # example with keyword
    # Use "with" to open and write file
    
    # file name
    file_name = "file1.txt"
    
    # open a file using with-block
    with open(file_name, "w") as thefile:
        thefile.write("Hello devto!")
    
    # make sure file is closed
    if thefile.closed:    
        print("File is closed")
```    

The program above outputs this:    
    
    File is closed
    

**Cotent of the file:**    
    
    Hello devto!
    
**Related links:**
* <a href="https://gumroad.com/l/dcsp">Python Crash Course for Beginners</a>
* <a href="https://docs.python.org/2.5/whatsnew/pep-343.html">Python doc on with keyword</a>
Cyrcl - Chat with people around you
Tags: reactnative, node, mongodb, javascript
Published: 2020-06-09 14:37:38

Hey guys!

I got really bored during the lockdown, and as a side project - started working on Cyrcl! Cyrcl lets you chat with the people around you.

I built it over ~40days. The backend is on Nodejs and MongoDB - hosted on EC2 on AWS, Android and iOS apps built completely on React Native.

I'd love some feedback or just discuss some of the tech/hacks! :)

Ardy

![Cyrcl Home Page](https://dev-to-uploads.s3.amazonaws.com/i/4tam9vl1y0ssvv3u86gv.PNG)
Road to Genius: beginner #3
Tags: javascript, beginners, computerscience
Published: 2020-06-09 14:35:52

Each day I solve several challenges and puzzles from Codr's ranked mode. The goal is to reach genius rank, along the way I explain how I solve them. You do not need any programming background to get started, but you will learn a ton of new and interesting things as you go.

![programming challenge](https://dev-to-uploads.s3.amazonaws.com/i/6evidey5xhsytmspn78g.png)

Great, another easy challenge, with only five lines of code and one bug (🚀) to fix. To solve this challenge we don't need to invest much of our intellectual energy. If you look closely at the buggy line, you'll see that the bug🚀 represents some kind of object that has a `push(...)` function available. From experience we know that `push` and `pop` functions are usually associated with arrays, and the only array in our code is `arr`, so 🚀 is `arr`.

![programming challenge answer](https://dev-to-uploads.s3.amazonaws.com/i/9uxs5g4browc2ft99gkq.png)

Even if you manage to solve a challenge without fully reading/understanding the code, it never hurts to take a closer look afterwards.

This code adds numbers into `arr`, and finally `R` gets the value from `arr` at index `N-2`. Apparently this value is 6 because it is given, but you can also manually compute it. One way is by understanding what the for-loop is doing: it's pushing numbers into `arr` starting from 0 up to 7 (included), so in total it has added 8 numbers to the array (= `N`). This means that index 7 is the last item of the array (=`N-1`), thus index `N-2` holds the value of 6.

---

If you feel inspired and motivated to upgrade your coding + debugging skills, join me on the Road to Genius at https://nevolin.be/codr/
yield keyword with example
Tags: python
Published: 2020-06-09 14:29:53

The Python keyword **yield** is a keyword in the python, is similar to return, both are in used in a <a href="https://pythonspot.com/functions/">function</a> and yield returns values.

In this article we'll go over several examples of the yield keyword.

**Syntax of yield keyword**
The syntax of the yield keyword is

```python    
        def function():
            statements
            yield value
            statements
```    

Python Example of yield:    
```python    
        def sampleGenerate():
            yield 100
            yield 200
            yield 300
```    

The yield keyword can be used both in the <a href="https://bsdnerds.org/learn-python/">shell</a> and from a <a href="https://pythonprogramminglanguage.com/how-to-run/">script</a>.

### yield examples

**Example 1:** 
Demonstrate the example with yield keywords by returning values multiple times on <a href="https://pythonbasics.org/functions/">function</a> calls.

```python
    # python example of yield keyword
    
    def sample():
        yield 100
        yield 200
        yield 300
    
    # main code
    for value in sample():
        print(value)
```    

The program above outputs this:    
    
    100
    200
    300
    

**Example 2:** 
Find the squares of the numbers untill a maximum value. This can be done for various <a href="https://python-commandments.org/python-data-types/">data types</a> like integers or floats.  
    
```python
    # python yield keyword    
    def square():
        c = 1
        while True:
            yield c*c
            c += 1  
    
    for i in square():
        print(i)
        if i>=100:
            break
```

The program above outputs this:    
    
    1 
    4 
    9 
    16
    25
    36
    49
    64
    81
    100
Mirroring repositories at Gitlab.com
Tags: git, gitlab, github
Published: 2020-06-09 14:07:08

I'm migrating most part of my repositories to the [Gitlab.com](https://gitlab.com), because they ultimately have a nice set of features, but I'm not intended to left [Github](https://github.com), because it has another nice set of features and also they have a certain charm ;-)

And with that on mind, I was wondering how to sync my repos from Github to Gitlab and also the reverse. I checked some options to do that, but the simplest option that I've found was to use an awesome feature available at Gitlab.com, called **mirroring repositories**.

It is possible to mirror any internet acessible git repository in the both ways (push and pull), so if you update in the Gitlab the other repo is updated as well and also the inverse. 

So, I synchronized my github repos with gitlab in that way, follow the steps to configure it, below:

1) Go to the project page inside Gitlab

2) In the left sidebar, look for "Settings" option

3) That option will open a set of other options, click in the "Repository" option

![Gitlab screen showing Settings and Repository options](https://i.imgur.com/r8Kz5al.png)

4) Expand the "Mirroring repositories" option

5) Fill the "Git repository URL" with the address of your repo, if you use https, you must fill the URL together with the user. Ex.: https://user@github.com/user/repo.git

6) In the combo "Mirror direction" choose if you will do a Push or a Pull (you can configure both at the same time)

7) After choose the authentication method, password if you will use https, public key if you will use ssh

8) If you chose password, you must fill the textbox below with the password of your source repo, if you chose public key you must add a new ssh key.

9) If you want you can check "Keep divergent refs" or "Only mirror protected branches" (I usually don't do that)

10) At last, click in the beautiful green button called "Mirror repository" and that's it. 

![Gitlab screen showing the "Git URL repository", "Mirror direction" and "Authentication method" fields](https://i.imgur.com/8HLEE1s.png)

![Detailed view of "Mirror repository" button](https://i.imgur.com/CrWW8OP.png)

So, that's it for now.