teleren/devto huggingface dataset:
git workflow
Tags: help
Published: 2019-09-12 14:22:07

---
title: git workflow
published: true
tags: help
---

so I'm working on this project with a group of friends. we break up the tasks between each other. we are using Github as our central codebase. problem is my experience with GitHub is on the basics side which is working on the master branch making commits and pushing to the remote repo. 

I need a git workflow including instructions on the needed commands that we can use which is the proper way of doing things(creating branches, merge requests, etc).
hopefully, something that'll be easy to pick up and won't have a steep learning curve.

Thanks in advance
Network Administrator Responsibilities – What Do Network Administrators Do?
Tags: networkadministrator, network
Published: 2019-09-12 14:14:03

Network administrators deal with almost every element of a computer network system. Their work is considered to be essential in many industries since a lot of sectors have grown to be dependent on computer technologies. A computer system has a lot of parts which needs to be constantly monitored and maintained. It is also essential that during a computer network’s installation process, everything should be properly configured. The presence of a network administrator in different organizations is crucial to ensure that various aspects of their computer systems are fully functional. In order to carry out the job efficiently, network administrators make use of various tools and knowledge that they have acquired through experience and education. 



Given that, let us look further into the profession by citing several network administrator responsibilities. Here are some of the tasks that network administrators deal with:

1. Configure, install and administer computer networks and systems within the organization.
2. Monitor the network for problems and have them repaired.
3. Upgrade network hardware and software.
4. Look after the security of a network through implementing various security measures and perform necessary updates.
5. Set-up accounts for users and assist users whenever they encounter problems with their accounts.
6. Examine the current state of the network and determine if any changes should be done to them for improvement.
7. Think of ways for backing up data and other recovery plans in case a network failure occurs.
8. Teach users on how to correctly use hardware and software.
9. Be able to assess problems reported within the network and determine ways to have them fixed.

The network administrator responsibilities mentioned above are the common duties that these individuals carry out. To become a network administrator, an individual must also possess several qualities which are crucial so that they can do their jobs efficiently.
 
Here are some other important characteristics that a network administrator must have:

Strong analytical skills
Interpersonal skills
Strong problem solving skills
Technical skills
Multi-tasking skills

The job of network administrators can involve a lot of intricacies and the above mentioned skills are essential for anyone who would want to succeed in the job. In addition, acquiring knowledge and maintaining a strong interest with computers and other technical concepts is important for any network administrator. And on top of all of these, there should be that willingness and dedication to the craft. Considering how the field of information technology (IT) is very dynamic, these professionals need to constantly educate and update themselves with the latest changes in the world of IT.

( Read CLLAX Top IPAM Software - https://cllax.com/top-11-ipam-software.html )
It is a pity!!, I wonder my humanity
Tags: discuss
Published: 2019-09-12 13:57:30

It is not illegal to search for jobs in the US while on a B1/B2 as long as you do not start working on a B1/B2. For you to work who ever employees you has to sponsor a H1B, so your visa status can be converted from a B1/B2 --> to a H1B.

Its been almost a month or so, i have been applying for jobs and companies that dont want to cant sponsor, once i set in communication with them, simple say "Sorry at this moment we cant, or Sorry we are not looking for sponsorships" . I think that pretty simple and a polite manner.

Just now, I had this conversation on LinkedIn with [Sergii Kovalenko](https://www.linkedin.com/in/kovalenkosergii/). I think he is a recruiter.

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/1cg2vrszv0zd70ykppdw.png)

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/zd9okwjorwpyj1upjzjl.png)

Now, I am just wondering, how it is a Pity on not being born in the United States or at the present having a Work Status there. As you can see, the guy thinks, i have clear misconceptions. Great.

I wonder if the world is going haywire, or are we being put into classes based on the Latitudes or Longitudes we are born into. This clearly states that no matter the hardwork or how helpful one might be, you will always be ridicules for being not a species of a higher first world country. Are we different species or the same as humans for all, this really puts me down.
Salesforce for Beginners
Tags: salesforceforbeginners
Published: 2019-09-12 13:39:43

Salesforce is a cloud based platform which has transformed how companies have changed the ways to connect, build meaningful and lasting bond with the customers, identify their needs and address problems faster and deploy apps that are customer focused. We are offering the top Salesforce tutorial that can be watched by anybody to learn Salesforce.

