teleren/devto huggingface dataset:
CMS I made to feed Nuxt
Tags: nuxt, vue, gatsby, showdev
Published: 2020-04-21 08:28:40

I wonder what you are using to feed JAMstacks, such as Gatsby, Gridsome, Nuxt? Perhaps Wordpress or Strapi?

I made a solution myself for this question.

{% post https://dev.to/patarapolw/what-is-the-best-cms-to-feed-api-for-a-static-site-generator-ah0 %}

I created my own headless CMS and host on Heroku. Also because Nuxt middleware isn't running on `nuxt generate`.

{% github https://github.com/patarapolw/blogdown-cms no-readme %}

I also extended it with LiquidJS (so as to be in similar style to https://dev.to), and it solved this problem. (via `{% card url %}`)

{% post https://dev.to/patarapolw/is-there-a-tool-for-a-better-a-href-like-social-sharing-cards-h7d %}

It also solves [the search engine problem for JAMstacks](https://www.gatsbyjs.org/docs/adding-search/).

However, it doesn't provide a commenting engine. ([Although I have tried to create one.](https://dev.to/patarapolw/a-commenting-system-that-is-easy-to-self-host-and-completely-free-4od9)) Allowing people to post things is dangerous and difficult, IMO.

It is currently made with Vue, Tailwind and Element UI, BTW. I really concerned about [component frameworks and CSS frameworks I don't have to fight against](https://dev.to/patarapolw/looking-for-a-css-framework-that-i-don-t-have-to-fight-against-it-also-vue-framework-j3f).
Using any JS library with VueJS
Tags: vue, javascript, beginners
Published: 2020-04-21 08:26:23

While there are multiple ways to add JS -libraries to your VueJS project — proxying the library to a property of the Vue prototype object is the cleanest & most efficient way to do so.

<center>&bull;&bull;&bull;</center>

&bull; First lets add a library to your project:

```javascript
npm install moment
```
&bull; Then lets import that library and proxy it to Vue.prototype -object:

```javascript
//main.js
import moment from 'moment';
Object.definePrototype(Vue.prototype, '$moment', { value: moment });
```

&bull; Thats it — now you can use the library with:

```javascript
export default {
 mounted() {
  console.log('The time is ' . this.$moment().format("HH:mm"));
 }
}
```
<center><br/>Hope someone finds this useful ✌🏻<br/></center>
Fast your *NIX machine
Tags: linux, ubuntu, mac, git
Published: 2020-04-21 08:26:20

---
title: Fast your *NIX machine
published: true
description: Clear all the Buffer/Cache in order to fast your machine.
tags: Linux, Ubuntu, Mac, git
---

# Clean Cache and Buffer 

It will delete the cache in your local machine or remote machine, sometimes cache takes too much memory.

![image](https://raw.githubusercontent.com/lifeeric/clean-buffer-cache/master/cleanc.gif)

## Getting Started

The below command in you command line:

```
git clone https://github.com/lifeeric/clean-buffer-cache.git

cd clean-buffer-cache

chmod a+x cleanc

sudo mv cleanc /bin

```

## Running the tests

run the below command to clean up:

```
sudo cleanc
```


## Built With

* [Bash Script] - Bash Shell script

## License

Free to use, modify, change!
Designing a pragmatic coding interview - Part 3
Tags: career, showdev, tutorial, discuss
Published: 2020-04-21 08:22:56

The next component in our pragmatic coding interview process is a visual interview pipeline. 

💡 Its main goal is to represent an up-to-date view of where each of your candidates stands in your interview process.

Let's go through [the following pipeline](https://github.com/orgs/coreskills/projects/1) as an example.

It's a Github project with 5 columns: 
1️⃣ Challenges to send
2️⃣ Challenge sent
3️⃣ Under code review
4️⃣ Preparing scorecard
5️⃣ Challenge completed

Each of the columns is quite self-explanatory and we found this structure working quite well for the CoreSkills users.

☝️ One important thing to note is that such a pipeline doesn't replace an ATS, but it complements it by providing a more granular view of the coding interview step.
A resume builder built with React.js (Hooks, Context API, and Router) [Second project]
Tags: react, javascript, showdev
Published: 2020-04-21 08:15:05

Hey, devs! :)

I've been learning React for a few weeks now and I just finished my second project (the [first one](https://github.com/lucasmrl/findheroes) I created to learn about Components and API requests):
**A resume builder**.

**Link:** [https://resumiapp.herokuapp.com/](https://resumiapp.herokuapp.com/)
**Github repo:** [https://github.com/lucasmrl/resumi](https://github.com/lucasmrl/resumi)

I got inspired by https://flowcv.io/ where I created my resume a few months ago and then I saw [this project](https://www.reddit.com/r/reactjs/comments/fp88n0/i_made_a_free_and_opensource_resume_builder_using/). Since I am new, I was not completely able to understand all the code/logic he used, so I decided to put in practice what I have been studying about React and also to learn about Hooks, Context API, and React Router.

After finishing this, "I know that I know nothing". :P

Please, any feedback will be much appreciated.

PS: Not mobile-friendly yet.
The 14 Books You Should Read When Running a Tech Business
Tags: technology, business, engineering, darrenhuston
Published: 2020-04-21 07:47:16

As a startup advisor, entrepreneurs frequently ask me what books will help them start and run their business. No matter what type of business, or what stage you're at, I suggest you give the following a once-over.

- Facts and Fallacies of Software Engineering, by Robert Glass

If your business involves technology, you will interact with engineers as they build your product. In this compendium of case studies, Glass covers the most important things you need to know about building an application--and all the things you should forget--so that your business will start off on the best foot.

- Surely You're Joking, Mr. Feynman!, by Richard Feynman

In the autobiography of Nobel Prize-winning physicist Richard Feynman, you'll find a surprisingly poignant examination of how the best ideas can come from the most mundane things--and how to find joy even at your darkest moments.

- Software Estimation: Demystifying the Black Art, by Steve McConnell

Have you ever tried to estimate a scope of work for a client and been completely wrong, costing you out of pocket? You're not alone. In this essential work, McConnell lays out practical advice for doing just that--which will help you keep your money in the bank.

- Practices of an Agile Developer, by Venkat Subramaniam ​

When forming a team, first evaluate what you already do well, then what you can do better. Here, you'll learn to think through that process, and how to build your team to adjust to any strengths and weaknesses you might encounter.

- Domain-Driven Design, by Eric Evans

If you have a roadmap to build for your company--not just a single project--then you might wonder how to accomplish it without getting caught in the weeds. While a bit technical, Evans thoughtfully explains where you need to maintain focus on all points in the process to ensure you execute on budget and on time.

- The Inmates Are Running the Asylum: Why High Tech Products Drive Us Crazy and How to Restore the Sanity, by Alan Cooper

Many entrepreneurs build businesses around things other people build for them, and barely know how their own product works. In this book, you'll see some of the obvious --and not so obvious--pitfalls to that practice, and how to avoid it.

- Hackers: Heroes of the Computer Revolution, by Steven Levy

This is the story of the pioneers of the software industry, and the ingenuity, resourcefulness and just plain luck that gave us a connected world. It highlights the people who made sites like the one you're reading now possible, and commonplace.

- My Job Went to India, by Chad Fowler

In this sobering, yet practical, read, Fowler delves into the reasons that companies will use to furlough employees in skilled positions and send them to outsourced providers. Additionally, he gives you 52 ways to adapt and keep your position, or find a better one.

Read Full @ https://www.inc.com/heather-wilde/the-14-books-you-should-read-when-running-a-tech-business.html
Oski Technology Appoints Gurudutt ‘GD’ Bansal as Vice President 
Tags: engineering, technology, darrenhuston
Published: 2020-04-21 07:44:25

Oski Technology, Inc., the leader in formal sign-off consulting services, today announced the appointment of Gurudutt Bansal as vice president of engineering and managing director of Oski’s India operations. He reports to Craig Shirley, Oski’s president and chief executive officer.

Bansal brings over 25 years of experience in building and leading centers of excellence at both the regional and global levels. He has worked in the EDA industry with Cadence Design Systems (NASDAQ:CDNS) and, most recently, Synopsys (NASDAQ: SNPS).

"Oski’s India operations are critically important to the success of our global customers. We are impressed by GD’s track record of building and developing high-performance teams. I am confident that his transformative leadership style and commitment to team development will amplify the strength and scale of our India operations to meet the growing demand for our formal sign-off consulting services," Shirley said.

Vigyan Singhal, founder of Oski Technology, said he sees Bansal bringing the best of the logic design and verification worlds to Oski. "GD’s deep experience in building state-of-the-art simulation tools and integrated verification solutions at Cadence and Synopsys will help us advance our exhaustive formal sign-off methods to further reduce our customers’ verification costs and bug escape risks by complementing or replacing simulation- or emulation-based solutions. I am excited to welcome GD to the company," Singhal said.

"This is an exciting time for functional verification with exhaustive formal sign-off becoming critical to silicon success. Oski is well positioned to eliminate the bug escapes and schedule slips that are now commonplace across the semiconductor industry," Bansal said. "I look forward to contributing to Oski’s mission and strategic focus to restore chip-level sign-off predictability and challenging the mainstream belief that ‘bug escapes are inevitable.’ "

Read Full @ https://finance.yahoo.com/news/oski-technology-appoints-gurudutt-gd-153000500.html
The #7Days7Designs Challenge by Gary Simon
Tags: webdev, design, ui, beginners
Published: 2020-04-21 07:37:15

If you are interested in design, check out [@Gary Simons](https://twitter.com/designcoursecom) latest challenge for making [#7days7designs](https://www.youtube.com/watch?reload=9&v=C9WSSN2f4u0)

The instructions are easy, for the next 7 days, he will be uploading a challenge to be designed with UI tools like Adobe XD or Figma. You can submit the challenges directly on twitter referencing the hashtag and his twitter handler.

This was inspired by Florin Pop who recently did the #7Days7Websites challenge.
[https://youtube.com/florinpop](https://youtube.com/florinpop)

In the first example, we need to create a design for a contact form.
![Contact Form](https://adriantwarog.com/wp-content/uploads/2020/04/example.jpg)

Here is what I came up with and the process that took me there:
{% youtube acgvXFTtY9k %}
<strong>[7Days7Websites - Day 1](https://youtu.be/acgvXFTtY9k)</strong>

Hope you guys enjoy the process.

## Follow and support me: 
Special thanks if you subscribe to my channel :)
* [🎞️ Youtube](https://www.youtube.com/channel/UCvM5YYWwfLwpcQgbRr68JLQ?sub_confirmation=1)
* [🐦 Twitter](https://twitter.com/adrian_twarog)
* [💬 Discord](https://discord.gg/nGdThpE)
* [❤ Patreon](https://www.patreon.com/adriantwarog)

## Want to see more:
I will try to post new great content every day. Here are the latest items:
* [Adobe XD to Fully Responsive WordPress Site](https://dev.to/adriantwarog/adobe-xd-to-fully-responsive-wordpress-site-16e0)
* [Adobe XD to HTML Full Process](https://dev.to/adriantwarog/adobe-xd-to-html-full-process-ao6)
* [Full Tutorial on how to use SASS to improve your CSS](https://dev.to/adriantwarog/full-tutorial-on-how-to-use-sass-to-improve-your-css-57on)
* [Creating a Mobile Design and Developing it](https://dev.to/adriantwarog/creating-a-mobile-design-and-developing-it-5c4o)
Helm Scan With GitHub Actions & K8s Advisor
Published: 2020-04-21 07:21:32

GitHub Actions is a recent continuous integration (CI) and continuous deployment (CD) service from GitHub. GitHub Actions powers GitHub's built-in continuous integration service. In its essence, GitHub Actions help developers automate software development workflows in the same place they store code and collaborate on pull requests and issues. 

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/vyy23hujmycktromp7nm.png)
GitHub Actions enable developers to write individual tasks, called actions, and combine them to create a custom workflow. Workflows are custom automated processes that developers can set up in their repository to build, test, package, release, or deploy any code project on GitHub.


###Create Kubernetes KIND Cluster###

Kubernetes IN Docker, [KIND](https://kind.sigs.k8s.io/), is a tool to create local clusters for testing Kubernetes using Docker containers. KIND was primarily designed for testing Kubernetes itself but may be used for local development or CI.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/i3802sohm0xkllts0z7a.png)
Multi-node clusters and other advanced features may be configured with a config file - the detailed usage information and documentation are [here](https://kind.sigs.k8s.io/docs/user/quick-start). GitHub Actions has a marketplace for reusable actions, and the folks behind Helm already managed to put together [Kind Cluster](https://github.com/marketplace/actions/kind-cluster), a reusable action that can be plugged into GitHub’s automation workflow.


###Security Scanning of Helm Charts with GitHub Actions Workflow###

Alcide Advisor, an API driven, Kubernetes security and hygiene scanner, has a wide [integration surface](https://github.com/alcideio/pipeline) into the continuous deployment (CD) platforms. However, GitHub's actions combined with KIND, introduce an interesting approach for scanning helm charts in continuous integration (CI) stage.
In the example below, a GitHub workflow has 3 sequential jobs:
1. Build
2. Test
3. Advisor Scan

The **Advisor Scan** Job performs the following steps:

1. Download Helm 3
2. Launch Kind Cluster using a GitHub Action
3. Install a chart (uswitch kiam in this example) into a specific namespace
4. Download Alcide Advisor scanner
5. Scan with Alcide Advisor the namespace into which kiam was installed
6. Publish the scan report into the pipeline artifacts

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

###Conclusion###

Helm is the de-facto tool for collaborating when creating, installing, and managing applications inside of Kubernetes. Rendering helm charts with configuration into a cluster that can be scanned by Alcide Advisor, opens the door for developers & DevOps to ‘get a handle‘ on the security and hygiene level of new helm charts as well as helm charts changes. To see the full pipeline example go to https://github.com/alcideio/pipeline
How difficult it is to crack interviews when switching tech stack/language?
Tags: career, startup, java, discuss
Published: 2020-04-21 07:20:01

Question is majorly for backend/full-stack development. As a beginner I am willing to start in JAVA as I am comfortable in it now but in future I may wish to switch to Python/Go as their demand is increasing very much in startups and product based companies.

I wanted to know from people who have changed their stack/language in their careers, how hard was it for you? Challenges faced in interviews? Salary hikes/negotiations? Time required for you to adjust? Did your experience act as a hindrance to you for cracking the new job?

Thanks in advance!
Linux Test Session: Using iwconfig to turn off power management
Published: 2020-04-21 07:07:58

#iwconfig
**iwconfig** is used to configure wireless network interfaces.
It is similar to **ipconfig**,, but is dedicated to the wireless interfaces.

__Turning off power management __
Edit this file:
/etc/NEtworkManager/conf.d/default-wifi-powersave-on.conf

Change:
[connection]
wifi.powersave=3
to 2.


Other possible values:
NM_SETTING_WIRELESS_POWERSAVE_DEFAULT (0): use the default value
NM_SETTING_WIRELESS_POWERSAVE_IGNORE  (1): don't touch existing setting
NM_SETTING_WIRELESS_POWERSAVE_DISABLE (2): disable powersave
NM_SETTING_WIRELESS_POWERSAVE_ENABLE  (3): enable powersave
Hackathon update #2 - progress a plenty
Tags: twiliohackathon
Published: 2020-04-21 07:00:35

Okay so first things first, sorry these updates ave not been as plentiful as other people doing the challenge, but damn I hope you enjoy this progress update:

I am pleased to announce that the application has _most_ of the functionality I want it to have so I'm just going to show off the screen shots and talk about some things.

CRUD Organizations:

View (not logged in)
![Organizations](https://dev-to-uploads.s3.amazonaws.com/i/b783i1sr9cv2c107yuf2.png)

View (logged in)
![Organizations authed](https://dev-to-uploads.s3.amazonaws.com/i/m4cu969a2mmwc66si637.png)

Events:

View (not logged in):
![Events](https://dev-to-uploads.s3.amazonaws.com/i/s6sd0qp4w3jk44rhlo7e.png)

View (logged in)
![Events authed](https://dev-to-uploads.s3.amazonaws.com/i/d18hz67hp5800olnary1.png)

Event updates:

View (not logged in):
![Updates](https://dev-to-uploads.s3.amazonaws.com/i/r66t6jtja4ahrchyp3r0.png)

View (logged in)
![Updates authed](https://dev-to-uploads.s3.amazonaws.com/i/3eypt0finu1jwyuexx6p.png)

# Use case:

You know whilst developing this a use case hit me that didn't before so i wanted to share with you a thought I had:
![Use case](https://dev-to-uploads.s3.amazonaws.com/i/g72mf4r5ttvisg68aq4u.png)

I know right, use my website to advertise my repository, madness, the updates could range from releases to up and coming features etc.

# Does it work?

Yes! I'm hoping to get this deployed _very_ soon (this week) just need to figure some things out and then boom, people will be able to have a play

# Some concerns?

Yeah...... I've been thinking a lot about the responsibility I have as a developer to allow people to post events and updates and what I've named "call to actions" (links to external sites) and I've been recently afraid of people abusing their power on the site, I've introduced an idea of an "isPublished" flag that is set to false. There is nowhere on the front end and no api to allow for publishing an organization, or event. The only way you can see this information is if you are logged in and are a part of that company.

I need to think aboutthis one a little because obviously people could potentially post spam and link people to malicious websites, I was thinking some kind of url reputation check before the published flag is set.

Don't know, need to think about this more I think but until then signing off


{% github joro550/Artemis %}
Day 4: Exploring async and await in JavaScript
Tags: todayilearned, 100daysofcode, javascript, tutorial
Published: 2020-04-21 06:50:11

I've always enjoyed the feeling of JavaScript promises, possibly because they feel more explicit than what I've read about `await` and `async`. I've also used `await` and `async` in Python, and have always wished async code there was implemented with JavaScript-style promises.

However, a lot of JavaScript code is written with `await` and `async`, so I decided to knuckle down and get familiar with them. 

First I defined a function that returned a promise and would take some time:

``` javascript
function squareXAndWaitXSeconds(x) { 
  return new Promise(resolve => {
    setTimeout(() => {
      resolve(x*x); // square the result
    }, x * 1000); // delay by x seconds
  });
}
```

Then I wrote an `async` function to call the `squareXAndWaitXSeconds` function:

``` javascript
async function addItem(y) {
  var x = await squareXAndWaitXSeconds(y); // await for the response
  console.log(x); // Log the response
}
```

While this worked, it was hard to see it in action. So I used HTML for better display:

``` html
<link href="https://unpkg.com/tailwindcss@^1.2/dist/tailwind.min.css" rel="stylesheet">

<div class="container">
  <h1 class="text-4xl">Playing with Await/Async</h1>

  <!-- Use an ordered list to display the results in order they appear -->
  <ol id="result" class="list-decimal px-10">
  </ol>
</div>
```

I modified the `addItem` function to post the result in `li` tags inside the ordered list:

``` javascript
 async function addItem(y) {
  var x = await squareXAndWaitXSeconds(y);

  // Show x  when it's done being awaited
  var li = document.createElement('li');
  li.setAttribute("class", "text-green-600");
  var sentence = `Returning ${x} from ${y} in ${y} seconds`
  var text = document.createTextNode(sentence);
  li.appendChild(text);
  result.appendChild(li);  
}
```

This was much better, but I wanted a spread of numbers to evaluate. I used a `for...of` loop to give me better insight into what was happening:

``` javascript
// Count down from 5 so we can see that higher number values
// generate results after lower number values. Nothing blocks!
for (let i of [5,4,3,2,1]){
  // Show we're testing "i" immediately
  var li = document.createElement('li');
  li.setAttribute("class", "text-red-600");
  var text = document.createTextNode(`Testing ${i}`);
  li.appendChild(text);
  result.appendChild(li);

  // run the addItem() function. It won't show until i second(s) pass.
  addItem(i);
}
```

## In My Own Words: What's Happening

The `addItem()` function is labeled `async`, meaning that it won't block while it "waits" for the `await` called function (`squareXandWaitXSeconds`) to finish evaluating. The logic flow keeps going, hence `addItem()` is an asynchronous function. 

The `setTimeout` function is used here to test this capability. In other circumstances, this could be used to render complex data on a screen (including games), call an API, or access a database. 

You can see where I noodled this out in this codepen: {% codepen https://codepen.io/pydanny/pen/VwvKgqW %}
Software Development Company
Tags: SoftwareDevelopmentServices, SoftwareDevelopmentCompany, DigitalMarketingCompany, Software
Published: 2020-04-21 06:29:32

Shriv Commedia Solutions is ISO Certified Best <a href="https://www.commediait.com/"><b>Software Development Company</b></a>, India since 2004 offers quality software development services in the USA, Australia, and many countries. Which offers web and mobile application development, Digital Marketing services, eCommerce solutions, and others.

Contact us +91 8277304174.
Visit us: https://www.commediait.com/