teleren/devto huggingface dataset:
Android Interview Question Fresher to Experience Level
Tags: android, androiddeveloper, androidinterviewquestions, advanceinterviewquestions
Published: 2020-07-12 16:17:29


Note- this is totally my experience and opinion, what I am going to share with you, 
And definitely, you will face these types of questions in your upcoming interviews, and this blog helps you a lot.

And please do not misunderstand that, I am sharing full interview process and all, here I'm describing only Android Specific Interview Question.
You have to prepare yourself for other rounds as well like- Aptitude, reasoning, and all.


Activity And Fragment:
Activity life cycle(prepare complete scenario)
What is Fragment
Fragment life cycle
difference between activity and fragment
Explain Activity Life Cycle and Most Importantly What will be the Life cycle (In Order) If Activity B is Launched from Activity A.
Why to use setContentView() in onCreate() callback method?
LaunchModes in Android. What is onNewIntent (Very very important to understand it)
Why it is recommended to use Default Constructor to create a Fragment
Explain Fragment Life Cycle, How the Activity Life cycle and Fragment Life Cycle gets called In Order, RetainInstanceState in Fragment
Fragment Add vs Fragment Replace, Explain with using Backstack and Without using backstack
Activity Life cycle when Dialog is opened — (hint:- Don’t get confused b/w system-generated Dialog and your own app dialog)
Content Provider:
Explain Content Provider, What is Scheme? How can an Application Access database of another Application.

Read full article here 
https://www.javaoneworld.com/2020/07/android-interview-question.html

Android interview questions for fresher
https://www.javaoneworld.com/2020/06/android-interview-question-for-fresher.html

Android interview questions for senior Android developer
https://www.javaoneworld.com/2020/06/advance-android-interview-question-for-senior-android-developer.html
The real-life understanding of the objects in JavaScript
Tags: javascript, object, beginners
Published: 2020-07-12 16:05:55

###Why do we need objects?

