teleren/devto huggingface dataset:
DO Hackathon: Phase 3 - The Framework
Tags: dohackathon, digitalocean
Published: 2020-12-22 16:48:14

---
title: DO Hackathon: Phase 3 - The Framework
published: true
description: Researching the framework
tags: #dohackathon #digitalocean
series: "DigitalOcean Hackathon"
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/29f687o2htflztqefw1f.jpg
---
## Quick tip - start with what you know
---

Determining the "best" framework(s) for each part of the project can be daunting, especially since there is so much to choose from.  I usually brainstorm with what I know and then see if there is a technology I want to dabble in, which is what I did in this case.

## The Frontend

At first I was going to shoot for an HTML5 (html, css, vanilla js) implementation for this project.  However, I decided to throw caution to the wind and push myself to learn something new and try using Vue.js.

![Vue.js logo](https://avatars3.githubusercontent.com/u/6128107?s=200&v=4 "Vue.js logo")

## The Backend

As for the backend, I wanted to use something lightweight and relatively easy to set up.  I’ve been wanting to dabble in Google’s Firebase, so that’s the route I decided to take.

![Firebase logo](https://avatars2.githubusercontent.com/u/1335026?s=200&v=4 "Firebase logo")

## The Dependencies

One of the main features of the app is to display a random picture to the user.  I decided to use Lorem Picsum, [check it out here](https://picsum.photos/), this dependency has exactly what I need and is easy to implement.  Kudos to [David Marby](https://dmarby.se) and [Nijiko Yonskai](https://github.com/Nijikokun)!  Check out the source code [here](https://github.com/DMarby/picsum-photos).

![Picsum screenshot](https://dev-to-uploads.s3.amazonaws.com/i/8isbity6ti36e38fnwq8.png)

### See you on the next post!

---

<span>Photo by <a href="https://unsplash.com/@matthew_t_rader?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Matthew T Rader</a> on <a href="https://unsplash.com/@matthew_t_rader?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Unsplash</a></span>

---

<a href="https://www.buymeacoffee.com/klawrow" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 60px !important;width: 217px !important;" ></a>
🥃 Confessions of a highly functioning web developer.
Tags: watercooler
Published: 2020-12-22 16:39:06

It's time to talk🦜.

The Dev community spent the last three days playing "never have I ever", by now everyone is feeling a bit queasy.

Now of course there was nothing alcoholic in reality but in the last post I asked everyone to bear all. I was as also as always completely truthful and thank you to those who had done equally good and brave things then shared them.

The post was all in good fun but you have given me the gift of interesting new topics to talk about but more than this, for those suffering with imposters, I encourage you to read the comments and see the not so perfect behaviors we all get up to and you can realize, not perfect IS perfectly normal.

So onto my confession, I am concerned, I have felt completely the opposite point of view about what I am about to say before swinging to the opinion that AI will replace us. GPT2 can write code, you ask it to write a function to achieve a goal and it does that work, this is close to the top of the abstraction tree because after that, there is only you the humans. If there is a chance you can be abstracted, you can bet your bottom dollar you will be one day. When? AI growth is fast and getting faster...

So yeah I feel worried about my career and I think I'm justified.
Non-Contiguous Memory Allocation | Operating System - M05 P08
Tags: linux, devops, beginners, tutorial
Published: 2020-12-22 16:39:02

**This is a multipart blog article series, and in this series I am going to explain you the concepts of operating system. This article series is divided into multiple modules and this is the fifth module which consists of 26 articles.**

_In this article we are going to see about non-contiguous memory allocation, that how it works, its pros and cons._

### Non-contiguous memory allocation
- In contiguous memory allocation a process cannot span at different memory location, but here we can divide the process and allocate different parts of memory to it.
- External fragmentation is a problem which is present in contiguous memory allocation, can be removed by using the concept of non-contiguous memory allocation.

<!-- Image one will come here -->

![Untitled Diagram.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1608654976882/MbOMy8Avv.png)

- Here we are dividing a process into small fragments _(parts)_ and then allocating them to different parts of RAM, by this we are removing the problem known as external fragmentation.
- We have a problem with this approach, that the holes in the RAM are created dynamically which means their value; size and location keep on changing. So we have to analysis the RAM and divide the process, only then we can place/ put process inside memory _(RAM)_, but this is the problem because this whole process require time and it is not time efficient.
- So to overcome this problem we divide the processes into multiple parts before it comes into the main memory _(RAM)_, and this divided section is known as **page**.
- We are doing partition in secondary memory.
- On the other hand we also divide the main memory _(RAM)_ and these section is known as **frame**

<!-- Image two will come here -->

![Untitled Diagram (1).png](https://cdn.hashnode.com/res/hashnode/image/upload/v1608654989534/JRCcNIHoc.png)

- Process will be divided into **pages** and main memory _(RAM)_ will be divided into **frames**.
- `Page size = Frame size`
- This is because than page will fit in frame easily.

_So this was all about non-contiguous memory allocation. Hope you liked it and learned something new from it._

If you have any doubt, question, quires related to this topic or just want to share something with me, than please feel free to contact me.

### 📱 Contact Me

[Twitter](https://twitter.com/r_mishra10)
[LinkedIn](https://www.linkedin.com/in/rahul-mishra-66210b185)
[Telegram](https://t.me/rahul_mishra10)
[Instagram](https://www.instagram.com/rahul_mishra10/?hl=en)

### 📧 Write a mail
<rahulmishra102000@gmail.com>

#### 🚀 Other links

[GitHub](https://github.com/rahulMishra05)
[HackerRank](https://www.hackerrank.com/rahulmishra10201)
Java: Helpful tips for usage of string
Tags: string, java, programming, tutorial
Published: 2020-12-22 16:34:06

I don't think there is need to explain the meaning of _string_. We can simply name it as a line and I would say that it is much better to use _string_ than _char_ (symbols) as there are more interesting tools and functions for it.

Let's start!

*1. Devide string

_Indexof()_ brings the numeric value as it finds the first position of entered symbol (or returns -1 if not found). So it can be used together with _substring()_, which cuts, to devide string and to keep the result also in _string_. Example:

`while (s.indexOf(' ') != -1) { int k = s.indexOf(' '); s_devided+=s.substring(0,k); s = s.substring(k + 1, s.length());` }

P.S. _length()_ returns a numeric value (how much symbols does your line have)

*2. Devide string Pro

What if we devide _string_ using some pattern? For example we want to spit the words. So we need a mas to keep all the words together.
 
`String[] mas = new string [any length];`

Then we have to use _split()_ to delete all _" "_
Example:

`String pattern = " "; 
mas = line.split(pattern);`

If our _line="hello to all programmists"_, then we have _mas[0]="Hello"_, _mas[1]="to"_ and so on. 

*3. Making copies carefully and correctly

Use  _System.arraycopy()_
How to use it?

` System.arraycopy(start mas1, first index mas1, result mas2, first index mas2, length);`

*4. Num check

If you want to convert your string into a numeric value, you can catch a mistake if it is not a num, so you programm will work incorrectly. Check with the function if it is a num and only then convert.

 `public static boolean isNumeric(String strNum) {
        try {
            long d = Long.parseLong(strNum);
        } catch (NumberFormatException | NullPointerException nfe) {
            return false;
        }
        return true;
    }`

Other tools are simple for me in usage and don't need any explanation. If you have any questions, write me anytime. 

Good luck in your job!
Slim Coder - Introduction
Tags: showdev, slimcoder
Published: 2020-12-22 16:32:40

---
title: Slim Coder - Introduction
published: true
description: 
tags: showdev, slimcoder
---

🚀 Here is introductory video of Slim Coder for youtube channel.

👏 I'm giving back to Community as Slim Coder by:

1) Writing technical articles.
2) Uploading videos.
3) Uploaded free courses.
4) Contributing to open source project.
5) Solving problems on StackOverflow.
6) Helping developers on Dev.to.
7) Sharing memes for developers.

😍 Plateforms:

1) Youtube: https://www.youtube.com/c/slimcoder
2) Medium: https://medium.com/@slimcoder
3) Dev.to: https://dev.to/slimcoder
4) StackOverflow: https://stackoverflow.com/users/11727445/slim-coder
5) GitHub: https://github.com/slimcoders
6) Blog: https://slimcoder.wordpress.com
7) FB Page: https://m.facebook.com/slimcoder

