teleren/devto huggingface dataset:
Camex (Computational Applied Mathematics EXamples) project on github.
Published: 2023-02-18 04:03:10

A couple of years ago I've submitted a project on github. It's called Camex  (Computational Applied Mathematics EXamples) and is developed with Python/PyQt/PyQtWebKit/Python Console and intended to be a collection of applied math or algorithm processing examples with GUI for user input, web browser to show documentation to explain the essence of given example and python console to show algorithm output.
![Camex image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dony2nyevv9ednzve9wf.jpg)

 The code isn't great but it works; also the code is easy to understand. If somebody is interested to add some plugins/examples to it, you're welcome!

[The repo is here](https://github.com/AndreiKeino/camex)
TIL.SecondIntroductionofRuby
Tags: ruby, rails, beginners, programming
Published: 2023-02-18 04:01:50

today, i continued learning more ruby and the "basics" of what it entails. i am having a hard time "memorizing" some of these terms this week when last week was all there so i am dedicating time at home during the weekend to read over some of the notes i've taken etc.
226. Leetcode Solution in JavaScript
Tags: javascript, challenge
Published: 2023-02-18 03:59:59


```javascript
/**
 * Definition for a binary tree node.
 * function TreeNode(val, left, right) {
 *     this.val = (val===undefined ? 0 : val)
 *     this.left = (left===undefined ? null : left)
 *     this.right = (right===undefined ? null : right)
 * }
 */
/**
 * @param {TreeNode} root
 * @return {TreeNode}
 */
var invertTree = function(root) {
  if (root === null) { return null; }
  var node = root.left;
  root.left = root.right;
  root.right = node;
  if (root.left) { invertTree(root.left); }
  if (root.right) { invertTree(root.right); }
  return root;
};
```
#leetcode
#challenge
Here is the link for the problem:
https://leetcode.com/problems/invert-binary-tree/
The Difference Between Docker Images and Docker Containers
Tags: docker, devops
Published: 2023-02-18 03:58:44

---
title: The Difference Between Docker Images and  Docker Containers
published: true
description: This article explains the difference between Docker Images and Docker Containers, two fundamental concepts in the Docker ecosystem.
tags: #docker, #devops
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7uqd65h145vv0yohsevg.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2023-02-18 03:54 +0000
canonical_url: https://blog.savetchuk.com/the-difference-between-docker-images-and-docker-containers
---

If you are new to learning and working with Docker, you might be wondering how Docker images differ from Docker containers. Without further ado, let's dive into it.

Both Images and Containers are two distinct concepts in the Docker ecosystem and we need them both in order to work with Docker.

## Docker Containers

Docker containers are small packages that contain our application and the environment required to run it (system tools, libraries, settings, etc). We can think of containers as running/executable units of software, the units we run locally, on servers and cloud providers in order to start our application.

## Docker Images

Docker images are read-only templates of Docker containers. In order to create a Docker Container, we need a template or blueprint which is a Docker Image. Therefore, containers are dependent on images and use them to construct a run-time environment and run an application.

Docker images are typically built using a Dockerfile, which is a script that specifies the instructions for building the image. Docker images are stored in a registry and can be shared and reused by other users.

We can run multiple containers from the same image as shown below.

![Example of multiple Docker containers running from the same Docker image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nxrxlqlgjdii4psj0fz9.png)

It is also worth mentioning that we can create Docker images based on other Docker images and this is often referred to as "layering" Docker images. The newly created Docker image inherits all the files and settings from the parent image, and we can add new files, dependencies, and configurations as needed.

## Summary

* A Docker image is a read-only template or snapshot of a Docker container.
    
* A Docker container is a runnable instance of a Docker image.
    
* Images contain applications code, meanwhile, containers run it.
    
* We can use one image to create multiple containers on different servers.
    
---
    
I hope this information was helpful, stay tuned for more content :)
PDF.js annotation library in pure JavaScript. Create and save PDF annotation, (pdf highlight/signature)- pdf.js
Tags: pdfjs, javascript, annotation
Published: 2023-02-18 03:47:06

## Demo and Source code
Demo and source code: **[https://demos.libertynlp.com](https://demos.libertynlp.com)**
the best solution of pdf.js annotation, only use **pdf.js-dist**, support **old browser, smart phone and mobile device**, very easy to import into your project.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zi90zcsw0df0kbfzyzzh.JPG)

