teleren/devto huggingface dataset:
Data Types in C Programming

Tags: cprogramming, tutorial, beginners, programming
Published: 2021-02-13 09:14:31

<p>In this tutorial, we will study different <a href="https://usemynotes.com/data-types-in-c-programming/">data types in c programming</a>. So let us start.</p>
<h2>What are data types in c programming?</h2>
<p>A Data type defines the type of variable define and function definitions. Whenever a program is run on a computer there is some amount of memory that is needed and this memory is received with the help of data types. The data types tell us the type of value. Some of the common data types are integers, floating-point numbers, characters, strings, and arrays. They may even include specific types such as dates, timestamps, boolean values, etc.</p>
<h2>What are the types of data types in c programming?</h2>
<p>There are basically two types of data types- predefined and user-defined. These two types can be further classified into various categories as shown below. The predefined data type can be further classified into character, integer, float, double, and void. And the user-defined can be classified into an array, pointer, structure, union, and function, etc.</p>
<h3>Predefined Data Type</h3>
<p>The data type that is already defined in the C library is known as the Predefined data type. The predefined data type is also known as a primary, primitive data type.</p>
<h2>What are the types of pre-defined data types?</h2>
<h3>Character</h3><p>This is represented as a single character in the keyword chart. The Storage size of the character is 1-byte and the Value range is-128 to 127 or 0 to 255.</p>
<h3>Integer</h3><p>Integer can be seen as a number that can be written without a fractional component. It is a whole number whose storage size is 2 or 4 bytes and the Value range is -32,768 to 32,767 or -2,147,483,648 to 2,147,483,647.</p>
<h3>Float</h3>
<p>These are the data types that are used to represent the floating-point numbers. The Storage size is 4-byte and the Value range is from 1.2E-38 to 3.4E+38.</p>
<h3>Double</h3><p>It is similar to the float data type. The only difference is that in the float data type there are 6 digits which can be stored in 4-bytes and the Double data type has 14 digits that can be stored in 8-byte.</p>
<h3>Void</h3><p>The meaning of the term void is that the value is not available.</p>
<h2>User Defined Data Type</h2>
<p>The data types in the C library that were not defined earlier and are added by the user are known as the user-defined data type. The user-defined data type is also known as the secondary and Non-primitive data type. There are different types of user-defined data types such as<strong> Array</strong>, <strong>Pointer</strong>, <strong>Structure</strong>, <strong>Union</strong>, <strong>Function</strong>, etc.</p>
Formal parameter and Actual parameter ဆိုတာ
Tags: java
Published: 2021-02-13 09:06:28

Formal parameter (parameter) ဆိုတာ subroutine (method) definition မှာ ပေးထားတဲ့ နာမည်ကို ဆိုလိုတာ။ 
```
static void function foo(int bar){}
```
ဒီနေရာမှာ `bar` ဆိုတာက formal parameter (parameter) လို့ခေါ်ပါတယ်။

Actual parameter (argument) ဆိုတာက subroutine (method) ရဲ့ parameter ထဲမှာ ထည့်သွင်းလိုက်တဲ့ ဒေတာကို ဆိုလိုတာ။
```
static void function foo(int bar){
   System.out.println(bar);
}
public static void main([] args){
   foo("Hello World");
}
```
ဒီနေရာမှာ foo အတွင်းမှာ ထည့်လိုက်တဲ့ ဒေတာ `Hello World` ဆိုတာ actual parameter (argument) ဖြစ်ပါတယ်။
THINGS TO REMEMBER WHILE CREATING YOUR PORTFOLIO WEBSITE
Tags: portfolio, career, beginners, productivity
Published: 2021-02-13 08:55:04

A Portfolio website is your reflection, your way to show off projects and skills. Currently, I am also trying to make my own portfolio website and thought to share these things which are important for a portfolio website to have.

