teleren/devto huggingface dataset:
HTML tags | rp
Tags: html, tags, rp
Published: 2021-11-24 07:08:04

It is used to **provide fall-back parentheses for browsers that do not support display of ruby annotations** using the `<ruby>` element.

One `<rp>` element should enclose each of the opening and closing parentheses that wrap the `<rt>` element that contains the annotation's text.

The end tag can be omitted if the element is immediately followed by an `<rt>` or another `<rp>` element, or if there is no more content in the parent element.

The `<rp>` element must be positioned immediately before or after an `<rt>` element.

- Type: *-*
- Self-closing: *No*
- Semantic value: *No*

[Definition and example](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/rp) | [Support](https://caniuse.com/mdn-html_elements_rp)
Container Orchestration | Definition, Benefits & How It Works
Published: 2021-11-24 07:05:21

"In the early 1970s, the concept of a container-based application emerged that transformed the IT world. For the first time, software was deployed consistently and reliably regardless of changes to the target environment (private or public cloud, personal computer, etc.). With the development of containers, container orchestration has become a trending topic in recent years, with successful applications from the likes of tech giants Facebook, Google, and Netflix, among others. This article provides you with fundamental knowledge about container orchestration, example use cases, and some available tools your organization should consider for scaling your business."
Continue reading: https://www.katalon.com/resources-center/blog/container-orchestration/
What is a Web API in JS? 
Published: 2021-11-24 07:05:00

A Web API is an ultimate developer goal which can help increase the functionality of the browser, making it more efficient and friendly in its own kind.
The most complex functions and readability can be managed by simplifying with the use of API's.
Easy syntax can be brought into consideration, as it has been a task to work upon complex code.

**An API?**
API stands for Application Programming Interface.
It can be considered to be part of either a Web, Browser or Server as mentioned can provide the functionality to a web browser.

>A Web API is an application programming interface for the Web.

>A Browser API can extend the functionality of a web browser.

>A Server API can extend the functionality of a web server.

Third Party APIs
Third party APIs are not built into your browser. These are also used as an extension and can be downloaded from the web of an already existing platform supporting API's

To use these APIs, you will have to download the code from the Web.

Examples:

>YouTube API - Allows you to display videos on a web site.
>Twitter API - Allows you to display Tweets on a web site.
>Facebook API - Allows you to display Facebook info on a web site.

To fetch an API from a file
We can come across this with an example, given below:

A Fetch API Example
The example below fetches a file and displays the content:

Example:
```
fetch(file)
.then(x => x.text())
.then(y => myDisplay(y));
```
Since Fetch is based on async and await, the example above might be easier to understand like this:

Example:
```
async function getText(file) {
  let x = await fetch(file);
  let y = await x.text();
  myDisplay(y);
}
```
Or even bettter: Use understandable names instead of x and y:

Example:
```
async function getText(file) {
  let myObject = await fetch(file);
  let myText = await myObject.text();
  myDisplay(myText);
}
```
We can also add API's from our own History!

The Web History API provides easy methods to access the `windows.history` object.

The `window.history` object contains the URLs (Web Sites) visited by the user.

The History back() Method 

The back() method loads the previous URL in the windows.history list.

the "back arrow" in your browser can also be used as an alternative.

Example:
```
<button onclick="myFunction()">Go Back</button>

<script>
function myFunction() {
  window.history.back();
}
</script>
```
Advantages of E-commerce
Published: 2021-11-24 06:50:58

1. Faster Buying Process: E-commerce has speed up the whole buying process for customers. They do not need to visit physical outlets for shopping and can purchase products by just sitting at their home. It saves huge times and performs faster transactions.

    2. Eliminates Operating Cost: It has reduced the overall operating cost of businesses. [E-commerce](https://blog7.org/3-predizvikatelstva-pred-koito-izpraven-vseki-predpriemach/) has eliminated the need of opening physical outlets by the business. For operating an outlet, there are huge expenses in terms of rent, utilities, various bills, and staff salaries. It saves all these expenses and operates all business activities through an online website.

    3. Personalize Shopping Experience: E-commerce enables customers in enjoying personalized shopping experience. Customers can search for a large variety of products as per their choice and needs without any restrictions. Online business shows products to customers according to their interest and their location.

    4. Available 24×7: Online shopping facility is available at all the time that is 24 hours a day and 7 days a week. This is one of the major advantages of e-commerce that customers can access online products at any time. Unlike physical outlets, there is no official opening and closing time here.

    5. Connects far and wide: Online businesses are able to reach and connect to customers at far distant places with no geographical limits. People can place their orders from any place and get their orders delivered at their location.

    6. Detailed Product Information: Peoples can acquire a full description in detail regarding the products online. It gives full information so that customers can make a comparison with other products easily and choose the best one.

    7. Retargets the Customers: [Online shopping](https://www.problogger.gr/pos-na-epilexete-platforma-ilektronikoy-emporioy/) has made it easy for a business to retargets their customers. The electronic business acquires vast information about their customers while they are doing their shopping online. Customers can be contacted from time to time by sending them personalized emails, messages, coupons and discounts offers.
Weekly web development resources #97
Tags: weekly, webdev
Published: 2021-11-24 06:46:44



______

##[Shadow Palette Generator](https://www.joshwcomeau.com/shadow-palette/)
[![Shadow Palette Generator](https://wweb.dev/weekly/content/97/shadow-palette-generator.jpg)](https://www.joshwcomeau.com/shadow-palette/)
A cool generator to create a set of lush, realistic CSS shadows.

______

##[tldraw](https://github.com/tldraw/tldraw)
[![tldraw](https://wweb.dev/weekly/content/97/tldraw.jpg)](https://github.com/tldraw/tldraw)
A small, open-source drawing app.

______

##[RegEx Learn](https://regexlearn.com/)
[![RegEx Learn](https://wweb.dev/weekly/content/97/regex.jpg)](https://regexlearn.com/)
An interactive tool to learn regex step by step.

______

##[Browserflow](https://browserflow.app/)
[![Browserflow](https://wweb.dev/weekly/content/97/browserflow.jpg)](https://browserflow.app/)
A tool to automate repetitive tasks on any website. No coding required.

______

##[Pony Messenger](https://www.ponymessenger.com/)
[![Pony Messenger](https://wweb.dev/weekly/content/97/pony.jpg)](https://www.ponymessenger.com/)
A mindful messaging app that delivers messages once a day.

______

##[1-Line Layouts](https://1linelayouts.glitch.me/)
[![1-Line Layouts](https://wweb.dev/weekly/content/97/1line.jpg)](https://1linelayouts.glitch.me/)
10 Modern CSS layout and sizing techniques in a single-line of styling.

______

##[Mesh Gradients](https://www.meshgradients.design/)
[![Mesh Gradients](https://wweb.dev/weekly/content/97/mesh-gradients.jpg)](https://www.meshgradients.design/)
A collection of 100 hand-curated mesh gradients.

______

##[MicroDiff](https://github.com/AsyncBanana/microdiff)
[![MicroDiff](https://wweb.dev/weekly/content/97/microdiff.jpg)](https://github.com/AsyncBanana/microdiff)
A tiny fast, zero dependency object and array comparison library.

______

##[React Canvas Draw](https://github.com/embiem/react-canvas-draw)
[![React Canvas Draw](https://wweb.dev/weekly/content/97/canvas-draw.jpg)](https://github.com/embiem/react-canvas-draw)
A simple yet powerful canvas-drawing component for React

______

To see all the weeklies check: [wweb.dev/weekly](https://wweb.dev/weekly)
How to escape Tutorial Hell (Short Post)
Tags: beginners, tutorialhell, programming, help
Published: 2021-11-24 06:45:55

Please bear me my english and my grammar might not be good because I'm new to blogging in fact this is my first blog post okay so let's get started.

Have you ever started a project and went completely off like you feel you don't know nothing but you might have watched a lot of tutorials then you are in the Tutorial Hell! Don't worry it's common because every programmers experienced this at least once in their lifetime.

So what is tutorial hell? In simple words tutorial hell is when you started learning programming you started to watch tutorials either from youtube or from a course in udemy you blindly follow the instructor in that video like you do whatever he types and whatever he do on his screen you just simply copy everything what he do and at the end of the day you feel like you've learned something but when you try to do some projects you'll feel like you don't know how to do it so again you watch a tutorial on how to do that and it keeps on going it's like an infinite loop ∞. For example you want to learn how to ride a bicycle if you just watching others riding bicycle you will not learn how to ride it you should practice riding it that's the only way you can learn similarly this applies in programming too you should practice and get your hands dirty.

**Do This**
Then how can I escape from this I know what you are thinking. I would say that you should not watch tutorials in the beginning tutorials are great way to learn programming you can watch a tutorial and whatever the instructor do in that tutorial you do it along with him at first then you try to do it on your own or just add more features to that you can also do some projects it might be any thing a simple calculator or a simple clock whatever it is you just do it on your own and if you struck at some point you just google it or watch it on that particular part and sometimes you won't find the exact code or tutorial but you can get a similar video or code so you will try to modify it to work on your project and this is the way you will learn programming or coding.

Currently I'm also in the tutorial hell I don't want anyone to struck in this hell like me but now I'm trying to overcome this by doing some own projects.

Remember what you read today to not repeat the same mistakes.

Thank you for reading my post.If you have any doubt feel free to discuss in the comment section.
Running WebpackDevServer in Docker
Tags: docker, webpack
Published: 2021-11-24 06:44:42

TL;DR A sample project to webpack-dev-server in a Docker container is in [this repository](https://github.com/ku6ryo/WebpackDevServer-w-Docker).

# Background
Sometimes we want to run webpack-dev-server in a Docker container.
The reason might be like following

- Want to use a specific Node.js version docker image
- Want to start project in a series of docker-compose services

# Key points
There's some key points to run webpack-dev-server in a Docker container.

## Needs to run the dev server for 0.0.0.0
By default, the dev server runs for `127.0.0.1` to enable accessing by `localshot:XXXX` on browsers. But this does not expose the content outside of a Docker container. You need to listen `0.0.0.0`. [Ref: What is the difference between 0.0.0.0, 127.0.0.1 and localhost?](https://stackoverflow.com/questions/20778771/what-is-the-difference-between-0-0-0-0-127-0-0-1-and-localhost)

```javascript
...
  devServer: {
    compress: false,
    host: "0.0.0.0",
    port: 3000,
  },
...
```
https://github.com/ku6ryo/WebpackDevServer-w-Docker/blob/master/webpack.config.js#L25

## Naive watch option does not work
By default, the dev server's [watch option](https://webpack.js.org/configuration/dev-server/#watch) is enabled and it automatically re-compiles and reloads every time a file changed. However, it does NOT work in the case of running in a Docker container. We need to use [the poll option of webpack's watch option](https://webpack.js.org/configuration/watch/#watchoptionspoll).

```javascript
...
  watchOptions: {
    poll: 1000,
  }
...
```
https://github.com/ku6ryo/WebpackDevServer-w-Docker/blob/master/webpack.config.js#L28

That's it! Hope this helps :)
PWA to APK Github Action
Tags: actionshackathon21, github, opensource, android
Published: 2021-11-24 06:18:21

### My Workflow

So I've created this [PWA to APK Action](https://github.com/sharadcodes/pwa-to-apk-action) which currently coverts the project generated by `bubblewrap-cli` to APK.

You'll need to install `bubblewrap-cli` which requires just a few steps, you can follow [this guide](https://github.com/GoogleChromeLabs/bubblewrap/tree/main/packages/cli) for it.

### Submission Category:
Phone Friendly

### Yaml File or Link to Code
actions.yml: [code](https://github.com/sharadcodes/pwa-to-apk-action/blob/main/action.yml)
Action Github Repository:
{% github https://github.com/sharadcodes/pwa-to-apk-action %}

### Additional Resources / Info

Demo repository
{% github https://github.com/sharadcodes/pwa-to-apk-action-test %}

---

#### TODO
* Automating the step in which you have to upload the android project folder generated by bubblewrap-cli.
* Fixing the generated apk signing error.

---

There are some issues with the generated apk so I don't recommend to use it for production. I will be fixing many things in the upcoming days :)
Flutter Mobile App Development Company | Flutter Staff Augmentation

Tags: flutter, mobile, android, security
Published: 2021-11-24 05:58:32

Flutter programmers construct feature-rich, scalable apps that give users a natural-feeling experience. They provide a wide range of app solutions thanks to their groundbreaking cross-platform development architecture. We provide a variety of Flutter app development services for a variety of mobile platforms, including Flutter experts, QA specialists, cross-platform experts, and material design Design experts to create high-quality solutions, with over 4+ years of expertise.
If you are looking for any kind of Flutter app development services or looking to Hire a Flutter Developer in India, do contact us at sales@dasinfomedia.com
.NET Development Company India
Tags: software, programming, dotnet, mobile
Published: 2021-11-24 05:41:00

India App Developer is the leading [.NET Development Company India](https://www.indiaappdeveloper.com/services/asp-dot-net-development-company-india/). As it provides the finest web apps and mobile app Solutions in India for businesses and start-ups that support the digital era's high-tech revolution. .NET Development Company India to make use of their skills and years of expertise to create extremely qualitative web apps and mobile apps that catch your clients' hearts.

Even game-changing applications require meticulous preparation and implementation.  Hire .NET Developers India as your teammates in the process of brainstorming and sketching out your ideas to produce something really unique. [Hire Dedicated .NET Developers India](https://www.indiaappdeveloper.com/services/hire-dot-net-developers/) to look at appropriate user interface designs as well as the project's specific techniques. With our dedicated developers’ experience and expertise, you can experience your digital growth in this cut-throat competitive world. Our clients appreciate our dedicated developer’s increased productivity, scalability, and open communication!

Contact an India app developer for a quick conversation about your idea and give it a reality.
10 Ways To Prevent Phishing Attacks
Tags: phishing, password, passwordless, authentication
Published: 2022-11-01 06:50:54

---
title: 10 Ways To Prevent Phishing Attacks
published: true
date: 2021-11-24 05:30:02 UTC
tags: phishing, password, passwordless, authentication
canonical_url: https://mojoauth.com/blog/prevent-phishing-attacks/
---

Across the internet, phishing attacks have gained popularity among the scammers who try to steal your personal information and harm you or your company. These phishing emails can look deceivingly credible, and scammers can explicitly personalize some for you. What are Phishing attacks? Phishing attacks are one of the practices of sending fraudulent emails that appear to come from a credible source. It persuades you to take action mainly by clicking a link attached in their email, which gives the scammer access to your device, information, or account.

[Read On](https://mojoauth.com/blog/prevent-phishing-attacks/)
SPO600 Week 9 reflection
Published: 2021-11-24 05:08:09

Hello, welcome to the week 9 of SPO600(Software Portability and Optimization) blog. In this week we will discuss the benchmarking and profiling. 

#Test a C program#
This part we will do a very simple profiling test, we got 2 c-language programs: 
The first is hello.c file
```
#include <stdio.h>

int main() {
        printf("Hello World!\n");
}
```
The second is hello2.c file
```
#include <unistd.h>

int main() {
        write(1,"Hello World!\n",13);
}
```
We could use a simple command
```
time make
```
to retrieve how much time it is spending in each function or program.
Let's look at the result below: 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yelz6au78y138j4bvp42.png)
As what we see above, the time has been divided up into 3 parts: real, user, and sys. The real time corresponds to the wall clock time, in this test it is 0.372 second. The user time is how much time this program is executing on my behalf, it is the time that the program is directly executing with my normal permissions, in this test it is 0.276 second. The system time(sys) is the amount of time that the kernel was doing stuff on behalf of this program, in this test it is 0.092 second. If we add the user time and system time together, the result should be very close to what we got for the real time of this test. 

#Fun things to know#
Type command
```
less /proc/cpuinfo 
```
Could display your cpu information.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2t3jps55n33ty97mnzt4.png)
 
#Reflection#
This week we worked on benchmarking and profiling. Benchmarking and profiling is super useful in real programming life. It provides a clear view to identify how much time that a program will consume, it helps programmers to pick up the best solution from tons of ideas.
Node.js for Blockchain Development
Tags: javascript, blockchain, node
Published: 2021-11-24 05:02:29

Hi there, I'm a graduating college student.
A startup company (with potential) offered me a job as a blockchain developer.

Is Nodejs a good option for blockchain development? What's the pros and cons? is it advisable? 

I've been working with Javascript for almost 5years now.

Thank you in advance!
Join Us for the 2021 GitHub Actions Hackathon on DEV!
Tags: actionshackathon21, opensource, github
Published: 2021-11-24 04:49:48

Still there's time left you to join :) 

[Actions Hackathon 2021](https://dev.to/devteam/join-us-for-the-2021-github-actions-hackathon-on-dev-4hn4)
Build your own PDF Converter with Csharp WPF and Syncfusion for PC from scratch
Tags: wpf, dotnet, csharp, programming
Published: 2021-11-24 04:08:45

In this video, you are going to learn how to build your own PDF Converter with Csharp WPF and [Syncfusion](https://www.syncfusion.com/) for PC from scratch. 

 Syncfusion Website: https://bit.ly/3wPng9a 

Syncfusion WPF Components: https://bit.ly/3qJtCpz 

In this tutorial, you will learn how to create our own PDF converter. We also want to make it look professional, with a beautiful UI and resizable window. This is a chance to introduce you to our sponsor for this video Syncfusion!. 

Syncfusion offers a wide range of products and libraries for all platforms. In this tutorial, we will be using a handful of their libraries to build our PDF converter. We will use their PDF essential libraries to program our file conversion logic, like how to convert an image to a PDF and vice versa. After that, we will apply one of Syncfusion's neat themes which is called Fluent Light. It's a responsive theme that will make our UI look stunning. Finally, we will add some extra logic to resize our UI whenever the size of our window changes, to make sure our UI looks right at all times. We've got a lot to do so let's get started :). 

Get the source code on github : https://github.com/tutorialseu/WPF-PD...

{% youtube agK1VK2CIrE %}
Operation on the browser of Github is fast with ⌘k
Tags: github, keyboard, shortcut
Published: 2021-11-24 04:27:36

Once you get used to operating Github on your browser, it will be faster to use commands.
You can also search for files in the repository, so it seems that you can reduce the frequency of switching to the mouse.

https://docs.github.com/ja/get-started/using-github/github-command-palette

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/69nka5zlz9sb5j94z4vv.gif)
Greeting contributors automatically on Jarvis with Github Actions
Tags: actionshackathon21, python, github, opensource
Published: 2021-11-24 04:19:50

## Submission Category: 
Maintainer Must-Haves

## Yaml File or Link to Code: 
https://github.com/DevMike123/Jarvis/tree/main/.github%2Fworkflows

## Additional info and resources about the workflow: 
I am using Greetings action as it automatically says thanks for the hardwork to the new users to create pull request or issues! This removes a lot of hard work of mine as I needn't need to write thanks to all the new contributors one by one. As soon as the new user makes a pull request or issue, the workflow starts working and comments thanks to the new contributor for his/her contribution! I have also used a personal access token and in the repo secrets, I have added it in the TOKEN variable for giving more permissions to the workflow! Thank You!

The given banner image at the top is the auto generated comment created by the workflow! 


[Example Comment](https://github.com/DevMike123/Jarvis/pull/1#pullrequestreview-814406855) is also given here!

## Creators:
[DevMike123](https://github.com/DevMike123)
Library of Babel PR
Tags: actionshackathon21
Published: 2021-11-24 03:54:52

## My Workflow
[Library of Babel PR](https://github.com/marketplace/actions/library-of-babel-pr)

### Submission Category: 
Wacky Wildcards

### Yaml File or Link to Code
{% github https://github.com/realSaddy/library-of-babel %}


### Additional Resources / Info
Hey everyone! This is my first real Github action project, and I'm quite happy with it :)! 

The action automatically runs when a new pull request is created, and responds with the location of the pull request's diff in the [Library of Babel](https://libraryofbabel.info/About.html), a mathematical vault of every permutation of 3200 characters!

I did this in a long code session I just finished, so there's no big projects using this groundbreaking action --- yet! But, I've included it in [one of my open source projects](https://github.com/TexasTorque/TorqueLearn).

GLHF!!