teleren/devto huggingface dataset:
Learn How To Deploy Angular app on Github
Tags: angular, javascript, github
Published: 2020-01-16 16:53:10

As you are reading this post then you might become exciting to know about how very easily you can deploy ur angular application over Github. so before you move forward I’m assuming that you might have Github account already and must have the basic knowledge of angular application at least you done the angular setup on your machine.

So we will go step by step by assuming you right now don’t have any kind of project ready yet so we will start from the beginning of project creation.

<h1>1) Create an Angular App</h1>
To create a new workspace and initial starter app:
Open cmd and Run the CLI command ng new and provide the name my-app, as shown here

```ng new my-app```

and it will open your browser directly with default template as shown below


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

So we successfully did the application creation part 😃

<h1>2) Create a Github Repository</h1>

Create a new repository on GitHub.


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

Once you click on create repository button you will see the command to push your local project into GitHub and To avoid errors, do not initialize the new repository with README, license, or gitignore files.

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

so we finally push our newly created project on Github 😃

<h1>3) Install GitHub page package</h1>

Add angular-cli-ghpages to your project by entering the following command on cmd.

```npm i -g angular-cli-ghpages --save```

once all installation is getting complete next you have to build the app by the following command.

```ng build --prod --base-href "https://username.github.io/repository_name/"```

In my case, it could be

```ng build --prod --base-href "https://mayurkadampro.github.io/Angular_deploy_demo/"```

lastly, enter the below commands which creates a new branch called gh-pages and pushes the compiled code to the branch.

```ngh --dir=dist/[project-name]
OR
angular-cli-ghpages```

so we also upload the build over a Github.
Once we did that thing also then you ready to see your beautiful website over Github now you navigate to the URL to see the project running, it might take a few minutes for the app to become live. 😇

<h1>Still, Confuse ?? Then Check out below video</h1>

{% youtube 8Mle8owZ3_4 %}

Here is deployed angular project which is hosted to GitHub -https://mayurkadampro.github.io/Angular_deploy_demo/

also, you can check your gh-pages -https://github.com/mayurkadampro/Angular_deploy_demo/tree/gh-pages

That’s it 🙂
hope you get it how very easily you will deploy your project over Github. if you have any queries then you can comment out also I will happy to respond to your query.
I'm speaking at QueerJS Cologne!
Published: 2020-01-16 16:48:30

**I'm excited to announce that next month, I will be giving a talk at QueerJS Cologne!**

The talk will be focused around how to make accessibility an important topic of discussion at your workplace, and why you should try to do so.

I felt motivated to give this talk because I believe that accessibility isn't given the focus it deserves at most workplaces, which can lead to many disabled people missing out on the technology built at such workplaces, and all the experiences which go along with it.

I don't want to give too much away about the talk for now, but stay tuned for another blog post following the event!
One liner operations on Arrays
Tags: javascript, es6, arrays, 1minjs
Published: 2020-01-16 16:38:35

---
title: One liner operations on Arrays
published: true
description: This post covers the useful snippets for operations on 2 arrays
tags: javascript,es6,arrays,1minjs
cover_image: https://thepracticaldev.s3.amazonaws.com/i/rg0ah7wg86n8xy8knmwi.png
---

## Introduction
- This post covers the useful snippets for operations on 2 arrays. 
- An array is considered as a set in mathematical terms throughout this post
- Assumptions:  
  - Arrays are not nested
  - There are 2 arrays named `arrA` and `arrB` 
    ```javascript
    const arrA = [2,4,6,8,10];
    const arrB = [3,6,9,10];
    ```
### Intersection of 2 arrays ( A ∩ B)
```javascript
const intersectionOfArrays = arrA.filter(el => arrB.indexOf(el) !== -1);
 // [6,10] 
```  
### Elements Unique to ArrayA  (A-B)
```javascript
const uniqueToArrA = arrA.filter(el => arrB.indexOf(el) === -1);
// [2,4,8]
```

### Elements Unique to ArrayB (B-A)
```javascript
const uniqueToArrB = arrB.filter(el => arrA.indexOf(el) === -1);
// [3,9]
```

### XOR of Arrays A and B (A ^ B)
```javascript
const xorOfAandB = uniqueToArrA.concat(uniqueToArrB);
// [2,4,8,3,9]
```

### Union of Arrays A and B (A U B)
```javascript
const unionOfAandB = arrA.concat(arrB);
// [ 2, 4, 6, 8, 10, 3, 6, 9, 10 ]
```
## Conclusion