Don't forget to contact me on my email address: slimcoder@yandex.com

## Lyrics:

Hello Can you hear me?

I repeat can you hear me! 

Hmm hmm hmmm 

Yeah! Right so let's start. 

I am a software engineer from Pakistan. 

Aww! I’m very bored right now.

Let’s rap in supersonic effect.

My real name is Vivek Anand Sharma, I worked with the latest technologies and decided to start this Youtube channel for giving back to programmers community. 

I'm also known as Slim Coder.

Slim Coder is a fictional character that is inspired by Eminem (Slim Shady).

Hahahah i’m not going crazy!

I'm giving back to the programmers community as Slim Coder by writing technical articles on medium, creating content on youtube, contributing to open source projects on GitHub, helping the programmers community on StackOverflow and I also love to share memes for programmers on my Facebook and LinkedIn page.

Got it right ?

Am I offbeat?

Let's talk about the results: 

I'm the owner of two top GitHub organizations, Co-Founder of DevCreatives++. 
Writing for three publishers on medium, running a local community group for Golang devs known as Golang Pakistan. 
Dropped 1 complete course about Golang, 
1 time Featured in JavaScript on Medium.
Community Manager of Mentors without borders, Member of AWS Community and Linux Pakistan, contributor of Freecodecamp, node foundation, and js org on GitHub. 

