teleren/devto huggingface dataset:
Just wanting to share JSON Resume
Published: 2020-01-28 11:38:14

A project my friend and I built over 5 years ago. We have been making slow progress on updates over the years regardless, a lot of users have derived values as it is in it's current form. 

https://jsonresume.org/

We have a free registry for users to host on if they don't want to self host. And it is based off by using Github's Gist system. 

You can find the quick setup instructions at https://jsonresume.org/blog/5th-birthday-new-features 

Looking for more feedback and ideas about how we could improve the service.
Cloud 9 Install
Tags: cloud9, ide, programming
Published: 2020-01-28 11:29:59

---
title: Cloud 9 Install
published: true
description: A simple to read and run shell script, which basically clones, install and runs the well-known Cloud9 IDE
tags: cloud9, IDE, programming
cover_image: https://l3snh1odsii3hndbd2rovotm-wpengine.netdna-ssl.com/wp-content/uploads/2017/11/aws_cloud9_ide.png
---

In this module we will learn how to run a simple to read and run shell script, which basically clones, install and runs the well-known Cloud9 IDE for multi-language programming and testing. This only works with UNIX Based Operating Systems.

<hr/><br/>

## STEPS
* [Clone Repo](#chapter-1)
* [Run Install Script](#chapter-2)
* [Run After Restart](#chapter-3)
* [Error Logs](#chapter-4)

<hr/><br/>

### 1. Clone Repo <a name="chapter-1"></a>: 
Ok so let's begin this awesome journey by clicking [here](https://github.com/Open-Clonne/scripts/tree/master/cloud9-ide), which will redirect you to the master tree for the python scripts, feel free to use any tool you want to clone or simply click on the download button or you can copy the git clone url and use the `git clone {repo_url}` command if you feeling fancy.

<hr/><br/>

### 2. Run Install Script <a name="chapter-2"></a>: 
After you have successfully cloned the repo, change your directory to the folder and there you will find a file named `c9-install.sh`. This file is what we will run to setup the environment for us. Ok now head to your terminal if you not already there and run this command 
```bash
sudo bash {repo_folder}/c9-install.sh
```
As the command is processing you will get specific feedback on where it has reached. Upon completion the command will boot up the Cloud9 IDE and all you have to do now is to copy the url and paste it in your preferred browser and voila!.

<hr/><br/>

### 7. Run After Restart <a name="chapter-3"></a>: 
Now that you are a pro at running scripts, you are probably thinking of how you are going to boot up your Cloud9 IDE after you reboot your computer... no worries. In the folder you cloned above there is another file named `cloud9.sh`, this is what you can edit and then whenever you reboot you can simply run it from where its located on your computer. Now open this file in your favourite editor, scroll to the end and look for `/var/www`, this uses the absolute path of your project directory, replace this part of the code with your project directory and save. Now put the `cloud9.sh` file anywhere you prefer on your computer. After every reboot simply open your terminal and run 
```bash
sudo bash {cloud9.sh_file_location}/cloud9.sh
```
that's all!, Happy coding!.

<hr/><br/>

### 8. Error Logs <a name="chapter-4"></a>: 
Great!, you are all done and probably coding 1000's of lines of code. Anyway if you have or faced any issues following the steps above that you cannot fix no worries, e-mail <a href="mailto:jeff@jefferyclonne.com">me</a> or visit [my website](http://jefferyclonne.com) and please remember to be thorough in telling me exactly what went wrong, thanks for your time, Happy Coding!

<hr/><br/>
### Code Repo: {% github Open-Clonne/scripts %}
A collection of my favorites DNS servers
Tags: dns, security
Published: 2020-01-28 11:12:17

When you work, especially remotely like me, you need two things: **a fast connection and a secure connection**.
Obviously, for a stable connection, you have to choose the best ISP operator in your zone, but you can optimize the connection with some tips.

The ISP assigns to you a default DNS server and very often it's not the best choice especially regarding the speed.
Luckily, there are many free DNS servers that we can use to speed up the translation from a domain name to an IP address and consequently the speed of the navigation.

# Cloudflare

Maybe it's the most known DNS server on the internet.
It has the best performance and the best privacy levels.

The primary server is 1.1.1.1 and the secondary is 1.0.0.1.
They have also the app for Android and iOS to speed up your mobile connection, as well.

website: https://1.1.1.1

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

# OpenDNS

It's one of the first free DNS servers that appeared on the internet.
It started as an independent company and now it's part of Cisco.
It's good to block phishing sites and web filtering.
About the performance, it's not the best but it's not the worst. 

The primary server is 208.67.222.222 and the secondary is 208.67.220.220.

website: https://www.opendns.com

# Quad9

It's one of my favorite DNS because it's really fast when you work with Office 365 (I don't know the real reason, but I tested it a lot).
The quality of the service is very similar to 1.1.1.1 and it blocks also some malicious domain by default.

The primary server is 9.9.9.9 and the secondary is 149.112.112.112.

website: https://www.quad9.net/

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

# Google DNS

Last but not least. Google DNS is the most used DNS server by people on the internet, just because it's Google. :)
It's a good mix of speed, privacy, and transparency.

The primary server is 8.8.8.8 and the secondary is 8.8.4.4.

## Set the DNS automatically with PowerShell

During the working days, I change the DNS several times to use the best DNS to work on different services.
I created some scripts to switch the DNS on my machine to speed up this operation.
I share it with you and you can find them on my Gist account.

{% gist https://gist.github.com/kasuken/cfd04087e3070a7f8b6a986219d84d24 %}
Which one is better? Adobe XD vs Photoshop
Tags: adobexd, photoshop, webdesign, appdesign
Published: 2020-01-28 11:05:26

Basically, Photoshop and XD are just two products included in Adobe’s ecosystem. Whereas, photoshop is the original in design game while Adobe XD is the new addition to the Creative Cloud.

For many years Adobe Photoshop has been the tool of choice for designers to create Websites, Mobile apps, and UI. Though it is mainly a photo editing software!

The primary use of XD is for UI/UX and Web design. There are many benefits of using XD over Photoshop. Well, both can create wonderful designs but it depends on what kind of work it is.

If you are working on web design which hardly uses any photo editing, then go for Adobe XD. And if you are working on something which has more images to edit, 3d models, clipping paths etc, then Photoshop would be the best.

So, let us discuss why XD instead of Photoshop?
XD is vector based, while Photoshop is raster based. So, while designing it would be easier to draw shapes using vector pencil
Both XD and Photoshop use layers.
Image editing is done using Photoshop, while XD is only meant for UI/UX.
XD provides the Repeat Grid feature, where it will replicate the exact design as many times you want. In Photoshop, there’s nothing like these.

XD also provides prototyping, we can connect the artboards with each other and we can also give the transition effect to the artboards so it gives a real-time scenario on how the design will actually look like. In Photoshop ou would need 3rd party prototyping tools.

While Photoshop does not provide such features. So, it becomes a lot easier with XD prototyping. XD provides all the basic tools as photoshop which are required for Website designing and more than that.

In XD, we can publish a prototype to have a better look and idea of the design and it can be shared with people

Conclusion

So, if you have used Photoshop or Illustrator, then Adobe XD will be very easier to use as it has many similar tools. Adobe XD is lightweight. It works smoothly and the .xd files are 5-10 times smaller than .psd files.

If your only focus is UI/UX then go for XD. It is available for MAC as well as Windows 10.

If you are looking for experienced designer or Team, then you can shoot an email to inquiry@vibidsoft.com or you can call on +91 7016148402
Component Arguments vs HTML Attributes bug hunt
Tags: ember, javascript, regex
Published: 2020-01-28 10:59:52

In Ember Octane together with angle bracket components we got a syntax that allows us to distinguish between [Component Arguments and HTML Attributes](https://guides.emberjs.com/release/components/component-arguments-and-html-attributes/). Which is great, because it allows following syntax:

```hbs
{{!-- app/components/sent-message/avatar.hbs --}}

<Avatar
  @title="Zoey's avatar"
  @initial="Z"
  class="current-user"
/>
```

```hbs
{{!-- app/components/avatar.hbs --}}
<aside ...attributes>
  <div class="avatar" title="{{@title}}">{{@initial}}</div>
</aside>
```

Unfortunately during one of my big refactors I either did a manual mistake or hit a bug in [angle brackets codemod](https://github.com/ember-codemods/ember-angle-brackets-codemod) and suddenly I got a code:

```hbs
<Comments @postId={{this.model.id}} pageSize={{50}} />
```

Where `pageSize` should have been a `Component Argument`, i.e: prepended with an "at" symbol:

```hbs
<Comments @postId={{this.model.id}} @pageSize={{50}} />
```

Since the change in the codebase was huge and test coverage is not great, I was thinking about a way to _easily_ uncover such a mistake. The requirements were:

1. Quick & easy solution that _anyone_ can run.
2. No 100% solution needed, just a sanity check.
3. Ignore known HTML attributes. In my example `class`.

I came up with following solution, which needs [ripgrep](https://github.com/BurntSushi/ripgrep) or any grep with _negative lookahead_ capability (not available in native OSX grep):

```sh
❯ rg -t hbs --pcre2 '<[A-Z][A-Za-z:]*[^>]* ((?!class)[^ @]*)=[^>]*'

app/post/comments/template.hbs
22:<Comments @postId={{this.model.id}} pageSize={{50}} />
...
```

So it seems to do it's job. Playground available on [regex101](https://regex101.com/r/QoKOOm/1). If you have an idea to improve this, please let me know, I am happy to update.
Floating gradient polygons
Tags: codepen
Published: 2020-01-28 10:57:00

<p>If you like this demo or my work in general, you can support it with a gift to keep me afloat:</p><p><a href="https://amazon.com/hz/wishlist/ls/2Y3C4722GXH0I">🎁🇺🇸</a></p><p><a href="https://amazon.co.uk/hz/wishlist/ls/2I25W7U0KADSR">🎁🇬🇧</a></p><p>Inspired by <a href="https://www.shutterstock.com/video/clip-1015806742-background-abstract-geometrypolygon-art-wallpaper-2d-animation">this Shutterstock video</a>.</p><hr><p>Dedicated to the memory of someone dear who passed away in January 2019.</p>

{% codepen https://codepen.io/thebabydino/pen/vYEPdLx %}
How to Scrape a website using PHP?
Tags: php, scraping, crawling, webcrawling
Published: 2020-01-28 06:38:04

Hey Guys, Today I will tell you how you can scrape a website using PHP language. To scrape a website using PHP you need to include [simple_html_dom.php](https://goo.gl/VzWSmd) file in your PHP file. This file contains predefined functions to parse the html website or to search through the tags of that site. Keep in mind Scraping a website without the site’s permission can be considered illegal.


*This post is just for Educational Purpose.


First choose the website and the data on it which you want to Scrape. Here I am taking the example of [AndroidHeadlines.com](https://androidheadlines.com) site. From it we are going to scrape the Latest Headlines.

![AndroidHeadlines Site Screenshot](https://miro.medium.com/max/1152/1*Pvbd5i2iGJSUo3C1yHqfvQ.png)




###**Step 1 : First you need to start the PHP tags–**

{% gist https://gist.github.com/Ganofins/d5bb73a99e1e724dbbbaccf7a0798ae9.js %}



###**Step 2 : Second include the simple_html_dom file in your PHP code and place that file into the same folder –**

{% gist https://gist.github.com/Ganofins/cfff2f1b32604f894da2702c3b469dea.js %}


###**Step 3 : Now create a variable which will contain a method named as file_get_html (this method will create the Document Object Model for the URL provided by the user inside it’s parenthesis) –**

{% gist https://gist.github.com/Ganofins/3031a2f55fb51b84b9a1c0ff13562f5d.js %}


###**Step 4 : Now by using the variable $html, we can find the site’s tag. So let’s find the tag which contains all the latest posts. For finding the tag inside the $html variable we will use find() function –**

![AndroidHeadlines Screenshot with inspect elements](https://miro.medium.com/max/2049/1*BRZkdiL_T97_QnEPQVy2iw.png)

{% gist https://gist.github.com/Ganofins/ec8ac36059c63886296fa53474e3d5bd.js %}


###**Step 5 : As we only want to scrape the title of the headline and there being multiple headlines, we need to create an array to store all these headlines –**

{% gist https://gist.github.com/Ganofins/6e77a37f08079e2eba1f497575b59c65.js %}


###**Step 6 : Now we are going to find the tag which contains the title of the headline. As you can see the span tag contains the title. So, just scrape it and don’t write any index at the end. Now we can directly save it to our titles array –**

![AndroidHealines Screenshot](https://miro.medium.com/max/2049/1*kgJj80NHHMZVQeSRWThurA.png)

{% gist https://gist.github.com/Ganofins/db38c2f2bc5da3f1aa21c00ebd072e1b.js %}


###**Step 7 : Now to print the array titles use foreach or any other loop –**

{% gist https://gist.github.com/Ganofins/21d5ed1cd39679c4eeb21493a1d2256f.js %}


###**Step 8 : Finally, You’ll obtain the scraped data as output in the following manner –**

![Scrapped Array Result](https://miro.medium.com/max/2049/1*Sr7Vt6KjBm1T3zu2f5CpRQ.png)


I hope now you know how to actually scrape data from a website. Feel free to ask any question.

Don't forget to visit my blog to get more posts like this [ganofins.com](https://ganofins.com/blog)
How to utilise keywords in your CV - Part B
Tags: career
Published: 2020-01-28 10:36:15

It's #TipTuesday - my new little mini series where I share little things that can make a big difference in helping you to secure as many interviews as possible and not get lost in the mix.



Tip number 3 is Keywords Part B



There are thousands of CVs on every job board. You may have learnt from Keywords Part A (https://dev.to/itsashleighhyo/utilising-keywords-in-your-cv-2ek5) that Recruiters utilise boolean search strings to filter through relevant skillsets, but did you know the job boards also help by weighting those search results?


So many people include a “technical skills” section at the top of their CV where they include all of the technical skills they have instead of adding each skill under each job.


Suprisingly, that actually puts you at a disadvantage because it doesn’t just matter what keywords you include in your CV but how often you mention them – i.e, the more times you mention “python”, the higher up your profile will land in a Python search string.


Only including your technical skills at the job of your CV also removes the context in which the tool / language was used, which could inadvertently make you look less experienced than you really are.


Your best bet would be to double up – have a technical skills section at the top of your profile and go into detail about what you used each tool / language / framework etc for under each and every role you used it 🤗


Let me know if you found this helpful and what you’re struggling with that I could potentially help unravel in future #TipTuesdays


If you missed the first #TipTuesday, you can find it here - https://www.linkedin.com/posts/ashleighlroberts_tiptuesday-tiptuesdays-cvtips-activity-6622786882063343617-aozB/
The Secret: Kubernetes Secrets and AWS SSM
Tags: devops, security, tutorial, aws
Published: 2020-01-28 10:36:13

Kubernetes and secrets is always a difficult problem. I've got a super simple solution using AWS SSM today that we can use during our CI/CD pipeline to inject our secrets into our services. This is so simple and quick, that you might miss it, so I'll get to it.

First, log into AWS and open up Systems Manager. Go to Parameter Store, and create a new Parameter. The parameter type needs to be `SecureString`, feel free to name it whatever you like; I like to go with `/<cloud_provider>/k8s/<application>/<environment>`. Add the contents of `secret.yaml` as the parameter's value.

```
apiVersion: v1
kind: Secret
metadata:
  name: wp-secrets
  namespace: wp-custom-domain
data:
  wordpress_db_password: QXdm .. mRUg=
```

Secondly, jump into your CI configuration and add the following as a step prior to creating your Kubernetes Deployment.


```
# create secrets
# /do/k8s/$APP_TYPE/$CI_ENVIRONMENT_NAME
aws ssm get-parameters-by-path \
  --path "/${CLOUD_PROVIDER}/k8s/${APP_TYPE}/" \
  --query "Parameters[?Name==\`/do/k8s/${APP_TYPE}/${CI_ENVIRONMENT_NAME}\`].Value" \
  --with-decryption --output text | kubectl apply -f -
```

Finally, configure your Deployment spec to include the value of the secret using the `valueFrom` directive.

```
spec:
  containers:
  - name: wordpress
    image: _/wordpress:5.3.2
    env:
    - name: WORDPRESS_DB_PASSWORD
      valueFrom:
         secretKeyRef:
           name: wp-secrets
           key:  wordpress_db_password
```

The only thing you need to do now is run your CI Deployment and your secrets will be available in Kubernetes! See, I told you it was simple! This is a simple, yet effective way to deploy secrets into your environment while keeping them out of source code.
Branding
Tags: trademark
Published: 2020-01-28 06:29:58

Pendaftaran merek secara online yang kuat membantu pelanggan tahu apa yang diharapkan.
Sebuah merek yang konsisten dan jelas membuat pelanggan merasa nyaman karena mereka tahu persis nama olshop yang bagus dan menarik apa yang diharapkan <a href="https://patendo.com/cara-membuat-merek/">cara membuat merek produk</a> setiap kali mereka mengalami merek tersebut.

Merek Anda mewakili Anda dan janji Anda kepada pelanggan Anda.
Penting untuk diingat bahwa merek nama online shop di facebook Anda mewakili Anda. Anda adalah merek, staf Anda adalah merek yang bagus, materi pemasaran Anda adalah merek.

Apa yang mereka katakan tentang Anda, dan apa yang mereka katakan tentang apa yang akan Anda berikan (janji) pendaftaran merek secara online kepada pelanggan?

Merek Anda membantu Anda menciptakan cara membuat merek produk kejelasan dan tetap fokus.
Sangat mudah untuk berkeliling dari satu gagasan ke gagasan lain tanpa ada yang nama olshop yang bagus dan menarik memandu Anda tidak butuh waktu lama untuk menjadi jauh dari tujuan atau rencana awal Anda.

Strategi <a href="https://patendo.com/merek/">pendaftaran merek secara online</a>  yang jelas membantu Anda tetap fokus pada misi dan visi Anda sebagai sebuah organisasi.

Merek Anda dapat membantu Anda menjadi strategis dan akan memandu upaya pemasaran Anda menghemat waktu dan uang.

Merek Anda membantu Anda terhubung dengan cara membuat merek menarik produk pelanggan secara emosional.
Merek yang baik terhubung olshop dengan <a href="https://patendo.com/nama-olshop-onlineshop/">nama online shop di facebook</a> orang-orang nama online di tingkat emosional, dan mereka merasa senang ketika mereka membeli merek.

Membeli nama di facebook adalah pengalaman emosional dan memiliki merek yang kuat membantu orang merasa baik pada tingkat emosional ketika shop mereka terlibat dengan perusahaan.

Merek secara online yang kuat memberikan nilai bisnis Anda.
Merek yang kuat akan memberikan nilai bagi organisasi Anda jauh melebihi merek produkaset fisik Anda.

Pikirkan tentang merek nama online shop di facebook yang Anda beli pendaftaran (merek Coca-Cola, Wrangler, Apple, Ford, Chick-Fil-A, QuikTrip)apakah perusahaan-perusahaan ini benar-benar bernilai peralatan, produk, gudang, atau pabrik mereka?

Tidak, perusahaan-perusahaan ini bernilai jauh cara membuat lebih dari aset fisik mereka merek mereka telah menciptakan <a href="https://patendo.com/nama-olshop-onlineshop/">nama olshop yang bagus dan menarik</a>  nilai yang jauh melebihi nilai fisik mereka.
Bootstrap 4 HTML snippets growing library
Tags: webdev, bootstrap, html, css
Published: 2020-01-28 09:58:26

Yesterday I posted [free Bootstrap templates](https://dev.to/bootstraptor/free-starter-bootstrap-website-templates-landing-pages-to-save-hours-on-your-next-website-creation-12f6" free Bootstrap templates") here and got a good response. 

I see that there is quite a lot 🔥 of interest here.

So, therefore, today I decided to post another small side project which I hope will also be useful for the Dev.to community.

There are also several projects with Bootstrap snippets, but however, I did not find clean code and useful ones.

And the main point is to give the most popular and most often used snippets for websites and landing pages(which I myself use every day)



And before we dive in, be sure that you follow me on  [ Twitter ] ( https://twitter.com/bootstraptor ) and [ Instagram ] ( https://www.instagram.com/bootstraptor_com/) so you never miss:
- My New Templates
- Useful Tools
- Updates 
- as well as insane deals on web design resources, 
- HTML and Wordpress Bundles + website builders

#### So take a look at a few previews:


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

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/asp09k36zii92voqf1fe.png "Bootstrap snippet")
---
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/tkhoe1st6bz1l9hlbgwc.png "Bootstrap snippet")

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

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

---
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/nsjuzme3zddv0p3pwn6o.png "Bootstrap snippet")
---
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/vxfcyzsb0m0od9z462mw.png "Bootstrap snippet")



Here's the link [Bootstrap 4 HTML snippets growing library](https://bootstraptor.com/snippets/" Bootstrap 4 HTML snippets growing library")

I am also currently 💪 working on increasing the number of Bootstrap snippets. 

🙏 I will be glad to hear your wishes and suggestions in the comments. 

What snippets would you like to see in future updates?



Follow me on  [ Twitter ] ( https://twitter.com/bootstraptor ) and [ Instagram ] ( https://www.instagram.com/bootstraptor_com/) so you never miss:
- My New Templates
- Useful Tools
- Updates 
- as well as insane deals on web design resources, 
- HTML and Wordpress Bundles + website builders
Free e-book: Why businesses need product discovery workshops
Tags: books, startup, tutorial
Published: 2020-01-28 09:56:27

##When it comes to building and launching a new product, the process can be extremely complex and require a lot of planning.

![Discovery Workshop Ebook Front Page](https://www.bornfight.com/wp-content/uploads/2019/12/bornfight_blog_ebook_product_discovery_workshop_facebook-scaled.jpg)

As it is crucial to plan the initial project setup the right way, we wrote an e-book to help guide businesses through the whole planning process.

This e-book is a quick start guide to understanding product discovery workshops that will help your business launch better software, applications and digital solutions.

Its main focus is explaining the ins and outs of product discovery workshops and presenting their structure.

**What can you learn from this e-book?**
1. What is product discovery
2. Key benefits of product discovery for businesses
3. How are product discovery workshops structured

To become an owner of the full e-book, [VISIT OUR WEBSITE] (https://www.bornfight.com/resources/why-businesses-need-product-discovery-workshops/?utm_source=devto&utm_medium=social&utm_campaign=ebook_b_2020&utm_term=ProductDiscoveryWorkshop) and download for free.