teleren/devto huggingface dataset:
VS Code in the browser
Tags: vscode, webdev, beginners, discuss
Published: 2021-10-27 09:07:56

Visual Studio Code (VS Code) is the one of my most favorite code editor I have ever used. Let me explain first what VS Code is... hey wait...🤔 at the cutting edge of technology you never find a developer who don't know about this awesome code editor. By the way,

> 
Visual Studio Code is a lightweight but powerful source code editor which runs on your desktop and is available for Windows, macOS and Linux. It comes with built-in support for JavaScript, TypeScript and Node.js and has a rich ecosystem of extensions for other languages (such as C++, C#, Java, Python, PHP, Go) and runtimes (such as .NET and Unity).
> 

You can learn more about VS Code from  [here](https://code.visualstudio.com/docs) but recently they release their online IDE like  [StackBlitz](https://stackblitz.com/) ,  [CodeSandbox](https://codesandbox.io/) ,  [Replit](https://replit.com/) etc. Those tools are also cool 😎 but using VS Code long period of time it easier to me for managing everything with that and the web version of VS Code is same as it is like their desktop version which I used to. You can do almost everything with the web version of VS Code though some extensions are not available now but what they have that's good enough for you. 

Lets talk about how can you get the web version of VS Code. It is very simple actually, when you go to **[https://vscode.dev](https://vscode.dev)** , 🤯 you'll be presented with a lightweight version of VS Code running fully in the browser. Open a folder on your local machine and start coding.

Happy Coding 💻🚀

So, what can you do on VS Code for the Web? Quite a bit actually…

- [Local development with cloud tools](https://code.visualstudio.com/blogs/2021/10/20/vscode-dev#_local-development-with-cloud-tools) 

-  [Extensions](https://code.visualstudio.com/blogs/2021/10/20/vscode-dev#_extensions) 

- [GitHub](https://code.visualstudio.com/blogs/2021/10/20/vscode-dev#_github) 

- [Speaking of URLs…](https://code.visualstudio.com/blogs/2021/10/20/vscode-dev#_speaking-of-urls) 

Now I would like to mention the quote by  [@chrisdias](https://twitter.com/chrisdias) aptly summarizes the vision behind VS Code.


> Bringing VS Code to the browser is the realization of the original vision for the product. It is also the start of a completely new one. An ephemeral editor that is available to anyone with a browser and an internet connection is the foundation for a future where we can truly edit anything from anywhere.
> 

You can also read the complete blog [here](https://code.visualstudio.com/blogs/2021/10/20/vscode-dev)
AWS Security Digest
Tags: aws, security, digest, newsletter
Published: 2021-10-27 09:07:33

Folks,

📬 Issue #42 of my low-volume (once a week) newsletter “AWS Security Digest” is out.

What you will find:
- Highlight of the week 🔦
- Change since last week on AWS Managed IAM Policies 🕵🏻‍♂️
- Curated Cloud Security Newsletters 💌
- AWS API changes 👀
- IAM Permissions changes 🔒
- Most upvoted posts on r/AWS 🆙
- Top shared links on Twitter (by cloudsec folks) 🔗
- Most engaged Tweets from the community 🐦

Adopt a slow-tech 🐌 approach by reading only essential, digest summary of what is going on in the AWS Security landscape.

With already 300+ subscribers with famous folks from @netflix and @amazon, you can’t go wrong :)

https://app.mailbrew.com/zoph/aws-security-digest-HrkhwqNrwBBk
Poly-Repo vs Mono-Repo
Tags: cloud, technology, ado, branching
Published: 2021-11-02 18:42:05

---
title: Poly-Repo vs Mono-Repo
published: true
date: 2021-10-27 09:00:00 UTC
tags: Cloud,Technology,ado,branching
canonical_url: 
---

So I’ve been doing a lot of DevOps work recently, and one of the bigger topic of discussions I’ve been a part of recently is this idea of Mono-Repo vs Poly-Repo. And I thought I would way in with some of my thoughts on this.

So first and foremost, let’s talk about what the difference is. Mono-Repo vs Poly-Repo, actually refers to how you store your source control. Now I don’t care if you are using Azure Dev Ops, GitHub, BitBucket, or any other solution. The idea here is whether you put the entirety of your source code in a single repo, or if you split it up into multiple repositories.

Now this doesn’t sound like a big deal, or might not make sense depending on the type of development code, but this also ties into the idea of Microservices. If you think about a micro-services, and the nature of them, then the debate about repos becomes apparent.

This can be a hot-debated statement, but most modern application development involves distributed solutions and architectures with Micro-services, whether you are deploying to a server-less environment, or even to Kubernetes, most modern applications involve a lot of completely separate micro-services that provide the total functionality.

And this is where the debate comes into play, the idea that let’s say your application is actually made of a series of smaller micro service containers that are being used to completely overall functionality. Then how do you store them in source control. Does each service get it’s own repository or do you have one repository with all your services in folders.

When we look at Mono-Repo, it’s not without benefits:

- Easier to interact with
- Easier to handle changes that cut across multiple services
- Pull Requests are all localized

But it isn’t without it’s downsides:

- Harder to control from a security perspective
- Makes it easier to inject bad practices
- Can make versioning much more difficult

And really in a lot of ways Poly-Repo can really read like the opposite of what’s above.

For me, I prefer poly-repo, and I’ll tell you why. Ultimately it can create some more overhead, but I find it leads to better isolation and enforcement of good development practices. But making each repo responsible for containing a single service and all of it’s components it makes for a much cleaner development experience and makes it much easier to maintain that isolation and avoid letting bad practices slip in.

Now I do believe is making repos for single purposes, and that includes things like a templates repo for deployment components and GitOps pieces. But I like the idea that to make a change to a service the workflow is:

- Clone the Services Repo
- Make changes
- Test changes
- PR changes
- PR kicks off automated deployment

It helps to keep each of these services as independently deplorable in this model which is ultimately where you want to be as opposed to building multiple services at once.
convert any website to release android app in a few minutes for free - URLgApp
Tags: webdev, wordpress, beginners, angular
Published: 2021-10-27 08:56:43

Today we present https://urlgapp.com - a tool designed to convert any responsive website into an Android app. 📲

You don't need to be a coder to use this solution to wrap your website into a professional android app! 🎁
Urlgapp is a website to convert your website to an android app with app bundle & apk with your own key store valid for 10,000 days on google play store

Features that we provide
- Apk & App bundle
- Google play Key
- Firebase Notification
- Media permission
- Admob integration
- Dialog Ask to exit app
- Internet connection error . native page
- Android native spinner
- Ask to open link with different domain name out side the app
- Login by google is working


Do you have any example for this tool in google play ❓
yes we have you can download it from here
https://play.google.com/store/ap...
it’s very simple app

why you add a media permission ❓
urlgapp doesn`t know what type of website it you but if your user upload or download any file without any permission google play will remove your app from store so, we have added it by default to make sure your app is safe on google play


No coding.
A dev new word - 
    Condensing
Tags: news, programming, discuss
Published: 2021-10-27 08:41:51

Hmm..., You already know what is condensing? Maybe not. You might have heard about pickling which is converting an object in a character stream. This character stream can be used to reconstruct the object and the object retains its properties.
I made a word just like it !
<p>&nbsp;</p>
#### Origins:
 
There isn't a word for some stuff so, I made one. 
I thought about it while writing my exams. (I'm in 9th grade)
<p>&nbsp;</p>
#### Meaning:
 
Ok, let's imagine that we have a web server which renders a web page about blogs. When a user posts a blog, we save the content to a file and then render all blogs written so far in a page. The process of getting content and saving it to a file is called (**Drum roll**) _Condensation_.
  >######Q. Why did I choose condensation ?
  > 
  >A. When water vapour (in our case, raw data),
  >   condenses in liquid water (ordered data in 
      a file) is called CONDENSATION. 🤣
<p>&nbsp;</p>

#### How would you use this word ?
 
Examples are: 
  1. I built a micro service to _condense_ the 
     users data.
  2. Let's process the condensed data
<p>&nbsp;</p>
*NOTE: Condensing doesn't mean to write data to a file. It simply means to get data from a remote/non-local system. (In our case, a web server hosted on [Amazon Web Services](https://aws.amazon.com/))* 
 
Btw, you're free to use this word anywhere. No Copyrights. 😅

What do y'all think about this post? Lemme know in the comments. Bye
Mesa redonda: rompiendo el techo de cristal
Tags: womenintech, inclusion
Published: 2021-10-27 08:12:56

El techo de cristal es una barrera invisible que impide que las mujeres y las minorías avancen en su carrera profesional. 

Desde la comunidad Women in Tech de Adevinta Spain, organizamos una mesa redonda para debatir, junto a Marta Padilla, Susana Duran y Teresa Finez, 3 mujeres que empiezan en posiciones STEM y que actualmente ocupan cargos de manager en grandes empresas, sobre el techo de cristal, si realmente existe y qué pueden hacer las empresas para ayudar a las mujeres a romperlo.

Hablamos con ellas sobre qué referentes han tenido, que acciones creen que pueden tomar las empresas para que las mujeres avancen en sus carreras profesionales, sobre el síndrome del impostor, y otros temas relacionados.

{% youtube arpWiwTLVOM%}
Katalon Platinum Sponsorship Announcement | PNSQC 2021
Tags: automationtesting, pnsqc, testing, devsecops
Published: 2021-10-27 07:58:22

---
title: Katalon Platinum Sponsorship Announcement | PNSQC 2021
published: true
tags: automationtesting, PNSQC, testing, devsecops
canonical_url: https://www.katalon.com/resources-center/blog/sponsorship-pnsqc-2021/
---

#   
 ![How to Design & Implement The Best Test Automation Strategy](https://d1h3p5fzmizjvp.cloudfront.net/wp-content/uploads/2021/10/Blog-banner1.png)

# Katalon at The 39th Pacific Northwest Software Quality Conference (PNSQC)

Reaching the end of 2021, Katalon is very excited to announce that we are a platinum sponsor at the [39th Pacific Northwest Software Quality Conference](https://www.pnsqc.org/2021-conference/) (PNSQC) – and we would love to see you there. 

This year’s PNSQC conference is themed **“Quality Coming Together”** , with the purpose to inspire attendees and speakers to think of ways to learn from the past and envision ways to achieve better quality in the future. 

PNSQC 2021 will feature over 30 industry-recognized speakers that will deliver a variety of keynotes, panel discussions, and workshops on key topics of today and tomorrow. There also will be social events, conferences, papers presentations, and a myriad of content and insights that attendees can apply to their work. This conference also offers a full day of technical deep dives and workshops on multiple topics related to quality engineering, new technologies, and more. 

We encourage you to attend the technical presentation titled [_ **How to Design and Implement a Best-in-Class Test Automation Strategy** _](https://www.pnsqc.org/how-to-design-and-implement-a-best-in-class-test-automation-strategy/), where Adam Satterfield, Senior Director of Engineering Enablement at Global Payments (and Katalon Evangelist!), will share the best practices to implement the best automation strategy, and also valuable insights such as:

- What needs to be automated
- Best practices to define test automation goals
- How to make effective use of the tools and resources you have
- What a modern test automation strategy looks like and how to implement it, and more.

The PNSQC 2021 event will be hosted online from **October 11-13, 2021.** You can see more details about the presentations and keynotes **[here](https://www.pnsqc.org/pnsqc-2021-conference-glance/)**.

Again, we are very excited to participate in this year’s PNSQC and hope you are too. As always, reach out to us if you have any questions. Stay tuned for more info on events and other news. 

**More about Katalon at PNSQC:** [www.pnsqc.org/pnsqc-2021-conference-glance/](https://www.pnsqc.org/pnsqc-2021-conference-glance/)  
**Register a spot:**  [mms.pnsqc.org/members/evr/regmenu.php?orgcode=PN](https://mms.pnsqc.org/members/evr/regmenu.php?orgcode=PNSQ)[SQ](https://mms.pnsqc.org/members/evr/regmenu.php?orgcode=PNSQ)

The post [Katalon Platinum Sponsorship Announcement | PNSQC 2021](https://www.katalon.com/resources-center/blog/sponsorship-pnsqc-2021/) appeared first on [Katalon Solution](https://www.katalon.com).
Switch to a darker image when on dark mode!
Tags: css, html, tutorial
Published: 2021-10-27 07:41:58

Hey **fellow creators**,

Let's learn how to switch images when using a **dark/light mode.**

If you prefer to watch the video **version**, it's right here :

{%youtube D5VuRHCfaxA%}

##1. How to handle the dark mode.
You only need to add a media query so that, when you change the mode from light to dark in your computer settings, the theme of your app changes from light to dark. Here's how to do it:

```css
@media (prefers-color-scheme: dark){
   body {
      background: #000;
   }
}
```

Now, there are two ways to change images when you switch from dark to light mode (or the other way around). Let's take a look at the first one!

##2. The first way to switch images.

You can wrap the images inside a picture element.

```html

<picture>
  <source srcset="ressources/dark-empire.jpg" media="(prefers-color-scheme:dark)">
  <img src="ressources/light-empire.jpg">
</picture>

```

That way, if you've selected dark theme in your settings, then it will choose the first image, if not it will choose the second one.

Then, you can style the images however you want! Here's how I did it: 

```css
img {
	width: 500px;
	height: 600px;
	object-fit: cover;
	object-position: center;
	display: block;
	margin: 0 auto;
	position: relative;
	top: 70px;
}
```

##3. The second way to switch images.
But there's another way to do this! You can create an empty div in HTML and then add the image as a background of this div.

```html
<div class="img-toggle">
	
</div>
```

```css
.img-toggle {
	width: 500px;
	height: 600px;
	display: block;
	margin: 0 auto;
	position: relative;
	top: 70px;
	background: url(ressources/light-empire.jgp) center / cover;
}
```

However, you then need to update your media query so that you have the darker image for the dark mode and not the lighter image.

```css
@media (prefers-color-scheme: dark){
     body {
	background: #000;
     }
     .img-toggle {
        background: url:url(ressources/dark-empire.jgp) center / cover;
	}
}
```

*You've done it!* Now your dark theme can be even **darker** than before ;)

Come and take a look at my **Youtube channel**: https://www.youtube.com/c/TheWebSchool

Enzo.
How to be a Productive Web Developer?
Tags: webdev, productivity, tooling, beginners
Published: 2021-10-27 07:34:09

## 1. Use Frameworks

Frameworks are crucial for a Frontend Developer! Frameworks are the package of inbuilt templates, which we can use to build our own projects on top of it. Although learning a framework seems hard, the productivity is high.

## 2. Create a library of your code Snippets

This habit will increase your productivity at its peak! Any API or Code your write for a project will definitely be used in the other one. So, maintaining the library for your own code helps you to recycle the function and save a lot of time in debugging!

## 3. Write a blog of your own project

This can be your Buy 1, Get 1 Offer!

After any project or task, you made, you can write up a small blog of how you did it! This is a huge productive task as it helps you to understand the project more and also build a platform network for yourself from [Blogs](https://www.buymeacoffee.com/mrdanishsaleem/), [YouTube](https://www.youtube.com/), and so on...

## 4. Use Tools & Extensions

Tools and Extensions will help you to save time tremendously! There are plenty of browsers and IDE Extensions available to make the tasks simple and clean. And also, many tools to recreate or perform the function you wanted!

## 5. Learn & Master Git

[Git](https://git-scm.com/) & [GitHub](https://github.com/) is one of the most powerful and life-saving tools for web developers! Upon mastering Git will help you to perform the wide dimensions in it and make your productivity level to the highest! Git can perform a task in seconds that takes unimaginable time without!

---

---

**_NOTE:_** If you found this help. Like and share. Thanks, Happy Learning!

---

### Let's connect 💜

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

### Support Me

If you like this post. Kindly support me by [Buying Me a Coffee](https://www.buymeacoffee.com/mrdanishsaleem)
Computer Repair Technician - Understand How They Work
Tags: webdev, beginners, programming
Published: 2021-10-27 07:15:24

Computer repair services vary according to the kind of problem that your computer is facing. Various computer repair services are available for Windows, [Mac repair](https://idevicerepairfl.com/casselberry-fl/computer-repair/), Linux, tablet computers, and many more. These services can also be provided online. The major part of computer repair service is to provide you with the latest technological innovations to your computers and other electronic gadgets.

A computer repair technician usually handles all sorts of computer repair problems. Typically, a hardware malfunction requires computer-diagnostic testing and the physical examination of a particular computer. In the case of an Operating System corruption or hardware failure, an OS recovery software program is used to retrieve and reinstall the OS.

Computer repair technicians need to be updated on all the essential operating systems as well as their specifications. This knowledge will come in handy in fixing hardware and software problems. With the proper training, computer repair technicians can also fix different computer problems apart from software problems. They can perform both troubleshooting and recovery operations.

On the other hand, computer repair technicians who work on Information Technology related issues also need to be up-to-date with the latest technology applications. They can help users install the latest security programs such as anti-spyware and antivirus. They can also train users to protect their personal information such as passwords, usernames and social security numbers. With these skills, they can help users stop identity theft and create backups of important data. They also handle the installation of antivirus and anti-spyware programs for a secure computing environment.

Computer repair technicians with professional experience can quickly fix a laptop. With skills and talent, they can also help users fix technical problems of laptops like blue screen issues. They can also troubleshoot DVD burner issues, such as powering the unit down while burning a DVD. With information technology knowledge and background, they are in high demand by small and large businesses needing computer repair technicians for hardware and software problems.

If one does not have experience dealing with computer repair situations, he should first take time to study basic computer repair procedures. It can be learned while taking up computer repair courses offered by some institutes. Then the person should search the internet to find out more about basic repairs. The person should also read the user manual of the manufacturer before attempting repairs. Most manufacturers provide repair manuals and support online. Once the person has enough basic principles, he can start his own computer repair business.
Best Code Editors For Developers
Tags: codeeditor, code, programming, coding
Published: 2021-10-27 06:57:46

Software designed mainly to help developers in coding is known as code editors or source code editors. These are essentially text editors with a few extra features for managing and editing code. It may be used independently or as part of an IDE.

Using the finest code editor can help you code faster.

Code editors are unique to a programming language. Some editors only support one or two programming languages, whereas others support several languages. Only language support allows it to make suggestions and highlight important information.

Structure editor is a sort of coding editor or, to put it another way, the capability of various editors. Structure editing is a method of altering a code’s structure based on its syntax tree. The structure of code created in a programming language is referred to as the syntax tree.

The code is not compiled by the code editors. You can only write and edit source code using it.

The best <a href="https://techabu.co/programming/best-code-editors-for-developers/">code editors</a> for programmers are listed below. There are online editors for both Windows and Mac users on the list.

1. Visual Code Studio
2. Atom
3. Sublime Text
4. Notepad++
5. Brackets
Writing
Tags: personaldevelopment, learningtocode, writing, perspective
Published: 2021-11-01 15:03:11

---
title: Writing
published: true
date: 2021-10-26 20:41:22 UTC
tags: personaldevelopment,learningtocode,writing,perspective
canonical_url: 
---

![](https://cdn-images-1.medium.com/max/1024/0*k-HbAEX1MxOGqObM)<figcaption>Photo by <a href="https://unsplash.com/@dsmacinnes?utm_source=medium&amp;utm_medium=referral">Danielle MacInnes</a> on <a href="https://unsplash.com?utm_source=medium&amp;utm_medium=referral">Unsplash</a></figcaption>

Writing, in my opinion, is one of the most difficult things there is.

Why? Because writing means you have to put something down. Writing means someone may read what you wrote. Writing means you have to try to be clear.

But also, the temptation in writing is that you have to be fancy. You have to have a catchy title. I have to hook you into what I am writing. But the more you think about those things, or shall I say, the more _I_ think about these things the more paralyzed I become and I don’t actually write anything.

So again, as I said yesterday, try to slow down. Surround yourself with people that help you slow down. Do things that force you to focus and ponder/meditate on them. Grow in discipline and choose to focus more deeply on something. Start a habit.

- Do you want to write? Simply begin
- Do you want to learn to code? Start with html.
- Do you want to learn marketing? Pick up a course and go through it and take notes and do the exercises at the end.

_I spent the majority of today thinking about what I would write about and ultimately I just had to write something. I am trying to build a habit of writing._