teleren/devto huggingface dataset:
Ionic Adding Pages
Tags: ionic
Published: 2020-07-05 07:48:01

What is an App without any pages?

Not much right, unless you are the person that made that [million-dollar app](https://en.wikipedia.org/wiki/I_Am_Rich) back in the day.
So today we'll, be looking into adding some pages to our application.

## Ionic Generator

Luckily we don't have to create the page and link it manually.
Ionic comes with an awesome generator.
We can easily create a page using the following command.

```bash
ionic generate <type> <name>
```

So for the page:

```bash
ionic generate page contact
```

This generates the page and automatically adds it to our routing file.

## Navigation to this Page

So let's create a button on our first tab, which will link to this page.

Open up `tab1.page.html` and add the following piece of code above `<app-explore-container name="Tab 1 page"></app-explore-container>`

```html
<div class="button-container">
  <ion-button (click)="goToContact()">Contact</ion-button>
</div>
```

As you can see we define an ion-button with a click action which we will make in the `ts` file.

Then we add some `SCSS` in `tab1.page.scss`

```css
.button-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80%;
}
```

Now open then `tab1.page.ts` file and add the click function:

```js
import {Component} from '@angular/core';
import {NavController} from '@ionic/angular';

@Component({
  selector: 'app-tab1',
  templateUrl: 'tab1.page.html',
  styleUrls: ['tab1.page.scss']
})
export class Tab1Page {
  constructor(private navCtrl: NavController) {}

  goToContact() {
    this.navCtrl.navigateForward('contact');
  }
}
```

We are using the `NavController` and navigate forward to our `contact` page. This page is set up in our router by the generator.

## Back to home

Of course, we want to be able to go back to our home app with the tabbar.

We can use the following `HTML` inside `contact.page.html`

```html
<ion-content>
  <div class="button-container">
    <ion-button (click)="goBack()">Back</ion-button>
  </div>
</ion-content>
```

Then add the following `SCSS` to `contact.page.scss`:

```css
.button-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
```

Then we make the goBack function in `contact.page.ts`:

```js
import {Component, OnInit} from '@angular/core';
import {NavController} from '@ionic/angular';

@Component({
  selector: 'app-contact',
  templateUrl: './contact.page.html',
  styleUrls: ['./contact.page.scss']
})
export class ContactPage {
  constructor(private navCtrl: NavController) {}

  goBack() {
    this.navCtrl.pop();
  }
}
```

There you have it, run `ionic serve` and we should see our contact button on our first tab, and be able to navigate to the contact page and back.

You can view this code on [Github](https://github.com/rebelchris/ionic-app/tree/article/adding-pages).

### Thank you for reading, and let's connect!

Thank you for reading my blog. Feel free to subscribe to my email newsletter and connect on [Facebook](https://www.facebook.com/DailyDevTipsBlog) or [Twitter](https://twitter.com/DailyDevTips1)
A Comprehensive Guide to JavaScript - Part 2 - DataTypes and Expressions
Tags: webdev, javascript, beginners
Published: 2020-07-05 07:13:41

## **DataTypes in JavaScript**

- **Boolean**
```javascript
var a = true; // true or false
```
- **Number**
```javascript
var a = 100; // including decimal numbers
```
- **String**
```javascript
var a = 'Hello, World!'; // enclosed under single or double quotes
```
- **BigInt**
```javascript
var a = x + 1n; // 9007199254740993n
```
- **Null**
```javascript
var a = null; // null variable
```
- **Undefined**
```javascript
var a; // value not declared
```
- **Symbol**
```javascript
var a = Symbol("abc"); // unique identifier
```

## **Expressions**

You might have come across certain memes where javascript behaves strangely with respect to other programming languages when it comes to certain expressions. For example:

```javascript
var a = "" + 1 + 2 // evaluates to "12"
```

But we are adding up a String type with a Number type here. How is that even logical? Alright! JavaScript initially checks the first expression and notices that it is of String type so therefore it concludes that the entire expression is of type String and concatenates the rest of the expression. This makes javascript a lot of fun to work with. Let's see another example and guess the output:

```javascript
var a = true + false;
```

The above expression evaluates to 1 of Number type because true gets interpreted as 1 and false as 0. Awesome! Let's check out another one:

```javascript
var a = "2" * "10";
```

You might think this could result in an error, but javascript is clever enough to understand that multiplying string makes no sense, hence it multiplies them as numbers and returns 20.
The sole purpose of this was not to show javascript is a "weirdo", but to depict how flexible, adaptable and diverse this language is and the amount of fun it is to work with. 
Still not convinced? I have a fun activity for you. There is a huge debate on the topic, "Was it the hen or the egg that appeared first on this planet?". JavaScript answers this easily. Just go to your browser console and enter the following piece of code:

```javascript
['🥚','🐔'].sort();
```

This clearly says that the egg appeared first on this planet and settles the debate(Scientists say the same too).

I hope you understood some of the basics and fun involved in learning javascript.

***Thank You!***
Pugmark - Online Book club For Developers
Tags: showdev
Published: 2020-07-05 07:11:37

---
title: Pugmark - Online Book club For Developers
published: true
description: We built an online bookclub for developers. We want to help you learn more from the books you read.
tags: #showdev
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/j1qf5xfoc1u77jv5ysgf.png
---

A book club seems like something from the last century. You're meeting up with a group of people, who does that anyway nowadays? You've managed to read through the whole book in the month that you had to do that. Scribbling down some notes along the way, carefully highlighting sentences because they resonated with you. It's been a tedious and lonely process until now.

When you finally meet up, it gives you a feeling of belonging, knowing there are others who share your interests and passions. Finding out someone has also read your favorite book is a great conversation starter. Those conversations are more often than not full of new insights.

A year ago, I mentioned the idea of an online book club to my friend Maxi. We both like reading books as an educational tool. For me, starting to read books has been eye-opening. We often discussed the books we read with each other. Those were the times I discovered the point of the book, the bigger lesson it was trying to teach me.

Now, one year later, we think with pugmark we have built something that helps us in having that discussion. Having used it myself for a couple of books now, I notice how much more I remember of what I read. With pugmark, we want to give you a way to find those like-minded readers. It's the async, remote version of a book club. We've tried to provide two tools to help you really absorb what you are reading: **structured reading** and **async discussion**.

### Structured reading

First, in pugmark you will be presented with a per chapter overview of each book. You can create notes for yourself, and rate each chapter individually. You'll get an overview of your progress in reading the book.

We also want to help you in building the habit of reading regularly. This is a good way to make sure you keep on growing your knowledge. You can set up reminders on whatever schedule works for you, and we'll let you know that it's time for the next chapter.

![Screenshot of book progress overview](https://dev-to-uploads.s3.amazonaws.com/i/6brd94r3vue4hnqg9kig.png)

### Async discussion

Any notes you make, you can share. You can use this to summarise what you learned, or to ask questions to other readers. When you share a note, your fellow readers can learn from your perspective, and they can add their perspective as well. It's like a mini blog, about a single chapter of a book.

![Screenshot of discussion about book](https://dev-to-uploads.s3.amazonaws.com/i/b8cetre6uxo37lybrya1.png)

## Where we can go

We have worked on this for a year now, but we still have many ideas on how to make it better. We'd love for you to give it a try and let us know what you think. 

If you're someone who always tells themselves they would like to read more, please give pugmark a shot:

[pugmark.io](https://pugmark.io)
Deploy ASP.NET Core Web Api on IIS
Tags: net, netcore, aspnetcore, aspnetcorewebapi
Published: 2020-10-12 21:53:52

---
title: Deploy ASP.NET Core Web Api on IIS
published: true
date: 2020-07-05 06:52:00 UTC
tags: NET,NETCore,aspnetcore,aspnetcorewebapi
canonical_url: http://codingsonata.com/deploy-asp-net-core-web-api-on-iis/
---

Deploying ASP.NET Core Web Api on IIS is an easy task once you understand and follow the correct steps to prepare your development and deployment environment.

The post [Deploy ASP.NET Core Web Api on IIS](http://codingsonata.com/deploy-asp-net-core-web-api-on-iis/) appeared first on [Coding Sonata](http://codingsonata.com).
Haskell and Functional Programming Resources
Tags: functional, haskell
Published: 2020-07-05 06:32:33

Hi Everyone,

Because I'm in love with Haskell and Functional Programming, I decided to list some resources (books, articles, videos ...) that I have been learning with and share with everyone who wants to take a look at it.

[github.com/dev-danilosilva/func-resources](https://github.com/dev-danilosilva/functional-programming-resources)

Feel free to include more items on the list. The main purpose is to indicate for the community places to find some nice content about Haskell and FP.

Have a nice day!
I finally know the stack data structure.....
Tags: stack, javascript, beginners, 100daysofcode
Published: 2020-07-05 06:16:39

---
title: I finally know the stack data structure.....
published: true
description: Easy guide to creating the Stack Data Structure with JavaScript
tags: stack, javascript, beginner, 100daysofcode
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/ftj07zz1x36z9uwc047d.png
---

{% youtube MglgIbtxwoQ %}

## Conclusion

Any questions on the above, feel free to contact me on my socials! :heavy_heart_exclamation:
 
| :guardsman: [Insta](https://www.instagram.com/paulryancodes/) | :eyes: [Twitter](https://twitter.com/PaulRyan7) | :speech_balloon: [Github](https://github.com/PaulRyan17) | :thought_balloon: [LinkedIn](https://www.linkedin.com/in/paulryan9/) | :collision: [Youtube](https://www.youtube.com/channel/UCf4AtM9ldMfBsO0_bbYWvfw?view_as=subscriber) |:mailbox_with_no_mail: [Website](https://www.paulryancodes.com/)
| -- |--| --| -- | -- | -- |
A Comprehensive Guide to JavaScript - Part 1 - ES6
Tags: webdev, javascript, beginners
Published: 2020-07-05 05:58:43

JavaScript is an amazing programming language for the Web. JavaScript can execute on the browser, the server, or any device for that purpose which has a javascript engine(Chrome - V8 Engine, Firefox - SpiderMonkey). This engine parses the script, compiles it and runs the machine code really fast. JavaScript has many characteristics such as being dynamic, single-threaded, prototype-based, lightweight, interpreted, object-oriented and both imperative as well as declarative.
ECMAScript is the scripting language that forms the foundations of JavaScript. ES6 or ES2015 or JavaScript 6 was the major advancement to this language which adds many features and adds significantly new syntax for writing complex applications to make development easier.

## **Features of ES6**

If you are new to javascript it is essential to learn these features to enhance your productivity. Features of ES6 include:

- ***let* and *const* variables**: These introduced a new scope feature to javascript called Block Scope in addition to Global and Function Scopes. The main difference between the *var* and *let* is that *var* can't have block scope whereas *let* can have block scope.

```javascript
var a = 5; // a is 5
{
    let a = 10; // a is 10
}
// a is 5 again
```
*const* helps in declaring a value only once per scope.

```javascript
var a = 5; // a is 5
{
    const a = 10; // a is 10
}
// a is 5
```

- **Arrow Functions**: These are probably the most important feature of javascript introduced by ES6. They are similar to regular functions but have simpler syntax.

```javascript
var increment = inc => inc+1; // increment is the function name which takes one parameter called inc and returns inc+1
increment(3); // returns 4
```

- **Default Parameter Values**: ES6 introduced the concept of declaring the function parameters with default values.

```javascript
var x = (a, b=2) => a+b; // b has default value of 2
x(3); // returns 5
```

- **JavaScript Classes**: ES6 introduced a more formal class definition and intuitive object oriented concepts in javascript.

```javascript
class Student {
    constructor(name) {
    this.StudentName = name;
    }
}
```

- **String Templating**: This feature allows to involve variables and expressions among string. The syntax is provided below:

```javascript
const name= "Prajwal";
const hi = `Hi ${name}`; // returns "Hi Prajwal"
```

These are some of the most important features of ES6 that one must understand before deep diving into javascript.

***Thank You!***
Parallel-File-Sharing
Tags: cpp, python, codenewbie
Published: 2020-07-05 05:45:52

Parallel upload and download of file

From the Server this platform allows parallel upload and download. Epoll is used to allow Asynchronous IO and parallel uploads & downloads.

Principles of Design :

Client regsiteds to start/ initiate the sharing.
Client establishes connectivity to speicif client after regsitration with other clients.
The register gets updated everytime a new client registers or drops.

https://github.com/gautam1858/Parallel-File-Sharing
Automating DevOps Workflows with GitLab and Terraform 
Tags: devops, opensource, git, labs
Published: 2020-07-05 05:45:19

This lab will guide you through a DevOps workflow from a Developer and Operator perspective when creating software applications on GitLab and deploying them via Terraform. We will be using a sample application that we have called Vote-App which is representative of a N-Tier microservice architecture, containerized application that will be deployed to a Kubernetes cluster provided by GKE. 

The link for qwiklabs : https://google.qwiklabs.com/focuses/10939?parent=catalog
Things I Wish I Did Before Going to a Coding Bootcamp
Published: 2020-07-05 05:37:23

So a few weeks ago, I posted about what you can expect from a bootcamp or things that you can do to survive. Today, I thought I would give some tips and insight on what I wish I could have done BEFORE starting my coding bootcamp. Preparing more would have definitely lessened the stress of the program.

1. Be Ready to Work and Put in Time
It's a program that's condensed a few years worth of knowledge into a few months. Expect the deadlines to be very fast and expect the workload to be heavy. Clear away any projects or extra things that you have going on and focus on this. In my experience, I decided to have a job on the weekends. I know for some that's necessary but if you can afford to take those weekends off, then I highly suggest it. Many times throughout the programs, I wished I was at school instead of work during the weekends like my cohort mates. The idea of getting behind can really get to you.

2. Try and Finish the Pre-Work
If your program has a pre-work, do your best to finish it, even if you don't fully understand it. Our pre-work had a require amount that needed to be completed before starting the program. However, there are things after the requirement that would have been very helpful to know as the program went on. I finished a few more coursework lessons past the requirement. I didn't fully understand them but they came up later in the program and it made things a lot easier to understand because I finished that part of the pre-work.

3. Get Familiar with Shortcuts
If you've never coded before, this is a life saver. Get familiar keyboard shortcuts will make typing all the code seem less daunting. It will also come in handy when you start doing code challenges. 

4. Rest
Yeah, I know I just said work hard but before you go into all that, be refreshed and renewed. Plan your pre-work well and don't stay up coding. You'll do plenty of it when you start the program.

5. Do Your Research on What Would Be Good to Learn for Your Program
My program focused more on full stack engineering. What I wish I would have learned before the program was CSS and HTML. I did already know about them in the past. I played a little bit with CSS and HTML but it wasn't enough. More practice would have definitely helped when we entered the front-end realm. I'm not saying that you can't join a bootcamp without this but if you have never touched CSS or HTML and your program is web development or full stack, then I highly suggest at least learning about it. There's plenty of free resources out there.

6. Play with Code More
Again, you don't have to be a master coder of have done code to do a bootcamp but I definitely wish I could have played around with code more. Even if they don't relate to your program as much. Maybe even doing some algorithms practice will help you get in that coding mindset. It will also help you code faster and understand concepts better in the first week hell--I mean bootcamp.

I hope this helped some of you that are considering on going to a bootcamp! Thank you for reading!
JavaScript Function declaration vs expression
Tags: javascript
Published: 2020-07-05 05:13:52

###Function declaration:
![Function expression](https://dev-to-uploads.s3.amazonaws.com/i/u9zomqzuyhox3nr65jch.png)
1. appear in the global scope
2. appear inside a function

**Features:** Hoisting
**Available:** Anywhere inside scope (global and local)

###Function expression:
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ad3k8bdt3ilc1lnlrv77.png)
1. can be assigned to a variable
2. can be assigned to a property
3. can appear in function invocations as parameters

**Features:** Closures, Callbacks, IIFE (Immediately Invoked Function Expressions)
**Available:** after the line it is declared
Developer Journal
Tags: career, productivity
Published: 2020-07-05 05:00:05

Here we go. Since the start of my developer career I always wanted to keep a __daily Journal__. A little space to share in a informal manner my conquers and defeats in the software world.

A day goes by, code gets written and deleted, tabs get open and closed, books get read, and somehow I get a feeling I'm not moving forward. Endless procrastination? YouTube dependency? Information OverFlow ? Overthinking ? dunno
___

The Daily Entry will have (al least) an overview of 

* Current Project(s) working on
 * Feature or Bug 
 * Code snippets, maybe
 * Concepts to learn
* Useful links
* Ideas for future me
* Lessons learned
___

The main idea being, __Having to force myself to document my day__ and review it, also for future references.

> Shall we begin...
Facing Error res.setHeader not a Function
Tags: node, javascript, react, help
Published: 2020-07-05 04:53:51

I have to write code to create a node.js server. But after using the res.setHeader method. I am getting an error that res.setHeader is not a function. 
Following is my Code:
******************************************************************

const http=require('http');

const server=http.createServer((res,req)=>{
    res.setHeader('Content-Type','text/html')
    res.write('<h1>Hello This is response from NodeJS>Server</h1>')//this method is used to display the response on the web page

    res.end()
    
})


server.listen(8000);
******************************************************************
I am planning to move my blog to Dev.to
Tags: help
Published: 2020-07-05 04:09:57

Hi Mates,

I am planning to move blog to Dev.to platform and solely write here as I plan to work on my newsletter and Dev.to is less hassle even for a non-techie.

Though I write mostly tech content but I sometimes plan to write about off topics like analyzing user feedback to create better products (focused on solo developers and product owners who do are on Dev.to) also sometimes I might write review products/service I use like email marketing tool or services for developers to monetize their content like BuyMeACoffee. Sometimes there might be one or two affiliate like which I will give brief disclosure of, are these allowed? I want to know thins be I don't want unintentionally abuse this platform.

If you all could acknowledge me then it would be very greatful.
Design Github profile using README.md
Tags: github, git, design
Published: 2020-07-05 04:05:46

![Alt github](https://dev-to-uploads.s3.amazonaws.com/i/nyikmu3uystcm43bwcyh.jpeg)

You can Design your Github profile using Username/README.md repo, this amazing update is under development. 

![Alt github](https://dev-to-uploads.s3.amazonaws.com/i/3mholgldn3lloxjmu4r4.jpeg)

If you want to listed your all project, website, all social media link and many other link then this github update is for you.

This amazing update is under development. after publish if you want to use this, you have to create a repo Username and create a file README.md and now you can design your github profile using README.md

<blockquote class="twitter-tweet"><p lang="en" dir="ltr">hey, so we heard ya &amp; are trying out a thing where you CAN have a readme on your <a href="https://twitter.com/github?ref_src=twsrc%5Etfw">@github</a> profile... <a href="https://twitter.com/mikekavouras?ref_src=twsrc%5Etfw">@mikekavouras</a> built it btw! re: <a href="https://t.co/UC6q3qHjjR">https://t.co/UC6q3qHjjR</a> <a href="https://t.co/kB0kafgovY">pic.twitter.com/kB0kafgovY</a></p>&mdash; kathy ☁️☁️☁️ defund the police (@pifafu) <a href="https://twitter.com/pifafu/status/1265773172520914944?ref_src=twsrc%5Etfw">May 27, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> 

[Have you tried this? it's live!](https://dev.to/vimal/have-you-tried-this-it-s-live-33po)