teleren/devto huggingface dataset:
Docker course: What is Docker?
Tags: docker, tutorial, beginners, devops
Published: 2022-11-23 09:50:00

---
title: Docker course: What is Docker?
published: true
description: A short explanation of Docker really is.
tags: docker, tutorial, beginners, devops
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
published_at: 2022-11-23 09:50 +0000
canonical_url: https://code-maven.com/docker-course-what-is-docker
series: docker
---

Docker is like VirtualBox, but light-weight, meaning that you can run a lot more Docker containers that VirtualBox machines on the same hardware.

It is a tool to create a boxed version of all the dependencies of your application.

{% youtube eKJWEVFKNLg %}
NFT Landing Pages
Tags: html, product, css, javascript
Published: 2022-11-23 10:49:59

> Starting In with something very tiny and aiming for big enterprise products:

We've prepared 2 distinct landing pages for you right here. Any homepage can be used to effortlessly adorn your designs. You must get in touch with us if you experience any issues using our landing page.

All current coding standards, including HTML5, CSS3, and Bootstrap 5, are used on our landing page.
[](https://imhamad.gumroad.com/l/nft-landing-page)

PS: Do not forget to check out and use "eshopper" for your discount coupon.
1-2-3 GO!
Published: 2022-11-23 10:37:13

Hi,
Is this the blog section? I will be "blogging" my way into the programming universe. This way I hope I am able to be more consistent in the way i learn things and keep track of my learning curve. I hope I am able to update this quite often. 
Tasks I will be focusing on:
- Improve my written English.
- Search for social coding platforms.
- Check out YouTube and learn efficient ways to study and learn programming languages.
The Complete Size Guide for Social Media.
Tags: socialmedia, design, architecture
Published: 2022-11-23 10:10:17

## Looking for a social media size guide for yourself/your company?

Sizing a social media image correctly is important for your business profile to look professional and attractive.

All social platforms have different rules for image sizes.

You can find images for:

- Instagram,
- Facebook,
- Twitter,
- Youtube,
- Pinterest,
- Linkedin,
- Behance &
- Dribble right here.

## BEHANCE:
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/acxi6fmyjysaf05zy8y1.jpg)

## DRIBBBLE:
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2y6vunacuyx8vtfahnfi.jpg)

## FACEBOOK:
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4kkhnmhxgjhmcfcapq72.jpg)

## INSTAGRAM:
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/59e2lpg8ddpsbfg3kvoq.jpg)

## LINKEDIN:
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gto94x5kwt8gbzy9e73p.jpg)

## PINTEREST:
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sz50lawp3fnk47159vkw.jpg)

## TWITTER:
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rhyvcaygrhgzvoprk7cu.jpg)

## YOUTUBE:
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qg6x208o3zsaikl4ldcq.jpg)

