teleren/devto huggingface dataset:
Sustainable Careers in Cloud Computing 
Published: 2020-12-02 15:43:41

Looking towards joining the cloud computing ecosystem? Wondering how this sustainable this ecosystem is? You are in the right place. The cloud has a big room for everyone. There are so many diverse roles you can play on the cloud. 

Here is a list of top cloud computing skills that might interest you:

**- Machine Learning and Artificial Intelligence(AI):** 
Cloud computing in AI can be implemented in cognitive computing,  chat bots, business intelligence, Internet of Things and many more.
Cognitive computing involves  capabilities such as natural language processing, speech/object recognition, human-computer interaction and narrative generation.
Some tools to begin with include Google AI Platform, Tensorflow, Google Colabs, Amazon Machine Learning on Amazon Web Service and many more.

**- Database management:** With this, you will be responsible for ensuring smooth data flow. You will ensure that there is an adequate storage plan that suits the needs of the company. Another important function is ensuring a strong back-up system for data recovery in the case of data loss or a disaster.

**- DevOps Management:** You are responsible for continuous integration and delivery while development & operations team work on the cloud.

**- Cloud Support:** This team is responsible for ensuring users and customers are satisfied. With this skill; you are the first line of contact when there is a complaint from the user or organization making use of the cloud service.

**- Cloud Engineering:** You are involved with designing systems with the use of cloud resources to solve business problems. You govern the end-to-end iteration of cloud development and delivery. You also manage the general process flow in solving the problem.

**- Cloud Security:** You are responsible for ensuring that systems
are highly secured to ensure safety of your clients and users.

All these skills can be found on various cloud service providers like Google Cloud Platform, Amazon Web Services, Mircosoft Azure and many more. On the long run; these careers are sustainable but with continuous evolution. This calls for continuous learning and constant updates.  
Feel free to like, share and subscribe!
How to load .vue files directly from the browser
Tags: vue
Published: 2020-12-02 15:34:01


  
...easy, use vue3-sfc-loader !

I just started this new project to allow people to load their .vue file directly in the browser without any build step (yet I love webpack).


Online demo: https://codepen.io/franckfreiburger/project/editor/AqPyBr
Git repo: https://github.com/FranckFreiburger/vue3-sfc-loader
Python Zero to Hero - Ep.29 - Building Fast with Flask
Tags: python, tutorial, beginners, webdev
Published: 2020-12-02 15:26:26