![image-gif](https://clipchamp.com/static/88bb8fc56d817b40f1772ad4e615eaae/Simpson-GIF.gif)

##1- Home Page: Makes or Breaks
Your complete website should be of absolutely high quality but the home page decides whether the client or visitor will see the whole website or not.
Your Home Page should reflect who you are? what do you do? Also, what are your best projects? Here's a screenshot from [this](https://ramses.work/) website.

![home page](https://dev-to-uploads.s3.amazonaws.com/i/ifrtttegsiskmgf38ah0.png)

##2- Second Most Visited Page: About Page
Your About Page is the second most visited page after your Home Page. This page should be all about you, from name to location or your story. Don't forget to mention work and your qualities. Try to give a story to your visitor or a fun fact about yourself. 

You have to be creative and professional both at the same time. Here's an [example](https://www.alex.mn/about)

![about page](https://dev-to-uploads.s3.amazonaws.com/i/mhyik0r7nd9myp0u7rny.png)

##3- No one likes you?
People like you, your work, and your projects? If yes, then `add testimonials` because they give social proof of how good you are at your work.
>They add legitimacy to your portfolio website and reinforce your worth in the eyes of visitors. Recommendations from real people can offer an important nudge for potential clients to get in touch.

Here's a [reference](https://bratsun.com/#testimonials)

![testimonial page](https://dev-to-uploads.s3.amazonaws.com/i/av5xqsyyy4xx26z17iyq.png)

##4- Navigation -> Seamless
The most simplistic thing is navigation. You can make it creative but don't add so many options to it.
>If you have too many pages on your site or a layout that’s confusing for first-time visitors, people will be focused on that, when you want them to be focused on the quality of your creative work.

[Example](http://riccardozanutta.com/)
![navigation page](https://dev-to-uploads.s3.amazonaws.com/i/nle512oy2dl19fjydvmi.png)

##5- Use your Creative Skills
If you have creative skills then why not show them? Make your website minimalistic and on a theme that reflects your interest.
Look at this [example](https://saurabhdaware.in/)

![minimalistic](https://dev-to-uploads.s3.amazonaws.com/i/wuxikhsuh1vdnkw81p1e.png)

##6- Last but not least

- A blog section and Project section -- [Example](https://saurabhdaware.in/#projects)

- A contact form (call to action) -- [Example](https://jacekjeznach.com/contact/)

- A clients section (if applied) -- [Example](https://bratsun.com/#clients)

- A Skills section (depends on you) -- [Example](https://jacekjeznach.com/skills/)


####I hope this was helpful to you
####Comment your Portfolio Website down in the comments, let's connect with each other.

![comment down](https://media0.giphy.com/media/9P1sEWEaUmsIryh7vj/200.gif)
CSS Styling the link underline
Tags: css
Published: 2021-02-13 08:34:44

Styling the link underlines was always quite a mission. I would often remove the underline and use a border to achieve the effect.

Why? It was hard to offset the underline position.
But luckily, browsers and CSS keeps improving to make things like this more accessible.

Today we will be looking into two pretty cool CSS property that addresses the underline effect;

1. text-underline-offset: How far the underline from the text is
2. text-decoration-thickness: How thick the underlined link is

The result of today you can see by having a play with this Codepen. (Move the sliders to adjust the elements)

{% codepen https://codepen.io/rebelchris/pen/yLVJBYQ %}

## CSS text-underline-offset property

The text-underline-offset property can be used to define how far the line is from the initial text.

You can use a variety of values, as you might find in most CSS properties.

- `auto`: The browser will determine it for us.
- `{length}{unit}`: The CSS units as 1px, 1em, 1rem, 1%.
-  `initial`: What it was before (auto).
-  `inherit`: Whatever the parent element has
-  `unset`: Remove any set offset.

To use it we can simple use the following syntax:

```css
a {
	text-underline-offset: 0.5em;
} 
```

You can have a play around with the demo on the following Codepen.

{% codepen  https://codepen.io/rebelchris/pen/jOVqgjx %}

## CSS text-decoration-thickness property

As for the text-decoration-thickness, this property is used to tell how big the underline is.

We do need the full text-decoration attribution to make changes to it.

```css
a {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-color: purple;
  text-decoration-thickness: 0;
}
```

It uses the same value properties as the offset.

- `auto`: The browser will determine it for us.
- `{length}{unit}`: The CSS units as 1px, 1em, 1rem, 1%.
-  `initial`: What it was before (auto).
-  `inherit`: Whatever the parent element has
-  `unset`: Remove any set offset.

You can have a play with it on this Codepen.

{% codepen https://codepen.io/rebelchris/pen/dyOXbbG %}

## Browser support

As for the text-underline-offset, the support is very summer. It's stating that Chrome doesn't have the full support, but it seems to work since 88.

![CSS text-underline-offset browser support](https://caniuse.bitsofco.de/static/v1/mdn-css__properties__text-underline-offset-1612766693219.png)

And for the text-decoration-thickness, the support is about the same.
Let's hope they'll both get full support soon!

![CSS text-decoration-thickness browser support](https://caniuse.bitsofco.de/static/v1/mdn-css__properties__text-decoration-thickness-1612766795753.png)

### 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)
CSSBattle - Improve your CSS skills by doing awesome CSS challenges.
Published: 2021-02-13 08:26:41

I came across a sweet website for practicing CSS or challenging yourself to figure out solutions to CSS problems!

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

CSSBattle is an online CSS Code Golfing battleground. Here, players try to visually replicate "Targets" in smallest possible CSS code and battle it out to get to the top of the leaderboard.

Visit the website now and start doing the awesome CSS challenges
 
https://cssbattle.dev/
Reverse Integer
Published: 2021-02-13 08:22:49

##Assume the environment does not allow you to store 64-bit integers (signed or unsigned).
Given a signed 32-bit integer x, return x with its digits reversed. If reversing x causes the value to go outside the signed 32-bit integer range [-2147483648, 2147483647], then return 0.
######Example 1: Input: x = 123456, Output: 654321
######Example 2: Input: x = -12345, Output: -54321
######Example 2: Input: x = 120, Output: 21
######Example 2: Input: x = 0, Output: 0
######Constraints:-2147483648 <= x <= 2147483647
[leetcode problem 7](https://leetcode.com/problems/reverse-integer/)
{% gist https://gist.github.com/MahendhiranM/9370279d1137265c5b4cc4ce220baf7c %}
Install Docker on Windows 10 FAST
Tags: docker, windows, programming, devops
Published: 2021-02-13 07:23:21

I've just uploaded a new video where I show how to  install Docker on Windows 10 and configure Docker to use WSL2.

Please check it out and subscribe to my channel to be notified when my new videos will be released.

Thank you in advance.

Link to video: [https://youtu.be/ERbcZ_V6dn4](https://youtu.be/ERbcZ_V6dn4)

Link to my personal blog: [https://www.anmalkov.com](https://www.anmalkov.com)

Link to my playlist: [Learn containers fast by doing](https://youtube.com/playlist?list=PLDoQ6gLAki7eu_ugunWVPX10fFOcok1iG)
CSS id and class
Tags: learncss
Published: 2021-02-13 10:47:30

---
title: CSS id and class
published: true
date: 2021-02-13 07:06:13 UTC
tags: LearnCSS
canonical_url: https://sharepointanchor.com/learn-css/css-id-and-class/
---

[CSS](https://sharepointanchor.com/category/learn-css/ "CSS") **id and class selectors** are often used to style web page elements. The id (unique identifier) selector uses the id attribute of an [HTML](https://sharepointanchor.com/category/learn-html/ "HTML") element to select a specific element. To specify the id, you can use **#** symbol followed by the element. For instance, **#design**.

The **class** selector is used when the same style must be applied to multiple [HTML](https://sharepointanchor.com/category/learn-html/ "HTML") elements. It is specified with ( **.** ) character followed by class name. For example, **.info**

## Difference Between id and class

| id | class |
| --- | --- |
| The id is a **unique** identifier | Classes are **not unique** |
| Each element can have **only one id** | The same class can be used on **multiple [HTML](https://sharepointanchor.com/category/learn-html/ "HTML") elements** |
| A specific style must be applied to a **single** HTML element | The Same style must be applied to **multiple** HTML elements |

## Example for the id Selector:

```

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>

      #blue {

        color: #1c87c9;

      }
    </style>
  </head>
  <body>

    <p>The first paragraph.</p>

    <p id="blue">The second paragraph.</p>

    <p>The third paragraph.</p>

  </body>
</html>

```

In the above code, we have assigned **blue** as **id selector** to the second paragraph and declared a style using the **color property** inside the head section.

## Result:

After executing the above code, you will get the output as shown in the below image.

![](https://sharepointanchor.com/wp-content/uploads/2021/02/chrome_LVxF4SvUnZ.png)<figcaption>Result of id selector</figcaption>

## Example for the id Selector:

```

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>

      .blue {

        color: #1c87c9;
      }
    </style>
  </head>
  <body>

    <h2 class="blue">This is some heading.</h2>

    <p>The second paragraph.</p>

    <p class="blue">The third paragraph.</p>

  </body>
</html>

```

In this code, the **class selector is used twice** in the heading and paragraph. We have assigned **blue** as a class selector and declared its style using **color property** inside the head section.

## Result:

By running the above code, you will see the result as given in the below image.

![](https://sharepointanchor.com/wp-content/uploads/2021/02/chrome_IEkRm5l8cX.png)<figcaption>Result of class selector</figcaption>

<script async src="//jsfiddle.net/Share_Point_Anchor/rkcx3oe1/1/embed/html,result/"></script>

The post [CSS id and class](https://sharepointanchor.com/learn-css/css-id-and-class/) appeared first on [Share Point Anchor](https://sharepointanchor.com).
Finding My Process(Month One)
Tags: devops
Published: 2021-02-13 06:53:23

There is a lot of advice out there, and it can be frustrating as a beginner trying to see what path is right. But my first month coding I found out that you have to cancel out the noise. 

The most important thing you can do is **EXPERIMENT** to find the process that works best for you. 

**My Process**

**Free Code Camp**
I spent sometime on freecode camp getting a grip of the basics. It helped alot but it felt like I was not covering alot of ground. So I ditched it

**Youtube Tutorials**
Next it was youtube tutorials. I would copy what ever the youtuber was doing line for line. But i wasn't doing it in a robotic way. After i inserted a piece of CSS i would look at what change it made and take mental notes. This was a huge help. 

**Hand drawn Mockups**

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/8iypm8zzpi8r4zayeke7.jpeg)

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

What I learn doesn't register unless i can write it out. After watching several tutorials of youtubers building sites from html and css sites i attempted made an attempt. But it was not registering with me because i was trying to do it out my head from scratch

So i started drawing layouts and hand writting the general html structure of the stuff i would be making before i opened a code editor. It helped alot

Point of this post is there is no right or wrong way to learn. Find out whats works for you and milk it
Send messages to Slack from Camunda Cloud
Tags: camunda, slack, automation, zeebe
Published: 2021-02-13 06:41:42

This is not a use case that makes sense on its own. But it belongs, in my view, to the portfolio of useful integrations that are quite generic and can be applied in many places. [Slack](https://slack.com/) is a widely used collaboration tool that is making email obsolete in many organizations.

**Too unspecific?** Okay, let me illustrate with an example. You already widely use Slack in your company and want to receive an active notification when a new user has registered to your service. That means you can create a new channel just for that purpose and all Slack users who are interested can join the channel.

If you already have an onboarding process running you can simply add a new service task with the Slack worker and that's it ;)

## What is needed?

Since we want to integrate with Slack you need a Slack Workspace. Navigate to your [Slack Apps](https://api.slack.com/apps/) and create a new Slack app or use an existing one.

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

Enable Incoming Webhooks and add a new webhook to a channel.

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

## Implement Worker

The next step is to have a worker that sends messages to this Slack channel via the webhook that has been set up.

{% gist https://gist.github.com/urbanisierung/c0dad4df33d9554d036e84b20896f04f %}

The worker uses the official [Slack Node Client](https://www.npmjs.com/package/@slack/webhook) which makes integration a breeze. The parameters set are the `webhookId` and the message. This allows the worker to be used in different places with different webhooks. The message could alternatively come from the process context, but that depends on how you want to use the service task.

## A small process with the Slack Task

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

The process is pretty unspectacular. It gets exciting when you integrate this service task into a larger context.

Happy Slacking! ;)

I'm quite curious if and how you guys use Slack for active notifications from outside :)

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

---

Let me know if the article was helpful! And if you like the content follow me on [Twitter](https://twitter.com/urbanisierung), [LinkedIn](https://www.linkedin.com/in/adamurban/) or [GitHub](https://github.com/urbanisierung) :)

---

<span>Header Photo by <a href="https://unsplash.com/@jontyson?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Jon Tyson</a> on <a href="https://unsplash.com/s/photos/message?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Unsplash</a></span>

<span>Last Photo by <a href="https://unsplash.com/@gamell?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Joan Gamell</a> on <a href="https://unsplash.com/s/photos/slack?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Unsplash</a></span>
Azure Devops Series - 1
Tags: azure, devops, appdeployment, ci
Published: 2021-02-13 06:13:16

Steps for import project to Azure Repos from Git:

1. Create a new project.
![1](https://dev-to-uploads.s3.amazonaws.com/i/t7axtuaw68zln3o6esev.jpg)
 
2. After getting the ‘Welcome to the project!’ screen, click on the repos.
![2](https://dev-to-uploads.s3.amazonaws.com/i/ty1k2g4l9ms15sercf0r.jpg)
 
3. Under the Import a repository section, click on the import button.
![3](https://dev-to-uploads.s3.amazonaws.com/i/w1zyefr4hhlk69k3w9rc.jpg)
 
4. Under the Import a Git repository screen as shown below, enter your git link, credentials as shown below:
![4](https://dev-to-uploads.s3.amazonaws.com/i/x9chrji6mipd5xjciyxb.jpg)
 

5. After clicking import button, we get the screen as shown below:
Repository type: Git

Clone URL *: https://repo-url.git.beanstackapp.com/project-workshift.git

Username: 

Password / PAT *: 
![5](https://dev-to-uploads.s3.amazonaws.com/i/odyr7bhyhwkw8intdu58.jpg)
 
6. After successful import, we get all the code into the repos folder along with all the commits and the branches as shown below:
![6](https://dev-to-uploads.s3.amazonaws.com/i/y2z8xaad3g2phkgu4mcd.jpg)
 

This completes successful import of the git repository into the Azure Repos. This repository in Azure Repos can be used for Continous Integration and Continous Delivery by creating Build pipelines and Release pipelines as shown in the next post of the series.
PayNow Integration Part 1: Intro
Tags: php, payments, paynow, webdev
Published: 2021-02-13 05:21:12

Wassup everybody, how are you doing , in this coming series of tutorials I am going to teach you how to integrate PayNow into your web app or website.

## Present Day
In Zimbabwe its difficult to get access to a fully blown PayPal account likely due to sanctions (though PayPal denies the allegations) so you can only spend but you cannot receive. Which is a total rip off to entrepreneurs.....



![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/9an8tqodfmye6pfhe3vc.png)


## So what's PayNow

PayNow is an online payment processing platform for Zimbabwe which allows you to make different kinds of payments from tax, fees, bills, subscriptions, donations, payouts etc. 

Its like the PayPal of Zimbabwe(laughs violently). It mainly driven on Zimbabwean currency(ZWL) and United States Dollar.

Here are some of its features:

- Accepts most popular electronic payment methods under a single contract.
- Fast Payments
- Its Secured
- Its Merchants are verified
- No Setup charges
- It has consumer protection

#PayNow Payment Gateway

PayNow also provides a payment gateway which you can use if you want to accept payments/get paid. The gateway accept the following payments:

- Cards
- Mobile Payments

You are about to say goodbye to no traffic ecommerce sites(laughs violently).

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/69usldf1xpw0ax81us7o.jpg)
 
In the coming tutorials I am going to show you how can set it up and start accepting payments in your app asap

Enjoy your day


Next: 

[PayNow Integration Part 2: Getting Integration Keys](https://dev.to/takunda/paynow-integrating-part-2-getting-keys-4pp9)