In my last [article](https://dev.to/iamashusahoo/application-oriented-understanding-of-arrays-3d3i), I spoke about how variables provide a limited scope and arrays helps us to input so many related data in a single array. 

Taking the same example of friends, suppose we want to provide other supporting information of each friend like name, age, and city. Let's see how this can be achieved using an object.

```
var friends = ["John", "Raj", "Harry", "Zach"];  //Used earlier

var friend1 = ["John", 25, "LA"];
var friend2 = ["Raj", 27, "Mumbai"];
var friend3 = ["Harry", 26, "New York"];
var friend4 = ["Zach", 30, "England"];

//Suppose we want to access the city "Raj" lives in

console.log(friend2[2]);  // Output  -->  "Mumbai"

//It is not very readable. If by mistake we change the order we will get the wrong answer.

var friend2 = ["Raj", "Mumbai", 27];

console.log(friend2[2]);  // Output  -->  27
```

We saw that it is very difficult to accommodate supporting information of the given friend. Also, accessing one's data using index numbers can be very confusing. To deal with this issue, the concept of Object is introduced which stores data in the form of key-value pairs and solves the problem as shown below.

```
Friends data stored as Object

var friend1 = {
   name : "Zach",
   age : 30,
   city : "England"
};
```
Objects hold all sorts of data be it of type number, string, boolean, array, or even another object itself.

```
var dog = {
   name : "Tommy",
   age : 3,
   hasEaten : true,
   foodLiking : ["biscuits", "chapati milk", "rice chicken"],
   friend : {
      name : "Sunny",
      age : 5,
      owner: "Kami"
   }
};
```

###Creating Objects

There are few ways of initializing objects like an array.

```
var cat = {}    //Empty Object
cat.name = "Meow";
cat.age = 4;
cat.food = ["milk", "cereal", "chapati"];

var dog = new Object();
dog.name : "Tommy";
dog.age : 3;
dog.hasEaten : true;
```

###Retrieving data from objects

There are two ways to retrieve the existing data
1. Bracket Notation  -  It is similar to the array data retrieval. 

2. Dot Notation  -  In this method, we retrieve the data using the dot operator.

Let's look at an example to have a better understanding

```
//Considering the same example that we took above

var friend1 = {
   name : "Zach",
   age : 30,
   city : "England"
};
//Bracket Notation 
console.log(friend1["name"]);   // Output  -->  "Zach"
//Dot Notation
console.log(friend1.age);       // Output  -->  30
```

###Updating objects

To update an object select the key and assign a new value to it.

```
var friend1 = {
   name : "Zach",
   age : 30,
   city : "England"
};

friend1.age += 1;      // Adding 1 to the age
friend1["city"] = "Chennai";    //Updating city using bracket notation
friend1.job = "Infosys";   //Adding new key-value pair to the object
```
Which Programming Languages Do You Use For Your Backend?
Tags: watercooler, discuss
Published: 2020-07-12 16:01:46

Which programming languages do you use in your job and side projects?

Nowadays, I am using **Kotlin** in the backend but using **Python**, **Golang** and, **Node.js** for my side projects!

What about you?

![](https://media.giphy.com/media/p4NLw3I4U0idi/giphy.gif)
JSX for graphics
Tags: javascript, jsx, graphics, game
Published: 2020-07-12 15:33:00

{% youtube 87vSiy1S91Q%}

I am developing this for myself but it may be interesting for others...

I like to develop games. For my home project, I use RPG Maker, based on the popular library PIXI.JS. But writing plugins for RPG is pure pain. I also like React (and I would like him more if no hooks were added to him)

So... After reading the excellent article "Build your own React" by Rodrigo Pombo. I decided to write my analogue react for pixi.js

What's the difference from React PIXI? It's not react just JSX + PIXI.

My idea is to write games like an app on react.

For example, I want to create a playing field, a player on it and some actions

```jsx
<Field>
  <Player onChange={} />
  <Enemy onDstroy={} />
</Field>
```

And most importantly, I will subsequently be able to `reuse` or even create a library of gaming components like a design system  for an application

I also wanted to apply declarative filters.
```jsx
<Component>
  <Filter />
  <Filter />
/// more
</Component>
```
or textures.
```jsx
<Component>
  {isAlive && <Texture />}
  {!isAlive && <Texture />}
/// more
</Component>
```

I wrote a small library, now it is enough to make simple games like visual short stories, or maybe more difficult

[Repository and demo](https://github.com/Tetragius/jsx-pixi-project)

If this topic is interesting then I could write about how it works and develop the project?
Saving Image from URL using Node.js
Tags: javascript, node, scraping
Published: 2020-07-12 14:30:04

I have been creating a scraper and need an automation to download some images. I spend hours to finally get it right. So, here I am writing this post, hoping that it would help someone in needs (or even future me finds this from search engine).

There may be a lot of other way, but here's the one that works for me today.

```js
const fs = require('fs');
const fetch = require('node-fetch');

const url = "https://www.something.com/.../image.jpg"

async function download() {
  const response = await fetch(url);
  const buffer = await response.buffer();
  fs.writeFile(`./image.jpg`, buffer, () => 
    console.log('finished downloading!'));
}

```

Please note that `fs` is included in the node framework, while `node-fetch` may need to be installed first.

You can combine this with any scraper library like [puppeteer](https://github.com/puppeteer/puppeteer).
Writing an Algorithmic Trading Bot
Tags: python, fintech, showdev, machinelearning
Published: 2020-07-12 15:26:57

So, this is an idea I've had for a while... doing a video and blog series on writing algorithmic trading bots.

I have been writing these bots for the past 3 years now, and made many different sorts of bots using various different strategies and trading on various different platforms. Some profitable, some not. So I thought I'd do a series of videos following me writing the next one.

I'm not an "expert" in these things, and have no education in finance or trading. But I am a software developer and have some experience with data science, stats and machine learning (AI) and it has been a constant interest and side project of mine over the past few years.

![Outrunning a bear joke](https://dev-to-uploads.s3.amazonaws.com/i/4f0kx1tfatb6dolcmgdq.jpg)

The cartoon above is the punchline to a joke about two campers in a forest that come across a bear. One starts running, and the other says "What are you doing?! You can't outrun a bear!" to which the running camper says "I don't have to outrun the bear, I just have to outrun you!"

This is my basic philosophy about my experiments with algorithmic trading. I don't have to beat everyone, but just have to "outrun" the "average Joe" in order to make a profit.

The first bot I wrote in 2017, a market maker that traded on the decentralised exchange on the XRP Ledger, was very profitable in the 2017 and start of 2018. But it relied on a certain trade volume that unfortunately is not there any more (although does seem to be returning slowly). I have since written many other bots, some trying to predict price moves over days, some over seconds. Some arbitrage bots working between exchanges. Some exploiting pricing discrepancies on a single exchange.

So this series of posts and videos is going to chronicle the next one that I'm writing, and hoping to put into production. All of these posts will be for Coil subscribers only, and the videos on Cinnamon as subscriber only videos. So if you want to see what's going on you will need to have a Coil subscription.

The first video, is all about my experiences so far, and talks about the background of algorithmic trading and some of the strategies that can be used. I don't go into any code in this video, it is just a video to set the scene. And might be of interest to those interested in trading, finance, and/or cryptocurrencies regardless of technical level.

The first episode of the series is available on Cinnamon. Cinnamon is a Web Monetization-enabled video streaming platform and so you will need a Web Monetization account, e.g. with Coil to view it.

https://www.cinnamon.video/watch?v=362105397739259091
Git.wtf Reborn
Tags: git, github, opensource, sideprojects
Published: 2020-07-12 15:15:44

I originally built [GIT.WTF](https://git.wtf) after getting inspired by what [Katie](https://twitter.com/ksylor) was doing on [OhShitGit](https://ohshitgit.com/), I like her idea of having ready to use commands for most common git problems, the only thing I didn't like was that she limited these commands to only a few handful git problems. *I WANTED MORE!!* and that's where git.wtf came into the picture.

{% github meSingh/git.wtf no-readme %}

I've been working on git.wtf from a long time now, I want a lot of things for it, but the thing I want the most is to genuinely help someone with it. This would give me the satisfaction of spending all those hours on it and knowing that made a real difference for someone.

The iterations I've done so far, I've been a little short-sighted on what this needs to be and what it actually can be. I've been focusing on building a fancy looking blog instead of a resource that helps in finding the best solution out there for all of our git problems.

So moving forward, I'm going to focus on things that matter the most by starting to build new features and re-doing some of the old systems. I already have some plans on how I can make it better but If I'm going to do this right, I'll need every bit of support I can get from the community.

To make this transition simpler, I'm going **FULLY OPEN** with all my plans, designs, docs, basically, everything I've so I can build a transparent eco-system on how anything is done for this project and what my plans are for the future.

The first of these changes are starting a project on GitHub with all my todo's and plans for what's coming: [Git.wtf Reborn Project on Github](https://github.com/meSingh/git.wtf/projects/2)


> originally posted on: [My Personal Blog](https://www.msingh.com/blog/gitwtf-reborn)
The Four Stages of IoT: A Data-Centric Taxonomy of the IoT
Tags: iot, architecture, theory
Published: 2020-07-12 15:12:25

_This article was originally posted on [my website's blog](https://carloslem.us/blog/)._

The Internet of Things (IoT) isn’t new. It is now a subject with a myriad of books written about it, new exciting college electives, and a generous assortment of products that have spectacularly succeeded or failed. As such, members of the tech community naturally have devised comprehensive, high-level taxonomies of IoT ecosystems.

These usually focus on smart devices and how they, when connected to a network or the Internet, can publish their data to a remote server or cloud provider. What happens to the data from there on is often reduced to a nondescript label of “data analytics.” However, **the modern value of IoT is not merely remote data acquisition (we’ve had that for decades): it is the availability of insights about a massive amount of data over an extended time period.**

Because of that, in this blog series I'm titling "The Four Stages of IoT," I will advocate for a **data-centric taxonomy of the IoT**. I will explore how edge and cloud computing are used in tandem today to extract large-scale, powerful, value-generating insights. With data as the epicenter, I will show you, through examples, how to dissect and understand an IoT ecosystem in four stages: connectivity, processing, storage, and access.

![Four Stages of IoT illustration](https://carloslem.us/images/four_stages.png)
Change the height of the rich textbox (tinymce) in laravel voyager
Tags: laravel, voyager, tinymce
Published: 2020-07-12 14:56:53

**Sometimes, things that seem pretty simple at first glance can be very hard to accomplish**. That's what happened when i decided that i didn't like the rich textbox's height in laravel [Voyager](https://voyager.devdojo.com/). It took up almost the whole screen. I **_had_** to change it, it should be pretty easy i thought...

But 2-3 hours later, i was still searching the web for a solution and trying various things without much success.

**I will not bother you with all the things that i tried**, i don't really remember them anyway! This is just a quick tip, that hopefully will save you some searching and fiddling around. As you will see, it is very easy once you have figured it out.

Step 1. Open **config/voyager.php**, find **'additional_js'**, uncomment the **'js/custom.js'** line as shown below, and save the file.

```php
'additional_js' => [
        'js/custom.js',
    ],
```

Step 2. Create the **custom.js** file in the **public/js** folder and paste in the following code.

```javascript
function tinymce_setup_callback(editor) {
  tinymce.init({
    menubar: false,
    selector: "textarea.richTextBox",
    skin_url:
      $('meta[name="assets-path"]').attr("content") + "?path=js/skins/voyager",
    min_height: 100,
    height: 200,
    resize: "vertical",
    plugins: "link, image, code, table, textcolor, lists",
    extended_valid_elements:
      "input[id|name|value|type|class|style|required|placeholder|autocomplete|onclick]",
    file_browser_callback: function (field_name, url, type, win) {
      if (type == "image") {
        $("#upload_file").trigger("click")
      }
    },
    toolbar:
      "styleselect bold italic underline | forecolor backcolor | alignleft aligncenter alignright | bullist numlist outdent indent | link image table | code",
    convert_urls: false,
    image_caption: true,
    image_title: true,
  })
}
```

Now change **min_height** and **height** values to suit your needs (values are in pixels). Save the file and move to step 3.

There is no step 3. **Enjoy!** :)

Of course, since you now have the whole tinymce initial config in your custom.js file, feel free to customize even more things about it. You may need to refer to the [tinymce docs](https://www.tiny.cloud/docs/configure/).
Concepts around building software
Tags: vscode, github, architecture, showdev
Published: 2020-07-12 04:16:48

Ever since I discovered [Foam](https://foambubble.github.io/foam/), I was waiting an opportunity to try it out. It’s a personal knowledge management and sharing system inspired by [Roam Research](https://roamresearch.com/), built on [Visual Studio Code](https://code.visualstudio.com/) and [GitHub](https://github.com/). It fits nicely into my development workflow, so that’s a plus.

Over the weekend, I attempted to build a personal workspace on Foam. Currently I’m using [Notion.so](https://notion.so/) for my notes, journals and personal information. The Graph Visualisation in Foam (screenshot below) is the main feature I wanted to explore.

Originally, I attempted to reproduce what I have on Notion but soon realised there really isn’t much links between my information there. Then I decided to document my recent learnings from work around cloud computing, infrastructure and data architecture.

## Linking Concepts

![Graph Visualisation for all the concepts](https://dev-to-uploads.s3.amazonaws.com/i/fnivgfx4wavztlqa2iky.png)

As I started to link notes between various concepts, I realised there are many more in software development in general. What started from just [cloud computing](https://tslim.github.io/concepts/concepts/cloud-computing) and [data architecture](https://tslim.github.io/concepts/concepts/data-architecture), ends up covering [software architecture](https://tslim.github.io/concepts/concepts/software-architecture), [development](https://tslim.github.io/concepts/concepts/software-development), [engineering](https://tslim.github.io/concepts/concepts/software-engineering), [product development](https://tslim.github.io/concepts/concepts/product-development) and even [machine learning](https://tslim.github.io/concepts/concepts/machine-learning).

These concepts are by no means the only one that matters. It’s mostly from my own experience and I’m sure there are a lot more out there to be discovered. But this is a good starting point to see how things are inter-related and realised software development is actually quite complicated.

## Publish and Share

Since Foam uses GitHub as storage, it takes almost no effort to publish the workspace on [GitHub Pages](https://pages.github.com/). Combined with the awesome [Just the Doc](https://pmarsceill.github.io/just-the-docs/) theme, the whole project looks really great [online](https://tslim.github.io/concepts/).

![Published Foam Workspace on GitHub Pages](https://dev-to-uploads.s3.amazonaws.com/i/jw6s1c72g52xb89fhm7i.jpg)

I’ve also started to share this with my team and got lots of great feedback on what concepts I missed and how to use it in general. It can serve as a guide for their career growth in their respective areas.

If you are a software engineer or interested in some of these topics, check out the site at [https://tslim.github.io/concepts](https://tslim.github.io/concepts). You are also welcomed to contribute more notes and concepts at the [repo](https://github.com/tslim/concepts).
What is your work environment (Office, remote, or hybrid)?
Tags: discuss, productivity, beginners, career
Published: 2020-07-12 14:52:45

As COVID progresses and cases surge, what is your current and future work environment? Will you be going back to work in an office, staying remote, or trying a mix/hybrid? No matter what you do for a living, COVID has affected our lives and especially our careers, so I would love to hear about what you do and learn about your experience. 

Additionally, what struggles have impeded your job when working remotely? What tools, resources, and technologies will you be utilizing to get your work done?
What is front-end development?
Tags: codenewbie, frontend, webdev
Published: 2020-07-12 14:54:35

---
title: What is front-end development?
published: true
date: 2020-07-12 14:46:47 UTC
tags: codenewbie,frontEndDevelopment, webDev
canonical_url: https://rajeshdhiman.in/front-end-development/?utm_source=rss&utm_medium=rss&utm_campaign=front-end-development
---

The **front-end** is the part of your website that a user/customer sees and interacts. 
e.g. A user types in the URL in a browser and the browser opens a web page. That web page is structured in a way, has its own design and performs some functions of supposed to perform some functions or specific actions. This whole thing constitutes the front-end of a web site or web application.

**Front-end developmen**t typically involves three main languages: HTML, CSS and javascript. 
Each of the languages performs a separate but essential function. They work together to determine how a webpage is structured(HTML), how it looks (CSS) and how it functions (javascript) in a web application. 
And the browsers handle figuring out how to turn these files into a functioning web page. 

The job of a **front-end developer** comprises applying the work of designers to a web page by translating their well-designed layouts into real code. The front-end developer is the key between the designer and the back-end developer. Front-end developer turns the design into code and plugs in the data from the back-end developer into the right spots. He or she must also handle all of the possible interactions that the user may need to make with the page.

**Front-end development** is easy to start and is notably less complicated when you go several levels up. But you will need to be extremely conscious of who are your users and how they will be interacting with your web page. This may mean gaining a more robust understanding of accessibility and things like responsive development down the line. However, you first need to build your knowledge and learn the fundamentals of the front-end ecosystem.

I am starting a **series of articles** to share things that will help you become a front-end developer. If you want to get notified whenever I post a new article in the series, feel free to subscribe to my email list or follow me on  [twitter](https://twitter.com/paharihacker).

The post [What is front-end development?](https://rajeshdhiman.in/front-end-development/) appeared first on [Rajesh Dhiman](https://rajeshdhiman.in).