teleren/devto huggingface dataset:
SSH Login Alert Bot
Tags: bash, linux, telegram
Published: 2022-12-09 07:01:21

### How to use

#### Create telegram bot
To send a message to Telegram group or channel, you should first create your own bot. Just open Telegram, find [@BotFather](https://t.me/botfather) and type `/start`. Then follow instructions to create bot and get token to access the HTTP API.

#### Create Channel
Create a new Channel in Telegram and add your bot as a member. So your bot could send messages to the Channel.

In order to get Channel Id, first, post any message to the Channel. Then use this link template to get Channel Id:

```sh
https://api.telegram.org/bot<YourBOTToken>/getUpdates
```
Here is a response example:

```sh
{
  "ok":true,
  "result": [
    {
      "update_id":123,
      "channel_post": {
        "message_id":48,
        "chat": {
          "id":-123123123, // this is your channel id
          "title":"Notifications",
          "type":"channel"
        },
        "date":1574485277,
        "text":"test"
      }
    }
  ]
}
```
#### Clone the repo

```sh
git clone https://github.com/vi-dev0/login-alert-bot.git
```

#### Add token and chat ID

Add bot token and chat ID in `telegram-send.sh`

```
#!/bin/bash
    
GROUP_ID=<group_id>
BOT_TOKEN=<bot_token>
```

#### Add permissions

```
chmod +x telegram-send.sh
chmod +x login-notify.sh
```

#### Move to scripts folder

In order to use this script from everywhere and type telegram-send instead `./telegram-send.sh` add it to `/usr/bin/` folder

```
sudo mv telegram-send.sh /usr/bin/telegram-send
```
Owner of all files in /usr/bin is root user. So let's do the same with our script:

```
sudo chown root:root /usr/bin/telegram-send
```
You can test it: ```telegram-send "Test message"```


Move `login-notify.sh` script to `/etc/profile.d/` folder

```
sudo mv login-notify.sh /etc/profile.d/login-notify.sh
```
### Now re-login to your web server and check it works.

## Contact

Mr Vi - [@vi_dev0](https://twitter.com/vi_dev0)

Project Link: [Login Alert Bot](https://github.com/vi-dev0/login-alert-bot)
Ecommerce Website Using HTML CSS & JavaScript (Source Code)
Tags: webdev, javascript, html, css
Published: 2022-12-09 06:54:50

{% embed https://youtu.be/aIXjldulzxo %}

**ECOMMERCE WEBSITE USING HTML CSS & JAVASCRIPT** | Html Css Js ecommerce website | E-commerce website using HTML CSS and JavaScript


HI 👋
I'm Daily Web Design
In this channel, I make videos about the Complete Responsive website.
You can check out my channel 👇


📺 My Channel : https://www.youtube.com/@dailywebdesign
🔔 Subscribe:      https://www.youtube.com/@dailywebdesign


🔗 Essential links
-----------------------------
✅ How TO Learn to Code: 
https://youtube.com/playlist?list=PLP1xU0duo6-jA8B-UCe-Cv5Vn0H-37CLZ

✅ CSS Project : 
https://youtube.com/playlist?list=PLP1xU0duo6-gSt54DxihbSzvxhISEbgJd

✅ JavaScript Project : 
https://youtube.com/playlist?list=PLP1xU0duo6-gFYT8Cn-8nJFklS4TkM8j2

✅ Completely Responsive Web Design : 
https://youtube.com/playlist?list=PLP1xU0duo6-jhNWX9geGXak3I_I22PL6C


⏱️ Timestamps
-----------------------------
0:00 Food Website Using HTML And CSS
3:18 file structure
4:05  header html css responsive
23:18  home page in html css
28:59  banner slider in html css
34:25  category page html css
39:56  product card html css responsive
53:51  deal html css
1:03:40  contact form html css
1:06:29  newsletter form htm css
1:08:24  footer html css reponsive 
1:13:29 Restaurant Website HTML CSS JAVASCRIPT


💜 Like Follow & Subscribe 
-----------------------------
👨‍💻 Dev :-           https://dev.to/dailywebdesigns
📘 Facebook :- https://www.facebook.com/dailywebdesigns
💻 Website :-   https://www.dailywebdesigns.com

  @dailywebdesign  


⚠️ Disclaimer
-----------------------------
video is for educational purpose only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use
Responsive Movie Website Landing Page HTML CSS JAVASCRIPT With Video Trailer
Tags: webdev, javascript, html, css
Published: 2022-12-09 06:50:48

{% embed https://youtu.be/q0EzCeb4TJE %}

**Anime Movie Landing Page Website** | **Responsive Website Landing Page HTML CSS  JAVASCRIPT** | movie website landing page html & CSS with video trailer to watch it.


HI 👋
I'm Daily Web Design
In this channel, I make videos about the Complete Responsive website.
You can check out my channel 👇


📺 My Channel : https://www.youtube.com/@dailywebdesign
🔔 Subscribe:      https://www.youtube.com/@dailywebdesign


🔗 Essential links
-----------------------------
✅ How TO Learn to Code: 
https://youtube.com/playlist?list=PLP...

✅ CSS Project : 
https://youtube.com/playlist?list=PLP...

✅ JavaScript Project : 
https://youtube.com/playlist?list=PLP...

✅ Completely Responsive Web Design : 
https://youtube.com/playlist?list=PLP...

✅ Responsive Landing Page :
https://youtube.com/playlist?list=PLP...


⏱️ Timestamps
-----------------------------
02:18  cdn link
21:05  backdrop-filter blur
21:29  Responsive


💜 Like Follow & Subscribe 
-----------------------------
👨‍💻 Dev :-           https://dev.to/dailywebdesigns
📘 Facebook :- https://www.facebook.com/dailywebdesigns
💻 Website :-   https://www.dailywebdesigns.com

  @dailywebdesign 



⚠️ Disclaimer
-----------------------------
video is for educational purpose only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use
Testing, Agile, DevOps and Low code Showcase: Methods and Tools
Tags: agile, devops, testing, lowcode
Published: 2022-12-09 06:36:12

BACKGROUND AND FOCUS
[Agile, DevOps, Testing and Low Code](https://www.unicomlearning.com/agile-devops-software-testing-conference/bengaluru-india-2023/) have shared environments that facilitate working together. Spurred by greater demand for excellence, these methods are adopting new tools and processes. The main features of this conference are:

1. Practitioner – thought leaders will help you to develop your business case and build the foundation towards getting significant return on investment.
2. They bring new perspectives and ideas of innovation to this conference.
3. They show how to be resilient in this ever-changing unpredictable market
4. You will be able to focus on boosting productivity, reduce time to market, cost, and resource investment.
5. The day will show you how to leverage modern technologies to deliver a fully unified customer experience.
6. The day also features extended knowledge-sharing discussions in Round Table sessions for sharing insights and industry trends. This session will be in a panel format for thirty minutes. Multiple Round Tables take place all at the same time.
7. You can catch up with all the new tools in the exhibition that is held alongside.
8. Learn from in-depth presentations on Testing, Agile, DevOps and Low Code.
9. The day also features extended knowledge-sharing discussions in Round Table sessions for sharing insights and industry trends.
10. Network with like-minded professionals and learn from their experiencestion that is held alongside.





11. 8. Learn from in-depth
12.  presentations on Testing, Agile, DevOps and Low Code.
13. The day also features extended knowledge-sharing discussions in Round Table sessions for sharing insights and industry trends.
14. Network with like-minded professionals and learn from their experiences
India DevOps League 2023
Tags: devops, aws, docker, azure
Published: 2022-12-09 06:29:28

The next edition of the annual corporate quiz contest [India DevOps League](https://www.unicomlearning.com/2023/india_devops_league_bengaluru/) is back!! Purpose of this contest is to identify India’s most knowledgeable DevOps Specialist. This is your chance to shine and win the Best DevOps Specialist Team Award!

List of Topics that will be covered:

Cloud /IAAS/ PAAS
Microservices and Containers
Infrastructure
Continuous integration / Continuous Deployment
Release Management
DevOps tools
Build and Test Automation
Project Management
Quality Assurance

**QUALIFIER ROUND- FREE:**
Date: – 19 January, 2023
Format: – Online, Quiz can be taken from anywhere – office/ home/ browsing centres, etc.

There will be 30 minutes provided to complete 40 Multiple Choice 
Questions that have been designed to be cover all areas of DevOps.








the semi-finals. This fee includes a complimentary pass for Testing, Agile, DevOps and Low code Showcase: Methods and Tools
Salesforce Interview Questions And Answers | Salesforce Tutorial | Salesforce Training
Tags: salesforces, beginners, interview, job
Published: 2022-12-09 06:29:24

This #Salesforce Interview questions and answers tutorial will help you to prepare for #Salesforce interviews. Learn about the most important Salesforce interview questions and answers and know what will set you apart in the interview process. 

{% embed https://www.youtube.com/watch?v=tQsiH7odkOQ %}
access delegations for frontend and backend
Tags: webdev, productivity, discuss, management
Published: 2022-12-09 06:13:41

Recently, I am trying to get a project/part of the project from an old contact. 

I met a guy claimed to be able to work on backend swiftly. And he demanded that he must get full web hosting access on all the projects he is going to work on. 

Below is some info I have collected: 

1. web hosting full access(cpanel) is only single account(I checked with most web hosting even my senior in University)
2. one web hosting can accommodate 2-3 domains. But you can't delegate web hosting(cpanel) access by domain basis. 
3. ftp setup access on folders can be done in web hosting; the web hosting account holder can upload the database file into myphpadmin
4. mysql remote access can be setup for backend development

I perceived that most backends can work on remote site access fluently. But I met with someone who claimed that I am very noob on not giving away full access.

Any comments or advise on this ?
How ChatGPT could possibly disrupt google search services and change SEO forever
Published: 2022-12-09 06:04:34

It's no secret that Google has been the dominant player in the search game for decades. But with the rise of ChatGPT, a large language model trained using the same technique as GPT-3 with a focus on conversational language, the search giant may finally have some serious competition.

What sets ChatGPT apart from traditional search engines like Google is its ability to understand and respond to a wide range of natural language queries. This makes it particularly effective at providing accurate and relevant answers to complex questions, just like Google does.

But ChatGPT has another trick up its sleeve: it's highly adaptable and can learn to respond to different conversational styles and contexts, providing personalized responses to each user. This makes it a more engaging and effective tool than traditional chatbots.

In addition, ChatGPT is highly scalable and can be easily integrated into a variety of applications and platforms, making it a powerful tool for developers and businesses looking to build advanced conversational AI systems.

One potential way ChatGPT could be used as an alternative to Google Search is by integrating it into a conversational AI system that can understand natural language queries and provide relevant and accurate answers. This would allow users to simply ask questions in natural language and receive relevant responses, making the search process more intuitive and user-friendly.

This would also have a major impact on the way businesses approach search engine optimization (SEO). Instead of focusing on keyword optimization, businesses would need to prioritize the creation of high-quality, informative content tailored to the needs and interests of their target audience in order to rank highly on ChatGPT's search results pages.

It's still unclear how quickly ChatGPT will be adopted, but it's clear that it has the potential to disrupt the search industry and change the way businesses approach SEO. With its advanced language processing abilities and adaptability to different conversational styles, ChatGPT could be a game-changer in the world of search.
HTML 5 INTERVIEW QUESTIONS AND ANSWERS
Tags: html, html5interview, interviewquestions, webdev
Published: 2022-12-09 05:58:25

HTML 5 is the latest version of HTML, which enables web pages to be viewed in standards-compliant browsers. The technology allows you to produce cleaner, more accessible web content and gives users the ability to read and respond to the content in their preferred style. Finally, Practice here the top [HTML5 Interview Questions and Answers](https://www.onlineinterviewquestions.com/html5-interview-questions/) to land your dream job in this field. 

1) What is HTML5?
2) List out the new features of HTML5?
3) List out the advantages of HTML5?
4) What is HTML5 Geolocation?
5) What is the use of LocalStorage in HTML5?
6) What is the use of the 'canvas' tag in HTML5?
7) What are web workers in HTML5?
8) What are the rules established for HTML5?
9) What is MathML in Html5?
10) Is HTML5 tags are case-sensitive?
11) What is Canvas in HTML5? How to write a Canvas?
12) What use of the article tag in HTML5?
13) What is Graphics in HTML5?
14) What are Server-Sent Events in HTML5?
15) What is Microdata in HTML5?
16) List different types of APIs available in HTML5?
17) List some new tags introduced in HTML5?
18) List some tags that are removed completely from HTML5?
19) What is < !DOCTYPE>? Is it necessary to use in HTML5?
20) What is the sessionStorage Object in HTML5? How to create and access?
21) What is the difference between the Html5 application cache and the regulated Html browser cache?
22) What are the new Apis provided by the Html5 standard? Give a brief description of each
23) Can you list the new input type attributes in HTML5?
24) What is the header and footer in HTML5?

