teleren/devto huggingface dataset:
Open ISO files on Mac with the help of the best tools
Published: 2021-11-17 14:17:06

ISO files are generally very safe because, as image files, they don’t include any executable code. This makes it harder to both hide viruses in an ISO when you extract an [ISO file on Mac](https://mac.eltima.com/open-iso-file-mac.html), making it unlikely to pose a threat to your device. If you need to know how to open a Mac OS ISO file, can use the best tool - Commander One.
Commander One is a very good file manager with a set of interesting and necessary features for work. It compresses and decompresses files easily and quickly as well as works with the rest of popular formats. Also using the application you can copy/move files from one archive to another as well as delete files and create folders directly inside an archive, search and browse through the content of the archive without extracting it.
Serverless Community Call 18/11 Serverless Console
Tags: swd, community, serverless, console
Published: 2021-11-17 13:40:25

---
title: Serverless Community Call 18/11 Serverless Console
published: true
description: 
tags: swd, community, serverless, console
cover_image: https://cdn.diegooo.com/media/20210606183353/serverless-framework-icon.png
---
Serverless Community Call será el día 18 de noviembre, allí se dará a conocer los nuevos cambios de este gran Framework, la actualización más importante es Serverless Console, la cuál está enfocada en potencializar la administración de los recursos, equipos, integraciones (PagerDutty, Slack, DataDog, New Relic, etc), alertas y logs, de esta manera pasa de ser un Framework a una potente herramienta Cloud.

Personalmente he utilizado Serverless Framework y me ha gustado su versatilidad y la manera en que administra facilmente los recursos, por otra parte, la documentación es amplia, y en casos particulares en opciones de configuración muy específicas, se puede acudir a la documentación de CloudFormation de AWS y se puede hacer uso de parámetros no definidos en la documentación.

¿Ya han tenido experiencia con este Framework? 

Comparte este post, probablemente sea útil para alguien en tu red, si tienes alguna duda o comentario, no dudes en dejarlo en la parte de abajo.

Regístrate: https://app.livestorm.co/serverless/serverless-community-call-november-2021
Best Software Testing Companies in the Dallas, USA 2022
Published: 2021-11-17 13:14:54

To select best QA and software testing companies in the Dallas, USA, I conducted market research and make a list of top software testing companies based on the research of top platforms:
•Clutch
•Goodfirms
•Google

Before we jump on the exact point let’s have a look what is the role of QA firms in your product development.

Software and QA testing services plays an important role product release, QA companies offer you a end to end QA solutions to test your final product, It help you to deliver a high quality product and protect your reputation in the market. <a href="https://www.testrigtechnologies.com/">Software Testing Companies</a> ensure that your product provide flexible and user friendly features to your users.

Following is a handpicked list of top QA companies in the Dallas, USA.

<b>Best Software Testing Services Companies</b>

<b>Testrig Technologies</b>
Founded: 2015	
Location: USA
Service provided: Web and mobile app testing, Cloud testing, Automation testing, regression testing, usability testing, payments testing, Performance Testing, Security Testing, Usability Testing, Accessibility Testing.


<b>QAlified:</b>
Founded: 2015	
Location: USA
Service provided: QA Consulting, Automation testing, Security Testing, Usability Testing

<b>Capgemini:</b>
Founded: 1967	
Location: USA
Service provided: Agile testing, Automation testing, web and mobile application testing.

<b>Mindful QA:</b>
Founded: 2018	
Location: USA
Service provided: Mobile App Testing, Website Testing, Manual Testing, Automated Testing, Performance Testing

<b>Aspire Systems</b>
Founded: 1996	
Location: USA
Service provided: Test Automation, Digital Testing, Retail Test Automation
Introduction To REST APIs
Published: 2021-11-16 11:41:51

In our daily life, we are using different applications and web pages to get data from different resources. (EX: Online Shopping, Online Food Ordering). Have you ever thought about how we are getting the data?? 

Now let's dive into the post for a solution...

Behind the scene what is happening in the client(the application which you are using) will send a request to the server and the server sends the response to the client. 

The communication between the client and service happens through APIs (Application Programming Interface).

#### Why we need REST APIs: 

For client-server communication we have other protocols(SOAP) also but why REST??
 
  Let us discuss an example, you requested the service to get non-veg items details now the server sends an entire web page of details instead of non-veg items details..do you think that it is an apt solution?? Well, I am assuming the fact that you would say NO.

Since, you would prefer the data to be returned in the form of a structured format of JSON or XML, rather than the complete Web page. This is where REST APIs come into the picture. REST APIs create an object and thereafter send the values of the object in response to the client.

REST suggests creating an object of the data requested by the client and sending the values of the object in response to the user. 

It uses lesser bandwidth to make the application more suitable for the internet. 

Now you got an idea about REST APIs(often known as the language of the internet)...

THANK YOU.
Day 40 of 100 Days of Code & Scrum: Calling in Sick for Today
Tags: 100daysofcode, beginners, javascript, programming
Published: 2021-11-17 13:04:43

Greetings, everyone!

Today, I got sick so I wasn't really that productive. I didn't get much sleep because I woke up in the middle of the night with dizziness. Oh well, I still managed to get some work done for my website. I only coded the minimum required, which was an hour.

Anyway, let's move on to my daily report!

## Yesterday

I worked on my portfolio and services sections, and I dealt with Next.js `<Image />` shenanigans.

## Today

Here are the things I learned and worked on today:

### Next.js

- worked on the styling of my portfolio section for the homepage.
- preliminary skeleton is there, so I will most likely move on to the Contact form's frontend and styling.

### Scrum

- I did some practice flashcards for Scrum.
- reviewed some of the things I've learned before.

Not much done this time, I'll try better tomorrow.

Thank you for reading, and I hope everyone is doing well!

![Thank You Banner](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x9ayfxxxaz2g2hfcqbsk.png)

### Resources/Recommended Readings

- [Official Next.js tutorial](https://nextjs.org/learn/basics/create-nextjs-app?utm_source=next-site&utm_medium=nav-cta&utm_campaign=next-website)
- [Scrum Master learning pathway | Scrum.org](https://www.scrum.org/pathway/scrum-master)
- [The 2020 Scrum Guide](https://scrumguides.org/scrum-guide.html)
- [Mikhail Lapshin's Scrum Quizzes](https://mlapshin.com/index.php/scrum-quizzes/)

### Cover Image

- [David Algás Oroquieta on Unsplash](https://unsplash.com/photos/RGkoimdagKs)

### DISCLAIMER

**This is not a guide**, it is just me sharing my experiences and learnings. This post only expresses my thoughts and opinions (based on my limited knowledge) and is in no way a substitute for actual references. If I ever make a mistake or if you disagree, I would appreciate corrections in the comments!

<hr />

### Other Media

Feel free to reach out to me in other media!

<span><a target="_blank" href="https://www.rammina.com/"><img src="https://res.cloudinary.com/rammina/image/upload/v1638444046/rammina-button-128_x9ginu.png" alt="Rammina Logo" width="128" height="50"/></a></span>

<span><a target="_blank" href="https://twitter.com/RamminaR"><img src="https://res.cloudinary.com/rammina/image/upload/v1636792959/twitter-logo_laoyfu_pdbagm.png" alt="Twitter logo" width="128" height="50"/></a></span>

<span><a target="_blank" href="https://github.com/Rammina"><img src="https://res.cloudinary.com/rammina/image/upload/v1636795051/GitHub-Emblem2_epcp8r.png" alt="Github logo" width="128" height="50"/></a></span>
Adding reading time stat in your Next.js blog
Tags: javascript, nextjs, react
Published: 2021-11-17 13:03:53


I recently started my journey to improve my frontend/javascript skills. So the obvious way is by adding a bunch of new features into my blog.

The latest thing I added is this little info on how long the article will take you to read. This is on pretty much every blogging platform and I always wanted it.

The theory behind this number is that people on average read around 225 words per minute. So we need to count the words in the article and divide it by 225.

So the basic code for this would be something like this:

```javascript
const wordsPerMinute = 225

export function readingTime(text) {
    return Math.ceil(wordCounter(text) / wordsPerMinute)
}
```

Now we need to count the words. I started by naively splitting by white space and counting. I was not happy with this result as I have a lot of code in my articles and it counted a lot of syntax as words.

So I decided to split by whitespace and check if each token is a word. This is done by checking if it contains some alphanumeric token.

My implementation:

```javascript
function wordCounter(input) {
    const text = input.split(/\s+/)
    let wordCount = 0
    for (let i = 0; i < text.length; i++) {
        if (text[i] !== ' ' && isWord(text[i])) {
            wordCount++
        }
    }
    return wordCount
}

function isWord(str) {
    let alphaNumericFound = false
    for (let i = 0; i < str.length; i++) {
        const code = str.charCodeAt(i)
        if ((code > 47 && code < 58) || // numeric (0-9)
            (code > 64 && code < 91) || // upper alpha (A-Z)
            (code > 96 && code < 123)) { // lower alpha (a-z)
            alphaNumericFound = true
            return alphaNumericFound
        }
    }
    return alphaNumericFound
}
```

I am very happy with my results. I crosspost most of my articles on Medium and my result times are pretty much the same as their results. In some cases, I have a minute difference but I can live with that.

---

If you like this article you can follow me on [Twitter](https://twitter.com/pavel_polivka).
Vue.JS Smart Login Redirect
Tags: javascript, vue, programming, ux
Published: 2021-11-17 12:52:41

Imagine someone scrolling through a social media and he finds a link to an interesting article on your website. So he clicks on it to see. But he was not logged in so your website redirected him to the **login** page. But after logging in he was redirected to **home** page. So now he have to navigate back to that article page manually. But this is not a good **UX**.
After logging in your website should have redirected him back to the page he came from. Lets see how to do that.
Okay in our router guards instead of just redirecting the user like this
```js
const isLoggedIn = () => {
    return localStorage.getItem('token')
}

const protectedRoutes = [
    "Home",
    "About",
    "Product"
]
router.beforeEach((to, from, next) => {
    const isProtected = protectedRoutes.includes(to.name)
    if(isProtected && !isLoggedIn()){
        next({
            path: '/login'
        })
    }else next()
})
```
We will redirect the user to the login page along with the page he was on as a query parameter.
```js
if(isProtected && !isLoggedIn()){
    next({
        path: '/login',
        query: { redirect: to.fullPath }
    })
}
```
And now the the **login** page after the users logs in instead of just redirecting him to the **home** page like this
```html
<template>
    <button @click="login">Login</button>
</template>

<script>
export default {
    methods: {
        login() {
            /* Do Stuff */
            localStorage.setItem('token', '12345')
            this.$router.push({ path: "/" })
        }
    }
}
</script>
```
We will see if we have the `redirect` query parameter, if we do we can use it to send user back to the page he came from
```js
login() {
    /* Do Stuff */
    localStorage.setItem('token', '12345')
    if(this.$route.query.redirect) {
        this.$router.push(this.$route.query.redirect)
    }else{
        this.$router.push('/')
    }
}
```
## Make sure to checkout my other articles
{% user 0shuvo0 %}
## Was it helpful? Support me on Patreon
[![Patreon Logo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7vnw8g7vs5pok3jwgtgv.png)](https://www.patreon.com/0shuvo0)
All About Esolangs - Chicken, Shakespeare, and More
Tags: esolangs, programming, webdev, javascript
Published: 2021-11-17 12:49:06

{% youtube YDO26TgAYpo %}
Have you heard about esolangs - esoteric programming languages? Made usually for fun, may be thematic, minimalistic, or just simply weird and exotic for no reason, but still worth getting noticed ;)

Chicken language, Shakespeare, LOLCODE, brainf*ck, JSF*ck, C+=, and more crazy languages Jakub will present to you. Enjoy!

Enjoy, you can read the article at [Frontend House](https://frontendhouse.com/experts-zone/all-about-esolangs-chicken-shakespeare-and-more-experts-zone-8)
Customizing Axis Labels in Blazor Charts
Published: 2021-11-17 12:42:55

See how easily you can customize [Blazor chart](https://www.syncfusion.com/blazor-components/blazor-charts?utm_source=devto&utm_medium=socialmedia&utm_campaign=backlink_promotion) axis labels to enhance their appearance. In this video, you will learn how to customize the chart axis labels with properties like smart axis labels, multilevel labels, and edge label placement. We’ll show you how to trim the axis label width and break axis labels into multiple lines. You will learn how to position the axis labels. 

Product Overview: https://www.syncfusion.com/blazor-components/blazor-charts

Explore our tutorial videos: https://www.syncfusion.com/tutorial-v... 

Download this example from GitHub: https://github.com/SyncfusionExamples... 

{% youtube FzH0Pl_LnvQ %}
French Devops Documentations
Tags: ansible, devops, terraform
Published: 2021-11-17 12:41:37

Pour les frenchies je parle des outils Devops sur mon blog :
- [Ansible](https://blog.stephane-robert.info/tags/ansible/)
- [Terraform](https://blog.stephane-robert.info/tags/terraform/)
- [Gitlab](https://blog.stephane-robert.info/tags/gitlab/)

On apprend plus des autres que par soit même non ?
Programming is not just code! It's so much more
Tags: programming, codenewbie, beginners, webdev
Published: 2021-11-17 12:40:44

- Programming is your mentality 🧠
- Programming is your creativity 🎨
- Programming is your logic 💡
- Programming is your communication 🤝
- Programming is your attention to detail 🕵️‍♂️
- Programming is your consistency 🎯
- Programming is so much more than just writing code. It is a reflection of you 🪞

What is programming to you? Share your thoughts below ⬇️

## Let's Connect 💜

You can follow me on [Twitter](https://twitter.com/MrDanishSaleem), [LinkedIn](https://www.linkedin.com/in/mrdanishsaleem/) & [GitHub](https://github.com/mrdanishsaleem/)

If you like this post. Kindly support me by [Buying Me a Coffee](https://www.buymeacoffee.com/mrdanishsaleem)

![Buy Me a Coffee](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fefzbxbnwww7tkght33w.png)
ทำไมเรายังไม่ Warp (terminal)
Tags: thai, terminal, warp
Published: 2021-11-17 12:27:43

สวัสดีครับวันนี้จะมาพูดถึง terminal ตัวใหม่ที่ผม request access ไปประมาณ 1 เดือนและได้ใช้งานมาสักพักก็เลยจะมาแชร์ประสบการณ์การใช้งานเจ้า warp กันน

## Warp

คำนิยามจากตัว website ของเขา

> [Warp](https://www.warp.dev/) is a blazingly fast, Rust-based terminal that makes you and your team more productive at coding and DevOps

## ความรู้สึก

ผมย้ายจาก iterm2 มา warp ก็ค่อนข้างประทับใจในเรื่องของหน้าตาที่ไม่คุ้นชินและก็จะมีลูกเล่นใหม่ๆเข้ามาครับ

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

## Features

อาจจะพูดไม่หมดทุก feature เพราะคิดว่าตัวอื่นๆก็มี feature เหล่านี้อยู่แล้ว

---

- Block

คือกลุ่มของ command, output ที่เราเรียกใช้ไปก่อนหน้านี้ครับโดยทุกคำสั่งและผลลัพธ์จะถูกแบ่งออกเป็นกลุ่มๆ

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

จากรูปข้างบนสังเกตก้อนที่เป็นสีฟ้านะครับจะเป็นกลุ่มของคำสั่ง `ls` ที่ผมเรียกใช้และจะมี output เมื่อผมใช้นะครับ

ส่วนก้อนด้านล่างคืออีกกลุ่มที่ใช้คำสั่ง `date` ครับ

แต่กลุ่มมี options ให้เราเรียกใช้อย่างเช่น `copy command`, `copy output` และมี option ที่ผมชอบคือแชร์ครับ เราสามารถแชร์ block ไปให้คนอื่นได้โดย warp จะสร้าง url มาให้เรานะครับ

[example](https://app.warp.dev/block/QcITCEMsoqzXb96VUqdj6M)

---

- Input Editor (โครตชอบ)

ในช่อง text area จะไม่เหมือนพวก terminal ทั่วไปครับแต่มันจะเหมือน text editor เลย, การ bind ปุ่มต่างๆทำให้สะดวกต่อการขยับ cursor ไปมา, สามารถทำ multiline command ได้ด้วย

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

---

- Tab Completions

feature ตัวนี้ถ้าใครไม่เคยใช้ [fig](https://fig.io/) จะว้าวมากๆคือมันสามารถ auto completions ให้เราได้เหมือนพวก IDE(รวมถึงพวก scripts ใน package.json, makefile เป็นต้น) โดยการกด `tab

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

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

---

- Themes

มี build-in มาให้ซึ่งแต่ละตัวก็น่าจะรู้จักกันอยู่แล้วและเรายังสามารถ [custom](https://github.com/warpdotdev/themes) ได้เองอีกด้วย

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

---

- Command Palette

เราสามารถเรียกใช้งานตัว `command palette` ได้ตลอดเวลา

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

---

- Panes

หลังจากที่ผมได้เขียน post เกี่ยวกับ tmux ไปพอได้ย้ายมาตัว warp ก็ขอลอง feature นี้ซะหน่อยและรู้สึกชอบ ui มากจนคิดว่าหรือว่าจะใช้อันนี้แทน tmux ดีหรือเปล่าถถถถ หน้าตามันก็จะประมาณนี้

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

## สรุป

เป็น terminal ที่รู้สึกว่าดีเลยทีเดียวใช้งานง่ายไม่ยากและช่วยอะไรหลายๆอย่าง

การจะใช้งานตอนนี้ต้องขอ access ผ่านตัวเว็บครับแล้วก็รองรับแค่ macos แต่ในอนาคตไปทุกที่ (linux,window,browser)

สามารถเข้าไปขอ access ได้ที่หน้าเว็บเลยครับหรือ[จิ้มตรงนี้](https://www.warp.dev/)

สุดท้ายนี้ happy coding ครับ 🙏
Change the upload filesize in XAMPP or WAMP
Published: 2021-11-17 11:38:35

Go to php.ini and for this file.
```
post_max_size = 800M 
upload_max_filesize = 800M 
max_execution_time = 5000 
max_input_time = 5000 
memory_limit = 1000M 
```
Restart your local server
HTML Interview Questions
Tags: html, career, programming, motivation
Published: 2021-11-17 11:32:23

In case you are into web development and need to have a vocation as a web engineer, then, at that point, HTML is the initial step to your objectives. Each web page you see on the web is comprised of HTML. HTML isn't a programming language; it is more similar to a text which can be effectively deciphered by the web program. 

![HTML IQ](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5xpbxqc1linhgtixmrve.png)

The web-development market isn't static consistently new devices presents which are out of date the old ones, yet HTML is stand-out, and it can not be supplanted without any problem. Indeed, even in web-development meets, the questioner asks a great deal of HTML Interview Inquiries, since it is the center of web development, and it is likewise easy to pose inquiries from HTML.

**List of top [HTML Interview Questions](https://www.techgeekbuzz.com/html-interview-questions/) and Answers**


1. What is HTML?
2. What is the latest version of HTML?
3. What is HTML 5?
4. Can I hide my HTML code from the user?
5. Give some new features introduced in HTML5?
6. Give some difference between HTML and HTML5?
7. Why do we write Doctype at the top of each HTML page?
8. What happens if we do not mention <!DOCTYPE> in an HTML page?
9. What are tags?
10. Do all HTML tags come in pairs?
11. Name all the lists we use in HTML.
12. Name new media elements in HTML5.
13. Why do we use the canvas elements in HTML5?
14. What are comments in HTML and how to insert one?
15. What is the key difference between HTML elements and tags?
16. Name all the heading HTML consist.
17. How can we format the HTML text?
18. Mention some new Form elements introduced in HTML5.
19. Name the types of Web storage in HTML5.
20. Give two advantages of HTML5 web storage.
21. Give a key difference between Semantic and Non-Semantic Elements:
22. Can we get the Geographical Position of a user using HTML?
23. Can we apply a hyperlink to images?
24. Mention the Hierarchy of applying a Style sheet to an HTML page.
25. Can we show all characters using HTML?

## Conclusion

The update in any language does not change the overall language syntax or replace all the old features; however, each upgrade can bring new features and can drop some old ones.
My first article at freeCodeCamp 🎉
Tags: android, animation, discuss
Published: 2021-11-17 11:29:01

Recently I wrote my first ever article for freeCodeCamp. It is an in-depth tutorial on adding swipe animation to an Android view. 

Check it out here:

https://www.freecodecamp.org/news/add-swipe-animations-to-a-card-view-in-android-app/

What do you think about the article? Let me know in the discussion below 😃

---

I usually publish my articles at [genicsblog.com](https://genicsblog.com) and share them here, if you wanna opt in for my newsletter you can do that on my blog and follow to get notified about new content 😄
how to make digital marketing project architecture
Published: 2021-11-17 11:21:18

What is Digital marketing project architecture? 
This is something that gives you a blueprint on how you need to move forward while:

Building your brand, or
Pitching a client, or
Even generating revenues for your company.
You must need to have all those Growth-hacking strategies that can speed up your success.

It gives you an ultimate roadmap towards your success and growth by using a tried & tested step-by-step process. 


Why do we need to build it?
You are trying to get your business or startup noticed online.

Do you know in this digital era higher the chances you will fail until you don’t have that exact project architecture by your side?

Research reports showed that almost half (45%) of companies don’t yet have planner strategies & that is the reason why their business fails.

find out how to make digital marketing project architecture
Giving you an ultimate guide of Digital marketing project architecture to boost your online presence and will help you with all kinds of shortcuts & resources.

How to build a Digital marketing project architecture?
To build this architecture you need to understand the strong psychology behind the marketing funnel. you need to understand the market that your marketing funnel will serve.

These are surely not tools or techniques that most people understand from the term.

I will give you a blueprint on how you can build a strong profitable marketing funnel.

The very first step is to understand a sales funnel Architecture & how it works:
The sales funnel Architecture is each step that someone has to take to become your Customer/Buyer.

If you need to understand it fully then let’s start with understanding the sales funnel and how it works: