teleren/devto huggingface dataset:
Use Case of JavaScript in today's industry.
Published: 2021-06-25 12:54:40

**Uber and javascript**
Uber needs to handle loads of data in real time. They have millions of requests coming in continuously, and that’s not just hits on a page. Uber needs to track driver locations, rider locations, and incoming ride requests. It has to seamlessly sort that data and match riders as fast as possible.

All of that plays to NodeJS’s and JavaScript’s strengths. Node is designed to handle requests and hand off data quickly. It’s asynchronous capabilities are a huge part of that. Node is central to Uber’s user facing stack for just that reason.

Uber’s core trip execution engine was originally written in Node.js because of its asynchronous primitives and simple, single-threaded processing. (In fact, we were one of the first two companies to deploy Node.js in production.) Node.js gives us the ability to manage large quantities of concurrent connections. We’ve now written many services in Go, and this number continues to increase. We like Go for its concurrency, efficiency, and type-safe operations.
The frontline API for our mobile apps consists of over 600 stateless endpoints that join together multiple services. It routes incoming requests from our mobile clients to other APIs or services. It’s all written in Node.js
**Highly Available, Self-Healing, Persistent**
Having to support the highest availability demands, the Marketplace stack must receive and execute in real time. Even brief interruptions in this area have major consequences for our users and our business. Much of Marketplace’s stack was built by and for Marketplace engineers first.
Ringpop, a library for building cooperative distributed systems, solved some of Marketplace’s problems before its adoption in other teams at Uber and beyond. It gives the high-availability, partition-tolerant properties of distributed databases like DynamoDB or Riak to developers at the application level.
The systems that handle pings from riders and drivers in real-time and then match them are written in Node.js and Go. These teams use Ringpop and Sevnup for cooperation and shifting of object ownership when a node in a hashring goes down, or when another node takes ownership of the keyspace. Riak is their distributed database. Redis provides caching.
**Seeing and Using Data**
A group within Marketplace turns Marketplace data into useful visualizations to help the team understand and observe the state of the world. We use JavaScript for web front-end applications. React+Flux, D3, and Mapbox are the libraries and frameworks behind this group. For the back end, it’s the same Node.js server used by Uber’s web engineers.
React Interview Questions - Junior Level
Tags: react
Published: 2021-06-25 12:52:29

Lets Begin,

1> What are refs used for ?

Ans. Refs allow you to get direct access to a DOM element or an instance of a Component.

2> What happens when you call setState ?

Ans. The first thing React will do when setState is merge with object you passed into setState into the current state of the component. This will kick of a process called reconciliation. 
The most efficient way possible, update the UI based on this new state.

3> When rendering a list what is a key and what is its purpose ?

Ans. Key helps React identify which items have changed, are added or are removed. 
Keys should be given to the elements inside the array to give the elements a stable identity.

4> What happens during the lifecycle of a React component ?

Ans. At the highest level, React components have lifecycle events that fall into three general categories.
1. Initialization
2. State/Property Updates
3. Destruction

Initialization :
getInitialState()
getDefaultProps()

ComponentWillMount()
render()
componentDidMount()

Update:
componentWillReceiveProps()
shouldComponentUpdate()

componentWillUpdate()
render()
componentDidUpdate()

Destruction:
componentWillUnmount()

5> How do you prevent the default behavior in an event callback in React ?

Ans. You call e.preventDefault(); on the event e passed into the callback.

6> What does it mean for a component to be mounted in React ?

Ans.  It has a corresponding element created in the DOM and is connected to that.

7> How do you prevent a component from Rendering in Reacr ?

Ans. Return null from the render method.

8>  What's the difference between a controlled component and an Uncontrolled one in React ?

Ans. This relates to stateful DOM components(form elements) and the React docs explain the difference:

A Controlled component is one the takes its current value through props and notifies the changes through callback like onChange. A parent component "controls" it by handling the callback and managing its own state and passing the new values as props to the controlled component. you can call this as a "dumb component".

A Uncontrolled Component is one that stores its own state internally, and you query the DOM using a ref to find its current value when you need it. This is a bit more like traditional HTML.

9> What is Flux ?

Ans. Unidirectional application flow paradigm/idea.

10> What is Reconciliation ?

Ans. Reconciliation is the process of comparing the DOM Tree before and after element changes and updating them accordingly.
Before applying for your next developer job... Practice tech challenges! 
Tags: career
Published: 2021-06-25 12:50:54

When you apply for developer vacancies, chances are you may be asked to solve a logic problem.  There's different styles of tech test including: logic problems, refactoring or build something.  The most common in my experience is the logic problem fizzbuzz style tech test.

To have the best chance of getting the job, practice coding katas before you even start applying.  When you've applied to one or more vacancies, or talked to recruitment consultants you'll likely be too busy at that point to practice.

## What is a kata?
A kata is a short exercise with a focus on practicing a specific skill.  The aim is to improve at the skill, not solving the problem.  

You will likely notice the similarity in the Kata exercises and the tech tests you'll be given.  

## Where to find coding katas for practice

[Code Wars](https://www.codewars.com/)
[Code Kata](http://codekata.com/)
Searching "Code Kata" will likely get you some nice challenges and more information

## Pro tip
Use job sites that conduct the tech test themselves, saving you having to do a tech test per company.

Job sites that offer this feature:  [Hired] (https://hired.co.uk/), [Hack a job] (https://hackajob.co/).

In practice some companies still require some sort of tech test, but may save you a lot of time all the same
Today I Learned to creat a Event Key Codes
Tags: html, css, javascript, webdev
Published: 2021-06-25 12:47:35



We now know how to handle different types of input from the mouse, but let's not forget about the keyboard. We can handle input from the keyboard similiarly to how we handled input from the mouse. We use special event methods that take a callback function!

For example, the code returned is "KeyQ" for the Q key on a QWERTY layout keyboard, but the same code value also represents the ' key on Dvorak keyboards and the A key on AZERTY keyboards. That makes it impossible to use the value of code to determine what the name of the key is to users if they're not using an anticipated keyboard layout.


Here's HTML code
```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./style.css">
    <title>Event KeyCodes</title>
</head>
<body>
  <div id="insert">
        <div class="key">
            Press any key to get the keyCode
        </div>
  </div>   

    <script src="./script.js"></script>
</body>
</html>
```
Here's  My CSS code
```css


@import url('https://fonts.googleapis.com/css?family=Ubuntu&display=swap');
 

*{
    box-sizing: border-box;
}

body {
    background-color: #e1e1e1;
    font-family:'Ubuntu', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: hidden;
    height: 100vh;
    margin: 0;
}

.key {
    border: 1px solid #999;
    background-color: #eee;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    display: inline-flex;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
    padding: 20px;
    flex-direction: column;
    margin: 10px;
    min-width: 150px;
    position: relative;
}

.key small {
    position: absolute;
    top: -24px;
    left: 0;
    text-align: center;
    width: 100%;
    color: #555;
    font-size: 14px;
}
```

Here's My JavaScript code

```javascript
const insert = document.getElementById('insert')

window.addEventListener('keydown', (event) => {
   insert.innerHTML = `
   <div class="key">
   ${event.key === ' ' ? 'Space' : event.key}
   <small>event.key</small>
</div>

<div class="key">
   ${event.keyCode}
   <small>event.keyCode</small>
</div>

<div class="key">
   ${event.code}
   <small>event. code</small>
 </div>`
})
```

Here's a ouput
{%codepen https://codepen.io/ahtshamajus4772/pen/mdWNzEO %}
Why I Decided to Be a Web Developer, and How You Can Figure it Out for Yourself
Tags: beginners, career
Published: 2021-06-25 12:47:20

##How I got here.
Like many people, I imagine, I've had quite a few different jobs, and throughout those jobs I've asked myself the age old question of "What do I want to be when I grow up?" And as we grow older that question of course grows more and more ironic. So we change it to something more along the lines of...What do I like to do? Or What am I good at?

And if we knew the answers to those questions we probably wouldn't have ended up in a job that we were less than fond of.  So I heard someone suggest changing the questions we ask: What are things I've liked about old jobs? And What are things I've hated about old jobs and or current jobs?

Sometimes the answers to those questions can even be related, for example I hate having to be in front of customers all day(yeah selling cellphones for a year was hard) and similarly, I like working on projects alone.  I also discovered that although I like working alone, I also need a team to come back to at the end of the day to motivate me, to feel a part of a bigger whole.

I came up with a lot of different answers that eventually lead me to believe a developer might be what I want to be when "I grow up":
- I like solving problems.
- I like thinking of creative solutions.
- I like seeing the results of my work.
- I like organizing information.
- I like researching topics online.
- I like working on the computer.
- I don't like doing the same monotonous tasks everyday, I need variety.
- I don't like my work depending on other people (especially sales)
- I don't like needing to put on a smile for work.

And I could go on and on, but I think you get the picture, but even after making that list, it can be difficult take a dive into a new field. I'm a bit of a cautious person and so I've been trying to learn on my own off and on for the past 3 years.  I've had some success, but it's been slow going.  I ended up learning though that I really do enjoy writing code, and making new projects, which encouraged me to take a leap and to sign up for a boot camp.  I'm currently enrolled in Flatiron's fulltime online program and I'm loving it so far.

But if you're a person who has considered web development or any other type of development in the past, and you're not sure, well ask yourself some of those questions and give it a try in your free time, maybe that'll help push you one way or another. Coding isn't easy, but it is rewarding, at least that's been my experience.
As an event manager in Techsahead I will be hosting a live event on youtube on 'DESIGN CAREER PATHWAY'
Tags: career, pathway, design, graphic
Published: 2021-06-25 12:42:21

Design is expanding its sphere with this fast-moving era. A highly evolved field that constantly requires trained and skilled people. Techsahead brings an amazing session for you guys on Designing. ‼️Getting started with designing as your career‼️                 NIKHIL DADHICH Multi Media designer @ EDPRIME | Graphic designer| Teacher |Illustration Artist |Digital Artist                     So guys😃😃, what's stopping you ?                            Hurry up and register ASAP! 👍 👉🏻 Date: 27th June 👉🏻 Time: 5:00 - 6:00 PM (IST)                                                    
 👉🏻 Platform: YouTube Live 👉🏻 Register now: https://forms.gle/s69BvNcUPGs3syn8A Connect with us on 🤝🏻 https://linktr.ee/techsahead Feel free to reach us if you have any queries at 😊 techsahead2021@gmail.com Regards Techsahead
5 GitHub Projects to make you a better DevOps Engineer ⚡
Tags: devops, github, cloud, docker
Published: 2021-06-25 12:32:37

DevOps is one of the most challenging fields to be in, and to stay relevant you need to learn constantly.

---
CHeck out [SigNoz](https://bit.ly/3LUg0is) - an open-source application performance monitoring tool.

---

So today, I want to share 5 amazing GitHub projects which will help you become a better DevOps engineer. These 5 Github projects can come in handy for anyone looking to learn and want good resources to dive in. 🏊‍♀️

So let's get started👊

## 1. [How they SRE](https://github.com/upgundecha/howtheysre)
>⭐ Github stars: 4.8k

This repo is a curated collection of publicly available resources on how technology and tech-savvy organizations around the world practice Site Reliability Engineering (SRE)
{% github upgundecha/howtheysre %}


## 2. [Awesome Scalability](https://github.com/binhnguyennus/awesome-scalability)
>⭐ Github stars: 32.5k

This repo has an organized reading list for illustrating the patterns of scalable, reliable, and performant large-scale systems. This is one of the best resources on scalability with real examples from large organizations.
{% github binhnguyennus/awesome-scalability %}

## 3. [DevOps Exercises](https://github.com/bregman-arie/devops-exercises)
>⭐ Github stars: 8.6k

This repo contains questions and exercises on technical topics related to DevOps and SRE.
{% github bregman-arie/devops-exercises %}


## 4. [Test your sysadmin skills](https://github.com/trimstray/test-your-sysadmin-skills)
>⭐ Github stars: 7.2k

This project contains test questions and answers that can be asked during an interview/exam for positions such as Linux System Administrator.
{% github trimstray/test-your-sysadmin-skills %}


## 5. [Awesome Site Reliability Engineering](https://github.com/dastergon/awesome-sre)
>⭐ Github stars: 6.5k

This repo has a curated list of awesome Site Reliability and Production Engineering resources.
{% github dastergon/awesome-sre %}

___
I hope you enjoyed this list. I will be coming up with more such amazing resources soon. So, stay tuned! 🙂

___
Currently building [SigNoz](https://bit.ly/3h6mOMc) - an open-source alternative to DataDog, New Relic, etc. 💙

SigNoz helps developers monitor applications and troubleshoot problems in their deployed applications. Check out our GitHub repo👇

{% github signoz/signoz %}
June 25th, 2021: What did you learn this week?
Tags: weeklylearn, discuss, weeklyretro
Published: 2021-06-25 12:31:01

It's that time of the week again. So wonderful devs, what did you learn this week? It could be programming tips, career advice etc.

<center>

![Image of the brain](https://media.giphy.com/media/ojmB7lOn3VUU8/giphy.gif)
</center>

Feel free to comment with what you learnt and/or reference your TIL post to give it some more exposure.

{%tag todayilearned %}
My opinion on Lua
Tags: lua, watercooler
Published: 2021-06-25 11:47:37

Lua is my fifth favourite programming language and for good reason. I like its speed, its syntax and the fact that it is so simple. Lua is written in C and can be used for gamedev, webdev and sometimes even appdev.

My first time using lua was in my thulium esolang. I used it in the lexer and found it nice and I was able to use it to do what I needed with minimal setup.

I didn't touch lua again until I made chromium about a month later. I copied a lot of the code from thulium and in the end I got it done.

I would say that lua is a language good for beginners but not the best for framework programming (excluding gamedev). The syntax is at least somewhat intuitive and thanks to its small size it is quite fast. It is also good in scripting.

I like it mostly because of its applications in scripting (because I am not a framework dev) but its main weakness is the fact that it is... well... *weak*. It doesn't have much functionality in the world of webdev and appdevs usually favour languages like JS and Python as opposed to Lua.
I have a secret for you to master any concept.
Published: 2021-06-25 11:13:04

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wmxo2reepyug4a6kbofl.jpg)
## Start teaching that concept.
What do I mean By that, Well It means `Start teaching` others.
For example, Teach that concept to your `younger brother`. But, When you are **teaching**, You are going to ***hesitate***, and not know that `concept` really clearly ***concept*** or how to define that ***concept***. So, Then you are going to research for that. Like that you'll be master that ***concept***.
Definitely, Not all people have their younger brothers. 
So, I'll be going to show you 3 possible ways to do that:
 
* Start a `YouTube` channel. ✔️
* Start `blogging` on:
	- https://hashnode.com ✔️
	- https://medium.com ✔️

And there is a couple of **websites** you can `blog` on them. So, These websites were just an idea.

* Teach yourself in Mirror. ✔️

### So, That's it.

I hope this will be helpful for you.
Be passionate about something that isn’t your job
Tags: development, leadership, lifehacks, productivity
Published: 2021-06-25 11:16:49

---
title: Be passionate about something that isn’t your job
published: true
date: 2021-06-25 10:50:00 UTC
tags: development,leadership,lifehacks,productivity
canonical_url: https://craignicol.wordpress.com/2021/06/25/be-passionate-about-something-that-isnt-your-job/
cover_image: https://craignicol.files.wordpress.com/2017/05/march-15-2017-at-0728pm1.jpeg?w=2400
series: mentor
---

There’s a recurring trope from the tech Ponzi schemers that you need to hustle in your youth. Work weekends. Work unpaid. Climb the ladder. It’s what they did, so it’s the only way.

_It’s not._

Be passionate about your job. Be passionate about solving your customer’s problems. And be passionate about understanding and representing all your users.

But also be passionate about something else. Something that inspires you to leave the office. Something that satisfies a dream. Don’t narrow down your life to just your job.

Go surfing. Play in a band. Crochet. Spend time with your family and friends. Reset your ideas of what’s normal in working life, because the Ponzi scheme relies on you giving everything to your job, and convincing the next generation to do that too. Because the alternative is to look up and look around.

If you feel you need to work for free at the weekends, volunteer at a homeless shelter, not for a corporation.

Use your weekends for hobbies, for relaxation, for catching up with people in other industries and finding out that these opinions only exist in echo chambers.

> If you feel you need to work for free at the weekends, volunteer at a homeless shelter, not for a corporation.  
>   
> Use your weekends for hobbies, for relaxation, for catching up with people in other industries and finding out that these opinions only exist in echo chambers. [https://t.co/OwroB6pq5f](https://t.co/OwroB6pq5f)
> 
> — craignicol ![😷](https://s0.wp.com/wp-content/mu-plugins/wpcom-smileys/twemoji/2/72x72/1f637.png) (@craignicol) [June 13, 2021](https://twitter.com/craignicol/status/1404163124157091848?ref_src=twsrc%5Etfw)

<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<figcaption>Join the conversation on Twitter</figcaption>

Work your brain. Get new ideas. Reset your mind.

_Watch TV._

Read books. Walk in the wilderness. Get out of the glare of the screens, and the superstars.

_And don’t forget to wear sunscreen._

For more, [listen to this podcast on making the most of your leisure time](https://pca.st/episode/04a4916a-22ed-4853-b407-7a274d628a10)
15 Best Food Delivery Apps for 2021
Published: 2021-06-25 10:34:41

The food industry has evolved amazingly since we got our hands-on technology. The food industry is a trillion-dollar industry as it has jumped by 20% to 8.2 trillion in 2020, the biggest increase in years. Thanks to Covid 19, it impacted the global food and beverage industry. After seeing this increment many companies have set their foot in the food industry as a food delivery business. Well, everyone in this world is a part of this bloom. Thanks to this technology, now we all can sit in the comfort of our homes and have our favorite food while binge-watching our favorite show. There are many top food delivery applications that are delivering us foods to make our lives better.

We should also thank this pandemic as the percentage of daily orders has increased at unprecedented rates in the major cities worldwide. And top [mobile app development companies in Atlanta](https://www.vervelogic.com/mobile-app-development-company-in-atlanta.html) have seen this as an amazing opportunity to make an engaging, hassle-free, and refined food delivery application that users can use to order food at any time of the day. Below we have listed the [15 best online food delivery applications for 2021](https://www.vervelogic.com/blog/15-best-food-delivery-apps/).

Read full post- [https://www.vervelogic.com/blog/15-best-food-delivery-apps/](https://www.vervelogic.com/blog/15-best-food-delivery-apps/)
Laravel 8 JQuery Form-Js Tutorial
Tags: jquery, laravel
Published: 2021-06-25 10:11:45

Hi Dev,

Today, I am going to learn you how to use and implement jquery form js plugin in laravel 8 application.so We will learn how to utilize in laravel 8 application. I written simple example for form js. I will justify you ajax submit a form without refresh in laravel 8.

So, immediately submits the form through AJAX. In the most common use case this is invoked in response to the user clicking a submit button on the form. Use ajaxSubmit if you want to bind your own submit handler to the form.

Here i will show you full example of jquery form js plugin in laravel 8. So let's started first of follow few step to get example.

More..
https://www.mywebtuts.com/blog/laravel-8-jquery-form-js-example
Some basic docker commands
Tags: docker, django
Published: 2021-06-25 09:56:24

Some basic docker commands that will come handy when working with docker.

#### To build a docker project

`docker-compose build`

#### To build & run docker project

`docker-compose up`

#### To stop a docker project

`docker-compose down`

#### To show docker image lists

`docker images`

#### To remove a docker image

`docker rmi <IMAGE ID>`

#### To show only running containers

`docker ps`

#### To show all containers

`docker ps -a`

#### To show the latest created container

`docker ps -l`

#### To display total file size of containers

`docker ps -s`

#### To remove a container

`docker rm <ID or NAME>`

#### To run django command in docker project

`docker exec -it <CONTAINER ID> python manage.py migrate`
[151++] MẪU THIẾT KẾ NỘI THẤT CHUNG CƯ ĐẸP - CAO CẤP - HIỆN ĐẠI

Tags: thietkenoithatchungcu, thietkechungcu, noithatchungcu
Published: 2021-06-25 09:29:38

Những ý tưởng thiết kế nội thất chung cư tuyệt vời từ khối óc tài hoa của các chuyên viên thiết kế tài năng và giàu kinh nghiệm, Nội thất Miền Bắc tự tin mang đến một mái ấm tràn đầy yêu thương dành cho bạn.

Cho dù căn hộ của bạn chưa đủ rộng để con trẻ nô đùa chạy nhảy tung tăng, cũng chẳng đủ cao sang, lộng lẫy như biệt thự, lâu đài nhưng chúng tôi sẽ biến nó trở thành tổ ấm đầy ắp yêu thương. Là nơi vợ chồng tận hưởng những đắng cay ngọt bùi, nơi con trẻ được đùm bọc, chở che và dệt nên những giấc mơ đẹp, tươi sáng.