teleren/devto huggingface dataset:
The Road Code Travels
Published: 2022-03-27 01:57:05


![Career Roads](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0v2ee0n2651a7culx9eo.jpeg)


After finishing bootcamp I though I was ready to take the next steps in my software engineering journey. 
🤔 But what are they? 

## Take a break
After achieving such a major accomplishment. I decided it was a good idea to take a break and give myself time to reflect on what was just accomplished and to strategize the next steps.

>"Burnout is real it's important to take care of you and pace yourself"

## Choosing a path 
After taking a break I had to answer some questions to help me find the road I was going to travel next 🤷🏿. 

Here are the questions I asked:
1. Decided what kind of developer I want to be?  
2. What kind of roles am I interested in? 
3. What skills do I need to work on to take the next steps.

>"The person who fails to plan, plans to fail"

## Getting back in the groove 
After taking a break it was time to get back in the chair and code 👨🏿‍💻. 
It was important to establish a routine to help keep structure and balance. 
One of the big things I focused on was refreshing my memory in Ruby since I haven't really used it exclusively in a while and brushing up on my JavaScript.   

Things I did to practice: 
1. Review labs I worked on to see if I could find a different solution. 
2. Rewatch lectures and code along.
3. Add stretch goals to my projects. 

>"Growth is a process" 

One of the great things about software engineering is that there is always room to grow. We have only just begun the journey and scratched the surface of what can be accomplished. 

>"Never be afraid to grow pass what you think your limits are"

These were my steps in choosing the road code travels. Hopefully this helps you find your road and gives you a blueprint to model your next steps in your coding journey. 

Good Luck and Happy Coding 👨🏿‍💻🧑🏾‍💻👩‍💻👨🏻‍💻
cin | C++ boshlang'ich
Tags: beginners, cpp, uzbek, dasturlash
Published: 2022-03-27 03:00:48

### `cin`
Ushbu operator foydalanuvchidan ma'lumotni so'rab uni vaqtinchalik hotiraga saqlash uchun ishlatiladi.

```cpp
#include <iostream>
using namespace std;

int main()
{
   int yosh;
   cin >> yosh;
   cout << "Siz " << yosh " yoshdasiz!" << endl;
}
```