## Function
**① download :**  save pdf with annotations mark
**② highlight :**  highlight selected text;
**③ underline :**  underline selected text;
**④ screenshot:**  screenshot pdf save as png;
**⑤ polygon:**  add textbox/arrow/rectangle/circle;
**⑥ free draw:**  free draw and auto smooth;
**⑦ image:**  insert image (forexample signature);
**⑧ edit:**  edit annotation ( copy/delete/add comment/navigate );
**⑨ output annotations :**  output annotations for importing;
**⑩ import annotations :**  import annotations for current file;
**⑪ download txt :**  download annotations and comments text;
**⑫ clear:**  clear one/page/file annotation;
**⑬ undo annotations :**  undo annotations in current page;
**⑭ help :**  open help file;

## Demonstrate Video
Youtube tutorial video:
{% embed https://youtu.be/ea_0N89-pm8 %}

## Summarize

I have figureed out the best solution of pdf.js annotation using only pdf.js-dist, and I put the live demo and source code in [https://demos.libertynlp.com](https://demos.libertynlp.com)

Waiting for your visiting and using.
Enable Azure AD (Microsoft 365) SSO and MFA for PeopleSoft in minutes
Published: 2023-02-18 03:19:20

https://www.youtube.com/watch?v=m0WpdlpZ4V8

Enable SSO (Single sign on) and MFA (Multi-factor authentication; 2FA) for users to login to Oracle PeopleSoft in minutes! Follow the step-by-step instructions here: https://www.datawiza.com/blog/technical/enable-sso-mfa-oracle-peoplesoft-with-azure-ad/


Datawiza's solution is designed to be easy to use and can enable single sign-on (SSO) and multi-factor authentication (MFA) for your PeopleSoft by seamlessly integrating with any identity platform, such as Microsoft 365 (Azure AD), Okta, Cisco Duo.

It does not require Oracle Access Manager (OAM) and has already helped other organizations like yours secure their apps, improve user experience, meet compliance requirements, and reduce cost.
Standardized Code Review Processes - Worth It?
Tags: programming, productivity, github, discuss
Published: 2023-02-18 02:47:33

I was talking to an engineering leader at a large company (5k devs), and he said every team in the organization gets to decide their own dev process.  Some do code review, others not.  Does this yield success?  And what do you think the leader (managing >200 devs) thinks about their effectiveness?
CODE DESCRIPTION/REVIEW
Tags: login, javascript, webdev, beginners
Published: 2023-02-18 02:10:22

The capacity to practice and provide a description or review of codes gives you an advantage in your learning process  and also a chance to improve.
I'll be giving a description of blocks of code today, and I've shared pictures of them below.


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


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

The following id were grabbed from html:

- add-item-btn

- item-input

- list.
An EventListener was added to the addItemBtn such that when triggered, the function at the eventListener pushes the value typed in the ItemInput into the shoppingList which was given an empty array. Again it calls out the render function (render() ) while the render function (function render() ) iterates through the array and creates html for each item on the shoppingList.
馬自達的轉子引擎
Tags: 詞辨
Published: 2023-02-18 02:07:15

看《頭文字 D》時, 一直對於高橋兄弟開的馬自達車上的『轉子引擎』感到好奇, 到底『轉子』是什麼？於是就好好考古一下。

## 轉 (ㄓㄨㄢˋ) 子 (ㄗˇ) 引擎

其實馬自達的轉子引擎的原文是源自於德國的 [Wankel engine](https://en.wikipedia.org/wiki/Wankel_engine)), 屬於無活塞的 [rotary engine](https://en.wikipedia.org/wiki/Rotary_engine) 的一種, 實際上日文中並沒有翻譯, 而是採用外來語片假名拼音方式表示為 [ロータリーエンジン](https://ja.wikipedia.org/wiki/%E3%83%AD%E3%83%BC%E3%82%BF%E3%83%AA%E3%83%BC%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%B3_(%E5%88%9D%E6%9C%9F%E8%88%AA%E7%A9%BA%E6%A9%9F)), 如果就英文寫法來看, rotary 是旋轉的, 其實應該譯為『轉動的引擎』或是『轉動式引擎』比較恰當。

## 轉子

轉子引擎中的『[轉子](https://zh.wikipedia.org/wiki/%E8%BD%AC%E5%AD%90)』, 原文應該是 [rotor](https://en.wikipedia.org/wiki/Rotor_(electric)), 指發動機等設備的內部構造中, 繞著中心旋轉的部分, 從英文 rot-or 來看, 也可看出就是旋轉的那個東西。在日文中, rotor 譯為『[回転子] (https://ja.wikipedia.org/wiki/%E5%9B%9E%E8%BB%A2%E5%AD%90)』。

## 轉子為什麼叫做轉子？

你可能會覺得奇怪, 為什麼 rotor 中文叫轉子, 『轉』沒問題, 那『子』到底是什麼意思？我所能找到最接近的解釋, 可參考[遠流大字典](https://lib.ctcn.edu.tw/chtdict/content.aspx?TermId=14428), 提到：

> 『子』可用來稱某種職業之人。例：學子、舟子。

這裡的『子』就是做某某事的人, 像是『舟子』就是操舟的人, 這裡的『子』就跟英文的 "or" 或 "er" 結尾的意義相似, 只是似乎只專門指『人』。在過去的翻譯中, 常常就會拿『子』來表示進行某種動作的器物, 像是資訊科學中的『運算子』, 原文是 operator, 也是一樣的用法, 在比較近代的翻譯中, 則會以『器』來替代『子』。

## 結語

顯然中文的轉子引擎是取 rotor 之意, 而不是原本 rotary engine 來直譯。
ByteNite - Distributed computing
Tags: encode, video
Published: 2023-02-18 01:53:28

A SaaS platform for high-throughput computing, supporting fast and cost-effective video encoding. 

ByteNite implements a distributed computing system based on mobile and desktop devices as worker nodes, keeping the parallelization of video computing workflows and realizing a high-throughput computing environment. 

ByteNite's philosophy is captured in availability, agility, speed, security, and sustainability values.

[https://bytenite.com](https://bytenite.com)
Getting started with NestJs
Tags: javascript, typescript, node, microservices
Published: 2023-02-18 01:45:56

NestJS is a powerful and feature-rich framework for building web applications and APIs using TypeScript. It is built on top of the popular Express.js framework and is heavily influenced by Angular, making it a great choice for developers who are already familiar with Angular.

Before getting started with NestJS, it's important to have a basic understanding of TypeScript, Node.js, and Express.js. Once you have that, you can start building your first NestJS application.

- Installing NestJS: You can install NestJS by running the following command in your terminal:
```
npm install -g @nestjs/cli

```
- Creating a new project: Once you have the NestJS CLI installed, you can create a new project by running the following command:
```
nest new project-name
```

- Setting up the project structure: NestJS uses a modular structure, which makes it easy to organize and maintain your code. The main components of a NestJS project include controllers, services, and modules.

- Creating a controller: Controllers handle incoming requests and send responses. In NestJS, controllers are decorated with the @Controller() decorator. To create a controller, you can use the following command:
```
nest generate controller name-of-controller
```

- Creating a service: Services handle the business logic of your application. They are responsible for performing tasks such as data validation, database operations, and API calls. To create a service, you can use the following command:
```
nest generate service name-of-service
```

- Creating a module: Modules are used to group related controllers and services together. To create a module, you can use the following command:
```
nest generate module name-of-module
```

- Starting the server: Once you have set up your project structure, you can start the server by running the following command:
```
nest start
```

- Testing your application: NestJS provides a powerful testing framework that makes it easy to test your controllers, services, and other components. You can use the following command to run your tests:
```
nest test
```

In conclusion, NestJS is a powerful and feature-rich framework for building web applications and APIs using TypeScript. With its modular structure, it makes it easy to organize and maintain your code. And with its built-in support for testing, it makes it easy to ensure your code is working as expected.
Building Neovim from source
Tags: neovim
Published: 2023-02-18 01:40:02

## Building neovim: A Comprehensive Guide
neovim is a highly customizable and a lightweight text editor (it can be configured to something much more!)
While it maybe installed to your system by using your favorite package manager, it is best used if you build it from source!
So enough talking and let's start building 🧱!

## Prerequisites

Before you start building Neovim, you need some build dependencies installed on your system (psst you might need to update your package list by
```bash
sudo apt-get update
```
on Ubuntu/Debian!):

### Ubuntu/Debian

```bash
sudo apt-get install ninja-build gettext libtool libtool-bin autoconf automake cmake g++ pkg-config unzip curl doxygen
```

### CentOS/RHEL/Fedora
```bash
sudo yum -y install ninja-build libtool autoconf automake cmake gcc gcc-c++ make pkgconfig unzip patch gettext curl
```

### openSUSE
```bash
sudo zypper install ninja libtool autoconf automake cmake gcc-c++ gettext-tools curl
```

### Arch Linux
```bash
sudo pacman -S base-devel cmake unzip ninja tree-sitter curl
```

### Alpine Linux
```bash
apk add build-base cmake automake autoconf libtool pkgconf coreutils curl unzip gettext-tiny-dev
```

### Void Linux
```bash
xbps-install base-devel cmake curl git
```

### FreeBSD
```bash
sudo pkg install cmake gmake libtool sha automake pkgconf unzip wget gettext curl
```

### OpenBSD
```bash
doas pkg_add gmake cmake libtool unzip autoconf-2.69p2 automake-1.15p0 curl
export AUTOCONF_VERSION=2.69
export AUTOMAKE_VERSION=1.15
```

### OpenBSD
```bash
doas pkg_add gmake cmake libtool unzip autoconf-2.69p2 automake-1.15p0 curl
export AUTOCONF_VERSION=2.69
export AUTOMAKE_VERSION=1.15
```

### MacOS/Homebrew
```bash
brew install ninja libtool automake cmake pkg-config gettext curl
```

## Building neovim

Once you have installed the dependencies, you can start building neovim. The following steps will guide you through the process:

1. Clone the neovim repository

   ```bash
   git clone https://github.com/neovim/neovim.git
   ```

2. Navigate to the cloned repository
   ```bash
   cd neovim
   ```
4. Build neovim
   ```bash
   make CMAKE_BUILD_TYPE=RelWithDebInfo
   ```

   This might take some time, so you while you wait, you can go get a cup of Mocha ☕

5. Install Neovim system wide
   Great! You've build neovim. But now, you need to install it to your system
   ```bash
   sudo make install
   ```

6. Now if that's done finishing you should be able to start neovim by typing `neovim` in your terminal of choice.

If Neovim is successfully installed, this command should start the editor.

That's it! You've successfully built neovim from source!

   ```bash
   sudo make install
   ```

6. Run neovim
   ```bash
   nvim
   ```

    If Neovim is successfully installed, this command should start the editor.

Congratulations, you have successfully built Neovim from source!
How to start in IT, specially programming
Published: 2023-02-18 01:05:06

I often see people asking me in forums, groups, and even onsite what they should do to start programming, so I resolved to write this post. Before anything, I like to say clearly that the tips/information here may not match your reality, and they are based on some research that I made and on my experiences.

That being said, in programming, we have many areas that we can follow, such as:

- Frontend: build website interfaces using HTML, CSS, and Javascript;
- Backend: work on the server side ensuring the system/website works the way it should, saving, updating, deleting, and getting the data from the database or another server. Many tools can be used to do that like PHP, Java, C#, Node.js, Ruby, Go, etc;
- Mobile: build apps for cellphones, can be a specialist on Android with Java/Kotlin, IOs with Swift, or with hybrid platforms like Flutter and React Native;
- Fullstack: Frontend + Backend, in some cases +Mobile too;
- DevOps: make scripts to deliver mobile apps (PlayStore/AppleStore) or the Backend/Frontend;
- Fullcycle: Fullstack + DevOps;
- Data analyst: interpret the data, analyse the results, and use statistics methods;
- Data scientist: collects, organizes, and analyzes the data to get insights and information for the company;
- Machine/Deep learning: research, develop, and model the artificial intelligence responsible for machine learning;
- Big Data: model, build, test, and maintain the data processing systems that work with a big amount of data;

For the areas of Data analysis, Data Science, Machine/Deep learning, and Big data the most used technology is Python.

## Common items to study
To start in any of these areas you should learn these topics: 

1. Logic programming 
2. Algorithms 
3. Data structures 
4. Analytic thought

## Good and free/cheap to study
Udemy (there are cheap and some free content)
Youtube (free)
CodeAcademy (free)

## Some good channels on YT
ThePrimeagen
Fireship
Stefan Mischook
Computerphile
Coding with John
Matt Pocock
Nick Chapsas

## Don`t know where to start still?
If you are having trouble defining a step-by-step to start to learn something in programming you should access [here](https://roadmap.sh/) to get it for free
Linode + DEV Hackathon
Tags: linodehackathon
Published: 2023-02-18 00:59:36

## What I built


### Category Submission:


### App Link


### Screenshots


### Description
 

### Link to Source Code


### Permissive License


## Background
(What made you decide to build this particular app? What inspired you?)


### How I built it
(How did you utilize Linode? Did you learn something new along the way? Pick up a new skill?)


### Additional Resources/Info
Week 3: Junior to Intermediate Dev
Tags: beginners, webdev, programming, javascript
Published: 2023-02-17 23:59:53

## What is this series?
I've been a developer for 2 years but my learning lacked focus. With this series, I want to look back at what I've done for 6 months to move towards being an intermediate developer.

## TLDR
- [GOAL] 32 Github contributions a month.
- how to measure performance for an A/B test


## Measuring my impact on Github
As of Feb 17, 2023, I've made 39 contributions. I've heard this is a [shallow metric of productivity and impact](https://www.youtube.com/watch?v=cRJZldsHS3c&ab_channel=GitHub). However I do want a metric to see how often I'm writing and reading code, so this will do for now. 39 contributions is on the low end of what I'm seeing for intermediate developers. Their in the 50-70 range. I'm seeing senior and staff engineers make 100+ contributions within ~7 weeks.

If you're interested in what counts as a [contribution](https://docs.github.com/en/account-and-profile/setting-up-and-managing-your-github-profile/managing-contribution-settings-on-your-profile/viewing-contributions-on-your-profile#what-counts-as-a-contribution).


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

## Learning how to A/B test
As an engineer on the experimentation team, I'm responsible for implementing and getting the metrics for features we're A/B testing.

We broke up the users into three groups. Users who were on the loading page for
1. <10s
2. 10-30s
3. >30s

We were interested in how many of those users clicked our CTA when presented the treatment vs control loading page.

The general formula to see performance of treatment was
{% katex %}
 treatmentPerformance = \frac{treatmentNumClicks - controlNumClicks}{controlNumClicks}
{% endkatex %}

*treatmentPerformance* is the percentage that treatment performed when compared to control as a baseline. ie - *treatmentPerformance* = 5% means that treatment did 5% better than control.

Unfortunately *treatmentPerformance* was negative for each user group, meaning the experiment failed.

## Cool [Random] learnings
- China is losing the [microchip war](https://www.youtube.com/watch?v=Uh4QGey2zTk). US is forcing Taiwan(lynchpin in microchip supply chain) to choose sides. Beginning of new cold war? Was the old cold war about supply chain?
- How am I being intentional about [finding my dream job](https://www.youtube.com/watch?v=O3m14PVOq_g)? Right now I'm focused on building [career capital](https://www.calnewport.com/blog/2020/03/22/building-a-career-that-matters/) by working on my writing skills and my programming skills.
Challenges facing during AWS Cloud Project Bootcamp by Andrew Brown
Tags: cloud, bootcamp, docker, pipeline
Published: 2023-02-17 23:41:26

I was excited when I got confirmed that I was accepted into the **Free AWS Cloud Project Bootcamp by Andrew Brown**. Looking forward to 13 weeks of virtual online classes with lots and lots of videos to watch online. At the same time getting ready to do the homework in time to sharpen my AWS skills and get more hands-on project experience.

After going thru all the study material for **week_0**, I thought I should write some of my experiences and challenges in the process of getting the work completed!

I am learning to do the **architectural diagrams** with many AWS services for this project using **Lucid Charts.** I was familiar with using Draw.io before. But I am find working with Lucid Charts is much easier than working with Draw.io.

Follow these youtube videos

- [Lucidchart Tutorials - Advanced Shapes and Lines](https://www.youtube.com/watch?v=JChDBn4axJE)

- [Lucidchart Tutorials - Top 10 Features to Increase Productivity](https://www.youtube.com/watch?v=4J-p_NQU-dU) 

- [Become a Lucidchart Expert - Livestream Tutorial](https://www.youtube.com/watch?v=LPFt8xJmlEo)

I will add more articles on this project as time goes by.
How come my debugger isn't working?
Tags: help, javascript, beginners
Published: 2023-02-17 23:26:52



## What is your question/issue (provide as much detail as possible)?
Placed a debugger in my code but it doesn't hit when I reload my page. 

![debugger not working](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ad6qbihi6g0e2hkzzbwj.png)

Console logs also not working

![console log not working](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s48zjk4y0nbqya9pdjbo.png)


## What technologies are you using?
next.js, server-side rendered react applications


## What have you already tried/thought about?
Tried cleaning my build then running `yarn start` again.