teleren/devto huggingface dataset:
What are the ODDS of becoming a software developer?
Tags: 100daysofcode, programming, codenewbie
Published: 2021-03-16 14:36:58

Before you invest so much of your own time, money and resources into learning a new skill such as computer programming it is perfectly valid to ask the question, "What are the odds of becoming a software developer?" 

Competition is getting tougher so knowing your options increase your odds, here I talk about a few of those options/tips to keep in mind.

{% youtube EM9kL-yhFKI %}

Please subscribe on YouTube if you like this sort of content:
[What are the ODDS of becoming a software developer?](https://youtu.be/EM9kL-yhFKI?sub_confirmation=1)
Serverless Scheduled Functions on Begin
Published: 2021-03-16 14:31:29

Sometimes you need an automated function to repeat the same job on an interval. Begin has `scheduled functions` just for this task. In this tutorial, we will be building a GitHub issue scraper that will store information once a day.

To start, let's make a new [OpenJS Architect](https://arc.codes) project from the command line along with a couple of dependencies. 

```bash
npm init @architect ./my-issue-tracker
cd my-issue-tracker
npm install @begin/data tiny-json-http
``` 
Open up the folder in your code editor of choice and modify the `app.arc` file to the following: 

```
# app.arc 

@app
my-issue-tracker

@http
get /

@scheduled
issues rate(1 day)

@tables
data
  scopeID *String
  dataID **String
  ttl TTL
```
The `app.arc` file is your infrastructure-as-code manifest. It tells Architect where your source code is and what to deploy. 

Now you can run `arc init` to scaffold out our `scheduled function`. 

Next, we can modify our `scheduled function` at `src/scheduled/issues/index.js`

```javascript
let tiny = require('tiny-json-http')
let data = require('@begin/data')

exports.handler = async function scheduled (event) {
  console.log(JSON.stringify(event, null, 2))
  let date = new Date().toLocaleDateString()
  let url = 'https://api.github.com/repositories/137939671/issues'
  const issues = await tiny.get({ url })
  let numberOfIssues = issues.body.length

  //save the number of issues per day
  await data.set({
    table: 'issues',
    number: numberOfIssues,
    date: date
  })

  return
}
```

Finally, we can push this up to GitHub and associate it with a new Begin app. 

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

After deployment, the function will invoke itself for the first time. This is when you can verify that it worked by checking the logs. You can also look in the Begin Data console and see that it saved a number with today's date.

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

You can find the full example code here: [https://github.com/pchinjr/my-issue-tracker](https://github.com/pchinjr/my-issue-tracker)
How to learn React js to become a better developer
Tags: react, javascript
Published: 2021-03-16 14:27:12

1)What is `React`?
>Component-Based
>Virtual Dom 
>Runs on diffing algorithm 
>It is a library.
React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes.
2)What is virtual Dom?
The virtual DOM (VDOM) is a programming concept where an ideal, or “virtual”, representation of a UI is kept in memory and synced with the “real” DOM by a library such as ReactDOM.
Stay with R-cran or *switch* to Python
Tags: beginners, career, datascience, python
Published: 2021-03-16 14:20:34

---
title: Stay with R-cran or *switch* to Python
published: true
description: R or Python?
tags: #beginners #career #datascience #python
---

I have a question for all you data science wannabes. I have been working with the R language for the last year now and have gotten to an intermediate level. I have done several machine learning projects that I really enjoyed. 

However, I see soo many articles on Python all over, even here. Therefore, I am considering ditching R in favor of Python. 
Any thoughts?
Why does google's home page declare conflicting character encodings?
Tags: discuss, webdev, webperf, performance
Published: 2021-03-16 13:17:15

Edit: Still don't know why. But I did find out it only happens if you've got a weird or missing `user-agent` string in your request headers.

I've been doing some research on declaring character encodings. 

**Specifically, do you really need the `<meta charset="UTF-8">` tag?**

