teleren/devto huggingface dataset:
Newman + Postman tests in CircleCI
Tags: circleci, postman, api, automation
Published: 2021-02-09 13:23:39

# Running Postman tests in CircleCI

## Ready the collection
<img width="50%" style="width:100%" src="https://media.giphy.com/media/7T5wldGkk7XgCyuNUK/giphy.gif">
1. stored all urls + auth values as environment variables, ensuring each hardcoded value is replaced by it's respective variable
2. added validations after each request to test status code + pass through response values
3. export postman collection to a new folder. Hint: This new folder will become the git repo folder

```javascript
var jsonData = JSON.parse(responseBody);
if (jsonData.access_token) {
    pm.environment.set("user_access_token", jsonData.access_token);
}

pm.test("Status code is 200");
pm.response.to.have.status(200);
```

## Newman .... 
<img width="50%" style="width:100%" src="https://media.giphy.com/media/c8YC8htf5YQg0/giphy.gif">
1. `npm init`
2. `npm install newman`
3. test run the collection using `./node_modules/.bin/newman run collectionfile.json`
4. each env variable won't have a value at this point. To populate them, append `--env-var envVariableName=envVariableValue` to the run cmd above. These will later be added + stored in CircleCI. 
5. add `npm test` which contains the full run cmd above
6. stored all of the above files in a git repo and pushed