**CREDITS: [Faisal Al-Athel](https://www.linkedin.com/in/faisalalathel/)**

**[Fourmeta Agency
](https://www.linkedin.com/company/fourmeta/)**
Get Absolute Position of Element
Tags: dom, howto, javascript
Published: 2022-11-23 09:59:16

Cara untuk mendapatkan posisi absolut dari suatu HTML element terhadap browser windows.

## Explanation

Untuk mengetahui posisi serta ukuran lebar dan tinggi dari suatu element, kita dapat menggunakan `getBoundingClientRect()`.

Sebagai contoh kita akan coba metode ini pada element acak sebagai berikut:

```js
console.log(document.getElementById('aho').getBoundingClientRect());
```

Akan menghasilkan output kurang lebih sebagai berikut:

```js
{
  "x": 950,
  "y": 298.78125,
  "width": 320,
  "height": 1490.390625,
  "top": 298.78125,
  "right": 1270,
  "bottom": 1789.171875,
  "left": 950
}
```

sehingga misalnya untuk mengetahui lebar element cukup menggunakan:

```js
console.log(document.getElementById('aho').getBoundingClientRect().width);
```

### CodePen

{% codepen https://codepen.io/ahonerd/pen/WNJWeGR %}

## Use Case

{% codepen https://codepen.io/ahonerd/pen/mdLoNWz %}
C++ Interview Questions for Freshers
Tags: cpp, interviewquestions, programming, webdev
Published: 2022-11-23 09:57:45

Explore here the list of top 20+ [C++ interview questions](https://www.onlineinterviewquestions.com/c-plus-plus-interview-questions/), that will help you to prepare for your interview.

1) Explain what is OOP (Object Oriented Programming)?
2) What is the major difference between #import and #include in C++?
3) What is ‘this’ pointer in C++?
4) What are the vectors in C++?
5) What are the difference between structure and class in C++.
6) What are the uses of dot in C++?
7) What are the difference between a pointer and a reference with respect to C++.
8) What is the Identity function in C++? How is it useful?
9) What are the difference between C and C++?
10) What are the difference between an array and a list?
11) Explain what are accessor methods in C++?
12) Explain what is class definition in C++ ?
13) Explain what are mutator methods in C++?
14) Explain what are single and multiple inheritances in C++?
15) What is polymorphism in C++?
16) Explain what data encapsulation is in C++?
17) What is data abstraction? How is it different from data encapsulation?
18) How is new() different from malloc()?
19) What are inline functions? What is the syntax for defining an inline function?
20) Is it possible to have a recursive inline function in C++?

