teleren/devto huggingface dataset:
Sample Guide to Using Appium 
Tags: appium, automation, testing
Published: 2018-07-19 09:22:48


---
title: Sample Guide to Using Appium 
published: true
description: Appium Testing Guide
tags: Appium, Automation, Testing
image: https://thepracticaldev.s3.amazonaws.com/i/373i3t8zyv946p6m0zj6.jpg
---

In this series, we will see how to automate mobile applications using Appium. We will go from basics like the setup to advanced topics like running parallel tests and running tests on AWS Device Farm for example. The only prerequisite for this to know a bit of programming.

Below are the topics we will be covering.

Appium - <a href="https://www.linkedin.com/pulse/learning-mobile-automation-appium-setup-part1-srinivas-vishnubhotla/">The SetUp</a>
Appium - <a href="https://www.linkedin.com/pulse/learning-mobile-automation-appium-using-inspector-vishnubhotla/">Using Appium Inspector</a>
Appium - <a href="https://www.linkedin.com/pulse/learning-mobile-automation-appium-first-test-part3-vishnubhotla/">The First Test</a>
Appium - <a href="https://www.linkedin.com/pulse/learning-mobile-automation-appium-browser-tests-vishnubhotla/">The Browser Tests</a>
Appium - <a href="https://www.linkedin.com/pulse/learning-mobile-automation-appium-running-parallel-vishnubhotla/">Running Parallel Tests</a>
Appium - <a href="https://www.linkedin.com/pulse/learning-mobile-automation-appium-runing-tests-vishnubhotla/">Running Appium Tests on Jenkins</a>
Appium - Running Appium Tests on AWS Device Farm
Appium - Running Appium Tests on Sauce Labs
Appium - Building Test Framework
Appium - The Problems and Solutions

The Ultimate aim of this series is to help people seeking to learn automation. I am happy if I can help at least one person. I was blessed to have a good support system which helped me to move from functional testing to automation at a very rapid pace. I wish to repay to the community in my own small way. Feel free to give feedback to help me improve.

All the sample code used in this is @

https://github.com/padmakarsrinivas/Appium_Examples

Happy Automation.
Should a library log its version number ?
Tags: discuss
Published: 2018-08-20 15:00:33

---
title: Should a library log its version number ?
published: true
tags: discuss
---

Most libraries, [log their version number](https://github.com/pixijs/pixi.js/blob/0fce8934edd87dab83b8734205c004c784e87545/src/core/utils/index.js#L262) (and some other data) when you import them. Sometimes, you can disable this behavior, sometimes you can't.

I don't find it awfully bothering, but I wonder what everyone think about it.
What’s your elevator pitch?
Tags: askdev, elevatorpitch, discuss
Published: 2018-08-20 14:58:28

---
title: What’s your elevator pitch?
published: true
description: If you only had 30 seconds or less, what would you pitch?
tags: askdev,elevatorpitch,discuss
---

Suppose you’re headed for an interview, you’re in the elevator with the hiring engineering manager, what’s your 30 second elevator pitch to them to get the position?
Cementerio Proyectos Github
Tags: graveyard
Published: 2018-08-20 14:58:31

---
title: Cementerio Proyectos Github
published: true
tags: #graveyard
canonical_url: https://yorodm.github.io/blog/cementerio-proyectos-github/
---

Siguiendo uno de los trending topics aquí en [DEV](http://dev.to) voy a publicar mi propio listado de proyectos difuntos en [Github](http://github.com/yorodm). Para ver los otros listados puedes seguir el [tag](http://dev.to/t/graveyard)

## [CL-Rx](http://github.com/yorodm/cl-rx)

**Lenguaje:** Common Lisp

**Resúmen:** Mi propia implementación de[reactive](http://reactivex.io) para Common Lisp.

**Estado** : Zombie

En el momento estaba empezando a utilizar[RxJava](http://github.com/ReactiveX/RxJava) y alguno de los conceptos no me quedaron claros así que decidí hacerme mi propia implementación a ver como funcionaba.

## [Odoo Addons](https://github.com/yorodm/odoo-addons)

**Lenguaje:** Python

**Resumen:** Addons para [Odoo ERP](http://www.odoo.com)

**Estado:** : Zombie

Me pareció buena idea mantener un repositorio con varios addons que he desarrollado para [Odoo](http://www.odoo.com), el feedback que obtuve no fue positivo y decidí no continuar. Cabe la posibilidad que en el futuro libere algunos más.

## [Jupyter Notebooks](https://github.com/yorodm/jupyter-notebooks)

**Lenguaje:** Python

**Resumen:** Notebooks con algunas cosas que he utilizado para trabajar.

**Estado:** Zombie.

Jupyter es una de mis herramientas favoritas y hago notebooks de casi todo lo que me ayuda en mi trabajo. El proyecto murió cuando mi empleador me sugirió afectuosamente que consultara las políticas de la empresa acerca de “regalar el código en internet”

Tengo además 2 intentos de libros que mi orgullo se niega a reconocer como zombies y asegura que “para el año que viene los va a terminar” y reconozco haber eliminado algún que otro proyecto (después de un tiempo te miran a la cara culpándote por no haberlos terminado).
5 tips for styling the component layer
Tags: css
Published: 2018-08-20 14:44:54

---
title: 5 tips for styling the component layer
published: true
description: Here are 5 tips to consider next time you begin styling components for a project.
tags: css
---
When working within the component layer of your project here are five tips that I have found to be helpful–independent of what methodology or tooling you may be using.

## 1. Build components in isolation

Setup a test page that only includes the component that you are building. This helps remove any ideas of styling your component based on its location.

## 2. Components should fill the available space they live within

By default components should fill the available space it lives within. Use `max-width` delarations where applicable. Refrain from using percentage `max-width` declarations and stick to px dimensions if necessary.

For example, if you declare your component to have a max-width of 25%, it makes it quite difficult to use that component within a smaller sidebar area.

## 3. Remove spatial styling from components

As hinted above, make use of the [object layer](https://smoothie-css.com/#2-global) to help control spacing, width, and height styling.

## 4. Contain component styles to a single file

Refrain from adding modifier classes to components outside of *its* CSS file. This will help when debugging component specific issues. Make use of [parent selectors](http://thesassway.com/intermediate/referencing-parent-selectors-using-ampersand) to add modifiers when needed.

## 5. Prefix component classes

Lastly, prefix components with `.c-[component-name]` for extra clarity.
Explain Knowledge Transfer vs Documentation like I'm five
Tags: discuss, explainlikeimfive
Published: 2018-08-20 14:15:43

---
title: Explain Knowledge Transfer vs Documentation like I'm five
published: true
description: Tribal knowledge or books? Which is the better practice?
tags: discuss, explainlikeimfive
---

I've worked for large companies and I've worked for small companies.  In every place I've worked, few places have knowledge management down solid.

It's such a simple thing, though.  Humans have done it for many, many years.  How do you onboard someone quickly and get them up to speed?  

At a former employer, we would do these meetings called KT (Kay-Tee) or Knowledge Transfer.  Essentially, the knowledgeable would present to the ignorant and that was it.  

What made matters worse, I would get roped into KT meetings that had nothing to do with my role *just for the sake of it*.  There was little value in them.  I made it a point to future presenters to write me good documentation instead and just use that time to go over the documentation.

I've been on the other end leading KT meetings as well.  I would write exhaustive documentation.  Share the documentation ahead of time.  Present the documentation to my team *and* give a demo.  I would still get questions over stuff later.

---

So, what's your thinking *Dev.to*?  Does tribal knowledge work?  Or externalizing tacit knowledge and codifying it?  What use is documentation if no one bothers to read it?
Inputbox - live coding web component
Tags: livecoding, html, javascript, webcomponent
Published: 2018-08-20 14:00:19

---
title: Inputbox - live coding web component
published: true
description: Using the material design we create a new web component with an input box and label.
tags: live coding, html, javascript, web component 
---

{% youtube ddmZ-jjXGA8 %}
Gist Interview - Programming questions simulator
Tags: react, githubgist, javascript, showdev
Published: 2018-08-20 14:00:06

---
title: Gist Interview - Programming questions simulator
published: true
description: GitHubGist Interview is an application built with ReactJS that renders development issues maintained in a "db.json" file, where it also contains a Gist-ID to render the code sample of each question and in the end generates an interview dashboard.
tags: reactjs, githubgist, javascript, showdev
cover_image: https://thepracticaldev.s3.amazonaws.com/i/3q2bolvqmlc5crawb7xk.png
---

# </> Gist Interview

</> Gist Interview is an application built with ReactJS and for any person or company to use to simulate programming questions by simply creating and populating the "db.json" file with its Gist-IDs and at the end generating a dashboard.

### Gif Example

![Gif Example](https://thepracticaldev.s3.amazonaws.com/i/rayj0viuigg54g4jbgwm.gif)

## Built with

- [ReactJS](https://reactjs.org)
- [react-render-gist](https://github.com/marjoballabani/react-render-gist#readme)
- [json-server](https://github.com/typicode/json-server)

### Install

First, clone the repo via git:

```bash
git clone https://github.com/mariorodeghiero/react-gist-interview.git your-project-name
```

And then install dependencies with yarn.

```bash
$ cd your-project-name
$ yarn
```

**Note**: If you can't use [yarn](https://github.com/yarnpkg/yarn), run `npm install`.

## Run

Install json-server:
```bash
$ npm install -g json-server
```

Start the file "db.json":

```bash
$ json-server --watch db.json --port 3001
```

Example file "db.json"
![Db](https://thepracticaldev.s3.amazonaws.com/i/74rxh2cq74srn7qzf4gh.png)

Open a new tab in the current directory and start the app in the `dev` environment:

```bash
$ npm run start
```

or

```bash
$ yarn start
```

After run, the browser open window automatically at http://localhost:3000/

## Deployment

Run the command below to deploy, minimizing All Files.

```bash
$ npm run build
```

or

```bash
$ yarn build
```

## Conclusion

I created this application to test and share knowledge acquired in the studies on ReactJS and also so that any person or company can use to simulate questions about programming, simply creating and populating the file "db.json" with the respective Gist-ID.
If you liked this project, contribute improvements or give me a star ⭐️ on  [GitHub.](https://github.com/mariorodeghiero/react-gist-interview.git)

I hope you like ✌️
Thanks!

## Icons made by

- [Freepik](http://www.freepik.com)
- [Smashicons](https://www.flaticon.com/authors/smashicons)
- [Vectors Market](https://www.flaticon.com/authors/vectors-market)
Show Dev.to: Open source boilerplate app to build your own SaaS product
Tags: showdev, opensource, saas, javascript
Published: 2018-08-20 12:51:45

---
title: Show Dev.to: Open source boilerplate app to build your own SaaS product
published: true
description: A boilerplate app with many common SaaS features, so you can focus on the features that differentiate your product.
tags: #showdev #opensource #saas #javascript
---

Hi Dev.to community!

I've recently co-authored an open source web app that serves as a boilerplate for building a SaaS product. The web app has many common SaaS features, so you can focus on building the features that differentiate your product.

Stack: React, Material-UI, Next, MobX, Express, Node, Mongoose, MongoDB, TypeScript.

Features include: user authentication (Google); transactional emails (AWS SES); newsletters (MailChimp); file upload, load, and delete (AWS S3); analytics (Google); and payments/subscriptions (Stripe).

Github repo: https://github.com/async-labs/saas
List of all features: https://github.com/async-labs/saas#features
Live demo: https://saas-app.async-await.com
Quran Cli
Tags: node, quran, cli, showdev
Published: 2018-08-20 11:30:38

---
title: Quran Cli
published: true
description: The Holy Quran from the commandline
tags: node, quran, cli, showdev
cover_image: https://raw.githubusercontent.com/sarfraznawaz2005/quran-cli/master/screen2.png
---

Read/Recite The Holy Quran from the commandline with English translation.

{% github https://github.com/sarfraznawaz2005/quran-cli %}
The 7 Most Popular DEV Posts from the Past Week
Tags: top7
Published: 2018-08-20 11:16:40

---
title: The 7 Most Popular DEV Posts from the Past Week
published: true
description: A round up of the most-read and most-loved contributions from the community this past week.
tags: icymi
cover_image: https://thepracticaldev.s3.amazonaws.com/i/sfwcvweirpf2qka2lg2b.png
---

# 1. When you name an algorithm after yourself...

...it becomes the fastest? heh, jk. This was an awesome overview of a lesser known algorithm (that happens to be a standard sorting algorithm for Python.)

{% link https://dev.to/s_awdesh/timsort-fastest-sorting-algorithm-for-real-world-problems--2jhd %}

# 2. Showcasing: Linux Distros

A summary writeup/guide/table of linux distros for anyone considering a new OS. 

{% link https://dev.to/rapidnerd/choosing-a-linux-distro-1nhb %}

# 3. Hallmark of a mid-level dev

Through a process of crowdsourcing and mentorship on an algorithm problem, Tiffany is reminded that it's best to focus on simplicity/readability than cleverness. 

{% link https://dev.to/twhite/keeping-your-code-simple-44bd %}

# 4. What are type annotations?

Whether or not you choose to use type annotations, if you're a Python developer, you might just want to _know_ about them. 

{% link https://dev.to/dstarner/using-pythons-type-annotations-4cfe %}

# 5. COOL TOOL ALERT

If you get filled up with dread every time you need to regex something, this library might help you.

{% link https://dev.to/bachnxhedspi/verbalexpressions---regularexpression-made-easy-27a8 %}

# 6. READ THESE COMMENTS 😍

As an underrepresented person in software, Brenda shares her experience dealing with men who believe women are 'too fragile' to be developers. Our wonderful DEV Community rallies together to encourage Brenda in the comments :) 

{% link https://dev.to/brendazam/she-can-code-216a %}

# 7. You're basically there already!

Sam shows us how to create a chrome extension from a PWA. This could mean as easy as throwing your site in an iFrame and calling it a day. 

{% link https://dev.to/samthor/shipping-pwas-as-chrome-extensions-3l5c %}

_That's it for our weekly wrap up! Keep an eye on dev.to this week for daily content and discussions...and if you miss anything, we'll be sure to recap it next Monday!_
Define your Great Place to Work Label
Tags: career
Published: 2018-08-20 11:06:08

---
title: Define your Great Place to Work Label
published: true
description: What would a company need to be/do to have such a label?
tags: career
---

Nowadays, we are bombarded with stories about difficult conditions for employees. We must be productive, while having to deal with pressing managers, clients, colleagues and unreasonable deadlines. Seems like finding a work environment where you are not under pressure most of the time is extremely difficult today.

My girlfriend ( who doesn't work in this field ) is dealing with such an environment and we can see the effect it is having on her health. One day, she told me: "Wouldn't it be nice to connect *humane* employers to employees you can't really handle productivity at all costs?"

Now, it got me thinking on how you would define a "humane" employer. The first thing that came to mind was *Basecamp*. The way the look at the world, treat their employees and customers... That looks like a place I would love to work at.

There seems to be a label called *Great Place to Work*. I didn't know about it, but after visiting their website, here is what seems to be a great place to work:

- Camaraderie ( relationship with other employees )
- Pride ( relationship to your job )
- Trust, Respect, Fairness, Credibility ( relationship with management )

For more info, you can visit <a href='https://www.greatplacetowork.com/trust-model' target="_blank">this page</a>

Now, I don't know if other labels such a this one exists, but let's assume you would be in charge of creating such a label. What would you look for? What would you like to measure to qualify a environment as a *Great Place to Work*?
React Native Set Default PlaceHolder Text in TextInput Component
Tags: reactnative, mobileapp, android, react
Published: 2018-08-19 12:41:33

---
title: React Native Set Default PlaceHolder Text in TextInput Component
published: true
description: React Native Set Default PlaceHolder Text in TextInput Component
tags: #reactnative #mobileapp #android #react
---

Post Link : <a href="https://www.skptricks.com/2018/08/react-native-set-default-placeholder-in-TextInput-Component.html">React Native Set Default PlaceHolder Text in TextInput Component </a>

This tutorial explains how to add or set default PlaceHolder text in TextInput Component in react native application. PlaceHolder text can be anything with a specific message or short information that tells the application user regarding to that particular TextInput. By seeing the  PlaceHolder user knows what type of value or information required to fill inside Text Input component.When user starts typing the user’s entered text replaces the placeholder and when user erased all the text from TextInput  then again placeholder becomes visible.

 Basically Placeholder provides hints or message about that particular TextInput Component, To add PlaceHolder text in TextInput Component, you need to specify placeholder=" Enter Your First Name" Props inside the TextInput Component.

<img src="https://2.bp.blogspot.com/-KK0H9ERbWBo/W3lbWA-g7nI/AAAAAAAABzs/49kLtkbe-D84s9IVlc2zFdeoKbxoEudYQCLcBGAs/s400/plac.jpg" /> 

<a href="https://www.skptricks.com/2018/08/react-native-set-default-placeholder-in-TextInput-Component.html">Download code </a>
Please give me some feedback
Tags: discuss, webdev, feedback
Published: 2018-08-20 10:53:05

---
title: Please give me some feedback
published: true
description: Please review BitBulb it would be helpful
tags: #discuss #webdev #feedback
---

I was wondering if the Dev community would take time out of your busy schedule and possibly check out [BitBulb](https://Bitbulb.io) and give me some feedback, and say if you would use the platform, and if not, why?

Bitbulb Description: 

BitBulb is a coding idea generator, for those programmers who can not think of a certain type of project to make.
However, BitBulb is not just an idea generator, it also offers a wide range of tutorials in a variety of programming languages.

BitBulb is the cure to programmers creators block, a community and a stepping stone for people wanting to take a step into the programming community
Is it Hype or Mobile Ecommerce is Actually a Breakthrough?
Tags: ecommerceapplication
Published: 2018-08-20 10:49:46

---
title: Is it Hype or Mobile Ecommerce is Actually a Breakthrough?
published: true
description: Wherever in the world you go, e-commerce or m-commerce is the talk of the town
tags: E-commerce application
---


<div style="text-align: justify">Wherever in the world you go, e-commerce or m-commerce is the talk of the town. Millions of companies and business use these applications to generate billions of revenues. Traditional business across developed countries switched to electronic commerce in order to get the first mover advantage in the industry.

It seems like each source of media is commenting on m-commerce nowadays. No matter what sort of internationally acclaimed content you pick, at least some space is dedicated to mobile e-commerce. It might be on its features, applications, benefits, expansion, upcoming technologies, and so on and so forth. The point is that this latest technology is receiving great exposure globally. 

If you haven't come across its applications and use, you may doubt on its popularity. However, for all those who are addict of their smart phones, know precisely that the technology has changed the lives of many. It wouldn't be wrong to say that the world is now actually on your fingertips.

<h3>Reluctance and Resistance</h3>

The above content doesn't mean mobile applications of e-commerce are collectively accepted by everyone. Facts reveal that there always happens to be at least one segment in the market that shows resistance against innovative products and ideas. In particular marketing terminology, we call that segment as a group of 'Laggards.'

Unlike innovators and early adopters who buy and use/consume every new arrival, laggards do not only avoid purchasing that item but also show unlikeness for it. However, after a particular time period when that product becomes too common in a given society, laggards start purchasing it.

The idea of mobile e-commerce and e-commerce web solutions has yet not proceeded to the level of mass acceptance. Traditional thinking of several business tycoons and commercial entities hinders them from trying the absolutely astonishing features of m-commerce.

<h3>24/7 Business</h3>

The single most convincing point about <a href="http://www.newzmarket.com/">e-commerce applications</a> in smart phones is that business can now take place round the clock, throughout the year. Whether you are at your workplace on a weekday, socialising with friends on a weekend, or relaxing at home on a public holiday, shopping is just so easy. Simply take out your smart phone and buy whatever you need. Time and place is no more an issue.

<h3>Easy Payment</h3>

Ease of shopping is coupled with the convenience of payment too. Buy and pay online via plastic money.</div>
Unit testing Sitecore computed fields
Tags: c, sitecore, unittest, fakedb
Published: 2018-09-06 15:08:39

---
title: Unit testing Sitecore computed fields
published: true
tags: C#,Sitecore,UnitTest,FakeDB
canonical_url: https://blog.jermdavis.dev/posts/2018/unit-testing-computed-fields
---

Quick one today. I was writing some code for Sitecore Computed Index fields recently, and it took me more Google Effort than I felt it should have to work out how to write unit tests with FakeDB to verify the code worked. If you want to do that without spending a while searching, the answer is pleasingly simple:

When you declare a computed field, the key method you’re implementing looks like this:

```c#
public override object ComputeFieldValue(IIndexable indexable)
{
}
```

But when you implement a test using FakeDb you’re dealing with `Item` objects:

```c#
[TestMethod]
public void ClassUnderTest_Description_OfTheTestCase()
{
  using (var db = ComputedFieldsFakeDb.Create())
  {
    var itm = Sitecore.Context.Database.GetItem("/sitecore/content/TheItemToIndex");

    var sut = new ComputedFieldUnderTest();
    var result = sut.ComputeFieldValue( /* what goes here to do the mapping? */ );

    Assert.AreEqual("somevalue", result);
  }
}
```

So what do you do to map the `Item` into an `IIndexable`?

Well, turns out it’s pretty trivial – There’s a type called `SitecoreIndexableItem` which wraps an `Item` to give you an `IIndexable`:

```c#
var result = sut.ComputeFieldValue(new Sitecore.ContentSearch.SitecoreIndexableItem(itm));
```

Simple.
Islamic Calligraphy SVG
Tags: css, svg
Published: 2018-08-20 07:46:52

---
title: Islamic Calligraphy SVG
published: true
description: Islamic Calligraphy SVG - Huve's-semî'ul alîm - And He is the Hearing, the Knowing. - Ve O, işitendir, bilendir.
tags: css, svg
---

{% codepen https://codepen.io/ahmetcadirci25/pen/gKKeOm %}

*And He is the Hearing, the Knowing.*

*Ve O, işitendir, bilendir.*