I'm part of 6 organizations on Github.

You want to learn about me?

Aww! Then don’t forget to subscribe my blog.

That’s all from my side.

If you have any query then 
don't forget to send me an email at slimcoder@yandex.com

Thank you for watching.
Memories #05
Tags: cpp, beginners, codenewbie, gamedev
Published: 2020-12-22 16:32:16

## Are you finish?

Not not yet.
One more old project, I named it "Tales Of Shadows".
This one is done with C++ and Blueprints using Unreal Engine developed in 2019 as a Personal Project. 
Experience a new game engine and trying to make something more complex.

"GameTrailer"
{% youtube ErQqteAnnd8 %}

This time I will not put the code on Github, or I will? I think it's not needed but if people ask maybe I can put it.

I will just make some advertising (to be honest is what it looks like) of this game.
**I was putting here some old memories and old projects** and this one is also one of them so here is he.
Don't worry, there is just left one memory to be posted tomorrow! 

## Do you want to check out?

If you want to check out the video about the project here on the link below:
[Youtube Playthrough](https://youtu.be/_FWghbuVxX8)

Social Media: 

[Youtube Channel](https://www.youtube.com/c/DavidRicardo97)
[Twitter Account](https://twitter.com/DavidCRicardo)
Pretty print using JSON.stringify()
Tags: javascript, codenewbie, webdev, beginners
Published: 2020-12-22 16:31:03

Syntax: `JSON.stringify(value[, replacer[, space]])`
where, `replacer` is used to apply modifications to the value while stringifying
and `space` specifies the indentation of the value.

```js
const obj = {
  name: "ABC",
  age: 200,
  skills: ["C", "JavaScript", "Python"],
};

console.log(JSON.stringify(obj, null, 2));
```
Prints result as:
```js
{
  "name": "test",
  "age": 26,
  "skills": [
    "c",
    "javascript",
    "php"
  ]
}
```

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


---

**Thanks for reading 💙**  
Follow **@codedrops.tech** for daily posts.  
[Instagram](https://www.instagram.com/codedrops.tech/) ● [Twitter](https://twitter.com/codedrops_tech) ● [Facebook](https://www.facebook.com/codedrops.tech/)

Micro-Learning ● Web Development ● Javascript ● MERN stack ● Javascript  
**[codedrops.tech](https://www.codedrops.tech/)**
How I got my first jobs as a sofware developer
Tags: career, beginners, codenewbie
Published: 2020-12-22 16:29:21

---
title: How I got my first jobs as a sofware developer
published: true
date: 2020-12-22 16:25:26 UTC
tags: career,beginners,codenewbie
canonical_url: https://www.notonlycode.org/my-first-jobs/
cover_image: https://www.notonlycode.org/content/images/2020/12/2020-12-first-jobs-blog.jpg
---

In this video I'm talking about how I got my first few programming jobs. Early in my career I switched jobs a couple of times and I landed all the jobs in a different way, usually by some kind of a reference or cold mail, never by direct application (though I did it later in my career).

{% youtube saBZV12XR9I %}

🎥 Video timeline: 🎥  
[0:00](https://www.youtube.com/watch?v=saBZV12XR9I&t=0s) Intro  
[0:52](https://www.youtube.com/watch?v=saBZV12XR9I&t=52s) First job (Netguru, Poland)  
[3:30](https://www.youtube.com/watch?v=saBZV12XR9I&t=210s) Second job (Flywire, Spain)  
[6:16](https://www.youtube.com/watch?v=saBZV12XR9I&t=376s) Third job (Fyber, Germany)  
[7:16](https://www.youtube.com/watch?v=saBZV12XR9I&t=436s) Fourth job (freelancing)  
[8:05](https://www.youtube.com/watch?v=saBZV12XR9I&t=485s) Fifth job (Ascenda, Singapore)

If you enjoy this video, don't forget to subscribe to my [Youtube channel](https://www.youtube.com/channel/UCj3PDQ-4n9sO0j3t2j608WQ) and make sure to follow me on [Twitter](https://twitter.com/gregorywitek). Cheers!
Shell Code Libraries in Pure GitLab CI YAML
Tags: cicd, gitlab, bash, powershell
Published: 2020-12-22 16:23:53

Encapsulate pipeline-wide shell code libraries w/o containers. Discusses the architectural heuristics of efficiencies gained. ;) Working Code (in bash, powershell and pwsh): https://url2go.to/nes, Walkthrough Video: https://url2go.to/kly
Akibat Tubuh Kekurangan Zat Albumin
Tags: ekstrakikangabus, albumin, ibuhamil, operasicesar
Published: 2020-12-22 16:16:34

Albumin ialah isi protein yang terletak pada darah serta membentuk sebagain besar plasma darah. Guna Albumin sendri merupakan melindungi tekanan pada pembuluh darah serta mengangkat hormone serta obat- obatan. Albumin tersebut hendak mengikat zat- zat tersebut serta menyebarkannya keseluruh badan manusia. Jadi zat ini sangatlah berarti untuk manusia.

Apabila kamu kekurangan zat Albumin hingga hendak terjalin peradangan

pada seluuh badan disebabkan tidak terdapatnya lumayan protein ataupun kalori di dalam santapan yang disantap oleh badan. Kekurangan albumin dapat dikatakan bagaikan penderita hipoalbuminemia.

Hipoalbuminemia dapat jadi permasalahan besar bil ditemui sehabis memperoleh pembedahan ataupun sehabis dirawat di ruang gawat darurat. Badan yang kekurangan albumin serta tidak lekas diatasi bisa tingkatkan sebagian keadaan parah semacam Efusi Pleura, Ascites serta Atrofi Otot. Oleh sebab itu yakinkan kamu lekas bisa jadi periksakan diri bila merasakan indikasi tersebut.

Nah, berikut merupakan kendala yang terjalin didalam badan bila kekurangan Zat Albumin:

Ascites

Awal ialah Ascites, Ascites ialah akibat dari hipoalbuminemia. Seorang yang menderita kendala ini diakibatkan oleh penimbunan cairan antara selaput bilik perut serta organ dalam ataupun diucap pula rongga peritoneal. Kendala ini bisa terjalin dikala kandungan albumin dalam badan rendah, sehingga cairan bisa bocor ke rongga tersebut. Buat itu, kedudukan albumin sangat berarti di dalam badan supaya senantiasa wajar.

Efusi Pleura

Efusi pleura ialah ganguan terdapatnya air yang ada di paru- paru. Kendala ini terjalin dikala ada penimbunan cairan yang kelewatan di ruang antara paru- paru serta rongga dada. Dikala badan kekurangan protein tersebut, kebocoran pada paru- paru bisa terjalin. Kendala ini bisa memunculkan keadaan yang sungguh- sungguh apalagi sanggup tingkatkan resiko terpaut kematian.

Atrofi Otot

Akibat kekurangan Albumin yang lain merupakan hadapi atrofi otot. Gangugan ini umumnya terjalin ke mereka yang kurang kegiatan raga semacam berolahraga. Hendak namun pula bisa terjalin sebab hipoalbuminemia. Kekurangan Albumin bisa menimbulkan jaringan otot mengecil serta membuat lebih cekung dan nampak tidak simetris. contohnya bila terjalin pada kaki hingga hendak susah buat berjalan.

source : https://royal-mix.com
How do you display data catalogs to customers?
Published: 2020-12-22 15:56:33


---
title: How do you display data catalogs to customers?
published: true
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/ucuv39a57xp7zsjzxaja.png
---

Inspired by Zev's tweet.


{% twitter 1341398589373739008 %}
It’s okay to feel stuck...Everyone struggles
Tags: wikimedia, outreachy21, internship
Published: 2020-12-22 15:48:54


*Hello! I am super excited as this is my second blog post as an intern with Outreachy working on the Lua Scripting documentation for the Wikimedia Foundation.*
 Today I wanted to tell you how I got here. For every milestone, there is always a starting point, it comes with its own challenges and struggles. It’s okay to feel stuck at some point while achieving the set goals and tasks because of everyone struggles, including experts. Hey! I am no exception to this rule. It doesn’t matter what other people think or say, struggling is part of life.

On the 24th of Nov 2020, I received the acceptance mail as an Outreachy intern contributing to improving Lua documentation for Wikimedia and it’s been three weeks since. I will be sharing my experience so far with you, yes you. I was new to technical writing, Lua scripting and contributing to the Open Source community. It was an opportunity to learn something different and get familiar with the community.

Here is a  little background to the project, Lua is supported as a scripting language in all Wikimedia Foundation sites (since March 2013), via Scribunto extension. The Lua documentation that exists on meta-wiki and mediawiki.org needs some improvement. I am working on improving the documentation to explain what Lua is, why Lua, and getting started with Lua on media-wiki. My mentors Pavithra and Doug have made my onboarding process so smooth, helping out with a lot of resources and follow-up sessions to get me up to speed with the task.

As a newbie to technical writing, it comes with its own challenges and struggles, trying to simplify and provide explanations and adequate references for my users.  I had a couple of challenges these few weeks ranging from getting started with editing on the wiki, an overview of Lua scripting and drafting the content in order not to put too much information than needed on the introductory page. These blockers were shared with my mentors and a follow-up session was set to walk me through the process of overcoming the issues at hand.

Technical writing and Lua scripting is an interesting sphere, these past weeks I have learnt that it’s okay to NOT be okay. Reach out your hand for help. Seek the help you need. GET HONEST and GET TO WORK!
Service workers in create-react-app v4+
Tags: webdev, serviceworkers, react, pwa
Published: 2020-12-22 15:45:27

---
title: Service workers in create-react-app v4+
published: true
description: Details on using Workbox's InjectManifest mode in create-react-app v4.
tags:
  - webdev
  - serviceworkers
  - react
  - pwa
---

Ever since built-in support for service workers was added to `create-react-app` v2, developers have been asking for more control over the resulting service worker's functionality. This might mean disabling [precaching](https://web.dev/precache-with-workbox/) in favor of solely [runtime caching](https://web.dev/runtime-caching-with-workbox/), or it might mean adding in [push notification](https://developers.google.com/web/ilt/pwa/introduction-to-push-notifications) or [web share target](https://web.dev/web-share-target/) support.

`create-react-app` v4+ will [check for the presence](https://github.com/facebook/create-react-app/blob/282c03f9525fdf8061ffa1ec50dce89296d916bd/packages/react-scripts/config/webpack.config.js#L709-L721) of a `src/service-worker.js` file at build time, and if found, run `workbox-webpack-plugin`'s [`InjectManifest` plugin](https://developers.google.com/web/tools/workbox/modules/workbox-webpack-plugin#injectmanifest_plugin), passing in that file as the `swSrc` parameter.

If you're starting a new project and follow the instruction from `create-react-app`'s "[Making a Progressive Web App](https://create-react-app.dev/docs/making-a-progressive-web-app/)" guide, i.e. you run `npx create-react-app my-app --template cra-template-pwa`, you'll end up with everything in the right place.

Which is to say your project will:

- automatically [bundle](https://developers.google.com/web/tools/workbox/guides/using-bundlers) the code in `src/service-worker.js` (transforming the ES module imports into code that can be run inside the service worker)
- look for the symbol `self.__WB_MANIFEST` somewhere inside your `src/service-worker.js`, and replace it with a [precache manifest](https://developers.google.com/web/tools/workbox/modules/workbox-precaching#explanation_of_the_precache_list), consisting of URLs and revision info about all your `webpack` assets, so that Workbox can precache them.

If you're not interested in precaching your `webpack` assets, then you don't need to use the `InjectManifest` plugin at all, and you can just put whatever code you want in a file named _anything other than_ `src/service-worker.js`, and register that file as your service worker. That's up to you.

If you are interested in Workbox's precaching, but you're upgrading from an older `create-react-app` and you don't have a "correct" `src/service-worker.js` file, you can manually copy the [file from the template](https://github.com/cra-template/pwa/blob/master/packages/cra-template-pwa/template/src/service-worker.js) into your project.

_(This post was adapted from a [Stack Overflow response](https://stackoverflow.com/questions/65396446/how-to-add-workbox-to-react-post-update/65399739#65399739).)_