**Conclusion:** Want to more questions or answers for these questions, kindly visit the link.
Practice Top [35+ C++ Interview Questions and Answers](https://www.onlineinterviewquestions.com/c-plus-plus-interview-questions/).
Random Hex Color Code Generator
Tags: javascript, webdev, beginners, programming
Published: 2022-11-23 09:46:08

Generates a random hexadecimal color code.

* Use Math.random() to generate a random 24-bit (6 * 4bits) hexadecimal number.
* Use bit shifting, and after that use Number.prototype.toString to transform it to a hexadecimal string ().

```javascript
const randomHexColorCode = () => {
  let number = (Math.random() * 0xfffff * 1000000).toString(16);
  return '#' + number.slice(0, 6);
};

randomHexColorCode(); // '#e34155'
```
Do what you say you're going to do
Tags: work, productivity
Published: 2022-11-23 07:32:26

---
title: Do what you say you're going to do
published: true
date: 2022-11-23 09:28:00 UTC
tags: work,productivity
canonical_url: https://rachsmith.com/do-what-you-say/
---

If you want to impress people you work with/for, do what you say you're going to do. Be reliable and deliver what you have promised (almost) every time.

The key to achieving this isn't to hustle and crush it week upon week - It's becoming adept at managing expectations.

_Do what you say you're going to do_.  
can also be phrased as:  
_Only say you're going to do something you know you can do_.

People get this backwards and think that other people are impressed by how much work they promise or intend to do. They are not. They remember what you delivered, or annoyingly, what you failed to deliver.

CodePen has a flat structure. We define our goals as a team but the individual work people do on a day-to-day basis is self-directed. Each week we have a meeting where we essentially commit to doing something in the following week. I am conservative with my commitments. I leave space for hitting a roadblock or two at work or a daycare emergency at home. Why? So I can show up the following week and say I did what I said I was going to do.

What if you're not sure if you can do something, but you'd like to give it a try? Communicate that. I use these words _all the time_ in discussions with my coworkers: "I'm not sure if that is possible, but I'll try to make it happen". Then after I'll either report that I made it work or explain how I tried to make it work. I promised to try. I delivered on my promise.
Financial Analysis using Power BI
Tags: analytics, datascience, business, finance
Published: 2022-11-23 09:21:28

I have been hired as a Freelance Data Analyst to help review a data and provide insights that would be valuable to the CFO of this organization. The business has been performing well and the management wants to get insights into their 2013 and 2014 performances.

## **The Business Questions**
Through internal brainstorming, the CFO has confirmed that they needed answers to the following questions:

1. What is the company's performance in 2014 compared to 2013?

2. Which countries drove the orders and profit margins of the company in the two years period?

3. What was the trend in the company's sales over the two years period?

4. The profitability of each segments.

5. What were the order of countries in terms of the quantity of products sold?


To answer these questions, the company has provided us with their financial data for 2013 and 2014. I was required to design an interactive report with the insights I will discover from the analysis.


## Tasks
I am going to model the data and perform analysis using DAX. This is the outline of the requirements:

1. Create a Date Table using the CALENDARAUTO function. This will support the time intelligence analysis.
2. Create a relationship between the financial table and the newly created Date Table using the Date columns in both Tables.
3. Using DAX, I am going to create measures to answer the business questions. Some of these measures include: Total orders, Total Sales Amount, Total Discount offered, Total Profit, Profit Margin etc.
4. Perform time intelligence analysis by creating measures that calculate the same measures in the requirement above for the previous year (2013).

**ANALYSIS**
1. A Date Table was created with new columns that include Month and Year as seen in the image below; 
![Date Table](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yjlb739lpf9ta6su2u96.JPG)

2. Both the business datasets and date table were modelled to create a relationship.
![Data Modelling](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4rx3m5s2lun1gkphqm9g.JPG)

3. DAX functions were written to create measures for EACH of the analysis. An example is shown in the image below, to calculate the Total Orders made;
![Total Orders](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1vxgklmeufkvclyx7la6.JPG)

4. New measures were also created to find the SAME metrics for the previous year. Note that "LY" means Last Year. An example of the Total Revenue for LAST YEAR is shown in the image below;
![Total Revenue Last Year](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u6ms5uxeqnfj13utb77l.JPG)

**INSIGHT**
[Find insights on the dashboard].
﻿﻿
<u>﻿﻿**DASHBOARD**</u>
﻿
![Dashboard of the analysis](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/79qlofuw0ad0vdt3lfqt.JPG)

Thanks for viewing... Feedbacks are highly appreciated (04yemi@gmail.com)
Getting Into Digital Humanities I
Tags: digitalhumanities, webdev, a11y, datascience
Published: 2022-11-23 09:17:05

In the last article I wrote about the relatively new Master's program **Digital Humanities at the University of Vienna**, in which I am currently in the first semester.

I am almost halfway through the semester and the lectures are getting more exciting every time.

For two of the three lectures I finally decided on which topic I want to research.

Of course, it has something to do with **accessibility**.

## Telling Data Stories - Diagrams, Graphs, Maps and other visual and physical representations of (research) data 

In class we had to form groups on topics given by the professor. I chose the topic **UI Design**, where my group (consisting of 6 students) will talk about the design of different data displays.

**Accessibility** fits very well with this topic, which is why I chose this group in the first place.

I will be talking about **how to** create charts, graphs, and maps so that they are understandable and accessible to everyone, best practices, and more.

The talk will be at the end of January 2023.

## Eye Tracking - Quantifying human gaze 

For the eye-tracking course, I decided to investigate how people view a homepage from an **accessibility perspective**. Participants will look at different homepages for about 20 seconds and carefully **check them for accessibility**. 

They will then have to answer some questions, such as whether they know what web accessibility means, which page they think is the most/worst accessible, etc.

The recording takes place today and I'm really looking forward to it.


---
Blog 1: Basics of Python
Published: 2022-11-23 09:15:52

Learned some basic functions and methods of python. Reviewed data types like Numbers, Strings, Print Formatting, Lists, Dictionaries, Booleans, Tuples, Comparison Operators, If elif and else, For loops, While Loops, built-in-fuction like range and print Functions and also Functions. And learned some new data types like how to use map function and lamba and filter expressions. And how to use sets and list comprehension. And now it's time to learn numpy. Wish me luck




![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lrh4jkn4mwxkgicje3sf.png)
What is InterPlanetary File System (IPFS)
Tags: web3, database
Published: 2022-11-23 09:13:29

# Overview
A majority of the platforms and data we have today are stored on central cloud servers owned by a few technology corporations like Google, Amazon, Microsoft, and IBM.
Due to centralized data storing downtime in these servers is high, affecting a large number of users.
Central servers often face issues and become inaccessible, resulting in the URLs failing to access websites and platforms and loading it on our browsers.
An alternative to centralized data storage is IPFS.

# What is IPFS
IPFS is built by Juan benet of protocol labs, The Interplanetary File System (IPFS) is a distributed file storage protocol that allows computers all over the globe to store and serve files as part of a giant peer-to-peer network.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nkj5i4m8jxgd8y6iywsl.png)