You must declare a character encoding, but by default most servers include this in the `http headers` and that's actually better than using a `<meta>` tag — the earlier it's declared the sooner the page can render. 

A micro-optimisation really. 

On top of that, for `HTML5` `utf-8` is the only valid character encoding. So `<!doctype html>` is implicitly declaring the character encoding too.

`<meta charset="UTF-8">` is considered sacred. So before I started telling people it's a useless `22 bytes`. I thought I'd see what `google` do.

In the google homepage `<head>` tags they have:

```
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
```

But then in the `http headers` it's:

```
Content-Type: text/html; charset=ISO-8859-1
```

**What's going on here?** 

Here's my guesses:

1. Maybe it's a backwards compatibility thing. Perhaps browsers that don't understand the `<meta>` tag also don't understand `utf-8`?
2. Maybe it's a performance optimization. Perhaps it's faster to parse the very first part of the document in `ISO-8859-1` then switch to `utf-8` for the rest.

**What do you think?** What does google know that we don't (besides literally everything)?
Questions about designing state logic for first react app
Tags: react, codenewbie, beginners
Published: 2021-03-16 14:14:56

Hi, im trying to learn react by creating a simple app but i have a hard time comming up with state logic. 
Concept of the app: The App lets user create an RPG character by selecting a number of skills from the skill pool. Skills are selected from the drop down menus, all menus have the same selection of skills but each skill can be selected only once. 

So what i understand so far is that there should be a state that contains data about what skills are selected. It should be updated when user selects one skill from one of the dropdown menu. Then after a state update each option with selected skill in other dropdown menus should be disabled, but how do i do that? I am trying to use hooks, so is this a good place to use useEffect hook?
Routers in Vue JS
Tags: vue, routers, webdev
Published: 2021-03-16 13:40:20

Hi there! I'm learning Vue and one of the best practice is sharing what you learn. So here i am with routers. Let's go!

## Why we use routers?

Let's think about you are on a web page. Whenever you click at a link or etc page will be directed to a new page. But there are two ways to do this logic. 

First one which is traditional one is multi page application. Everytime we send a request for a page we wanted. 

The second which is called single page application logic is that once load all pages and play with the links. So everything done in user browsers. That will make our website faster.

Since Vue is a SPA this is explaination of why we use routers.

Let's move the code now. Let's create a folder and with manual selection choose router options with vue 3.

```
vue create routers-vue
```

Let's look at the router folder which has index.js

```
import { createRouter, createWebHistory } from 'vue-router'
import Home from '../views/Home.vue'

const routers = [{
  path:'/',
  name:'Home',
  component: Home
}
]

const router = createRouter({
    history: createWebHistory(process.env.BASE_URL),
    routes
})

export default router
```

We import createRouter and createWebHistory from node-modules.
We have an array called routers that will be contain pages. 
Finally we import the router so in the main.js we can use. 

### How we define inside routers array?

path -> which is the direction
name - > when we define custom navigations, we can use name instead of paths. so if path change in the future, we don't need to modify everything. 
component -> we can define component in two way. above we can see the first option. let's see the second one. Don't forget to create an about page.

```
  {
        path: '/about',
        name: 'About',
        component: function() {
            return import ('../views/About.vue')
        },

    }
```

Let's add two buttons to App.vue In the template we see router-view and router-link which are special to vue router.

With router-link we can navigate to an another page. 
```
<template>
  <div id="nav">
    <router-link :to="{name:'Home'}">Home</router-link> |
    <router-link :to="{name: 'About'}">About</router-link>
  </div>
  <router-view/>
</template>
```
Previously we said we can use name instead of path. This is an example of usage. 

If we use path-way: 

``<router-link to="/Home"> Home </router-link>
``

You can see ":" which is a v-bind. V-bind is a way to we change the value with bounding data. we usually use with html attribute.

Next post I'll explain nested dynamic routers, redirect and 404 Pages.
Escape from Tutorial Hell
Tags: motivation
Published: 2021-03-16 13:29:24