Yuqoridagi kodni taxlil qilamiz:
- `int` butun sonlarni saqlab turish uchun xotiradan joy beradi va hotira *variable*(o'zgaruvchi deb ataladi)
- yuqorida `int yosh;` degani hotiradan bitta butun son sig'adigan joy beriladi va uni **yosh** deb nomlanadi. Bu xotiraga endi *istalgan* butun son joylash mumkin.
- `cin >> yosh;` esa console'dan bitta butun son o'qiydi va u sonni **yosh** nomli o'zgaruvchiga saqlaydi.
- keyinigni qatorda **yosh** nomli o'zgaruvchini qiymati `cout` komandasi ichida chop etilyapti.

### Bir nechta ma'lumotni o'qish
`cin` komandasi orqali bir nechta o'zgaruvchiga qiymatlarni tengdaniga o'qish mumkin.

```cpp
int yosh;
float vazn;
char baho;

cin >> yosh >> vazn >> baho;

cout << "Yosh = " << yosh << endl;
cout << "Vazn = " << vazn << endl;
cout << "Baho = " << baho << endl;
```
Yuqoridagi kodga `18 70.5 A` degan ma'lumotni kiritib tekshirib ko'ring.

{% embed https://replit.com/@DavidWahid/C-CIN-1 %}

## Topshiriqlar 🎖
1. `2-9` oraliqdagi biror raqam kiritilganda o'sha raqamning karra jadvalini chop etadigan dastur yozing.

[O'zingizni sinab ko'ring](http://oj.ilmhub.uz/problem/8)


```
FaaS and kubernetes
Tags: kubernetes, serverless, faas, cloud
Published: 2022-03-27 02:24:08


Containerization is a given for cloud-native world, or does it have to be?

  Traditionally with dockerfile,docker-compose scenario - one would have a `Dockerfile`, build and run the images with docker-engine. `docker-compose` helps create a stack that can be built, run, logged and scaled, but it is limited to one host (generally `localhost` on which docker engine is running)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lnsg5sm2sjld2ma56rel.png)

---
Services like AWS ECS help move over this by providing a container runtime where running containers can be hosted, but orchestration is still a concern when it comes to complex microservices.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jkj5320aazi34egcutbz.png)

---
Advent of kubernetes as the de-facto orchestration engine for containerized workloads helps with coordination and orchestration. The entry fee though, is still very high - asking the developer to create multiple yaml files to create a running-container(`pod`) that can be accessed over http(`service`). The second-order concepts like Ingress and HPA cause more confusion in-spite of being very useful from a resilient infrastructure perspective
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i1bzm0y3bjgbikwv27o1.png)

---
The popularity of AWS Lambda got the kubernetes folk thinking of resolving these deployment complexities and gave rise to projects like OpenFaaS and the number of other serverless frameworks that have come-up based on KNative (Kubeless, KEDA, Fission ..)
These frameworks also help with building elastically scaling workloads and creating [Event Driven Architecture](https://www.cncf.io/online-programs/event-driven-architecture-with-knative-events/). The emergence of [Cloud Events](https://cloudevents.io/) has helped arrive at a common specification for event payloads to enable plugging-in event based systems like Kafka, NATS, RabbitMQ
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/culnmu8ql73rkxm1jjjb.png)

---
Virtual Kubelet is a project towards creating virtual/serverless kubernetes nodes

_Description and schematic from Virtual Kubelet github page_
> Virtual Kubelet is an open source Kubernetes kubelet implementation that masquerades as a kubelet for the purposes of connecting Kubernetes to other APIs. This allows the nodes to be backed by other services like ACI, AWS Fargate, IoT Edge, Tensile Kube etc. The primary scenario for VK is enabling the extension of the Kubernetes API into serverless container platforms like ACI and Fargate, though we are open to others.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/15sytwv753olik6q27au.png)
Get Webpage with python requests
Tags: python
Published: 2022-03-27 02:09:54

---
canonical_url: https://waylonwalker.com/til/python-requests-get/
cover_image: https://images.waylonwalker.com/til/python-requests-get.png
series: til
published: true
tags:
- python
title: Get Webpage with python requests
---

Python's requests library is one of the gold standard apis, designed by Kenneth Reitz.  It was designed with the user perspective in mind first and implementation second. I have heard this called readme driven development, where the interface the user will use is laid out first, then implemented. This makes the library much mor intuitive than if it were designed around how it was easiest to implement.

## Install Requests

Requests is on pypi and can be installed into your virtual environtment with pip.

```bash
python -m pip install requests
```

## Getting the content of a request

Requests makes getting content from a web url as easy as possible.

```python
import requests

r = requests.get('https://waylonwalker.com/til/htmx-get/') 
article = r.content
```

## requests is not limited to html

Requests can handle any web request and is not limited to only html.  Here are some examples to get a markdown file, a csv, and a png image.

```python
htmx_get_md = requests.get('https://waylonwalker.com/til/htmx-get.md').content
cars = requests.get('https://waylonwalker.com/cars.csv').content 
profile = requests.get('https://images.waylonwalker.com/8bitc.png').content
```

## RTFM

There is way more to requests, this just scratches the surface while covering what you are going to need to get going. The [requests docs](https://docs.python-requests.org/en/latest/) have way more details.
Why code review is an underrated skill in testing
Tags: agile
Published: 2022-03-27 01:46:49

**NOTE: This was written as part of the Ministry of Testing's Blogger's Club challenge. If you are interested in learning testing, I encourage you to check out MOT.**

## What is code review?
It's both looking over the code personally, and letting the linter - with rules decided as a team - inspect the code. 

## Why code review?
Code review is the first step after the development is 'ready for testing'. It's the first step of post development testing - you've scoped out the work, analysed the requirements, had a session with the developer and designer to discuss. This is the last chance to catch bugs without intense 'traditional testing', as it were.

I like it to be the first step I take before I start testing. I may not comment, but I definitely read it. I too often regret when I don’t.

It's a place to catch issues you would take a longer time to find when testing with other methods - security flaws, small but important business rule mis-interpretations, commented out code, code that could be tested with integration and unit tests that aren't - and issues you can't find when testing with other methods that can lead to product quality issues down the line, like hard to understand code, unclear names, de-standardisation of naming styles.

It helps you learn how to code. That is useful for the inevitable programming you'll end up doing - whether it is fixing minor bugs, creating testing tools, using testing tools, or test automation. You see examples of different patterns and when they should it shouldn’t be used, out in the wild.

It helps defect replications later - you understand the code, and therefore the most prominent scenarios that the code fixes are referring to just by reading the code. If fix tickets are ever lacking the required details, or they assume knowledge you don't yet have, you can reverse engineer the intent, and then talk to the engineers and product manager when they are available to fill in the blanks. 

This makes doing code reviews both a potential workaround to organisational issues, and a skill enhancer. 

Ultimately, it helps you refine your questioning skills - which is ultimately what we are doing as testers. Making and recording observations and asking questions. You practice asking questions, while both broadcasting your assumptions, and assuming that you may be missing context that the developers have. This improves your communication skills.
The truth of Fact, The truth of Feeling
Tags: webdev, beginners
Published: 2022-03-27 01:21:42

So as im reading through Exhalations(see first weekly review) i come across the short story titled the title. 

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


First of all, it’s a great story. Second its about Language and Cognition. so even better.

two things i’m really really into.

it feels like no one really talks about stuff related to it, like say, the first person internal experience of feeling the passage of time and aging. 

No one talks about the experience of self when speaking different languages.I moved to Canada 6 years ago, and since then i’ve not gotten (or let myself) speak in other languages, i understand 2-3 more on top of english, and suck at speaking/writing them. (always been better at listening/reading over speaking/writing. idkwhy🤷)

but a week or so ago i spoke a few words in Urdu while driving in my car alone. 

and it felt weird…

 i felt like i was a different person in that moment. 

that no one talks about that. i guess people take it for granted, or dont bother noticing it cause its not really practical. idk.

This story had something of that going on in it.

 it deals with how cognition changes because of technology. 

how the invention of writing affected oral cultures. 

how the invention of AI-based Video recorded history changes your memories. reveals how fabricated your own sense of reality truly is. how we create narratives through reshaping pieces of our memories to support the current version of our self.

theres this moment in the book, where an individual from a writing culture starts teaching someone, an adult, writing,

 and he had to explain what a word is,,

that reaaallly got me thinking about how this guy is weird for not knowing words when he is speaking them, not being able to notice what he is speaking.

but my brain chewed on it more and more and realized, to him all he is making is a smooth stream of sounds, not unlike music.

it also got me thinking about web design. 

and how that in itself is language, a tool for communication. 

where you have to setup pages to convey a certain feel, 

transmit certain information, in a specific ways. 

how me learning about how a web page works behind the scenes, and how i’m now able to glimpse the “words”, the “divs”. 

I wonder how malleable cognition truly is. surely theres a cap, its evolved in a specific environment to do specific things. 

I wonder about Musicians, or people who know music, and if they listen to music the way i listen to English, distinguishing distinct “words”. 

I know after learning how to do counts for dancing, that im definitely able to distinguish the “beats” as different divs. 

sigh…

the worst part is that even if i learn Music theory, my mind will change slowly, and adapt through the whole process. i wish i could just Know a whole language, so i can just compare and contrast the first person subjective experiences…

the qualia

Dictionary of Obscure Sorrows: Onism

imo this is what great scifi does, instills 

Wonder and Awe.
SOLID - OCP
Tags: solid, oop, poo, beginners
Published: 2022-03-27 00:59:55

**Princípio do aberto/fechado**

> Entidades de software devem ser abertas para extensão, mas fechadas para modificação.

Se você precisa adicionar uma nova funcionalidade, então é melhor estender do que modificar.

**Por exemplo:**

Temos uma classe _**Veiculo**_ que recebe no seu construtor um tipo de veículo e dentro dela o método _**Ligar()**_ que tem uma sequência de condicionais que verifica o tipo do veículo e realiza a operação adaptada a ele. Sendo assim, toda vez que for adicionado um novo veiculo, nós precisaríamos adicionar uma nova condição ao nosso método. Logo, nossa classe/método está aberta para modificação e estamos quebrando o princípio do aberto/fechado.

```c#
    public class Veiculo
    {
        private readonly TipoVeiculoEnum _tipoVeiculo;

        public Veiculo(TipoVeiculoEnum tipoVeiculo)
        {
            _tipoVeiculo = tipoVeiculo;
        }

        public string Nome { get; set; }

        public void Ligar()                             
        {
            if (_tipoVeiculo == TipoVeiculoEnum.Carro)
            {
                Console.WriteLine("Carro pronto para ser dirigido");
            }
            if (_tipoVeiculo == TipoVeiculoEnum.Moto)
            {
                Console.WriteLine("Moto pronta para ser pilotada");
            }
        }
    }
```

Para um exemplo de um método que utilize a _**Veiculo**_, criei uma classe _**LavaRapido**_ com um método _**Lavar()**_ que recebe um tipo de _**Veiculo**_

```c#
    public class LavaRapido
    {
        public void Lavar(Veiculo veiculo)
        {
            Console.WriteLine($"Lavando o veiculo {veiculo.Nome}");
        }
    }
```
```c#
var moto = new Veiculo(TipoVeiculoEnum.Moto);
moto.Ligar();

var lavaRapido = new LavaRapido();
lavaRapido.Lavar(moto);
```

**Solução:**

Podemos criar a classe abstrata _**Veiculo**_ com seu método abstrato _**Ligar()**_ e para cada novo veiculo que formos adicionando ao nosso projeto, criamos uma classe para ele, herdamos a classe _**Veiculo**_ e sobrescrevemos o método _**Ligar()**_ de acordo com as necessidades do veículo.

```c#
    public abstract class Veiculo
    {
        public string Nome { get; set; }
        public abstract void Ligar();
    }
```

```c#
    public class Moto : Veiculo
    {
        public override void Ligar()
        {
            Console.WriteLine("Moto pronta para ser pilotada");
        }
    }

    public class Carro : Veiculo
    {
        public override void Ligar()
        {
            Console.WriteLine("Carro pronto para ser dirigido");
        }
    }
```
O método _**Lavar()**_ da classe _**LavaRapido**_ não deixa de funcionar, pois tanto a classe _**Moto**_ quanto a classe _**Carro**_ são subtipos de Veiculo.

```c#
var moto = new Moto();
var carro = new Carro();
moto.Ligar();
carro.Ligar();

var lavaRapido = new LavaRapido();
lavaRapido.Lavar(moto);
lavaRapido.Lavar(carro);
```
Created a productivity app
Tags: showdev, productivity
Published: 2022-03-27 00:58:46

---
title: Created a productivity app
published: true
description: I created a productivity app for my self
tags: showdev, productivity
---

## What it is 

It is a really simple app that lets you play different kind of ambient sounds. You can play any sounds simultaneously.

site: https://focus-sounds.vercel.app/
repo: https://github.com/K-Sato1995/focus-sounds

![img](https://user-images.githubusercontent.com/32632542/158525582-956a6eb8-4c4a-478e-a8ff-0c0264eb058d.png)

## Why I made it

I used to use Youtube or Apple Music/Spotify to listen to random music when I was coding. But I was having issues below.

- Issues with Youtube: There are so many great videos made by great content creators and I usually end up watching those videos instead of coding.
- Issues with Apple Music/Spotify: There are so many great songs or music made by great musicians and I usually end up just enjoying the music instead of coding.

Additionally, there actually was a site I used to use for focusing but that site "Upgraded" their features and it was not exactly I wanted anymore.

So I created it myself.

## Credits 
I'm using sounds and icons from the websites below.

- Mixkit.com: 
  - LINK: https://mixkit.co/free-sound-effects/
  - LICENCE: https://mixkit.co/license/
- Wether Icons: 
  - https://github.com/basmilius/weather-icons
  - LICENCE: https://github.com/basmilius/weather-icons/blob/dev/LICENSE

- Other Icons: https://www.reshot.com/free-svg-icons/
  - LICENCE: https://www.reshot.com/license/
Welcome Post
Published: 2022-03-27 00:17:50

Hi there 👋
I’m Zakariya, a full-stack software engineer, passionate programmer and a big admirer of open source who loves to contribute to any type of project. As a self-proclaimed coding-artist, I do believe that coding is a scientific discipline at a basic level, but is an art form at a more sublime level so, every programmer has his own way of writing code, and I do have my own unique touch.
Website accessibility with HTML
Tags: html, beginners, webdev, programming
Published: 2022-03-26 23:52:04

**What is website accessibility?**
Some users on your sites will use screen readers, only use a keyboard to navigate, use screen magnification or use speech input software. In HTML there are a number of ways you can make your sites accessible to these users.

- Website language
- Semantic HTML
- Proper HMTL headings
- Image alt attribute
- Aria labels

**Website Language**
In your HTML document you can declare the language used on the web page. This will be used by browsers and search engines. You can specify the language of the HTML document, and the language of individual elements.

```html
<!DOCTYPE html>
<html lang="en">
<body>
  <p lang="fr">Ce paragraphe est défini en français.</p>
</body>
</html>
```

**Semantic HTML**
Semantic HTML is the use of HTML tags to convey the meaning of the information on the page rather than simply presenting it. A few tags that demonstrate this are `<h1>`, `<button>`, `<article>`, `<footer>` and `<header>` to name a few. This is important for screen readers, or users who only use a keyboard to navigate the site.

```html
<!-- Bad example -->
<div>
  <div>Header</div>
  <div>Click Here</div>
  <span>Article information</span>
</div>

<!-- Good example -->
<section>
  <h1>Header</h1>
  <button>Click Here</button>
  <article>Article information</article>
</section>
```

**Proper HTML headers**
Screen readers use header tags to navigate the site. These header tags are `<h1>`, `<h2>`, `<h3>`, `<h4>`, `<h5>` and `<h6>`. These header tags are used to show the relationships between different sections.

**Image alt attribute**
The `alt` text is displayed if the image cannot be displayed. The text should describe the image if the image contacts information. You can leave the `alt` text blank if the image is for decoration and does not contain information. If the image is used for a link, then the alt text should explain where the link goes.

```html
<img src="profilePic.png" alt="User profile image">
<a href="https://twitter.com">
  <img src="twitterIcon.png" alt="Link to Twitter">
</a>
<img src="background.png" alt="">

```

**Aria labels**
The `aria-label` attribute is used to provide meaning to HTML elements where that meaning is missing. For example, usually a button will have meaning based on the text in-between the button tags, but in some cases this is not done. The `aria-label` is intended for interactive elements only.

```html
<button aria-label="Close">
  <svg></svg>
</button>
```

Here is some more info about accessibility in HTML: [https://developer.mozilla.org/en-US/docs/Learn/Accessibility/HTML](https://developer.mozilla.org/en-US/docs/Learn/Accessibility/HTML)

Leave a comment if you have any feedback or questions.
Workaround of [object Object]
Published: 2022-03-26 23:01:49

When JavaScript handles an object such as json andthe result is output,
> [object Object]

maybe displayed.
This is because we are trying to output the data in object format as it is.
This can be solved by converting the number to a string.
```js
//json_object => [object Object] Error Workaround
JSON.stringify(json_object);
```
and solve it.
I look forward to helping you.
Thank you!
Published: 2022-03-26 22:24:55

Hello, after 6 weeks of Bootcamp, we have already graduated.
@AwesomityLab and @CodeofAfrica, you are the reason I am pursuing my ambition; the time we spent together will always be remembered and valued.

The **Taskforce**'s entire concept is that it elevates you from one level to another in terms of soft and technical skills; personally, I am much better than I was six weeks ago.

I'd want to express my gratitude to all of our facilitators; I've gained so much valuable knowledge from you, and I'm grateful to have had the opportunity to work with you over the past six weeks.

> People working together in a strong community with a shared goal and a common purpose can make the impossible possible.
**Tom Vilsack**



![Team work](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/au2605dad2gm6043gwxn.jpg)
We were given the task of completing the entire project in four days; thanks to my teammates, we were able to manage the time we had and produce a working mobile application in that short time, which was well received by the audience.
It wasn't easy for us, but as a team, we kept working together, being creative and smart until we finished our final project. Congratulations and happy graduation, guys!

We have reached the end of our studies after 6 weeks in taskforce, and it is time for us to part ways, my teammate. You have been an amazing team from the beginning. I'll miss the best times we had together, the stories we told, and the laughs we shared, and I hope our relationship will continue beyond this point; I'll keep in touch.

Thank you, God bless you, and I wish you all the best in your new life!