`"test": "newman run 'postman_collection.json' --env-var --reporters junit,cli"

## Is it coming together now?
<img width="50%" style="width:100%" src="https://media.giphy.com/media/KEYEpIngcmXlHetDqz/giphy.gif">
1. sign up to circleci using GitHub
2. create project linked to github repo
3. create `config.yml` file which contains circleci instructions. Use a Node template provided circleci or create your own.
4. create env variables in CircleCI project, matching the exact name they had in Postman AND in `npm test`

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/v0n9ci6ekkbozxyvo4qh.png)
 > had to include screenshot of `config.yml` contents as I don't know how to retain indenting in markdown


## Time to trigger the tests 
<img width="50%" style="width:100%" src="https://media.giphy.com/media/3oxHQjRHcp4w9oi24M/giphy.gif">
1. the lovely feature of building for each PR commit is enabled by default in circleci
2. final directory files + folders is clean & minimal. Mine is:
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/oxgwc4lno2gs1mql3bu0.png)
3. trigger a build by committing to the repo

## End result:
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/7ijyt0dqoq227w7hds9j.png)


Well, apart from the failed test due to bad test data, it all worked as expected! 

<img width="50%" style="width:100%" src="https://media.giphy.com/media/5xaOcLRueM4CC62Tlv2/giphy.gif">
Day 35:100DaysOfCode
Tags: 100daysofcode, productivity, prog
Published: 2021-02-09 13:14:35

leetcode problems on binary search and sliding window

studied bst nd dp (gfg)
did some complexity analysis problems from ctci book (dsa)
.
.
.
.
will be covering more dev part after mid - sem.


You can Follow me->
https://github.com/singhtaran1005
https://www.linkedin.com/in/taranpreet-singh-chabbra-27517918a/
The next trend: An ML model that turns you into an illustration.
Published: 2021-02-09 13:11:36

Deep Learning and Computer Vision has evolved and done wonders time and again. Today I would like to introduce my new project ‘Toon-Me’ after the phenomenal success of ArtLine(Over 2.7k GitHub Stars), ‘Toon-Me’ uses deep learning algorithms to achieve fine quality line art portraits. It is currently the most trending 
topic in both GitHub and paperswithcode.

https://github.com/vijishmadhavan/Toon-Me

The model has been built using an custom dataset using many different algorithms, derived from some research papers self-attention, progressive resizing and generator loss. It shows how stacking all the methods can generate high-quality results. Primarily PyTorch and Fastai libraries are used. It generates fine lines/edges in the sketch image, which is better than most existing methods. Try out the demo from the Colab Notebook provided in the Github repo with any portrait picture which is expected in an URL and then converted to image formats. You can clone the repository or tweak the code to use your local image file and within less than 2 minutes (executing with GPU).
M1 Macbook Air after 1 month of development
Tags: javascript, react, node
Published: 2021-02-09 13:08:37

After years of dreaming of buying the perfect laptop, I finally bought it, the new *M1 Macbook Air*(512GB SSD and 8GB RAM version). Great build, good keyboard, no fans(yet no thermal issues), fast, light, great screen, good speakers, and a **battery that lasts a day**. So far, everything about it was good.

I was hesitant to buy this machine because I was worried that running my development software on **Rosetta 2**(non-native *ARM*) would hinder the performance. But I was amazed by how fast this machine is. Everything ran smoothly, and installations were like nothing even changed with the *Mac*. 

The first and only time it had a hiccup on me was performance testing the Table component I created. I haven't implemented any optimizations on my table. So I tried displaying **5,000** rows in 1 go, and I've noticed some slowdowns when switching windows. I was curious if this was also present in my work laptop, a *10th gen Intel MacBook Pro* with 16GB RAM. So I tried and did the same thing with it. It looks like it's only a bit faster(ahead by 2-3 seconds on the initial render of rows).

In my conclusion, I think it is an excellent machine. I think you won't need to upgrade any time soon if you buy any **Apple Silicon** powered Mac. It competes with the *last-gen Macbook* with higher specs, and if not always, faster. My *M1 Macbook Air* is a **fanless** machine that is not even hot to the touch than my Intel MacBook that is **ALWAYS** hot to the touch, and fans are always ramping up to the max. This is probably the best bang for buck machine for any developer.
Using position: sticky to create persistent headers in long texts
Tags: css, sticky, design
Published: 2021-02-09 13:06:33

---
title: Using position: sticky to create persistent headers in long texts
published: true
description: The CSS position sticky value is an underrated gem
tags: css,sticky,design
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/ywl792a9vjj21c21dr9u.jpg
---
The [sticky value of CSS positioning](https://developer.mozilla.org/en-US/docs/Web/CSS/position#sticky_positioning) is an underused gem. It treats an element as it if is positioned relative until it reaches a certain position on the screen and then turns it into a fixed position. 

I've used this on [the developer advocacy handbook](https://developer-advocacy.com/) to keep headers in sight above the current section until you scroll to the next one. You can see it in action in the [following screencast](https://www.youtube.com/watch?v=):

YouTube: {% youtube qgJwSMTEXQg %}

The CSS responsible is this:

```CSS
h1, h2, h3, h4 {
  font-family: 'Segoe UI', Tahoma, Verdana, sans-serif;
  letter-spacing: -1px;
  position: sticky;
  top:0;
  background: var(--background);
  padding: .5em 0;
}
```

This means that any heading that reaches the top of the screen when you scroll will stick there (`position: sticky` and `top:0`). Giving the heading the same background colour as the main document and adding some padding makes sure that the rest of the text isn't visible behind the fixed heading.

There are quite a few JavaScript solutions for this, but as you can see these are not needed.

Sticky had a problem that it wasn't supported by Safari for a while, but as with everything that is "impossible to use", this was only temporary. The web keeps moving, it is fun to catch up with it.
onesignal notification redirect is  not working if app is opened from  closed state
Published: 2021-02-09 13:04:36

I am able to receive a notification when the app is totally closed(normal close) and running in the background, and redirects to the desired page only if the app is running in the background but doesn't work if it is opened from totally closed state, 'swiping the app away' to close it. I want to redirect to specific screen if opened from totally closed state. what am I missing?                               
 "react-native": "0.63.3",
 "react-native-onesignal": "^4.0.3",
Daily Developer Jokes - Tuesday, Feb 9, 2021
Tags: jokes, dailydeveloperjokes
Published: 2021-02-09 13:00:15

---
title: "Daily Developer Jokes - Tuesday, Feb 9, 2021"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
cover_image: "https://private.xtrp.io/projects/DailyDeveloperJokes/thumbnail_generator/?date=Tuesday%2C%20Feb%209%2C%202021"
published: true
tags: #jokes, #dailydeveloperjokes
---

Generated by Daily Developer Jokes, a project by [Fred Adams](https://xtrp.io/) ([@xtrp](https://dev.to/xtrp) on DEV)

___Read about Daily Developer Jokes on [this blog post](https://xtrp.io/blog/2020/01/12/daily-jokes-bot-release/), and check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/).___
### Today's Joke is...
![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e12596bcfd66.png)

---
*Have a joke idea for a future post? Email ___[xtrp@xtrp.io](mailto:xtrp@xtrp.io)___ with your suggestions!*

*This joke comes from [Dad-Jokes GitHub Repo by Wes Bos](https://github.com/wesbos/dad-jokes) (thank you!), whose owner has given me permission to use this joke with credit.*

<!-- 
Joke text:
___Q:___ What was Grace Hopper's favorite car?

___A:___ VW Bug
 -->
Install Podman and Buildah on Windows 10 FAST using WSL2
Tags: podman, buildah, docker, wsl2
Published: 2021-02-09 12:59:01

I've just uploaded a new video where I show how to install and configure Podman and Buildah on Windows 10 using WSL2 and Ubuntu 20.04.

Please check it out and subscribe to my channel to be notified when my new videos will be released.

Thank you in advance.

Link to video: [https://youtu.be/iOxILJIYsuY](https://youtu.be/iOxILJIYsuY)

Link to my personal blog: [https://www.anmalkov.com](https://www.anmalkov.com)

Link to my playlist: [Learn containers fast by doing](https://youtube.com/playlist?list=PLDoQ6gLAki7eu_ugunWVPX10fFOcok1iG)
Deploying CRA to Vercel 
Published: 2021-02-09 12:49:10

##### Have you ever faced the issue of deploying CRA ( Create react app ) to vercel ? 
> yeap i do , i faced this issue for 3 days 

#### How  frustrating it is to deploy your app and the next thing you see is deployment error 

![frusrar.jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1612776517135/OooU2zTDF.jpeg)

> its too painful and frustrating seeing deployment error , when you really need push your app to production 

#### HOW VERCEL TREATS CRA
> Vercel sees all CRA warnings and treats them as error , because  process.env.CI = true 
##### take a look at this frustrating photo below 

![ver.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1612776953626/4e_gEVjLF.png)

> i get pissed of and very angry and feel like braking my laptop screen , and i know you felt the same way too , no one likes errors 

##### Don't panic , this is the end of it 

![103238786-idea-face-with-a-lightbulb-business-start-up-flat-design-vector-illustration-.jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1612777072297/PW_3UQ-U7.jpeg)

> be happy cause today you will put a stop to that 

#### STEPS :
##### go to vercel 
##### now import your CRA app from your github repo you wanna connect 
##### now you will be taking to the deployment page 

![ob.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1612777343483/s2nNV-1qD.png)

##### now click on SELECT to select the account you want 
##### you will be taking to the main deployemt screen 

![screen.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1612777403557/vMJLfR-6F.png)

##### now if we click on deploy it will give us some errors and result in deployment failed , cause my code has many warnings from CRA 
#### ` LETS PASS THE WARNINGS AND ERRORS AND DEPLOY OUR APP `
> now lets deploy our app even with lots of errors from CRA

#### ` NOW TO DO THAT ` 
##### now when you are in the main deployment screen 
##### click on the `build and Output Settings ` to open expand the other options 
##### now in the build command input box where you see `npm run build ` or `react-scripts build `
##### *now click the override button to toggle it on 
##### *now you will be given the access to write in the field 
##### *now inside the text field write `CI= npm run build `

![ova.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1612778217147/koAjdBd4p.png)

##### *now click on deploy , to start the deploy process 
##### * now wait for the deployment process to finish 


![sup.jpeg](https://cdn.hashnode.com/res/hashnode/image/upload/v1612778458726/ObxhlslOT.jpeg)

> Boom our site is ready
What distinguishes a good software developer from a coder?
Tags: architecture, soft, ddd
Published: 2021-02-09 12:43:16

In my opinion, a good software developer has decent communication skills. In the effect, she/he is capable of speaking with business stakeholders, external clients, and other developers.

Communication is often underestimated in our job. That's because when we start our journey with software engineering, we focus on the hard skills, such as backend language, frontend language, CI/CD, databases, infrastructure, and all the other sexy stuff. But as our seniority level increases, we need to start thinking about our soft skills as well. Communicating with other team members and business is crucial.

First of all, we need to be able to understand the business problem that we're solving. How to do that without communicating with people "on the other side", that shouldn't speak SQL or code to us (if they do, that's a warning sign 😅)

Second of all, once we understand the problem, we need to cooperate to solve it. It might involve a lot of discussions. We need to able to talk about the architecture of the solution, patterns that we want to use, make sure we have a mutual understanding of the problem.

Those are not all the situations that require good communication skills.

Why do you think communication is important for software engineers?
TYPO3 Losing People To WordPress: Case Study
Tags: wordpress, typo3vswordpress, typo3casestudy
Published: 2021-02-09 12:37:13

In my history of TYPO3, I was always eager to know... After all, what’s an alternative to TYPO3 for people? If some people do not get along with TYPO3 then what’s an option they choose? My doubt was WordPress because it’s already the #1 CMS all over the world. And that’s correct, according to research data by t3versions.com.

According to researched statistics, Do you know WordPress is the most competitor of TYPO3 CMS? In this micro TYPO3 blog, I’d like to share data, statistics, why/how people are migrating from TYPO3 to WordPress, and some of my personal opinions to solve it.

Review on complete case study at- https://t3terminal.com/blog/typo3-wordpress/
How do you handle cross-posting?
Tags: discuss, writing, productivity
Published: 2021-02-09 12:34:51

I know there are many bloggers here on Dev.to - that's why this community is so awesome! 🎉 However, I also know that they’re everywhere else too! All that, thanks to a high amount of work… and cross-posting!

That’s where the question comes in - *“How do you handle cross-posting?”*.

In my case, I used to always write the post on [my personal blog](https://areknawo.com) first, then, after a while, cross-post it to Dev.to, and much less so to [Hashnode](https://hashnode.com/) and [Medium](https://medium.com). However, this cross-posting process was quite tiring. Both Hashnode and Dev.to have textarea-based Markdown editors, so I first needed to get Markdown from my post. To do this, I copied content to [StackEdit](https://stackedit.io/), fix all the Markdown **formatting errors** and **incompatibilities**, and copy from there to the platform of choice. For Medium, it was even worse, as its editor is not Markdown-based, and copy-pasting required a lot of adjustments afterward. Not to mention the lack of code highlighting and having to convert everything to **GitHub Gists**. Quite a lot of work for simple cross-posting. Automation wasn’t even in question.

All that drove me to create [CodeWrite](http://codewrite.io/) - a tool (browser extension) designed from the ground-up for technical blogging with features like integrated [Monaco editor](https://microsoft.github.io/monaco-editor/) and [Prettier](https://prettier.io/) for code snippet handling (no more copy-pasting just to format the code!) or great compatibility with [Grammarly](https://www.grammarly.com/) (no more copy-pasting, just to fix a plethora of my grammar errors!). But its biggest feature by far is its *“one-click publishing”* feature, which auto-fills your post on developer platforms like Dev.to, Hashnode, and Medium, while handling all the incompatibilities for you!

But that was just a shameless plug in case you’d be interested. However, I’m curious to hear how you handle cross-posting - if at all. What tools do you use, where do you cross-post, and - most importantly - what pain-points have you dealt with along the way?
What is an SSL proxy?
Published: 2021-02-09 12:33:21

SSL or HTTPS proxies are a type of proxies that use a particular type of protocol when communicating and transferring data to web servers. The other older type of protocol is called HTTP protocol. HTTP means Hypertext Transfer Protocol and HTTPS stands for Hypertext Transfer Protocol over SSL. SSL itself is short for the Secure Socket Layer.

When browsers look up information from a web server - for example, you search for something on Google - they send this data over the internet using the HTTP protocol. This simply sends the data as-is and anybody intercepting the data using for example network sniffer tools could actually read your personal data. In order to make the web more secure, the SSL layer was introduced so that the information was encrypted so it was secure from possible interception along the way.

But we are talking about proxies here. So turns out, even with proxies, it is important that they support the HTTPS protocol as some web-servers refuse connections if it is not encrypted, which is to say, that it is not HTTPS.

Applications of HTTPS proxies

HTTPS proxies are very useful for general web browsing activities like accessing geography-specific content on sites like Spotify, Pandora or Hulu. There are many web browsing VPNs in the market that provide these types of proxies.

The other application is when you are using it for web crawling and web scraping of data. We at Proxies API is an example of a Rotating Proxy Service that helps developers scale their web crawlers by routing their requests through millions of HTTPS proxies securely and anonymously.

What are the benefits of HTTPS proxies

HTTPS secures you from the risk of being 'listened to' when data is passing through the internet. If hackers can listen to your data, they can sometimes determine your identity as well as breaking your anonymity.

HTTPS makes your connections truly anonymous and hides your IP address completely. While this is true even in just HTTP proxies, your data might be giving away enough clues about your identity or parts of it.
8+ Free TYPO3 Demo Sites To Explore Now!
Tags: typo3, typo3website, typo3demo
Published: 2021-02-09 12:32:58

New to TYPO3? You must have heard of the amazing features and functionalities of Open Source TYPO3 CMS, but my friend has you experienced it? Free TYPO3 Demo is the thing for you, Try before the start!

Want to quickly see how TYPO3 works? Building a TYPO3 website from scratch isn’t the easiest thing. Nor is overhauling an existing site.  To make the process a little easier and give you some inspiration, we’ve pulled together Free TYPO3 Demo websites to help you experience, see and unleash what TYPO3 can do.

Take a look at all the TYPO3 Demos at- https://t3terminal.com/blog/typo3-demo/
¿Qué es exactamente ser Agile?
Tags: agile, productivity, projectmanagement, pmp
Published: 2021-02-09 12:28:15

Ser Ágil. Esta palabra genera debates al rededor de la gestión de proyectos.

Hablar de agilidad (Agile) se ha convertido cada vez en algo más popular.

Cuando se compara con los [conceptos tradicionales de gestión de proyectos](https://todopmp.com/resumen-procesos-y-tareas-de-la-administracion-de-proyectos/) todos discuten y todos creen tener la razón. Un enfoque debe ser mejor que el otro. Pero eso es incorrecto.

La gestión ágil de proyectos es un enfoque que se utiliza para diseñar y entregar soluciones. Ser ágil es una forma de pensar. Eso es todo. No hay magia.

Para ser exactos, el enfoque ágil es ofrecer «algo» que tiene el mayor valor para el cliente. Puede ser «software» o algún producto o resultado de cualquier industria. La gestión ágil de proyectos no solo se puede aplicar cuando hablamos de desarrollo de software.

Es cierto que la agilidad la podemos entender como la capacidad de pensar y sacar conclusiones rápidamente. Sin embargo, el objetivo de un proyecto ágil es entregar SOLUCIONES de alto valor al cliente lo antes y con la mayor frecuencia posible. Para ser más específicos, estamos hablando de valor empresarial.

Piensa que un proyecto lo emprende una empresa para que aumente el valor de alguna forma. Ya sea para aumentar las ganancias, cumplir con las regulaciones gubernamentales o cualquier otro fin que puedas imaginar.

Por lo tanto, el marco ágil enfoca sus actividades y dirección en agregar, aumentar o mejorar el valor para el usuario final, lo que a su vez afecta positivamente el negocio y sus objetivos deseados.

CONCLUSIÓN
Los clientes no quieren una mejor gestión de proyectos.

Los clientes o usuarios finales quieren una mejor entrega de productos.

Todas las herramientas y técnicas ágiles que existen únicamente son para ese fin. Utiliza cualquier técnica que obtenga los mejores resultados, pero no te obsesiones con los métodos en sí. Los fines son mucho más importantes que los medios.

El enfoque ágil no es mejor que la gestión de proyectos tradicional. Es un enfoque de gestión de proyectos alternativo.

A partir de ahora, estaré escribiendo un poco sobre la gestión de proyectos con este tipo de enfoque. Un enfoque Ágil. Para ayudarte a realizar tus proyectos y para ayudarte a seguir tu camino de certificaciones internacionales.

Te invito a que sigas visitando [TodoPMP & Agile](https://todopmp.com) y compartas los contenidos con las personas a las que consideres que esta información les puede ser de utilidad.