Watch Now: https://www.youtube.com/watch?v=_D58Pzul-jE
#CodepenChallenge 5 Lines: Smiley That Will Be Distorted
Tags: codepen, javascript, css, showdev
Published: 2019-09-12 13:38:20

<p>Using 5 lines of HTML, 5 lines of CSS, 5 lines of JavaScript, I tried to create a smiley that will be distorted when clicked (or should I say mouse down).</p>

<p>First, with hack, I tried to duplicate the smiley's second eye using filter: drop-shadow. I used it, because you can't actually use the box-shadow to duplicate the eye.</p>

<p>I used Bootstrap to add a background color, and align the SVG element to center.</p>

<p>I used jQuery to minimize the code into 5 lines of Javascript. If I used vanilla, it will take 6 lines, and yes, honestly,I think jQuery is more readable.</p>

<p>I used GSAP to animate the SVG path. Actually, I only intended to use the CSS, but because it doesn't work in other browser, I decided to use Javascript, and GSAP.</p>

<p>Using Sass (Not SCSS) also helped me to save lines. Well, because it doesn't require me to use brackets.</p>

<p>Also the Pug HTML preprocessor, because it doesn't require me to put an end tag in every element.</p>

{% codepen https://codepen.io/takaneichinose/pen/YzKarye %}
What developers do in free time?
Tags: discuss, career, startup, beginners
Published: 2019-09-12 13:11:36

I am very curious to know what developers do in their free time.

When I am done with all the projects, I lay down on my bed and open Chrome and start searching, exploring and reading about new technologies. Sometimes I judge websites😉 by checking their **DOMAIN Authority** using MOZ Toolbar, 

Or by detecting through **WAPPALYZER** which technology is involved in the development of the website🤓

Otherwise, I figure out different ways to scrape the content of the website 😂.

Also, I check **Developer Console** of every website, what they have mistakenly or intentionally returned on the Console. I was stunned to see DEV.TO website logging DEV word on the developer console.

What do you do 😉 in your free time?
On the Nietzschean Eternal Return of Software
Tags: discuss
Published: 2019-09-12 13:06:42

With the lousy title what I meant it is the following situation in software development: Time and time again a technology is considered "dead" or obsolete and then not only it does persist on time but its influence grows. So top of mind I have the following examples:

- C. Considered dead many many times. Alive and kicking. Same for Unix-flavored OSes.

- Relational databases. Now Postgresql is more popular and used than never before.

- Server rendered webpages.

- Not software related, but still interesting, Vinyl discs.

- COBOL...joking

I wonder what other examples you have in mind.
🔥🔥🔥How to connect a powerful brushless motor from drone to Raspberry PI using Electronic Speed Controller (ESC)🔥🔥🔥
Tags: raspberrypi, drone, diy, motor
Published: 2019-09-12 12:11:07

---
title: 🔥🔥🔥How to connect a powerful brushless motor from drone to Raspberry PI using Electronic Speed Controller (ESC)🔥🔥🔥
published: true
description: Let's see ho we can control a brushless motor using drone spare parts!
tags: raspberrypi, drone, diy, motor
cover_image: https://thepracticaldev.s3.amazonaws.com/i/nz88qpqmgfv9fyb6209q.jpg
---
Hi everyone!

In this short article I will show how I managed to integrate brushless motor with ESC(Electronic Speed Controller) from drone to Raspberry PI.

![](https://thepracticaldev.s3.amazonaws.com/i/cebw1r9671t31vu06pyx.jpg)

Some time ago I was given a broken Cheerson Drone with one ESC burned (fabulous swimming pool snorkeling). My first idea was to connect brushless motor to Raspberry PI and potentially build a plane/drone.

My drone had XGW_ESC VER2.4B controller with motor soldered in:

![](https://thepracticaldev.s3.amazonaws.com/i/p0f3qx8d06fpe1bkfkah.jpg "ESC")

Brushless motor has three wires: red for power, black for ground and yellow for signal transmission.

As a power supply for brushless motor I used 11.1V 2200mAh 25C LiPo battery with pins and terminal output:

![](https://thepracticaldev.s3.amazonaws.com/i/fs6ka4btid37j8fl2ei2.jpg "Power supply")

Looking at ESC, it has three main wires we should care about: red for external supply power, black for ground and white marked with PPM (in my case).

I soldered pin wires to power supply input and connections in ESC

This is a brief diagram of connection:

![](https://thepracticaldev.s3.amazonaws.com/i/nn04k6agloccqz23by0q.jpg "Diagram")

We are going to use GPIO4 for signal and ground pin.

Once everything is ready, we can start coding!

```python
import time
import RPi.GPIO as GPIO
GPIO.setwarnings(False)
GPIO.setmode(GPIO.BOARD)

GPIO.setup(7, GPIO.OUT)

t1 = GPIO.PWM(7, 50)

t1.start(0)

t1.ChangeDutyCycle(7.5)
time.sleep(3)

t1.stop()

GPIO.cleanup()
quit()
```

This code uses PMW([Pulse-width modulation](https://en.wikipedia.org/wiki/Pulse-width_modulation)) to initialise ESC pin with 50Hz frequency, and change duty cycle to 7.5%, sleep for 3 seconds and stop. It will be enough to spin your motor real quick fast and then completely stop.

Congratulations! We have done it! 🎉

Now, technically, you can try to build your own drone or plane! ✈️

![](https://media.giphy.com/media/g9582DNuQppxC/giphy.gif)
Developing APIs based on OpenAPI Specification
Tags: openapi, softwaredevelopment, restapi, webdev
Published: 2022-12-27 16:54:44

---
title: Developing APIs based on OpenAPI Specification
published: true
tags: openapi,softwaredevelopment,restapi,webdevelopment
canonical_url: https://medium.com/buildly/developing-apis-based-on-openapi-specification-ab2f32aad233
---



The universe of APIs is regularly one of competing standards, interests, and arrangements. Standards help give a common framework of communication and development and ground us in picking the correct tools dependent on a particular need.

### What is OpenAPI?

I really like the explanation from the OpenAPI website: “The OpenAPI Specification (OAS) defines a standard, language-agnostic interface to RESTful APIs which allows both humans and computers to discover and understand the capabilities of the service without access to source code, documentation, or through network traffic inspection.”.[1]

Summarizing, the OpenAPI Specification is a solution that produces machine-readable documentation for REST APIs.

### Developing APIs based on OpenAPI spec

As Test-driven development (TDD) that combines test-first development where you write a test before you write a solution code to fulfill that test and refactor it, we can also specify endpoints of an API using the OpenAPI framework before starting coding them and refactor. So, prior to beginning to build the business logic of an API, test it, or any other lifecycle, we create the API’s interface, specifying the accurate requests and responses endpoints will display.

![](https://cdn-images-1.medium.com/max/256/0*CZEsjyh5MfFpFF0n)

### Why OpenAPI spec-driven development?

A significant advantage of developing APIs based on OpenAPI specifications is that it enables independence between teams, e.g, Frontend, Backend and QA Engineers know how the API is supposed to do, so they are all aligned on it. Removing these dependencies will also speed up the release process because different teams can do their tasks at a much faster pace.

Another advantage of using this approach is the improvement of Developer experience. Developer experience is about delivering robust functionality that is stable, speedy, and visually intuitive.[2] If you’re thinking about how it can improve the developer experience, you just need to remember that developers will consume your API and having a well defined/documented API will have a great impact on it. You can focus on the API consumer’s needs beforehand.

### Conclusion

APIs have evolved beyond a typical backend to frontend pattern. So evolving a standard to help explain an API is more important then ever, which is the reason a consumer-driven perspective on APIs is quickly spreading and the OpenAPI Specification helps us to build APIs while guaranteeing a good developer experience through a definition driven methodology.

### Reference:

1 — [https://swagger.io/specification/](https://swagger.io/specification/)

2 — [https://hackernoon.com/developer-experience-dx-devs-are-people-too-6590d6577afe](https://hackernoon.com/developer-experience-dx-devs-are-people-too-6590d6577afe)

* * *
UI/UX design for engineers
Tags: css, design, javascript, discuss
Published: 2019-09-12 10:55:06

Like many other software engineers who work in web development, I feel quite comfortable writing JavaScript and have lots of experience with frameworks such as Angular or React but I'd love to brush up on my user interface design and CSS skills. 

This seems to be a common theme amongst engineers so I thought it would be good to share resources aimed at those who don't have formal training in UI/UX design. Have you found anything worth sharing recently? 

To kick it off I'll start with some resources that I have come across thanks mostly to browsing twitter & especially Sarah Drasner who has an amazing amount of content on her personal site, github & codepen 🙏🙏🙏🙏

I'll keep it updated as I come across new content from time to time: 

### Resources 🔗

* [CSS Tricks](https://css-tricks.com) A great site with a huge amount of content
* [Design for Developers](https://frontendmasters.com/courses/design-for-developers) A course by Sarah Drasner on Frontend Masters
* [Where do you learn HTML & CSS in 2019](https://css-tricks.com/where-do-you-learn-html-css-in-2019) An awesome article by Chris Coyier
* [Figma](https://www.figma.com/) and [Learn with figma](https://www.figma.com/resources/learn-design/) An awesome online design tool & plenty of accompanying resources
* [UI patterns](http://ui-patterns.com) Common solutions to common problems in interaction design
* [BEM 101](https://css-tricks.com/bem-101) A good introduction to the reasons why you might adopt the BEM CSS naming convention

### Books 📚

* [Refactoring UI](http://www.goodreads.com/book/show/43190966-refactoring-ui) by Adam Wathan & Steve Schoger
* [Design Systems](http://www.goodreads.com/book/show/36436141-design-systems) by Alla Kholmatova

### DEV articles 📖

{% link https://dev.to/mustapha/css-grid-illustrated-introduction-52l5 %}

### DEV users 💻

{% user sarah_edo %}
{% user chriscoyier %}
Tips for an engaging Hacktoberfest event? :) 
Tags: help, discuss, hacktoberfest
Published: 2019-09-12 10:04:35

I'm organizing Hacktoberfest for the local dev community. It's happening in Cluj-Napoca, Romania, and people here aren't open-sourcing their code at a large scale. So I'm looking for ideas to make Hacktoberfest appealing, as well as educational. 

From the Hacktoberfests you attended, can you give me fun ideas to try out? 😋
Ubuntu Vs Mac OS
Published: 2019-09-12 07:49:38

An operating system (OS) is system software that manages computer hardware, software resources, and provides common services for computer programs. (source: Wiki).
All major platforms (hardware and software) require an operating system. In general, OS is a software that allows users to run other application programmes in a computing device. Ubuntu and Mac are the second most common desktop OS after windows.

History Of Ubuntu

Linux has come with a lot of distros and its popular distribution is Ubuntu. Linux was already established in 2004, but it was not open source for every user. Hence Mark Shuttleworth decided to make a team of developers from the one of established project Debian and create an easy to use Linux desktop: Ubuntu. Ubuntu has free software available for all and funded through a portfolio of services provided by canonical.


Linux is a popular open-source operating system which is also referred to as Linux kernel. Linux is an open-source platform where user can download it and modify its source code. It is the most-used OS for desktop and server application. It provides all necessary components (tools, service and programmes) for a fully operating system.


They give special privilege to some highly qualified developers for being part of their free software foundation as Linux/GNU to build a better community. Many companies in the market make various Linux OS and core kernel with all components but Linux kernel is developed and maintained by Linux foundation.

Releases:

Ubuntu released on 20 October 2004 and it’s latest released version is Ubuntu 19.4 (18 April 2019).

Linux kernel was first released on September 17, 1991, by Linus Torvalds. It was originally developed for Intel x86 computers but later, ported to other platforms as well. Having dominancy in android OS smartphone, Linux has highly installed in the general-purpose operating system.


Linux is the foundation of many opearting systems like Android, Arch Linux, Debian Linux, Gentoo Linux, Ubuntu, Mandriva Linux, Pc, red hut Linux, Sabayon Linux, Slackware, Suse Linux.

History Of Mac OS

Mac OS is an operating system of Apple computer Mactonish series, (computers and workstations) having a graphical user interface which is only developed and maintained by Apple engineers themselves. Apple developed the whole system including Kernal, desktop environment and pre-installed software. Mac OS is the second major series of Mantonish operating system.
Apart from all specifications, it looks better than other systems as well.(personal preference)

For Complete detail about this:- https://codersera.com/blog/ubuntu-vs-mac-os/
A CLIfied portfolio experience powered by React
Tags: react, javascript, ux, showdev
Published: 2019-09-12 10:03:53

It was just another day after being from college and as usual I was messing around with GitHub until this one caught my eye, [The Sindresorhus CLI](https://github.com/sindresorhus/sindresorhus). I was struck by the idea of having a CLIfied portfolio experience which made me to act immediately carving out mine:-

`npx jamesgeorge-cli`

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/1c19j20mh5gnz85i6cgm.png) 

I've used [ink](https://github.com/vadimdemedes/ink) which allows us to build CLI's on top of React. The key difference you have to remember is that the rendering result isn't a DOM, but a string, which Ink writes to the output.

Be sure to check out the [GitHub repo](https://github.com/jamesgeorge007/jamesgeorge-cli)

I was thinking of writing yet another blog post in the form of a step by step tutorial on how you can build up yours. Leave down your thoughts down in the comments section :+1:
(Why) Some HTML is "optional"
Tags: web, html
Published: 2019-09-12 13:56:11

---
title: (Why) Some HTML is "optional"
published: true
tags: web, html
canonical_url: https://remysharp.com/2019/09/12/why-some-html-is-optional
---

Chris Coyier [blogged recently on _weird looking HTML_](https://css-tricks.com/some-html-is-optional/). It's a nice short post and I'd say it's worth knowing these optional features (potentially known as defaults). My favourite optional is `<script>` and not having to include the `type` attribute.

But Chris' first example is the most common, the optional closing `</p>` tag. What (I think) is an interesting question is: _why?_

## The easy answer

HTML has an amazing quality: it's super-dooper backwards compatible. It's why we have HTML5 and not XHTML2.

This backward compatibility means that devices and browsers reaching all the back to the very first browser are still able to render HTML (just about - the _first_ makes a bit of mess of unknown elements but that's more of an exception).

So if you ever find yourself asking _why_, the answer will nearly always lay in the past and original functionality.

This same reasoning also explains why you'll never find a newly introduced element to go inside the `<head>` element - but I'll leave that for someone else to blog about…

## Performance and optimisation?

Without looking at modern day browswes' HTML parsing algorithms, I'm guessing the perf cost is incredibly minute. So minute that it makes no difference that we mortal users could experience.

Compression is really a moot point too, it's a micro optimisation that _may_ save a byte or two, but because of how repeating sequences are compressed, a closing `</p>` won't have an impact.

But, what exactly about this `<p>` tag?

## Back to 1989

Pre-DOM, pre-browsers, the world's first browser was being written by Sir Tim Berners-Lee.

There was no reference implementation and certainly no such thing as a parsing specification.

The first browser, the [WorldWideWeb.app](https://worldwideweb.cern.ch), parsed HTML character by character applying styles as it went along. As opposed to today's methods whereby a document object model is built up, then rendered.

I happened to be lucky enough to be sat next to [Kimberly Blessing](https://www.kimberlyblessing.com/) when they unearthed the parsing algorithm for the `<p>` tag.

In fact, Chris' earlier example of paragraph text should be reformatted to truly see how the paragraph was intended to be used:

```
<P>
Paragraph one.
<P>
Paragraph two.
<P>
Paragraph three.

```

The paragraph tag (yes, in upper case) was intended to _separate_ paragraphs, not wrap them.

Which is why you don't need a closing tag, to support this original use and support existing documents around the web.

Here's a photo I took of Kimberly's screen showing the source:

![paragraph formatting](https://remysharp.com/images/p-tag.jpg)

Pretty geeky, and for some reason, I love these historical details.

_Originally published on [Remy Sharp's b:log](https://remysharp.com/2019/09/12/why-some-html-is-optional)_
3V Printing Store

Published: 2019-09-12 08:40:37

Welcome to US’s leading printing company – 3v Printing Store. We specialize in a range of printing methods and have been providing printing services for many decades. If you really want to create beautiful clothes of your own style then take advantage of our professional printing services ideal to meet distinct needs. With the latest technology and expertise in this industry, we are able to provide you superior solutions. Our printing services are designed uniquely to help you get excellent brand recognition that allows you to stay on top of the competition. For more details at: http://3vprintingstore.com/