teleren/devto huggingface dataset:
How to get your first job as a developer, web3, 2021 developer roadmap, and more
Tags: webdev, programming, javascript, beginners
Published: 2021-09-22 07:34:43

_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://vladpasca.hashnode.dev/)_

The future of web3 is bright:

By dabit3 
{% twitter 1438863826825322497 %}

Learning the fundamentals first is a must:

By IMAC2 
{% twitter 1437761139774001170 %}

You can learn to code no matter how old or young you are:

By ravinwashere 
{% twitter 1438566293519568897 %}

Give before you ask:

By mcgillmd921 
{% twitter 1438200949386919941 %}

Getting your first job as a developer is hard but Ankur makes it easier for you with this thread:

By TheAnkurTyagi 
{% twitter 1438817080275517440 %}

Learn just one thing at a time:

By catalinmpit 
{% twitter 1438427123379838976 %}

2021 Developer Roadmap:

By heyOnuoha 
{% twitter 1438900496400592902 %}

Free HTML Templates:

By Inovatik 
{% twitter 1438760265105952771 %}

FreeCodeCamp is literally the best tool for learning how to code:

By denicmarko 
{% twitter 1438741539438698496 %}

A must-read thread for all developers

By MakadiaHarsh 
{% twitter 1438144743767220227 %}