If the server is unavailable or goes down, in the case of HTTP, we would not be able to access the data. On the other hand, with the IPFS protocol, this data is copied to several nodes and is accessible whenever necessary.

# How IPFS works

If files are uploaded to IPFS, it will be split into smaller chunks and distributed over multiple computers and IPFS assigns a hash to allow users to locate the file.

Rather than point you towards a location, IPFS links point you towards the content, which could be stored on any number of nodes or computers around the world. As long as the website or content is hosted on at least one computer, however, it will always be accessible.

IPFS allows to update the existing to a new version by connecting it to the old version.
It is not based on blockchain but is considered as the backbone of web3.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3d6gc4ola0xlf7k3won6.png)

Now, imagine accessing the file from the IPFS network. The file, and all of its blocks, are identified by a unique hash of the content itself.

The whole system is based around a key-value data store. This is what allows for the content addressing: anyone can host the key no matter the origin of the information. So, you would connect to the swarm and request to the network that file.

It would first look to the peers closest to you because chances are they have a copy of that file. If they don’t, however, you will connect with the node that originally uploaded the file, since he’s the one that hosts it.

# Who is using IPFS

•Filecoin, Protocol Labs’ own distributed storage network, is based on IPFS. It incentivizes node operators to host files via cryptocurrency rewards.

•Audius, a decentralized music service, uses IPFS to host its audio files.

•Pinata is an NFT hosting service that uses IPFS to back up crypto- collectibles for partners like Rarible and Sorare.

•OpenBazaar is a peer-to-peer e-commerce platform driven by IPFS.

•Morpheus.Network is a supply chain network service that also utilizes IPFS.