- There are several libraries out there (eg: Lodash) that do these operations efficiently.
- But these snippets come in handy when you are working on pet projects that donot generally need the overhead of the libraries
How can you get people to respond to a sales email after no response 
Tags: startup
Published: 2020-01-16 16:32:11

So, you keep sending follow-ups to your prospects, but get no answers? I’m sure time-honored email marketing can still offer a tremendous return, and there are many good practices for reigniting the conversation. I’d highlight 3 key tips we’ve found most effective. 

1) Be strategic with your follow-up emails. Your headline might be catchy and  CTA may be effective. If there’s no answer, sometimes it’s just not a good time for a prospect, so you should keep trying. But it’s important to fine-tune frequency and the number of follow-up touches. Building a mindful follow-up sequence can be very rewarding.  

2) Personalize your message. There’s no doubt that making a message more suitable for a particular person increases the chances of getting a response. People love attention and no one wants to feel like just another potential client. Luckily, there are many customization tools on the market that allow you to personalize texts, images and even videos in your emails to build warmer relationships with prospects. 
 
3) Think out the box. Despite information overload, people read and even enjoy unexpected and unusual content in their inboxes. Let your imagination soar to compile friendly, engaging and maybe even humorous letters. No matter if you’re writing about [healthcare app development] (https://riseapps.co/healthcare-app-development-what-you-need-to-know/) or enterprise document management system. 

As an example, not long ago we sent a light-hearted follow-up to a person who didn’t reply to us for over two weeks. We got an immediate and promising answer in just 15 minutes. 

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

You don’t have to be hilarious in your follow-ups. The key is to allow your emails to be unusual and a little bit amusing.  

If you're ready to write your own ways, just do it in comments!

Love, Catarina
auto posted from github 239001
Tags: devto, autopost, github
Published: 2020-01-16 16:31:56

---
published: true
title: 'auto posted from github 239001'
cover_image: 'https://raw.githubusercontent.com/maxime1992/my-dev.to/master/blog-posts/manage-dev-to-blog-posts-with-continuous-deployment/assets/github-travis-dev-to.png'
description: 'autoposted from github 239001'
tags: devto, autopost, github
series:
canonical_url:
---

THIS TEXT IS FROM GITHUB

# head 1

## head 2

### head 3

to get the article id you need to type `+$('div[data-article-id]').getAttribute('data-article-id');` in the console
autoposted from github 239000
Tags: devto, autopost, github
Published: 2020-01-16 16:31:46

---
published: true
title: 'autoposted from github 239000'
cover_image: 'https://raw.githubusercontent.com/maxime1992/my-dev.to/master/blog-posts/manage-dev-to-blog-posts-with-continuous-deployment/assets/github-travis-dev-to.png'
description: 'autoposted from github 239000'
tags: devto, autopost, github
series:
canonical_url:
---

# Head 1

Hey, some text!

## Head 2

Hey some images !

![alt image text](https://ik.imagekit.io/0h2y0y2rw/Screenshot_2020-01-13_Welcome_to_Traffic_England_dtHMkHSlS.png)

![alt image text](https://ik.imagekit.io/0h2y0y2rw/Screenshot_2020-01-16_confs_review_-_pick_your_next_conf_with_ease_2isxV5wjy.png)

![alt image text](https://ik.imagekit.io/0h2y0y2rw/Screenshot_2020-01-09_OpenFlights_org_Flight_logging__mapping__stats_and_sharing_Brf0lx_LB.png)
Zero to Kubernetes: Learn Kubernetes from Beginner to Advanced
Tags: kubernetes, devops, tutorial, beginners
Published: 2020-01-16 16:14:36

You've heard of **Docker** and **Kubernetes**, and you can tell that they are the next big thing to learn.

You want to master **Kubernetes**, but where should you start?

Enter Zero to Kubernetes: a step-by-step course on how to architect, develop and deploy applications in Kubernetes.

This course walks you through the full path from coding an application to deploying it to a production-grade Kubernetes cluster.

## You will learn how to

- Write a note-taking application in Node.js or Java
- Package the app as a Docker image
- Deploy the containerised application to a local Minikube cluster
- Refactor your application to make it stateless and scalable
- Deploy the improved application to a production-grade Kubernetes cluster on AWS

## This workshop is for

- Docker and Kubernetes beginners
- Developers who build and architect cloud-native applications
- DevOps and system administrators

## Prerequisites

- Java or Node.js installed
- Minikube and kubectl
- Docker
- Git, curl

This workshop is Windows, macOS and Ubuntu friendly.

You will be using the Learnk8s Academy for this workshop. You will need a valid email address to access the content.

{% youtube W7GvIBPuAfs %}
🔥How to Make People Speak on your Behalf?🔥
Tags: discuss, growth, showdev
Published: 2020-01-16 16:31:26

---
title: 🔥How to Make People Speak on your Behalf?🔥
published: true
description: Discussion to influence others to speak on your behalf positively?

tags: #discuss #growth #showdev
---


I read the post titled, ["Who is Speaking On your Behalf"](https://dev.to/unicodeveloper/who-is-speaking-on-your-behalf-2c5e) by Prosper Otemuyiwa and it got me thinking throughout yesterday.


Many questions came to my mind. 


I tried answering many of the questions but everything ended in dreadlock in my head as I tried to find ways to help others influence people to speak on their behalf.


I believe this discussion should be extended.


And I am extending it by asking this question:


#How can you make people speak on your behalf positively?
Export test run order when using ember-exam
Tags: javascript, ember, testing
Published: 2020-01-16 16:28:51

One of the features of [ember-exam](https://ember-cli.com/ember-exam/) is that it will allow you to run your tests in *random order*. Which is great to uncover code that is leaking state in your application or tests.

Leaking state is tricky to uncover because it will stay hidden for most of the time, until something changes. In my case the change is usually caused by different order of tests being run. And therefore the state of one component / test starts leaking into other test run.

My primitive strategy is to take the test that started `$suddenlyFailing` and look at all tests that ran **before**. One of them has to be the offender. This creates our initial `$offendingList`.

The nice way to find the order of tests is to print to the console when one is starting / finishing. To do that, just add to your `tests/test-helper.js`:

```js
import Application from '../app';
import config from '../config/environment';
import { setApplication } from '@ember/test-helpers';
import QUnit from 'qunit';
import { start } from 'ember-qunit';

setApplication(Application.create(config.APP));

// START custom code
QUnit.on( 'testStart', function( data ) {
  console.log( 'Start: ' + data.fullName );
} );
QUnit.on( 'testEnd', function( data ) {
  console.log( 'End: ' + data.fullName + ' ---- ' + data.status );
} );
// END custom code

start();
```

As a bonus exercise you can run `ember exam --random=[SEED]` several times for different values of `SEED` and remove from the `$offendingList` all the tests:
 - that ran **before** `$suddenlyFailing` in the case when our test **did not** fail
 - that ran **after** `$suddenlyFailing` in the case when our test **did fail**
Javascript - predict operation result
Tags: challenge, javascript
Published: 2020-01-16 16:27:13

Sorry for this may be well-known for some people, especially professional JS devs. But JS is so widely used in projects that I expect some others (like me) may find some results surprising.

**Predict (try) result of operations** (including type!) of few following expressions - and then check yourself (e.g. in browser console).

1. `"5" + 3`
2. `"5" - 3`
3. `[] + 2`
4. `{} + 2`
5. `[] - 2`
6. `{} - 2`
7. `[] + 2 == 2 + []`
8. `{} + 2 == 2 + {}`
9. `{} + []`
10. `[] + {}`

Post in the comment, well... No answers (everyone can check)... Post how many you've guessed. And which is the most confusing in your opinion.

Few are obvious so hopefully your result would be non-zero. No sense to cheat, we are not in interview or exam - just have fun! :)
Angular 9 Realtime Chat Example with Node.js, Socket.io and WebSocket
Tags: angular, node, socketio, websocket
Published: 2020-01-16 16:14:10

---
title: Angular 9 Realtime Chat Example with Node.js, Socket.io and WebSocket
published: true
description: In this tutorial, we'll learn how to build a real-time app with Angular 9/8, Socket.IO, and Node.js
tags: angular, nodejs, socketio, websocket
---

Throughout the tutorial, we'll be learning how to create a real-time chat app with Angular 9, Socket.IO, and Node.js.

Socket.IO primarily uses the WebSocket protocol to enable real-time bidirectional communication.

WebSocket is the internet protocol that allows for full-duplex communication between a server and clients. The server may send data to a client without the client initiating a request.

Let's see how to create a simple chat server with socket.io and WebSockets.

These are the steps of our tutorial:

Step 1 -- Creating the Chat Server
Step 2 -- Initializing the Angular 9 Project
Step 3 -- Installing the Socket.IO Wrapper
Step 4 -- Importing SocketIoModule
Step 5 -- Creating an Angular Chat Service
Step 6 -- Creating the Chat UI
Step 7 -- Serving the Chat Front-End

Read the [tutorial](https://www.techiediaries.com/angular-9-realtime-chat-example-with-nodejs-socketio-and-websocket/)
github stargazing
Tags: github, hobby, rating
Published: 2020-01-16 16:00:18

another craze (followong on from "api spotting") ive just discovered "github stargazing"

https://github.com/osde8info?tab=stars

see also

* https://dev.to/carlillo/how-to-reach-your-goals-1000-github-stars-in-the-first-open-source-software-337h
* https://dev.to/beaussart/so-ive-been-sorting-my-github-stars-a20
* https://dev.to/unbug/good-news-my-project-got-8k-github-stars-4of0
* https://dev.to/kball/github-stars--usage-react-is-still-blowing-vue-and-angular-away-2kk5
I am not a 'Full Stack Dev', I am a Software Engineer aka: (programmer technician).
Tags: design, webdev, ux
Published: 2020-01-16 15:56:07

How many times have you heard the term thrown around by recruiters and hiring managers? And why would you want that unless they were literally your only developer and they are able to keep the lights on and add some functionality to existing applications here and there, what is wrong with that? Now, when you have a fully staffed development team, would you really want a full-stack developer or a Software Engineer who is either an expert in database, back-end/logic or your designer for whom is the UI expert? 

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

I am creating this post because for too long the term full-stack has been thrown around and I honestly don't think the hiring managers and recruiters know what they are talking about half the time. In your opinion, what do you think about using the term and does it affect us negatively or positively? That could more less depend on the job description and company/team.

Would like to hear your thoughts on this ever growing topic and who thinks themselves as 'full-stack' or a Software Engineer. Another term that has been propagating lately is Programmer Technician and this arises as the industry continues to grow and like automotive industry as more cars hit the road the more mechanics we need and the same goes for computers and software/application development.

Thanks for reading and hope to get some feedback. Code Hard!
an ABC for dev's and webdev's
Tags: dev, webdev
Published: 2020-01-16 15:31:15

I'm sure everyone has seen [Glengarry_Glen_Ross](https://en.wikipedia.org/wiki/Glengarry_Glen_Ross_(film)) so i guess the motto for devs should Always Be Cloning or should that be Always Be Forking !

todays 'task' was to generate a desktop side rendering (DSR) app to  compress (uglify) some HTML & CSS that could be served from github to fast.io

after searching github for a bit i managed to fork an existing project that almost did what i wanted and as promised in earlier posts you can see the results here
https://github.com/osde8info/osde8info-node-jest
and here
https://osde8info.imfast.io/

if you clone/fork it make sure to login to fast.io and set the ROOT dir to `/bundler/test_data/dist` otherwise you will see nothing

all i need to do now is work out how to fix these JS bugs
```
Content Security Policy: Ignoring “'unsafe-inline'” within script-src: ‘strict-dynamic’ specified
Content Security Policy: Ignoring “https:” within script-src: ‘strict-dynamic’ specified
Content Security Policy: Ignoring “http:” within script-src: ‘strict-dynamic’ specified
```
Git cheatsheet inside VS Code
Tags: vscode, git, beginners, showdev
Published: 2020-01-16 15:28:03

This post was originally published on [my blog](https://dzhavat.github.io/2020/01/15/git-cheatsheet-inside-vs-code.html).

---

This has been long overdue.

Many developers, myself included, have a Terminal open inside VS Code where we run different Git commands. Oh, you do as well? I knew it! It happens sometimes that we need a particular command but don’t really remember it. What do we do in that situation? That’s right, **we switch context**! We leave the code editor just to be distracted by something else. And when we eventually come back with the answer, we also cary with us a bag of distractions.

Many of us also have our favorite Git cheatsheets that we consult in case of a need. And they come in all kinds of formats - bookmarks, printed on coffee/tea mugs, mouse pads, wall posters, socks, saved in pdfs, docs, written down on paper, sticky notes and what not. 

We have our Git cheatsheets in all sorts of places but not in the most obvious one - INSIDE THE EDITOR.

So I’m here to bring some good news! 🎉

I made an extension that lets you open a [Git cheatsheet inside VS Code](https://marketplace.visualstudio.com/items?itemName=dzhavat.git-cheatsheet)! 🚀

Here’s a little demo.

![Demo of Git cheatsheet inside VS Code](https://thepracticaldev.s3.amazonaws.com/i/o9u4efibxj1g3tvin56c.gif)

Now you can have it right there where you most need it. You open it, you find your command, you continue your work. How easy is that? Of course, the bag of distractions is not included.

Currently there’s only one way to open it:

* By pressing `Ctrl+Shift+P` (Win, Linux) / `Cmd+Shift+P` (Mac) and searching for the `Open Git Cheatsheet` command.

If you use Git and VS Code, please [give it a try](https://marketplace.visualstudio.com/items?itemName=dzhavat.git-cheatsheet). I hope you find it useful.
HTML5 Skeleton: A Basic Template File
Tags: html
Published: 2020-01-16 15:15:07

Why & What?

HTML5 Skeleton is basically a boilerplate, because we developers do NOT want to use a blank html file to start with, we’ll use a already-made boilerplate.

Just like writers get the writers block, you might get a “developers block“.

So here’s how to create one:

If you are using Visual Studio code (VS Code) then it’s pretty easy. Just use the keyboard combination: (place cursor on the first line) " ! + Enter " and that will generate a HTML5 skeleton for you.

The Boilerplate
<a href="https://insiderable.com" rel="dofollow">Jobs, TSPSC, Notifications, Recruitment, Admit Cards, TSPSC</a>
If you just want to copy/paste, Here’s the code:

```html
<!DOCTYPE html&gt;
<html lang="en"&gt;
<head&gt;
    <meta charset="UTF-8"&gt;
    <meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    <meta http-equiv="X-UA-Compatible" content="ie=edge"&gt;
    <title&gt;Document</title&gt;
</head&gt;
<body&gt;
     
</body&gt;
</html&gt;
```

Originally written at <a href="https://brainly.to/html5-skeleton/" target="_blank" rel="dofollow">Brainly</a>
Daily Challenge #164 - Jump
Tags: challenge
Published: 2020-01-16 15:08:47

---
title: Daily Challenge #164 - Jump
published: true
series: Daily Challenge
description: Learn how to play Jump, a simple single-player game. 
tags: challenge
---
###Setup
Jump is a simple one-player game:

You are initially at the first cell of an array of cells containing non-negative integers;
At each step you can jump ahead in the array as far as the integer at the current cell, or any smaller number of cells. You win if there is a path that allows you to jump from one cell to another, eventually jumping past the end of the array, otherwise you lose.

###Examples
For instance, if the array contains the integers
[2, 0, 3, 5, 0, 0, 3, 0, 0, 3, 1, 0],
you can win by jumping from 2, to 3, to 5, to 3, to 3, then past the end of the array.
You can also directly jump from from the initial cell(first cell) past the end of the array if they are integers to the right of that cell.

E.g
[6, 1, 1] is winnable
[6] is not winnable
Note: You can not jump from the last cell!
[1, 1, 3] is not winnable
###Tests

canJump([5])
canJump([2, 5])
canJump([3, 0, 2, 3])
canJump([4, 1, 2, 0, 1])
canJump([5, 0, 0, 0]) 
canJump([1, 1])

Thanks for reading! Have fun.

***
_This [challenge](https://www.codewars.com/kata/594fae1a0462da7beb000046) comes from kodejuice on CodeWars. Thank you to [CodeWars](<https://codewars.com/>), who has licensed redistribution of this challenge under the [2-Clause BSD License](<https://opensource.org/licenses/BSD-2-Clause>)!_

_Want to propose a challenge idea for a future post?  Email **yo+challenge@dev.to** with your suggestions!_
A Case Study of a Confidential Custom CRM Project
Tags: startup
Published: 2020-01-16 15:02:52

CRM for business helps companies manage their customer relations. It logs all interactions, store all contact information and provides detailed analytics. 

This is crucial for any organization but especially for ones dealing with large amount of data. For example, traders and brokers.

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

We want to share with you our project for such a client. Also you can have a look into how we operate!

Financial software is essential for maximizing profits and keep a competitive edge.

We offer free custom CRM consultancy services to help you decide what is best for you.

Learn more about us on https://digitalskynet.com
How to Use Laravel Cache For Quick Load Time
Tags: laravel, cache
Published: 2020-01-16 14:36:53

In this tutorial we're going to look at the basic usage of the Laravel cache. The use of Laravel cache , its makes our site more faster than only use of query builder. In this tutorial we will see how we can implement laravel cache mechanism in our application. 

https://www.codechief.org/article/how-to-use-laravel-cache-for-quick-load-time