_I hope found this useful and if you did please let me know. If you have any questions feel free to DM me on  [Twitter](https://twitter.com/VladPasca5)._
What's the revenue of your most successful project?
Tags: watercooler, career, business
Published: 2021-09-22 07:32:05

---
title: What's the revenue of your most successful project?
published: true
description: 
tags: watercooler, career, business
cover_image: https://blog-assets.freshworks.com/freshdesk/wp-content/uploads/2018/12/7426741430451807729-1.png
---
Creating you own own product can be an exciting journey. It's awesome to see your business ideas coming to life and develop a successful career.

Indie hackers, entrepreneurs and builders in public, could you share your most successful project and it's approx. *MRR?  

*_MRR (Monthly recurring revenue) is a metric that shows the total revenue generated per month._
JavaScript Arrow Functions ( easy tutorial )
Tags: javascript, tutorial, css, es6
Published: 2021-09-22 07:15:37

####  Before ES6, Functions were written as :

```javascript
greeting = function(){
      return "This is webdevprojekts!";
}
```

####  With the introduction of Arrow Functions in ES6 :

```javascript
greeting = () => {
      return "This is webdevprojekts!";
}
```



####  Arrow Functions return value by default, thus it gets more shorter :

```javascript
greeting = () => "This is webdevprojekts!";
```

####  Arrow Functions with parameter :

if you have parameters, you pass them inside the parantheses :

```javascript
greeting = (name) => "This is webdevprojekts!" + name;
```

#### Arrow Functions with single parameter :

if you only have one parameter, you can skip the parantheses as well :

```javascript
greeting = name => "This is webdevprojekts!" + name;
```
Electron Adventures: Episode 59: Notebook Python Engine
Tags: javascript, electron, react, python
Published: 2021-09-22 07:12:08

In previous episodes we created:

* HTTP-based Ruby language server
* HTTP-based Python language server
* process-based Ruby language server

So now it's time to create a process-based Python language server as well.

We'll be reusing the whole frontend from the previous episode - other than changing name of the script we run from `ruby_language_server` to `python_language_server`, and replacing Ruby code examples by Python examples.

All the new code will be Python.

### `python_language_server`

```python
#!/usr/bin/env python3

from io import StringIO
import sys
import json

class Capturing(list):
    def __enter__(self):
        self._stdout = sys.stdout
        self._stderr = sys.stderr
        self._stringio = StringIO()
        sys.stdout = self._stringio
        sys.stderr = self._stringio
        return self
    def __exit__(self, *args):
        output = self._stringio.getvalue()
        self.append(output)
        sys.stdout = self._stdout
        sys.stderr = self._stderr

sessions = {}

for line in sys.stdin:
    body = json.loads(line)
    session_id = body["session_id"]
    code = body["code"]
    sessions.setdefault(session_id, {})
    error = None
    with Capturing() as output:
        try:
            exec(code, sessions[session_id])
        except Exception as e:
            error = str(e)
    result = {"output": output[0], "error": error}
    print(json.dumps(result), flush=True)
```


There's very little new. We already had all the code for executing code and capturing the output in the Flask version.

We just need to:

* read the input with `for line in sys.stdin`
* parse it with `body = json.loads(line)`
* print the result with `print(json.dumps(result), flush=True)`

The `flush=True` is important, as communication between processes is normally buffered, so it won't actually be sent until the 4kB buffer is full. This buffering does not happen if you print to the terminal, and normally if you send things to files, you don't care about exact timing of when each line gets there. But when talking to processes, we need to do this.

We don't need to do any tricks on input, as only the sending process can potentially have such a buffer.

### Result

Here's the result if we press "Run All" button:

![Electron Adventures](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/your5blj71thaohst65z.png)

It was all very easy as we basically just merged what we did in previous two episodes.

In the next episode we'll do something a little more complicated and try to do the same for a language you might not have heard of in a while. And we'll also move session control into Electron side.

As usual, [all the code for the episode is here](https://github.com/taw/electron-adventures/tree/master/episode-59-notebook-python-engine).
5 Additional Skills You Should Learn Right Away as a Full-Stack Developer
Tags: programming, javascript, typescript, vscode
Published: 2021-09-22 06:59:22

Learn them now, you will regret delaying it

{% medium https://javascript.plainenglish.io/5-more-skills-you-should-learn-right-away-as-a-full-stack-developer-4cb6f935671?source=your_stories_page------------------------------------- %}
VSCode Nice to have extensions
Tags: vscode, webdev, react
Published: 2021-09-22 06:59:20

If you want to save time and forgot about the tab keyboard.
I think you gonna like what I got for you.
There are two new Visual Studio Code extensions.

Microsoft Edge Tools for VS Code: A Visual Studio Code extension that allows you to use the browser's Elements and Network tool from within the editor. The DevTools will connect to an instance of Microsoft Edge giving you the ability to see the runtime HTML structure, alter the layout, fix styling issues, read console messages, and view network requests. All without leaving Visual Studio Code.
[Microsoft Edge Tools for VS Code - Visual Studio Marketplace]
(https://marketplace.visualstudio.com/items?itemName=ms-edgedevtools.vscode-edge-devtools)

React preview: A Visual Studio Code extension that runs react component code locally. Your code stays safe on your computer. It works offline too! its support CSS library like Styled Components, Sass, Less and more.
[React Preview | React Preview](https://reactpreview.com/)
How do you get new clients?
Tags: watercooler, career, business
Published: 2021-09-22 06:52:19

---
title: How do you get new clients?
published: true
description: 
tags: watercooler, career, business
cover_image: https://www.ecseq.com/img/about-company.png
---
The success of any business depends on the substantive clientele. Some of the most common ways to get new clients include:

* Social media like [LinkedIn](https://linkedin.com) and [Twitter](https://twitter.com)
* Freelance sites like [UpWork]((https://upwork.com)), [Freelancer]((https://freelancern.com)), etc.
* Job listing sites like [WeWorkRemotely](https://weworkremotely.com), [RemoteOk](https://remoteok.io), etc.
* References from existing clients

What has been the most effective strategy for you and why?
Why a father and techie decided to mentor and train others
Tags: java, tutorial, mentoring, training
Published: 2021-09-22 06:48:42

Credit: [Pawan Sidher](https://www.mentorif.com/ment/pawankumar539cced74b?utm_source=blog&utm_medium=Devto&utm_campaign=java-basic-training&utm_id=java-basic-training)

[Java Training For Beginners](https://www.mentorif.com/event/44725082303?utm_source=blog&utm_medium=Devto&utm_campaign=java-basic-training&utm_id=java-basic-training)

[Advanced Java Programming Training](https://www.mentorif.com/event/83812686835?utm_source=blog&utm_medium=Devto&utm_campaign=java-basic-training&utm_id=java-basic-training)

I am a tech guy with 13 years of experience. My primary programming language is Java. I worked with product and service based companies. I have 2 kids and my elder son is a  college going teanger.

When I look back into my journey, I could see the hardship, sweat, sleepless nights working for client deliverables etc. One day, my son expressed interest in learning programming. I was surprisingly happy that even after seeing me and my life he is thinking of getting into this tech space. I suggested he do the same as millions of others do, google, watch videos and learn.

After a few weeks, I asked him about the progress. In case he has any questions or doubts that I can address. He said he watched a few YouTube videos and read a few blogs as well. He acted like it was very easy and he understood everything on the first try.

When I cross questioned him on the basic concepts, he was clueless. Then I decided to spend 1 hour everyday teaching him actual programming. Soon after 2 months, he was not only creating programs but started solving my job problems with his algorithm.

I was a proud dad. Then I realized having information in hand in the form of videos and blogs won’t solve 100% of the problem. I also took many references from online resources. But what made a difference in my son's case was having me as a mentor and trainer.

Then I thought of other people having the same situation. Jumping from one online resource to another and by the end saying I know everything, it is very easy. So, I decided to jump in and help. I came up with 2 trainings (links mentioned above). Interested people feel free to subscribe. It is completely online live training.
Mocking is everywhere
Tags: react, testing, vue
Published: 2021-09-22 06:45:14

Do you want to move faster in developing a fronted application? I think I have one part of the answer.
Mocking and simulating interaction with the backend can make you develop faster and better in development and integration testing mode. I came up with  this idea  when I developed integration testing via Cypress. 
It helped me  cover a broader range of behavior, and it was the perfect match for writing effective testing, but I felt  that something was missing. 
Sometimes I found myself wanting to mock the backend not only for testing. 
After working with a couple of libraries, I found the perfect match: MSW (Mocking service worker). 
The installation was very easy, and they have good documentation, allowing you to  mock rest API or graphql.ֿ
The best feature is that any developer who  works with the network tab in the devtools can intercept requests on the network level, making the mocking completely seamless.

Link: https://mswjs.io/docs/
How to Use React Router Dom as Pro
Published: 2021-09-22 05:27:31



**Routing** is super important part of any **SPA**, without it you can’t navigate to another page.

## **Are you really managing it in a Best way?**

Let’s suppose, **we have more than 100 pages in React** and have routing of each pages and **one page may have linked to another page**. **we will write something like this**

![React Bad Routing Style](https://cdn-images-1.medium.com/max/2472/1*tF0lFkLDSmfPXTAsIDn3qg.png)

and have linking like this

![React Bad linking](https://cdn-images-1.medium.com/max/2188/1*-Q10uC0tX7BIyntXY8e8sg.png)
>  if we are managing it like above so the project code will gonna lose its cleanliness and richness very soon.

## So what’s the best way to manage it?

**Define all Routes inside ***routing/AppRoutes.ts*

![*AppRoutes*.ts](https://cdn-images-1.medium.com/max/2000/1*kyc1GyyUQPF7pdu8ljaX6g.png)

Use **AppRoutes **like this

![Good Routing Style](https://cdn-images-1.medium.com/max/2364/1*XUhEVGJXGr9DmTaOU6ftvg.png)

**To make it more global and readable, create ***routing/*useAppRoutes.ts

![](https://cdn-images-1.medium.com/max/2096/1*ugH_rzK0M3BNMKhkU2kJNw.png)

now we need pass Param **taskId** in **TASK_DETAIL. **there can be easier way like this below but **i will not recommend it**.

![](https://cdn-images-1.medium.com/max/2372/1*yo5jfqhBXAka4B0opDZGpQ.png)

## Let’s make it more cleaner by overriding useHistory hook
>  npm i urlcat — save

routing*/useMyHistory.ts*

![useMyHistory.ts](https://cdn-images-1.medium.com/max/2792/1*etrWIdOgQ2TuM6S72YKwRg.png)

### Finally we made it now it’s time to use it on our code.

* Goto routing/*useAppRoutes.ts ***replace useHistory with useMyHistory**

![replacement of useHistory with useMyHistory](https://cdn-images-1.medium.com/max/2076/1*aXGO3GKzYGwiwOniIfZ_mQ.png)

**Final Page Look Now**

![](https://cdn-images-1.medium.com/max/2144/1*Qi0PeL8PBGw5lnQHkOkffA.png)

Here is [**Git Example](https://github.com/akash-gupt/akash-superspace/tree/main/apps/react-routing-example) .**

Thanks for reading, I hope this gives you an idea of how to handle React Routing in cleaned and global way. Claps and shares are very much appreciated!

**If you enjoyed reading this, you may also enjoy some of my other blogs:**

* [React Native Best way to keep clean code](https://medium.com/@supereme_dev/react-native-how-i-followed-create-once-use-many-times-f9bb36d2788f)

* [Generate SVG icons for React.Js Typescript](https://medium.com/@supereme_dev/generate-svg-icons-for-react-js-typescript-5429e283bf73)
FREE: Oracle DB 21c XE
Tags: free, oracle, database, 21c
Published: 2021-09-22 06:43:02

Today, Gerald Venzl announced the general availability of the [free version of the Oracle database 21c](https://www.oracle.com/database/technologies/appdev/xe.html): the eXpress Edition (or XE) for Linux platforms (direct links are provided inside the original announcement, see at the end of this post).

Gerald also mentioned an important update to Oracle Database 21c XE: **it lifts the restriction on the number of pluggable databases!** Unlike the previous version of Oracle Database XE, which only allowed up to 3 Pluggable Databases (PDBs), Oracle Database 21c XE now includes all functionality of the Multitenant feature!

This version provides all the features of a true converged database, providing support for Relational, JSON, XML, Graph, Spatial, Blockchain, Object, and Key/Value data for free. Data access can also be REST-enabled, when combined with [Oracle REST Data Services](https://www.oracle.com/database/technologies/appdev/rest.html), allowing interaction with the data over standard RESTful web services. In addition, [Oracle Application Express (APEX)](https://apex.oracle.com/), Oracle’s popular low-code app development platform, can be easily deployed on top of Oracle Database 21c XE!

Also worth mentioning is [Connor McDonald's easy installation video](https://www.youtube.com/watch?v=JqJo9ciL-fg) as well as the [Quick Start Guide](https://www.oracle.com/database/technologies/appdev/xe/quickstart.html).

More details about the announcement are [here](https://blogs.oracle.com/database/post/oracle-database-21c-xe-generally-available).

Enjoy!
Green SuperFood: Role and How To Use It Differently 
Tags: greensuperfood, superfood, greensuperfoodpowder
Published: 2021-09-22 06:22:25

A greens powder is a great amassing to anybody's eating routine in case they are griming to get more greens in. 

Only one scoop gives the comparison of 2 servings of green vegetables and grasses. 

The item reverberates extraordinary in principle, yet how might individuals accept this fine green-goodness into their regular routines?
HTML tags | colgroup-col
Tags: html, tags, colgroup, col
Published: 2021-09-22 06:07:57

They are used to **define groups of columns within a table**. `<colgroup>` defines the total group of columns and `<col>` defines each of the columns in the group. **It is useful for applying styles to entire columns**, rather than repeating them for cells and in each row.

`<colgroup>` must be a child of a `<table>` element, after `<caption>` and before `<thead>`, `<tbody>`, `<tfoot>`, `<tr>` and `<th>`. It has a `span` attribute, which will contain a positive integer indicating the number of consecutive columns it spans. If not present, its default value is `1`. **This attribute cannot be used** if the `<colgroup>` contains one or more `<col>` elements.

`<col>` has to be a child of a `<colgroup>` element. Like its parent, it has a `span` attribute that will contain a positive integer indicating the number of consecutive columns it spans. If it is not present, its default value is `1`.

- Type: *table-column-group* / *table-column*
- Self-closing: *No* / *No*
- Semantic value: *No* / *No*

[Definition and example `<colgroup>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/colgroup) - [Definition and example `<col>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/col) | [Support `<colgroup>`](https://caniuse.com/mdn-html_elements_colgroup) - [Support `<col>`](https://caniuse.com/mdn-html_elements_col)
SonarQubeでJavaのメモリ不足エラーが発生した際の対処法
Tags: sonarqube
Published: 2021-09-22 06:07:43

[SonarQube](https://www.sonarqube.org/)で大きなプロジェクトの解析を行うと、以下のようなエラーが発生し処理が停止してしまうことがあります。

> java.lang.OutOfMemoryError: Java heap space

dockerでコンテナ起動時に環境変数 `SONAR_CE_JAVAOPTS="-Xmx1G -Xms1G"` を指定してヒープサイズを大きくすると解消できます。

```sh
docker run -d --name sonarqube --env SONAR_CE_JAVAOPTS="-Xmx1G -Xms1G" -p 9000:9000 sonarqube:lts
```

## 参考
- [How to set Sonarqube Compute Engine Java memory parameters with Environment Variables - Get help / SonarQube - SonarSource Community](https://community.sonarsource.com/t/how-to-set-sonarqube-compute-engine-java-memory-parameters-with-environment-variables/21792/6)
Weekly web development resources #88
Tags: weekly, webdev
Published: 2021-09-22 05:43:32



______

##[ToolJet](https://tooljet.io/#)
[![ToolJet](https://wweb.dev/weekly/content/88/tooljet.jpg)](https://tooljet.io/#)
Open-source framework to build & deploy internal tools with minimal engineering effort.

______

##[Doodle Ipsum](https://doodleipsum.com/)
[![Doodle Ipsum](https://wweb.dev/weekly/content/88/doodle.jpg)](https://doodleipsum.com/)
A tool to customize doodles, grab the code, and use them on your prototypes.

______

##[Beginners Shouldn't Learn React](https://www.flavienbonvin.com/beginners-shouldnt-learn-react-here-is-how-to-learn-web-programming-instead/)
[![Beginners Shouldn't Learn React](https://wweb.dev/weekly/content/88/dont-react.jpg)](https://www.flavienbonvin.com/beginners-shouldnt-learn-react-here-is-how-to-learn-web-programming-instead/)
An article by Flavien Bonvin on how to learn as a beginner.

______

##[Interactive Learning Tools](https://www.smashingmagazine.com/2021/09/interactive-learning-tools-front-end-developers/)
[![Interactive Learning Tools](https://wweb.dev/weekly/content/88/interactive-learning.jpg)](https://www.smashingmagazine.com/2021/09/interactive-learning-tools-front-end-developers/)
A nice list of games and tools for learning Front-End technologies.

______

##[15 Developer Portfolios to Inspire You](https://dev.to/muthuannamalai12/15-developer-portfolios-to-inspire-you-1k73)
[![15 Developer Portfolios to Inspire You](https://wweb.dev/weekly/content/88/portfolio.jpg)](https://dev.to/muthuannamalai12/15-developer-portfolios-to-inspire-you-1k73)
A cool list of creative portfolios by Muthu Annamalai Venkatachalam.

______

##[errorpush](https://github.com/hauxir/errorpush)
[![errorpush](https://wweb.dev/weekly/content/88/errorpush.jpg)](https://github.com/hauxir/errorpush)
A minimalist error collection service. An open-source alternative to Sentry or Rollbar.

______

##[Dopefolio](https://github.com/rammcodes/Dopefolio)
[![Dopefolio](https://wweb.dev/weekly/content/88/dopefolio.jpg)](https://github.com/rammcodes/Dopefolio)
A fast multipage portfolio template for developers.

______

##[Theatre.js](https://www.theatrejs.com/)
[![Theatre.js](https://wweb.dev/weekly/content/88/theatrejs.jpg)](https://www.theatrejs.com/)
A JavaScript animation library with a GUI. It animates the DOM, WebGL, and more.

______

##[Grainy Gradients](https://css-tricks.com/grainy-gradients/)
[![Grainy Gradients](https://wweb.dev/weekly/content/88/gradients.jpg)](https://css-tricks.com/grainy-gradients/)
An article on how to generate colorful noise to add texture to a gradient.

______

##[Nano Colors](https://github.com/ai/nanocolors)
[![Nano Colors](https://wweb.dev/weekly/content/88/nanocolors.jpg)](https://github.com/ai/nanocolors)
A tiny and fast Node.js library for formatting terminal text with ANSI colors.

______

To see all the weeklies check: [wweb.dev/weekly](https://wweb.dev/weekly)
The Diamond Point Phúc Đồng
Published: 2021-09-22 05:22:39

The Diamond point – C14 Phúc Đồng đang được giới đầu tư săn đón và theo dõi một các nhiệt tình. Với 128 căn biệt thự, liền kề, shophouse được thiết kế 3 tầng 1 tum theo phong cách tân cổ điển phù hợp với đa só các khách hàng. Dự án đã có sổ đổ nên C14 Phúc Đồng – Diamond Point Phúc Đồng sẽ là lựa chọn hàng đầu của khách hàng khi lựa chọn cho mình dự án để gửi gắm tiền của mình vào.
The Diamond Point Phúc Đồng có quy mô 128 lô đất gồm 40 lô liền kề và 88 lô biệt thự song lập, tại khu đất đấu giá C14 Phúc Đồng Long Biên. The Diamond Point tọa lạc tại vị trí kim cương vô cùng đắc địa tại trung tâm quận Long Biên, liền kề khu đô thị đẳng cấp Vinhomes Riverside The Harmony. Dự án The Diamond Point Long Biên được quy hoạch thông minh, hiện đại với 128 lô đất (40 lô liền kề – 88 lô biệt thự song lập) trên nền tảng hạ tầng đã được đầu tư bài bản, thông thoáng.
Đường Nguyễn Lam, Phường Phúc Đồng, Quận Long Biên
ĐT: 0901312999
Website: https://chungcuhanoivip.net/du-an-the-diamond-point-c14-phuc-dong/
Địa chỉ Map: https://goo.gl/maps/gnbGhdWZsfrrHjkN8