---
title: Python Zero to Hero - Ep.29 - Building Fast with Flask
published: true
description: This time, we see how Flask can let you build a web app super fast. It has a syntax similar to Fast API but can do more.
tags: python, tutorial, beginner, webdev
---
This time, we see how Flask can let you build a web app super fast. It has a syntax similar to Fast API but can do more. If you have any questions or any suggestions about which Python topics to cover, please leave your comment at my [Twitch channel](https://www.twitch.tv/cheukting_ho)

You can get the slide deck [here](https://slides.com/cheukting_ho) and the example code and homework form [GitHub here](https://github.com/Cheukting/python02hero). Ask questions at my [Twitch channel](https://www.twitch.tv/cheukting_ho)
JavaScript Code Daily Challenge #11
Tags: javascript, challenge, codenewbie, beginners
Published: 2020-12-02 15:23:45

# **About**

This is a series of JavaScript Code Daily Challenge. Each day I show a few solutions written in JavaScript. The questions are from coding practice/contest sites such as HackerRank, LeetCode, Codeforces, Atcoder and etc.

> CNF 2
> [https://codeforces.com/problemset/problem/571/C](https://codeforces.com/problemset/problem/571/C)
> Write code in Comment

#### Example - 1
```
// Input
2 2
2 1 -2
2 2 -1

// Output
YES
11
```

#### Example - 2
```
//Input
4 3
1 1
1 2
3 -1 -2 3
1 -3

//Output
NO
```

#### Example - 3
```
//Input
5 6
2 1 2
3 1 -2 3
4 -3 5 4 6
2 -6 -4
1 5


//Output
YES
100010
```
3 segredos para contratar o melhor freelancer online
Published: 2020-12-02 15:12:20

São inúmeros os benefícios ao contar com o apoio de um freelancer em sua equipe de trabalho ou para começar a atuar em novas iniciativas em sua empresa. Contratar freelancer online é ideal para otimizar tempo e acelerar o desenvolvimento de projetos. No entanto, como escolher o freelancer ideal para o trabalho?

 

Por ser uma alternativa com ótimo custo/benefício, é importante encontrar um freela que esteja alinhado com o trabalho que precisa ser realizado antes de fechar negócio. Por isso, listamos abaixo três segredos que nunca te contaram para contratar o melhor freelancer online para o seu negócio. Confira! 

Planejamento prévio do serviço
 

Antes de ir atrás de um profissional para realizar um serviço para você, tenha em mente o que de fato deve ser feito e qual o tempo necessário para isso. Ou seja, planeje previamente o que você precisa que seja entregue pelo freelancer e em quanto tempo. Assim, ao entrar em contato com o profissional, terá todas as informações para começar com pé direito, com um freela que se adeque ao que será solicitado e alinhando expectativas.

 

Dica: é impossível incluir a demanda de serviço que você possui em marketplaces de serviços online, como o FreelaWeb. Além do freela incluir o que ele pode oferecer, você também consegue cadastrar suas solicitações e ser encontrado pelos profissionais — facilitando seu trabalho de ir atrás do profissional ideal. 

 

Alinhamento entre serviço e experiências do profissional
 

Ao definir exatamente qual serviço você necessita, é hora de buscar por profissionais com experiência na área de atuação solicitada. Marketplaces de serviços online e o Linkedin são ótimos aliados nessa etapa. Tanto para encontrar com facilidade freelancers disponíveis, quanto para ver suas experiências e serviços que oferecem. 

 

Comunicação clara e direta
 

Encontrou o freelancer ideal? Agora é hora de construir uma boa comunicação com ele, visando o bom relacionamento e entregas que gerem resultados positivos para você, sua empresa e o freela. Por isso, ter um diálogo claro e direto é o recomendado para que toda a execução do serviço seja feita da melhor forma possível e atenda suas expectativas — antes, durante e depois do trabalho entregue.

 

Além disso, ao construir um relacionamento com o freelancer, você pode explorar novos potenciais do profissional, construindo um trabalho duradouro para ambas as partes. Lembre-se de estar aberto para dar feedbacks e também para receber novas sugestões e ideais para o projeto em execução. Essa troca é muito valiosa. 

 

Redação: Alice Bachiega
Google Forms Clone with Django and Vanilla Javascript
Tags: showdev, django, javascript
Published: 2020-12-02 15:07:00

Hello developers, I've recently created a Google Forms Clone using Django(python) and Vanilla Javascript and I'm looking for any feedback. [Demo and feedback here](https://google-forms-clone.herokuapp.com/form/in60XZ4GWUswvkaKEOxONvIKkhy4gl/viewform)
Any comments will be appreciated. Thanks.

Code: https://github.com/kimlimjustin/google-form-clone
Please drop a star on Github if you like it.

Happy coding!
Scrawl-canvas v8 - drag-and-drop Net particles
Tags: codepen
Published: 2020-12-02 15:06:09

To celebrate the release of Scrawl-canvas v8.3.0 ... some drag-and-drop Net particles! 

Scrawl-canvas is a Javascript library which helps make HTML5 canvas elements more responsive, accessible and easier to work with. 

Version 8.3.0 includes a new particle physics engine. Check it out!

{% codepen https://codepen.io/kaliedarik/pen/zYKvPEN %}
How to Create an HTML, CSS & Javascript Live Editor Using Javascript | Web Tutorials

Tags: notepad
Published: 2020-12-02 14:58:43

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


Please check this video and grow your knowledge.
https://www.youtube.com/watch?v=nkwqbyMAP7w
Remove tech debt from your Django codebase in seconds
Tags: django, python, webdev
Published: 2020-12-02 14:53:26

You can now easily remove tech debt from your Django codebase in a few clicks:

{% youtube MtxqbmyPl6Y %}

It would take a human hours to go through the codebase and fix these manually, but as a code improvement bot I can do it in seconds and save you a lot of time!

Try for yourself at [Django Doctor](https://django.doctor)
5 Top Tips For Crushing Programming Interviews
Tags: interview, hiring, beginners, career
Published: 2020-12-02 14:51:38

---
title: 5 Top Tips For Crushing Programming Interviews
published: true
description: Over the past few years I have conducted 50+ programming interviews. Here are my top tips for ensuring you impress!
tags: interview,hiring,beginners,career
---

> 🐦 Would you rather view this content in Tweet-sized bites? Check out my [Programming Interview Tips Thread](https://twitter.com/LukeHGlazebrook/status/1333882979391823873).

---

Technical interviews are typically the final and most challenging stage of most developer hiring processes. You don't know what to expect - who is going to interview you? What is the challenge? How much time are you going to have?

So, with all of these unknowns, how can you give yourself the best chance of impressing?

Here are my top five tips for crushing the technical interview!

## 💬 Verbalise

Whatever you're thinking, the questions you're asking yourself - speak them out loud. This will give the interviewer an insight into your thought process and showcase the steps you're taking to solve the problem.

## ⚙️ Form Follows Function

Your main objective in a programming interview should always to be to complete the task or get as close to completion as you can. Because of this, you shouldn't let your inner perfectionist hamper your progress by worrying about trivial details.

You can always re-visit these minor details if you find yourself with excess time at the end of the interview.

## 🔭 Clarify Before Starting

If you don't feel confident you know what is being asked of you, you're setting yourself up for confusion and frustration.

This unneeded anxiety can be avoided by ensuring you have a good understanding of the challenge *before* you start writing/typing.

## 👨‍💻 Be Personable

Given the nerves and pressure of being in an interview scenario, this can be tough. But always try and approach the exercise as you would when pair programming with a friend or colleague.

This can be a great time to show your personality and give the interviewer an example of what it would be like to work with you in the future.

## 📝 Pseudo Code Is Your Friend

If you get stuck on a specific part of the challenge then implement your existing idea in pseudo-code and move on. You can always come back to it later and, this way, you can unblock yourself to continue the rest of the challenge.

This approach is also effective because it affords you additional time to think about alternative approaches to the tough problem in the background.

Best of luck!

---

🐦 Follow me on Twitter [@LukeHGlazebrook](https://twitter.com/lukehglazebrook)
Season Of Docs, Meeting-14
Tags: opensource, github, docker
Published: 2020-12-02 14:48:25

On 25th of November, I had a meeting with my mentors with regards to Google's Season Of Docs project. The mentors had assigned the following tasks:
1. Solving the issues, posted **[here](https://github.com/SynBioHub/synbiohub.github.io/issues)**.
2. Preparing the work product, which is to be submitted in fulfilment of the project.

I was able to resolve more than 50% of the issues. Also, I've written a blog post with regards to the Work product, which needs to be submitted. On the next meeting, which is scheduled on 2nd of December'20, will be the last meeting and the main aim of this meeting is to discuss the work product.
                                      

-------------------------------------------------------------
What to learn before React? 
Tags: html, css, react, beginners
Published: 2020-12-02 14:47:20

React is open source library for building user interfaces. It has rich ecosystem.
It's used for handling the view layer for web and mobile apps.
It is declarative(Tell React what you want and React will build the actual UI).

In this post I’m sharing with you the path I personally took to learn React.

It takes **time**, **dedication** and **practice** but as with learning any new technology its worth it in the end.


**Pre-requisites to learn before this useful library**

1. If you are a beginner in programming, the main thing to learn 
   first is Javascript. The good news is, you don’t need to be a 
   JS master, just learn some basics (variables, objects, loops, 
   functions,this,filter,map,reduce).

2. I would also recommend you learn to use Javascript’s ES6 
   features, as most libraries like Let & Const, Arrow functions, 
   template literals, default parameters, object literals, Rest 
   & Spread operators.

3. JSX (Javascript XML) & Babel. In React you will work with JSX 
   that looks like HTML and you can consider it like HTML-flavored 
   JavaScript.

4. Package Manager (Node + Npm), GIT.



**Welcome to React and have fun**

Youtube is great source, but we have to make sure we are looking at the updated videos everytime.
https://www.youtube.com/watch?v=MhkGQAoc7bc&feature=emb_logo

I also recommend that buy a course from Udemy, they have great resources for ReactJs learning.

the site which can help you most is https://reactjs.org/

Thanks for reading

Happy Learning
Launching TalRemote: Get quality remote opportunities in your Inbox :)
Tags: javascript, webdev, beginners, programming
Published: 2020-12-02 14:43:57

---
title: Launching TalRemote: Get quality remote opportunities in your Inbox :)
published: true
description: Sharing about an exclusive dev platform I have been building.
tags: javascript, webdev, beginners, programming
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/zkj5pqg5tcimmsdda16t.png
---
Hey everyone 👋

As you all may have recognised from my past posts, I am very passionate about remote working. For over 2 years, I have been writing on remote work and also built a remote community at [Remote Clan](https://remoteclan.com).

So, it is with great excitement that I want to share with you about [TalRemote](https://talremote.com). It is:

> An exclusive platform for top developers to receive opportunities from remote tech companies - all in your inbox!

![TalRemote](https://cdn.hashnode.com/res/hashnode/image/upload/v1606892145279/knHP03WUa.gif?auto=format,compress&gif-q=60)

No more painful and time-consuming job searches. Instead:
- Just invest 10 mins of your time to fill a simple form
- I will then make a tailor-made "Remote CV" for you
- Opportunities will reach your inbox thereafter!
- We have just opened our signups and it is completely free for developers. So, please [sign up](https://talremote.com/candidates/signup)!
PORT number changes from VSCode terminal (by exactly +1)
Tags: help, wsl, windows, webdev
Published: 2020-12-02 14:34:25

0. Open VSCode
1. Run a web server in WSL, be it Express.js binded to port 8080, parcel-bundler to port 1234, Nuxt to port 3000, it doesn't matter.
2. `console.log('http://localhost:${PORT}')`
3. Click the link in VSCode terminal
4. Port number in MS Edge increases by one to 8081, 1235, 3001, respectively.
5. Some web apps' hyperlinks break.
  - go-swagger gin
  - Nuxt in history mode

![windows-feedback-submission](https://dev-to-uploads.s3.amazonaws.com/i/jt88ewd7l3ixwjpi1qf5.jpg)
Introducing Sunder: A framework for Cloudflare Workers
Tags: serverless, javascript, typescript, webdev
Published: 2020-12-02 14:30:16

Today I released Sunder, a framework for Service Worker environments such as [Cloudflare Workers](https://workers.cloudflare.com). It allows you to create testable APIs and websites in a similar way as you would using Node.js's [Koa](https://koajs.com) or [Express](https://expressjs.com) framework.

I am building it to scratch my own itch - I have written the same thing 4 times now from scratch for Cloudflare Worker projects, this would make much of that boilerplate unnecessary. Sunder is "Express" for Cloudflare Workers.

Sunder is designed to be minimal, testable, and easy to understand. It's only a few hundred lines of code. 

#### A small example
```typescript
import {Sunder, Router} from "sunder";

const app = new Sunder();
const router = new Router();

// Example route with a named parameter
router.get("/hello/:username", ({response, params}) => {
    response.body = `Hello ${params.username}`;
    response.headers.set("content-type", "text/plain");
});

app.use(router.middleware);

addEventListener('fetch', (event) => {
    app.handleEvent(event);
});
```

This is a complete example, bundle it using a tool like [`esbuild`](https://esbuild.github.io/) in under 50ms and it's ready for use in Cloudflare workers.


## Everything is middleware
Inspired by Koa and Elixir's Plug, in Sunder everything is a *middleware*.

A middleware function takes two arguments, the request's `Context` and a function that invokes the next middleware. An example explains it best:

```typescript
async function responseTimeMiddleware(ctx, next) {
    const start = Date.now();
    await next();
    const ms = Date.now() - start;
    ctx.response.headers.set('X-Response-Time', `${ms}ms`);    
}
```

If you have used [Koa](https://koajs.com) in the past, this should look very familiar. By making use of the `async` keyword we can `await` asynchronous tasks and avoid callback hell. 

By composing this core building block we can handle any request in an elegant way.

## Strict routes

Typescript recently released support for <a href="https://devblogs.microsoft.com/typescript/announcing-typescript-4-1/#template-literal-types">Template Literal Types</a>. This allows us to type a route's path parameters in a strict way and catch common mistakes.

![Strict routes GIF](https://i.imgur.com/XeOyoxF.gif)

> Note: You can use Sunder without Typescript too, but you will miss out on this type checking.

## So can I use this?

Yes, you can install Sunder now (`npm i sunder`) and use it in your projects, and it's all open source.

Consider it a beta. Things will change, the docs are incomplete, the amount of available pre-written middleware is small, but all projects start somewhere. Contributions are welcome!
Create your first React Native app with react-native cli as a beginner.
Tags: react, javascript, beginners, tutorial
Published: 2020-12-02 14:28:20

As expo bloats our app with unnecessary dependencies, we will be looking at react-native cli to create a bare-bones react native app.

A simple <strong>"Hello World"</strong> app is 25 mb in size when made with expo. So we are going to look at the alternative for it.

This post is a part of the react-native series I am currently writing on.

Now go to your terminal and type the below code,

```js

npx react-native init Project

```

There is no need to install <strong>react native cli globally</strong> like expo cli as said in its documentation.

Now go into the project folder.

```js

cd Project

```
You can now run and build the app for your own operating system with the following command.  

```js

npx react-native run-android

npx react-native run-ios


```

You can plug in your device and enable usb debugging as said in this website [aboutreact](https://aboutreact.com/how-to-run-react-native-app-on-real-device-android/) to run your built app on you physical device directly,

Or you can use an emulator to run your app.

That's how you can create your first react-native app without expo cli and build and run it on your android/iOS emulator or in a physical device.

In my next post I will discuss about the React Native elements like View, Text etc.,

### Thank you for reading!!

<strong> <u>Check out my portfolio: </u> [Gautham's portfolio](https://gautham-portfolio.netlify.app/)</strong>

<strong> <u> Check out my blog: </u>[coding-magnified.tech](https://coding-magnified.tech)</strong>


### <u>My Other Articles: </u>

- [Universal CSS properties everyone must know](https://dev.to/gautham495/universal-css-properties-everyone-must-use-4kie)

- [Create-react-app](https://dev.to/gautham495/creating-a-new-react-app-with-create-react-app-4e9m)

- [Git for beginners](https://dev.to/gautham495/basic-git-knowledge-for-beginners-m4p)

- [Change headers in react with react-helmet](https://dev.to/gautham495/changing-headers-in-react-with-react-helmet-d0d)

- [Know How to apply box-shadow on all four sides.](https://dev.to/gautham495/know-how-to-apply-box-shadow-on-all-four-sides-43pn)
 
- [Simple CSS Selectors](https://dev.to/gautham495/simple-css-selectors-for-beginners-2i44).

- [CSS Pseudo Elements](https://dev.to/gautham495/css-pseudo-elements-for-beginners-53ob).
Reminder: Surrogate keys should also represent query params
Published: 2020-12-02 14:19:48

Short diary entry about cache keys:

I've run into a scenario where I'm unable to bust cache on an API endpoint that returns an empty value.

For pages that need to be busted with new items, it's easy enough to add a "Prefix-N" or "Prefix-." representing that it can be busted for something *N*ew.

For pages that are built by existing models, you can iterate through their IDs and append "Prefix-{id}" which will bust cache if it's been edited or removed.

The scenario I ran into was checking for a specific ID which didn't exist, like:

    api.example.com/followers?entity_id=10

If there were no results, the key you're searching for wouldn't be represented in the surrogate keys. Even after you DO add the entry, it won't find the key to purge and so it stays cached. 

This hadn't been an issue up until now, but it's making me rethink my caching/key strategy. I'll have to take into account items I'm looking for, regardless if they exist. Because of that, I have to think if this is something that should be a global strategy or if it's scenario-based.
How Integrating Chatbot In Your Business Can Help You Improve Your Customer Experience
Tags: discuss, machinelearning, chatbot
Published: 2020-12-02 14:13:34

This article was originally published on [Bacancy Technology] (https://www.bacancytechnology.com/)
What do you think is one of the best ways to generate more revenue for your company? Well, it would have to be conversations. Yes, you heard it, right people. 

The conversation is one of the main factors which is responsible for driving sales. For your customers, it is imperative to ask some questions that they have about products and services. After all, we all tend to have some doubt about purchases and clearing those doubts can help us in making the buying decisions faster. So, there should be someone who will be able to answer these questions, make recommendations, and provide a personalized experience to your customers. 

So, in this world where conversations are the driving factor for commerce, [chatbots] (https://www.bacancytechnology.com/chatbot-development-services) are increasingly gaining popularity due to the important benefits that it provides. 

About 71% of the people are currently using chatbots to solve their problems when it comes to online purchases. Here, I will be discussing chatbots and telling you why investing in chatbot development services would be great for the business of yours.
#What Exactly Is A Chatbot?
Before anything else, let’s just make sure that you and I are on the same page when it comes to a chatbot.
Read entire article here; 
[How Integrating Chatbot In Your Business Can Help You Improve Your Customer Experience] (https://www.bacancytechnology.com/blog/integrating-chatbot-in-your-business)