Learning programming is hard, which is why tutorials are helpful to ease the learning process. However, over-dependence on them can slow your development growth.

Just think of this, you are sitting in front of your computer and ready to learn a new programming language. You start finding tutorials or courses on the internet to have an idea on how to get started. You followed your instructor step by step. But as you continue watching halfway, you just felt your mind is going blank. You don't have a clear idea of how's going on when you start reading your code. All that is left is the feeling of self-doubt and uncertainty.

> I'm done watching this. Did I learn enough? I should watch another tutorial. I need to master this.

If you find yourself going through this experience, well, welcome to tutorial hell. It is a situation where you were dependent on following a tutorial to build or create something. It is a common situation that beginners fall into. I know learning to code on your own is difficult, and I wanted to share my experience on how I got out of tutorial hell.

## Why do we get stuck in Tutorial Hell?

Let us talk first about the reasons why developers stay here.

1. You're doing tutorials to add skill to your resume. You only write the code you followed from the tutorial and not developing that skill.

1. You moved onto another tutorial without adding or refactoring it.

1. You consume information from courses that are pretty similar to beginner level repackaged by different people.

1. You get overwhelmed by the information written or taught in tutorials.

I'm not saying that you should not do tutorials. My point is to use tutorials effectively to escape tutorial hell, improve your learning, and gain skills.

Okay. Let's pave the way towards escaping tutorial hell.

## How to escape Tutorial Hell

There are many ways to break out of tutorial hell.

1. **Start your own project.** Once you learn the basic, push yourself to use it in real life application. Creating your own project is one of the most effective way of gaining skills and experience. You will find a problems that you can't solve alone and that's the time you google the issue, post a question on stack overflow, read blogs to solve your problem.

1. **Contribute to open source.** Find a project that interest you, solve a problem or add a new feature. It is a great feeling when your pull request is approved.

1. **Join a community.** You will get exposed to new ideas, best practices, and practical suggestions and learn a lot from members of the community. Communities provide you the most efficient way to share, ask, and find an answer.

## Final Thoughts

Tutorial hell is a miserable place to be. You don't know if you're heading the right way and you feel its hopeless to learn programming. But be patient. You'll be out of there soon. And remember, never return.
Nevertheless, Ana María Nedelcu Coded in 2021!
Tags: wecoded
Published: 2021-03-16 13:21:50

I am an aspiring software developer with a passion for modern web technologies particularly JavaScript. Driven by curiosity and continuous improvements I am looking to contribute to the fascinating world of technology.

Growing up in a family with a strong engineering tradition, I came in touch with technology at a very early age through my oldest brothers. 

I was instantly captivated and started coding ever since. My long-lasting passion is nevertheless education and my dream is combining the power of technology to revolutionise the way we learn and teach.

On the side, I love sharing my knowledge and getting young children and teenagers introduced to the exciting world of technology, coding and learning.

At the moment I am finishing my studies in Engineering and helping build the best training and coaching programme for software developers in Europe at CodeWithDragos.

In my free time, I like to jog around the city and read about psychology.

My GitHub: https://github.com/ananed
You can reach me at: ana@codewithdragos.com
🌐🔆 Tech - Stack for open source 🌐🔆
Tags: opensource, techstack, todayilearned
Published: 2021-03-16 13:19:54


<blockquote>
<b><i>
This will contain all the links ( articles, youtube, reference book links ) to all the tech stack required for open source. All the things are applicable according to the project requirements. Having a basic level knowlege about every topic will potentially make you a versatile developer / open source contributor
</i></b>
</blockquote>
<br/>

## Languages 

- Java
- C++/ C
- Javascript / Typesript
- Python
- Go

## Frameworks 

- Node.js
- React.js
- JQuery
- TensorFlow
- Flask
- Jest
- JUnit

## Tools

- Docker
- Kubernetes
- Quarkus
- Build Tools
- Monitoring
- CI / CD

## Cloud Technologies

- Google Cloud Platform
- Azure
- AWS (Amazon web services)
- OpenShift
- Heroku