Connect with me on
 [Twitter](https://twitter.com/notmanishyadav) 
 [LinkedIn](https://www.linkedin.com/in/manishyadav12/)
Django Material Kit - Free PyPi Library
Tags: webdev, django, materialdesign, opensource
Published: 2022-11-23 08:05:54

---
title: Django Material Kit - Free PyPi Library
published: true
description: Modern template for Django coded on top of Material Kit, an open-source Boostrap 5 design from Creative-Tim - provided as a PyPi Library.
tags: webdev, django, materialdesign, opensource
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zxuyg203gkeg1a5dkskg.jpg
canonical_url: https://blog.appseed.us/django-theme-material-kit-free-library/
---
Hello Coders! 

This article presents an `open-source theme` for **Django** that can be used and installed as a library. [Django Material Kit](https://github.com/app-generator/django-theme-material-kit) Library allows integration of a modern **Bootstrap 5** Design into any Django project without much effort. Thanks for reading!

- 👉 [Django Material Kit](https://github.com/app-generator/django-theme-material-kit) - the library source code
- 👉 [Django Material Kit](https://django-material-kit.appseed-srv1.com/) - LIVE Demo    

`Material Design`, the kit used to style the library, is crafted and released for free by [Creative-Tim](https://www.creative-tim.com/product/material-kit?AFFILIATE=128200).  Designed for those who like bold elements and beautiful websites, Material Kit 2 is ready to help you create stunning websites and web apps.

{% embed https://www.youtube.com/watch?v=LkFNuotJEUM %}

---

Material Kit 2 is built with over 60 frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining.

## VIDEO Transcript

- ✅ General information
- ✅ Access the [LIVE Demo](https://django-material-kit.appseed-srv1.com/)
- ✅ Access the playground project
- ✅ Visualize the configuration & routing
- ✅ Update the code (minor changes)

This Freebie [Bootstrap 5](https://www.admin-dashboards.com/bootstrap-5-templates/) Design System is coming with prebuilt design blocks, so the development process is seamless, and switching from our pages to the real website is very easy to be done.

**Example Pages** - If you want to get inspiration or just show something directly to your clients, you can jump-start your development with our pre-built example pages. You will be able to quickly set up the basic structure for your web project. 

![Django Material Kit - Author Page (free Library).](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v4ksess22eb8ce1z7c76.png)

---

> [Django MKit Library](https://github.com/app-generator/django-theme-material-kit) - Team Component 

![Django Material Kit - Team Component.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pd7jeh9bkanlrz1zng2s.png)

---

> **Thanks for reading!** For more resources, please access:

- 🚀 Free [support](https://appseed.us/support/) provided by AppSeed (email & Discord)
- 👉 More [free apps](https://appseed.us/apps/open-source/) crafted in Flask, Django, and [React](https://appseed.us/apps/react/)
Fake Data API
Tags: webdev, javascript, beginners, programming
Published: 2022-11-23 07:33:57

Sampledata api The purpose of SampleData is to make it easier for developers to test out APIs, by providing them with ready-to-use samples.

Sample data is the ultimate source for your web application and API. This is where everything begins, and it’s where you get the bulk of the data your application requires. You simply must have access to a good amount of data before you can start building any meaningful features for your users.



Sampledata API is a premium API used by developers to test their application, It is designed in such a way that it saves developer time and allows the implementation of multiple testing scenarios


Sample Data API is a database of real-world data for developers to use in their applications. It's a platform for entrepreneurs and developers to build apps quickly, share the code behind the app, and access more data than ever before.


If you are starting your first front-end project, we recommend sampling data from demo APIs. Sampledata API allows users to make direct calls to CrowdFlower Data Center directly.




The Sample Data API (SDAPI) is a RESTful web service that makes it easy to access the full list of available sample data. This data is used by mobile applications, websites, and IoT devices.


[Fake Data API](https://sampledataapi.com)
SQL Vs NoSQL
Tags: sql, database, beginners, career
Published: 2022-11-23 08:00:49

Today's topic is very important one, especially if you want to become a full stack web developer or a back-end developer. 
I'm going to be discussing the main differences between sql and nosql databases.
This is in fact a question that I have received a few times
and I decided to explain the main distinctions between both creeds if I may say so let's check out the main points that we're going to be discussing: 

1. What is SQL
2. what is NoSQL
3. Guide on how and what to choose and
4. When would you want to use SQL or NoSQL

{%youtube -kA2-F4Ky1k%}

Enjoy the video if you want to continue.
Thank You.
Congrats to Apache Doris for hitting another benchmark! Horray!!!!
Tags: programming, database, opensource, github
Published: 2022-11-23 07:45:49


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xz477tul9mk1b9xvn9jx.png)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r97d0pbeot2drxyz5bxq.png)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z718g1xyufmzhik8y5ix.png)

Apache Doris 1.2, the fastest Apache Doris so far! Check the link and you will see the outstanding performance which is setting a completely new benchmark!

doris.apache.org/blog/ssb/
https://doris.apache.org/blog/tpch/
Set up SSH key for GitLab on Windows
Tags: ssh, gitlab, windows
Published: 2022-11-23 07:26:20

**Installing Git from** [https://git-scm.com/](https://git-scm.com/)

Checking git version :

```bash
git --version
```

**Configuring Git**

```bash
git config --global user.name "First name Last name"
git config --global user.email “you@example.com”
```

Example :

```bash
git config --global user.name "Manthan Ank"
git config --global user.email "manthan.ank@gmail.com"
```

**Generating an SSH key**

```bash
ssh-keygen
```

Get contents from file

```bash
cat C:\Users\manth/.ssh/id_rsa.pub
```

Copy content(key) from it and paste it in [https://gitlab.com/-/profile/keys](https://gitlab.com/-/profile/keys) and add key