Thanks for reading Here. Find Answers for these [Html5 Interview Questions and Answers](https://www.onlineinterviewquestions.com/html5-interview-questions/).
Let's demystify swoole : hello world
Tags: php, swoole, tutorial, beginners
Published: 2022-12-09 05:57:34

## introduction

Swoole is a PHP extension including async and multithread http server.

In this tutorial, we will create a simple http server which listen to port 9501 and respond a hello world html.

## install extension 

You are required to have a recent linux distribution debian based (here an Ubuntu 22.04).

Lets install PHP cli :
```bash
$ apt-get install php-cli php-pear php-dev
```

And swoole. Run as root :
```bash
$ pecl install swoole
$ echo "extension=swoole.so" > /etc/php/8.1/cli/conf.d/90-swoole.ini 
```

## Create our project

Let's create our directory :
```bash
$ mkdir hello-world
$ cd hello-world
```

Now we will create our index.html file with your favorite editor 
```html
<!-- index.html -->
<html>
<body>
<h1>Hello World !</h1> 
</body>
</html>
```

## Create the server

Create a file named "serve" with this content :
```php
#!/usr/bin/php
<?php
$server = new \Swoole\Http\Server('0.0.0.0', 9501);
$server->on('Request', function (\Swoole\Http\Request $request, \Swoole\Http\Response $response) {
    $response->write(file_get_contents('index.html'));
    $response->status(200);
    $response->end();
});
$server->start();
```

Set file executable :
```bash
$ chmod 755 serve
```

## Test your server

Run server :
```bash
$ ./serve
```

And go to your favorite browser, to see the result [http://localhost:9501](http://localhost:9501).

That's all !

## Other posts on swoole

- [coroutines](https://dev.to/sebk69/lets-demystify-swoole-coroutines-285o)
- [tables](https://dev.to/sebk69/lets-demystify-swoole-tables-2788)
JavaScript #game
Tags: javascript, developer, webdev
Published: 2022-12-09 05:54:37

const promise = new Promise((resolve, reject) => {
    const promise2 = Promise.reject('error').then(() => {
      console.log(1)
    }, () => {
      console.log(2)
    })
    resolve(promise2)
  });
  promise.then(console.log);

//What will be the output
Clean Code: Chapters 1 & 2 Summary
Tags: books, book, cleancode, summary
Published: 2022-12-13 10:32:36

---
title: Clean Code: Chapters 1 & 2 Summary
published: true
date: 2022-12-09 05:48:28 UTC
tags: Books,book,cleancode,summary
canonical_url: https://vuyisile.com/clean-code-chapters-1-2-summary/
---

I am reading the [Clean Code: A Handbook of Agile Software Craftsmanship](https://www.amazon.com/Clean-Code-Handbook-Software-Craftsmanship/dp/0132350882/) book by Robert C. Martin. I will write short summaries of the book chapters as I go through them to serve as notes for me and anyone else.

![](https://i0.wp.com/m.media-amazon.com/images/I/41xShlnTZTL._SX376_BO1,204,203,200_.jpg?resize=276%2C364&ssl=1)

## Chapter 1: Clean Code

The book is about good programming, about how to turn bad code into good code. Code can be bad for several reasons:

- You’re coding in a rush
- Your boss is pushing you to finish soon
- You don’t have time to do a good job
- You want to get a quick fix out and tell yourself you’ll fix it later. Later equals never.

Clean code should be elegant, efficient, readable, simple, well-written, and without duplications.

## Chapter 2: Meaningful names

- Use intention-revealing names. Good variable, function, and class names should reveal what it does, why it exists, and how it is used. If a variable name requires a comment, it does not reveal its intent. Instead of naming a variable like this `int d; // Elapsed time in days` It is better to use `int elapsedTimeInDays;`
- Avoid words whose meanings vary from the intended meaning, e.g. calling a grouping of Accounts `AccountList` when it does not contain a `List` because the word `List` has special meaning to programmers.
- Use pronounceable names
- Names should be meaningful and searchable.
- Single-letter names should only be used as local variables inside short methods. The length of the name should correspond to the size of its scope.
- Shorter names are generally better than longer ones, so long as they are clear.
- Don’t pun or use inside jokes when naming things.
- Use names that reflect the system domain, the context, and the problems that must be solved.
- Avoid acronyms and confusing names which may bring anyone reading your code to confusing or wrong conclusions

### Class Names

- Classes and objects should have noun phrase names like `Customer`, `WikiPage`, `Account`, `AddressParser`.
- Avoid names like `Manager`, `Processor`, `Data`, `Info` in the class name.
- A class name should not be a verb.

### Method names

- Method names should use verbs or verb phrase names, such as `save`, `postPayment`, `deletePage`
- Accessors should be named for their value and prefixed with `get` or `set`
- pick one word per concept and stick with it, e.g. retrieve, get, and fetch all mean the same thing. Choose one, and stick with it.

The next chapter is on Functions. I will add a link to it here as soon as I am done with it.
Animate an SVG path with CSS
Tags: css, webdev, beginners
Published: 2022-12-09 05:31:53

A while ago, I found this super cool effect that animated an SVG path as it was drawn on the canvas.

It turns out it's pretty easy to create this with CSS, so let's see how it's done.

## Animating an SVG path with CSS

The first part was to create an SVG line, and I used sketch to draw a triangle-looking element.
You can draw anything you want or even use [online free tools](https://editor.method.ac/).

Once your shape is complete, add it to your HTML. For reference, here is my one.

```html
<?xml version="1.0" encoding="UTF-8"?>
<svg
  width="291px"
  height="260px"
  viewBox="0 0 291 260"
  version="1.1"
  xmlns="http://www.w3.org/2000/svg"
  xmlns:xlink="http://www.w3.org/1999/xlink"
>
  <title>Path</title>
  <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
    <path
      d="M273.097656,120.507813 C201.899566,163.577543 130.777516,213.94793 50.8398438,240.160156 C36.9248074,244.723012 17.4914196,262.184399 8.2265625,250.84375 C-1.53762975,238.89189 20.198756,222.272258 24.0078125,207.316406 C27.3670238,194.126823 28.5689142,180.441602 29.6132812,166.871094 C30.9603726,149.366986 31.1766739,131.782428 31.171875,114.226563 C31.1623478,79.3735161 8.15793288,37.1795952 29.5703125,9.6796875 C43.1473611,-7.75730878 67.7544299,32.013528 87.5742187,41.7890625 C105.639606,50.6992894 124.365537,58.2317755 143.085938,65.6679688 C150.003672,68.4158594 157.202901,70.4330349 164.40625,72.3085938 C177.173796,75.6329203 190.335014,77.4306133 202.960938,81.2578125 C220.824973,86.6728004 237.747783,94.999359 255.734375,99.9921875 C266.927708,103.099302 278.679688,103.638021 290.152344,105.460938"
      id="Path"
      stroke="#979797"
      stroke-width="10"
    ></path>
  </g>
</svg>
```

Now we can move to animate it, and since I'm only using one SVG, I added the code to the main SVG element.

The first thing we want to do is set the stroke dash array, and its offset.

```css
svg {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  pointer-events: none;
}
```

The dash array refers to the width of the dash and the offset to the starting point. 1000 is bigger than our actual line so it will be split into 1000 pieces.

Then we want to add an animation that removes the offset over time.

```css
svg {
  animation: animateDash 2s linear forwards infinite;
}
```

Then we can create the animation to remove the offset, as mentioned.

```css
@keyframes animateDash {
  to {
    stroke-dashoffset: 0;
  }
}
```

And that's it. Our animation will now run to show the drawing of the line.

You can even play with this and change the array and offset sizes, which will impact how your animation runs, and you can even make it appear as a dashed border animation.

For reference, you can see the result in this CodePen.

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

### 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)
Fuel Save Pro - What is it? and How to use?
Tags: fuelsavepro
Published: 2022-12-09 05:21:41

I don't use a lot of that but when I do, look out. You have to put a couple of soul into that profession. You should now have several theory of what you want in some concern. This will be an all-nighter when I have a large collection of their facet. Is there anywhere your counterparts reap new age Fuel Save Pro Reviews conferences? That is part of the new order. To be honest, I know doing that is a monumental task for a number of insiders. It is typical how mobs can deal with a mild case like this. This is called my brainchild. I want to dispute the conventional wisdom apropos to your accoutrement. What Fuel Save Pro Reviews concept do you use? 




Click Hare-  [https://www.outlookindia.com/business-spotlight/-scam-alert-fuel-save-pro-canada-really-reduce-fuel-consumption-or-waste-of-money-news-237869](https://www.outlookindia.com/business-spotlight/-scam-alert-fuel-save-pro-canada-really-reduce-fuel-consumption-or-waste-of-money-news-237869)  


Read More

[https://www.outlookindia.com/outlook-spotlight/prodentim-oral-probiotics-for-healthy-gums-and-teeth-legit-or-scam-shocking-results-and-hidden-truth--news-210563 ](https://www.outlookindia.com/outlook-spotlight/prodentim-oral-probiotics-for-healthy-gums-and-teeth-legit-or-scam-shocking-results-and-hidden-truth--news-210563 )
[https://www.outlookindia.com/outlook-spotlight/fluxactive-complete-usa-and-ca-cheap-scam-or-really-work-shocking-results-and-ingredients--news-208665

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/p6wp7n7d0yotr9i34rfy.jpg)](https://www.outlookindia.com/outlook-spotlight/fluxactive-complete-usa-and-ca-cheap-scam-or-really-work-shocking-results-and-ingredients--news-208665)