teleren/devto huggingface dataset:
You Can Start Your Online Store in Just 60 minutes – Check out How?
Tags: webdev
Published: 2020-06-16 11:03:34

Will you spend (waste) your precious time by watching 1 hour season’s episodes? If you are a business owner and want to start your online store, then you can [start your online store in 60 minutes](https://logodesigner360.com/blog/start-an-online-store-in-60-minutes)  – check out how?

##How Can Logo Designer 360 Help You#
As a [Professional Web Design and Development Company](https://logodesigner360.com/web-design-and-development) in the market, we will help you to [create an online store](https://logodesigner360.com/start-your-online-store) for your business in just 60 minutes. Follow these steps:

## 1.	Enter Your Store Name#
Select your store name and don't worry it can be updated any time. Just simple and random will also work

![Enter Your Store Name](https://logodesigner360.com/uploads/img1.jpg)

## 2.	Select a Category#
Tell us about your store category or type. Click on the “Next” button

![Select a Category](https://logodesigner360.com/uploads/img2.jpg)

## 3.	Select Your Theme#
Select an interactive theme. This is not mandatory and you can keep this on our expert.

![Select Your Theme](https://logodesigner360.com/uploads/img3.jpg)

##4.	Store Settings#
Setup your custom online store without having zero knowledge of coding using WooCommerce with tons of option. Our expert will help you to launch your online business in just a few hours.

![Store Settings](https://logodesigner360.com/uploads/img6.jpg)

##5.	Account Information#
Enter your account information. So our team can approach you to build your dream. This will help us to setup domains and payment methods so you can capture payment through your website.

![Account Information](https://logodesigner360.com/uploads/img4.jpg)

##6.	Choose Your Package#
We are offering one of the best e-commerce solution considering COVID-19 crisis to all size of business. Our consultants and expert will help you to run your online store effectively. Choose your package and let's get started.

![Account Information](https://logodesigner360.com/uploads/img5.jpg)
DAY 5: LOOPS
Tags: beginners, python, programming
Published: 2020-06-16 11:02:27

A loop is a piece of code that is executed a number of times as long as a condition is true. 
Python has two kinds of loops:
1.	**For- loop** (used to iterate a list or string or any object that is iterable)
2.	**While-loop** (executes a statement as long as a condition is true)
The task for this challenge used ‘*while*’ loop given an integer and print its 10 multiples, just like a mathematical table.

```python
#value whose multiplication table you would like
n = int(input())

#value from which multiplication begins
i = 1

#looping through i while it is in the range of 1 to 11
#11 is the stop value and will not be included in the multiplication
while i in range(1,11):

    #res variable hold the result of multiplication
    res = n * i
    print(f'{n} x {i} = {res}')

    #keep on increasing the value of i as you continue.
    i += 1
''' Sample Input: 2'''
'''Sample Output: 
   2 x 1 = 2
   2 x 2 = 4
   2 x 3 = 6
   2 x 4 = 8
   2 x 5 = 10
   2 x 6 = 12
   2 x 7 = 14
   2 x 8 = 16
   2 x 9 = 18
   2 x 10 = 20
'''
```
One thing I have to say is that the solutions I post here are from my personal execution and I am aware that we all program differently and someone else may have a different technique they used to solve the challenge and that is highly encouraged and allowed🙂.
Hp Printer Offline Fix Windows 10
Tags: hpprinteroffline, myprinteroffline, hpprintersaysoffline, hpprinterofflinefix
Published: 2020-06-16 10:49:54

Why Does My Hp Printer Keep Going Offline ?
 <a href="https://www.hpprinterconnect.com/why-my-hp-printer-offline/">Hp printer says offline</a> when you try to the printer with your computer. Sometimes windows ten updates automatically after that <a href="https://www.hpprinterconnect.com/why-my-hp-printer-offline/">my printer offline</a>. When I turn on printer for print, sometimes it shows offline. The wireless printer you can troubleshoot it yourself. Hp printer has two modes, first of all, hp printer online another <a href="https://www.hpprinterconnect.com/why-my-hp-printer-offline/">hp printer offline</a>. When your hp printer ready for work, it shows your printer status online. It means your printer print fine wireless. But your printer is power on may be a problem with your network communication then hp printer says Offline.

<a href="https://www.hpprinterconnect.com/why-my-hp-printer-offline/">Hp printer offline fix</a> to Online, firstly of all; you need to make sure your printer turned on. Another check your computer and printer both devices connected with the same Wi-Fi network. It is mediators for their communication. While using a network printer, there might be a problem with connectivity. Hence, there can be several reasons for the <a href="https://www.hpprinterconnect.com/why-my-hp-printer-offline/">Hp printer offline fix windows 10</a>.
Loading more Data when user hits the page's bottom in Vue / Quasar Using a Component
Tags: beginners, vue, javascript, webdev
Published: 2020-06-16 10:37:57

Image By  [Hanif Abdulrasul](https://www.pexels.com/@hanif-abdulrasul-1033187?utm_content=attributionCopyText&utm_medium=referral&utm_source=pexels) From [Pexels](https://www.pexels.com)
### Hey Guys, 

    Ever wondered how twitter automatically loads more past data as you scroll down the page? 
    Ok, I have some really nice tips for you. 
    Using Vanilla JavaScript you could achieve this.
    But I will be showing this example with Quasar ( Vue Framework )

### As usual, I will explain the image below with the lines of codes 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/1lj6bfifhz7eknj4xx6g.PNG)
 
> Firstly: Create a component, name it anything of your choice. "IntersectionObserver.vue"

> Secondly: Provide the template, a general div, and another div with class of "observer" as seen in lines-1 to 5

    Line-12: This is the data, which returns an object of "observer" with value of "null"

NB: It can be any name of your choice.

    Line-17: This is the mounted hook, meaning, the function block in it will be run when this 
    component is loaded / mounted on the app

    Line-18: The "IntersectionObserver" class as seen from the MDN header image, is 
    instantiated, and an arrow function is used to take the index '0'  of all the entries.

    Line-19: The 'if' statement is used to check whether the first index exists and is 
    intersecting, then emits a function to any parent component you wish to use this 
    'intersectionOberser' component.

NB: By intersecting, when you scroll into the view of the components, you have intersected it.

    Line-24: Remember the returned data value "observer"?. this is now chained to a method 
    called 'observe()', which is passed a parameter as the DOM element ( denoted / identified 
    as $el in vue ).

OK, we are done with the IntersectionObserver Component...Lets Use it!!!!!!!

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

The Image above is the Parent Component that requires the scrollObserver.

TIP: Line 4, is a Quasar Component, which allows the [pull-to-refresh] 
(https://quasar.dev/vue-components/pull-to-refresh), just check it out. 

    Line-10: This is where I used the Observer component with a bound (bind) function 
    "intersect" which was emitted from the "IntersectionObserver" child component with 
    "$emit('intersect').

    Line-23: I imported the "IntersectionObserver.vue" as Observer, and registered it under 
    the component object, so i could render it as in line-10.

    Line-50: This is the function the emitted 'intersect' calls, here, you can make your fetch 
    calls to do wonders... 

Thanks
TÌM HIỂU VỀ GAME ENGINE VÀ NHỮNG GAME ENGINE TỐT NHẤT HIỆN NAY
Published: 2020-06-16 10:19:09

Trong những năm gần đây, thiết kế game đang nhận được sự quan tâm mạnh mẽ, đặc biệt là giới trẻ. Game hầu như đang được hầu hết mọi người sử dụng bởi khả năng giải trí cao. Cách để người tiêu dùng tải và sử dụng một trò chơi nào đó, chính là họ sẽ xem sự hấp dẫn của nó qua các video game. Để phát triển video game không hề đơn giản, nó cần có một phần mềm hỗ trợ. Một trong số phần mềm đang thịnh hành đó là Game Engine.

http://24htechtrend.com/index.php/game-engine/
QuickTip: CSS Borders v/s Outline
Tags: css, outline, border, tips
Published: 2020-06-14 19:19:18

1. Outlines do not take up space.
2. Border takes up space outside the element.
3. Outlines may be non-rectangular.
4. Outline is better to enclose potential overflowing child elements, especially into an inline container.
5. Border is much more adapted for block-behaving elements.
6. Outline can be used to debug CSS code, since it isn't a part of element's dimensions.

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

The syntax for creating an outline is the same as for creating a border. The shorthand takes three values: the width of the line, the style of the line, and the color of the line.

Syntax for OUTLINE:

    outline: [width] [style] [color]

Syntax for BORDER:

    border: [width] [style] [color]


Code Example :

    #border {
        border: 10px solid black;
    }
    #outline {
        outline: 10px solid black;
    }
เริ่มต้นใช้ React
Tags: react, javascript, thai
Published: 2020-06-16 09:57:45

สอนใช้ React สำหรับมือใหม่ผู้เริ่มต้นหรือคนที่อยากทบทวน
สามารถอ่านได้ในภาษาไทยและจะพยายามอธิบายแบบเข้าใจง่าย

# รู้จักเครื่องมือสำหรับมือใหม่ที่ชื่อว่า Codepen.io
Codepen.io คืออะไร ?
เป็นเครื่องมือสำหรับทดลองสร้างและทดสอบโค้ด เหมาะสำหรับ Front-end
เข้าใช้งานได้ที่ https://codepen.io/

### เริ่มต้นใช้ Codepen.io
เมื่อเข้ามาแล้วกด Start Coding เพื่อเริ่มเขียนโค้ดได้เลย

ก่อนอื่นต้องตั้งค่าก่อนเพื่อให้สามารถใช้งาน React ได้
กดปุ่ม Setting
กดเลือก JS
ส่วนของ JavaScript Preprocessor เลือกเป็น Babel
ส่วนของ Add External Scripts/Pens พิมพ์ค้นหาว่า `React` แล้วเลือก react และ react-dom
กด close เพื่อปิด

### เริ่มต้นเขียน React
**เขียนโค้ดในส่วน HTML**
```html
<div id="app" />
```
**อธิบายโค้ด**
id สำหรับใช้อ้างอิง


**เขียนโค้ดในส่วน CSS**
```css
.person {
  display: inline-block;
  margin: 20px;
  padding: 20px;
  border: solid 5px #555;
  box-shadow: #aaa 8px 5px 9px;
  width: 200px;
}
```
**อธิบายโค้ด**
display ให้อยู่ในบรรทัดเดียวกัน
padding กำหนดระยะห่างจากด้านใน
margin กำหนดระยะห่างจากด้านนอก
border ขอบ
box-shadow เงาของขอบ
width ความกว้าง


**เขียนโค้ดในส่วน JS**
```js
function Person(props){
  return (
    <div className="person">
      <h1>Name : {props.name}</h1>
      <h2>Age : {props.age}</h2>
    </div>
  );
}

var app = (
  <div>
    <Person name="A" age="1" />
    <Person name="B" age="2" />
  </div>
);

ReactDOM.render(app, document.querySelector("#app"));
```
**อธิบายโค้ด**
function Person เป็นการสร้างฟังก์ชันโดยรับค่ามาเป็น props

var app สร้างตัวแปรโดยให้รีเทิร์นออกเป็นภาษา JSX (HTML อยู่ใน JS) โดยในตัวแปรจะมีการใช้งาน Person แล้วมีการส่ง props เป็น name และ age

ReactDOM.render เป็นตัวที่แปลงทำให้ react ทำงานได้


**จะได้ผลลัพธ์ดังนี้**
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/kkiccfpm341nt9i0crk4.png)
Automated Load Inducing Emulation Network
Tags: loadtesting, webperf, stresstest
Published: 2020-06-16 09:52:44

https://github.com/redskyit/alien

I was tasked with load testing our web application for a specific scenario (users submitting timesheets), and it was suggested I look at `ab(1)`, Apache Benchmark, to do the job.

However, in our case, each request had to be slightly different and `ab(1)` can only fire a single request repeatedly at the server, a limitation that meant it was not suitable for the job.

So I decided to write my own tool to do the job, an called it `alien`.

Alien supports simple requests, like `ab(1)`, out of the box. However to vary the requests or even have a conversation with the target server, a test module must be written.

A test module is a JavaScript file that provides the details for each request to be sent to the server. It is up to the test module to decide what those requests consist of, they could be simple requests, or could be a conversation based on previous responses. 

Alien has a basic request module built in that is used as the default if no module is supplied.

Like `ab(1)` alien can run requests sequentially or concurrently or a mix of both. Alien can also run multiple tests (or conversations) concurrently.

More details about how to use alien, and how to write test modules can be found in the README of the github project.

https://github.com/redskyit/alien
What's your favourite server naming convention?
Tags: watercooler
Published: 2020-06-16 09:46:59

I headed back into the office yesterday for the first time since lockdown began here in the UK. I was tasked with building a few servers for our local network that is needing a bit of love.

We still have a few legacy servers that are named after characters from the Flintstones cartoon.
 
So I was wondering; what's the best server naming conventions you have seen or are using?
This is my first blog post!😉
Tags: firstpost
Published: 2020-06-16 09:37:01

![Some meme image](https://dev-to-uploads.s3.amazonaws.com/i/ax69n3olzidt5s01jsgp.jpg)

First thing first, this is my first dev blog post. So, do not judge strictly, please!

You can see here some javascript arrow function which takes name variable as an argument. 

## Yes I like writing headlines

```javascript
const turorialFunction = (name) => {
  console.log(`Hello ${name}`)
}
```

Thank you!
Integrating Oracle and Kafka
Tags: apachekafka, oracle, database, tutorial
Published: 2020-06-16 09:35:18

Here's what you need to know about integrating Oracle and Apache Kafka (or a good introduction to it, at least 😃) from a talk I did for the [ACEs @ Home](https://acesathome.com/) meetup recently: 

{% youtube LAoepZTapMM %}

Topics covered include: 

- What is Kafka?

- What're the reasons for integrating Oracle into Kafka?

- The two types of Change Data Capture (CDC)

- Live demo

- Streaming data from Kafka to another database (e.g. Postgres)

- Stream processing with ksqlDB

- Building aggregates in ksqlDB

The slides are available [here](https://rmoff.dev/oracle-and-kafka).

----

If you like this, check out my [YouTube channel](https://rmoff.dev/youtube), [talks page](https://rmoff.dev/talks), and blogs ([short form](https://rmoff.dev/blog)|[long form](https://cnfl.io/rmoff)) for more like it.
Software Engineer Resume Tips That Will Get You Hired
Tags: career, resume, job, softwareengineer
Published: 2020-06-16 09:28:08

Are you applying for a job in software engineering or related role? Getting your resume right is crucial to land more interviews, thereby increasing your chances of getting hired.

I have done a postmortem of my software engineering resume out of college that helped me land job interviews from top tech giants and startups like Google, Microsoft, Facebook, Amazon, LinkedIn, Snapchat, Tinder, etc.

You can refer to it as a sample to build a similar resume for yourself. Here’s a quick highlight of DOs and DONTs:

✅ one page resume that pops out
✅ highlight personal projects outside academics
✅ use bullet points
✅ add keywords
✅ add links to portfolios especially LinkedIn & Github
✅ proofread!

❌ long paragraphs
❌ spelling and formatting mistakes
❌ spamming keywords
❌ highlighting too many words or sentences

[Continue reading..](https://ankurkhemani.com/tips-to-write-killer-software-engineer-resume/)
Be the Creative Director of Your Own Life
Tags: devjournal, womenintech, codenewbie, codeland
Published: 2020-06-16 09:05:54

_This post was originally published on June 16, 2020 on [my blog] (https://alexlsalt.github.io/blog)._

One of my key points that I'm going to be talking about in my Codeland talk [(P.S. You're invited to tune in!)] (https://codelandconf.com/) is the idea of being the creative director of your own life.

So often, we find ourselves positively stagnant when we don't know which direction to take - whether that's in our careers, in love, in learning to program, or just in making one simple-ish decision over another one. It can be jarring and intimidating when we think we'll end up making a "wrong"* decision.

But honestly, when we shift our mindset to being one of embracing all the possibilities available to us (instead of feeling stuck in analyzing the merits of each decision and consequently never making a move), we seriously become so powerful and, dare I say - unstoppable.

By coming to the realization that each decision we make moves us in a forward direction, regardless of the decision, we start to learn to take things a bit less seriously.

We can stay stuck, sure - but why would we want to when we could embrace being the creative directors of our own lives and thus making things *happen* in heretofore unbelieveable (to us) ways?

I'll talk more about this in later posts - maybe more actionable items - but, then again, who's to say you need actionable items to start taking charge and being the creative director of your own life?

Embrace the choices you make with confidence and never stop pursuing those creative impulses!

**Quotation marks because I don't think 'wrong' is objective, and instead it would just be a decision that creates a *different* reality - not better, not worse - just different.

Thanks for reading! [Now let's be friends over on Twitter >>] (https://twitter.com/alexlsaltt)
Truthy and Falsy Values in Javascript
Tags: javascript, beginners, webdev, codenewbie
Published: 2020-06-16 09:04:25

**This article was first published on [hackinbits.com](https://hackinbits.com/articles)**

---

When a value is **truthy** in Javascript, it does not means that the value is equal to **true** but it means that the value **coerces to true** when evaluated in a **boolean context**.

```javascript
function truthyOrFalsy(value){
  if(value){
    console.log("Truthy Value");
  } else {
    console.log("Falsy Value");
  }
} 
```

The above function evaluates the passed value in a Boolean Context(if condition) and checks if whether the passed value is truthy or falsy.
 
## Falsy Values
Most of the values in javascript are Truthy, so it is better to list the Falsy value where we have only a limited number of cases. There are a total of **8 falsy values** in Javascript:

- undefined
- NaN
- null
- false
- "" (Empty String)
- 0 (0 is an alias for +0)
- -0
- 0n (BigInt)

We can validate whether the above values are falsy or not by passing them as a parameter to the **truthyOrFalsy function** we defined at the starting of this article.

```javascript
truthyOrFalsy(undefined); // Falsy Value 
truthyOrFalsy(NaN);       // Falsy Value
truthyOrFalsy(null)       // Falsy Value
truthyOrFalsy("");        // Falsy Value
truthyOrFalsy(false)      // Falsy Value
truthyOrFalsy(0);         // Falsy Value
truthyOrFalsy(-0);        // Falsy Value
truthyOrFalsy(0n);        // Falsy Value
```

## Truthy Values
Despite we might think that the **empty array( [] ) or empty object( {} )**should be falsy values, but they are actually truthy values in Javascript.

```javascript
truthyOrFalsy([]);  // Truthy Value
truthyOrFalsy({});  // Truthy Value

//some more truthy values

truthyOrFalsy(42);          // Truthy Value
truthyOrFalsy(new Date());  // Truthy Value
truthyOrFalsy(“Welcome”);   // Truthy Value
```

---

I hope this article helped you learn about truthy and falsy values in javascript. Please share your experience in using these in your codebase which may help everyone get some more clarity of the concept.
Posting a tweet from Kotlin
Tags: kotlin
Published: 2020-06-16 08:52:30

This article is part of the **Twitter bot with Kotlin in AWS series** showing how [I created a Twitter bot for Vue 3 updates](https://dev.to/gautemeekolsen/twitter-bot-vue-3-updates-j5b). But this article works as an independent article on how to use the Twitter API from Kotlin code.

## Twitter Developer Console
First, we need to head over to the [Twitter developer console](https://developer.twitter.com/apps). If you haven't applied for access you need to do that before creating an app. Now create an app and provide a name, description, and website URL(could be the GitHub repository URL). Leave the rest blank.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/6l0d1dpe782ijljqs9k7.PNG)

Go to the Keys and tokens tab and generate an Access token and access token secret. You will need the API key, API secret key, Access token, and Access token secret for later. These will be used to perform a tweet from the Twitter account that owns the Twitter developer app. If you want to tweet from another account's behalf, you can get tokens from the [3-legged OAuth flow](https://developer.twitter.com/en/docs/basics/authentication/oauth-1-0a/obtaining-user-access-tokens), but I won't cover that here.

## Kotlin Project
You can send a tweet from an HTTP request, but the difficulties lie in the authorization of the requests. Therefore we are using a library [Twitter4J](https://github.com/Twitter4J/Twitter4J) to do the heavy lifting for us. Other libraries can be found [here](https://developer.twitter.com/docs/developer-utilities/twitter-libraries).

In your `build.gradle.kts` file, add this line to your dependencies.
```
implementation("org.twitter4j", "twitter4j-core", "4.0.7")
```

Now add these functions to `Tweet.kt`
```kotlin
import twitter4j.TwitterFactory
import twitter4j.conf.ConfigurationBuilder

fun consumerKey() = "<API key>"
fun consumerSecret() = "<API secret key>"
fun accessToken() = "<Access token>"
fun accessTokenSecret() = "<Access token secret>"

fun sendTweet(message: String){
    val cb = ConfigurationBuilder()
    cb.setOAuthConsumerKey(consumerKey())
    cb.setOAuthConsumerSecret(consumerSecret())
    cb.setOAuthAccessToken(accessToken())
    cb.setOAuthAccessTokenSecret(accessTokenSecret())
    val twitter = TwitterFactory(cb.build()).instance
    twitter.updateStatus(message)
}
```
Babel Basic - Javascript
Tags: 100daysofcode, javascript, babel, typescript
Published: 2020-06-16 08:42:42

---
title: Babel Basic  - Javascript
published: true
description: Today I explored about basics of Babel
tags: #100daysofCode,#javascript,#babel,#typescript
cover_image: https://miro.medium.com/max/800/1*uHfsgDL4wCKszR7jh8dbYg.png
---


I wasn't able to share yesterday's post due to some work. But yesterday I mainly worked on Babel Basics. 

So basically bable is a transpiler used to convert ES6+, javascript version into ES5. we have presets to convert typescript,react into Es5 code as well.Explored about how to use babel plugins and the difference between preset and a plugin and other stuffs. It was very interesting thing to learn. 

You can find the series repo here 
https://github.com/ganeshraja10/Latest-Tech-Learnings

### written code
```javascript
multiplyBy2 = (arr) => arr.map((item) => item * 2);

let arr = [1, 2, 3];

console.log(multiplyBy2(arr));

let element = 22;
console.log(element ?? -1);

```
### After transpiling to Es5
```javascript
"use strict";

multiplyBy2 = function multiplyBy2(arr) {
  return arr.map(function (item) {
    return item * 2;
  });
};

var arr = [1, 2, 3];
console.log(multiplyBy2(arr));
var element = 22;
console.log(element !== null && element !== void 0 ? element : -1);

```
thank you Ms Nana and much love <3
Tags: devops, docker, kubernetes, javascript
Published: 2020-06-16 08:15:40

in my whole life in Dev learning journey there was a great vacuum & I was seeking for something great , something I don't even know what its , & from the first video I watched in a YouTube Channel which called TechWorld with Nana ,  I realized that this is what I was looking for , I hope if everyone in the world teaches his stuff like the way she crafts her courses in DevOps and others , with her pair hands, now I'm addicted to her channel thank you Mis Nana and much love <3
#techworldwithnana <3 <3