## Database Technology
- SQL
- Mango DB
- Elasticsearch
- Cloud Databases

## View the writer

[Kaiwalya Koparkar](https://kaiwalyakoparkar.github.io/)
problem with image/video loading in Next js
Tags: nextjs
Published: 2021-03-16 13:17:06

Hello Next Js Developers
I have had this problem for days now.
How does one go about it.
Iam am trying to add a background Image/Video on A Next js Page(component). But does not really work!

/__________________here is the error_______________________


Failed to compile
./pages/clip/elephant.jpg 1:0
Module parse failed: Unexpected character '�' (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
(Source code omitted for this binary file)

/__________i have tried to go through webpack docs but all in vain
Thank and happy day of coding!!!!!
A Beginner’s Guide to JSX in React Native
Tags: react, reactnative, programming, coding
Published: 2021-03-16 13:16:29

Hello everyone, here I will cover all the basics you need to get started with React Native.

I will be going to split it into multiple parts. The first part will be going to explain JSX.

And the other one will explain the remaining concepts. So stay tuned.

If you are new to React Native App Development, [you can read the beginners guide](https://javascript.plainenglish.io/getting-started-with-react-native-for-beginners-958d39fee16a). To set up your React Native environment with a Hello world app.

Now here we will be going to learn the basics needed for React Native.

So get started.

React Native mainly uses the React.js library. And React.js is a library sometimes called a framework mostly used in Front-end Web Development.

There are [80+ Free Resources](https://javascript.plainenglish.io/80-free-resources-for-web-designers-and-web-developers-in-2021-f400be2875ea) for Web Designers and Web Developers to learn Web Development and a [Beginner guide for Web Developers](https://medium.com/code-blog/getting-started-and-earning-105-813-yr-as-a-web-developer-for-beginners-19b2cd26fcc2).

So you have to learn React.js to be an expert in React Native.

#What is there in React.js?

JSX, Components, Props, State, Lifecycle, and Events.

Don’t be tensed if you are unfamiliar with them. I am going to explain everything here(JSX here and other concepts in further blogs).

#Get Started with JSX

First, we are going to write the Hello World program in React.

And here it is,

```
import React from 'react'; 
import ReactDOM from 'react-dom'; 
const hello = <h1>Hello World!</h1>; 
ReactDOM.render(hello, document.getElementById('root'));
```

What is it? Let us explain in detail.

We have imported React and ReactDOM.

What is ReactDOM? ReactDOM provides DOM specific methods such as render(), createPortal(), etc.

And after that,

```
const hello = <h1>Hello World</h1>;
 ```

It is JSX.

JSX allows us to write JavaScript and HTML together. According to w3schools, JSX stands for JavaScript XML.

Let me explain with one more example.

```
import React from 'react'; 
import ReactDOM from 'react-dom';
const place = 'Mumbai';
const feature = <h1>Hello, {place}.</h1>;
ReactDOM.render( feature, document.getElementById('root') );
//Output: Hello, Mumbai.
```

Here we define a place like Mumbai as a constant.
And then we call it inside JSX. Then we render it using ReactDOM. Using JSX, we can access variables, expressions using curly braces.

Hey Nitin, What about document.getElementById(‘root’). You haven’t explained it.

Yes, my friend. Here we are accessing element by Id known as root.

If you set up your React.js environment, then go to the public folder => index.html

And within that, you can see

```
<div id="root"></div>
```

So whatever you code in your React App will render into a single div with an id root.

That’s it. Follow me on [Medium](https://nitinfab.medium.com/) and [Dev](https://dev.to/nitinfab) to get the latest.

Thank you :)
How to host your WordPress websites for under $5 (a step by step guide)
Tags: wordpress, webdev, codenewbie, programming
Published: 2021-03-16 13:14:23

_If you found value in this thread you will most likely enjoy my tweets too so make sure you follow me on [Twitter](https://twitter.com/VladPasca5)  for more information about web development and how to improve as a developer.This article was first published on my [Blog](https://blog.vlddev.live/)_

## 1. First you need a domain

Luckily because I'm a student I have access to the GitHub student pack and got a free domain from there

I got it from [here(https://name.com/).

If you don't have a domain already I'll recommend buying it from  [Namecheap](http://namecheap.com)

## 2. Finding the hosting

I spent 5 days looking for a good place to host my WordPress websites

I was looking for something safe, cheap, fast, and which allowed me to host multiple websites

After a lot of research, I found Stellar Plus from  [Namecheap](https://namecheap.com/hosting/shared/)

## 3. The process of hosting the website

Buying the hosting is easy, you just add it to your cart and either buy a domain from them or add yours

After that, you'll have access to cPanel which is the tool you'll use the most

## 4. Getting a SSL

I got my SSL from [CloudFlare](https://cloudflare.com/ssl/) 

They offer free SSL which is great. All you need to do is create an account and add your domain

After that, they'll give you some nameservers you need to add to your domain

## 5. Setting up your first WordPress website

Now you need to add your domain into cPanel and then install WordPress for that website

Here is an  [article](https://wpbeginner.com/glossary/cpanel/)  that can help you with that

Also, there are tons of other articles on this topic

## 6. Wait

It takes a few hours for everything to setup so you should wait a bit after completing all these steps

For me, it took around 2 hours but it can be different for you

After that, you'll be able to login into your WordPress website directly form cPanel

## 7. Creating multiple websites

With Stellar Plus you can create unlimited WordPress websites which is great

You could either buy a domain for each website or create a subdomain on CloudFlare where you got the SSL from and create a website on it

## The end

_I hope found this useful and if you did please let me know. If you have any question feel free to DM me on  [Twitter](https://twitter.com/VladPasca5) ._
npx resyntax
Tags: ocaml, reason, bucklescript, rescript
Published: 2021-03-16 13:01:11

---
title: npx resyntax
published: true
description: Migrate files between .re .rei .res .resi .ml .mli extensions for ocaml, reasonml, bucklescript and rescript syntaxes.
tags: ocaml,reasonml,bucklescript,rescript
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oone0s2na8f6x8ub1a36.png
---

# npx resyntax

I mess around with files in many syntaxes. `.re` files get you better syntax highlighting in vscode so often I program in `.re` or `.ml` before converting to Rescript. Sharing in case it helps anyone else. It could be cleaner but it works mostly.

Migrate files between `.re` `.rei` `.res` `.resi` `.ml` `.mli` syntaxes for [Ocaml](https://ocaml.org/),
 [ReasonML](https://git.io/reasonml) and [Rescript](https://rescript-lang.org/) syntaxes.

Doesn't always work so check your output. Especially for conversions from `.res` to `.re` or when convertion functors. See https://github.com/rescript-lang/syntax/issues/264;

```sh
npx resyntax
```

Gets you:

![run npx syntax in your terminal](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oone0s2na8f6x8ub1a36.png)

### Other Tools

[npx bsconfig.json](https://git.io/bsconfig.json)

[npx resgitignore](https://github.com/idkjs/resgitignore)

[npx resattributes](https://github.com/idkjs/resattributes)

###[Share on Twitter...](https://twitter.com/share?text=Quickly+switch+between+ReasonML,+OCaml,+Rescript+syntaxes+in+your+project+https://github.com/idkjs/resyntax)
Calculate the time and cost that you can save, while building an app!
Tags: dronahq, lowcode, appdev, roi
Published: 2021-03-16 12:55:55

Up to 85% of the time and 90% of cost savings is what we got when building a process automation app on DronaHQ. And up to 83% of the time and 89% of the cost was saved while building a dashboard-type app.

Tell us how much time and cost you have saved while building an app? 

Find out your savings for your use case with [this ROI calculator](https://www.dronahq.com/quantifying-roi-of-low-code-development/) and fast-track your business value with enterprise-grade apps!