teleren/devto huggingface dataset:
From Lost to Confident: How to See Improvement as a Junior Developer
Tags: beginners, codenewbie, devjournal, motivation
Published: 2023-02-21 04:58:25

Learning to code and working as a junior developer can be a challenging experience, and it can be difficult to see the progress you're making. It's easy to become discouraged, especially when you feel like you're not making any progress. 

However, there are several ways to see improvement in your coding skills and grow as a developer. Here are some points to consider:

1. Revisit old projects: One of the best ways to see improvement in your coding skills is to revisit old projects and refactor or update them using new frameworks or tools. By doing this, you can apply the new skills and knowledge you've gained and see how far you've come. Revisiting old projects can also help you identify areas for improvement, practice writing clean and efficient code, and demonstrate your growth to potential employers.
2. Remember your early days: If you're already working as a junior developer, think back to your first weeks on the job. You may have felt lost or overwhelmed, but as time went on, you gained more confidence and understanding. Remembering how far you've come can help you stay motivated and focused on continuing to learn and improve.
3. Take on challenging tasks: It's important not to get too comfortable with easy and repetitive tasks. Instead, take on challenging projects that will push you to learn and grow. By doing so, you'll be able to identify areas for improvement, practice new skills, and demonstrate your ability to tackle difficult problems.
4. Celebrate your successes: Finally, it's important to take time to celebrate your successes. When you solve a difficult coding problem or complete a challenging project, take a moment to recognize your accomplishment. Celebrating your successes can help you stay motivated and focused on your goals.

Remember that progress takes time and effort, but with persistence and dedication, you can achieve your goals and become a successful developer.

How do you track your progress and measure improvement in your coding skills?
Bit Manipulation for Technical Interviews
Tags: bitwise, javascript, python, beginners
Published: 2023-02-21 04:47:15

I launched a **FREE** "[A Fun Guide To Bit Manipulation For Coding Interviews](https://www.ggorantala.dev/courses/)" course for Problem-solvers, competitive programming aspirants, and FAANG/startup aspirants.

## Takeaway Skills
- Master problem-solving that involves bit manipulation.

- Master how the bit-level operations are computed. Understand that bit-level operations are based on all the arithmetic operations built into all languages.

- These bit tricks help in competitive programming in running algorithms mostly in `O(1)` time.

- Master the bit manipulation, which allows you to organize all inputs in binary representation at the memory levels.

- Solve problems that are commonly asked in coding interviews related to bit manipulation.

- Solutions are available in 5 different languages.

"From Zero To Binary Hero: A Fun Guide to Bit Manipulation For Coding Interviews"

## What do you get?
✅ 44 lessons categorized based on topics.
✅ 28 challenges.
✅ 27+ Illustrations.
✅ 271 solutions provided.
✅ Solutions are written in **Java**, **Python**, **JavaScript**, **C++**, and **TypeScript**.
✅ GitHub repository access.
📢 **Rust** and **Go** solutions are in progress.
📢 Few Medium, Hard problems asked at FAANG, top tech, and startup companies are on the way. You will see them live in 2-3 weeks.

## Course Overview

This course teaches bit manipulation, a powerful technique to enhance algorithmic and problem-solving skills. It is a critical topic for those preparing for coding interviews for top tech companies, startups and industry leaders. Competitive programmers can take full advantage of this course by running most of the bit-related problems in O(1) complexity.

The course will begin by educating you about the number system and its representation, decimal and binary, followed by the six bitwise operators: AND, OR, NOT, XOR, and bit-shifting (left, right).

You will receive ample practical experience working through practice problems to improve your comprehension.

Upon completing this course, you will be able to solve problems with greater efficiency and speed.

## Lessons
A few lessons listed here are from the course:
- [Introduction to Bit Manipulation](https://www.ggorantala.dev/introduction-to-bit-manipulation/)
- [What is Bit Manipulation](https://www.ggorantala.dev/what-is-bit-manipulation/)
- [Challenge 3: Power of 2](https://www.ggorantala.dev/power-of-2/)
- [Solution Review: Power of 2](https://www.ggorantala.dev/solution-review-power-of-2/) 

**Note:** In the upcoming edits, you will see the following items:
1. Solutions in Rust and Go.
2. A few medium and hard problems were asked in recent FAANG and fast-paced startup coding interviews.

Please take some time to share feedback. It helps and encourages me to write more courses and make them FREE forever.
540. Leetcode Solution in CPP
Tags: cpp
Published: 2023-02-21 04:20:14

=================================================================
#Description:
You are given a sorted array consisting of only integers where every element appears exactly twice, except for one element which appears exactly once.

Return the single element that appears only once.

Your solution must run in O(log n) time and O(1) space.

 

Example 1:

Input: nums = [1,1,2,3,3,4,4,8,8]
Output: 2
Example 2:

Input: nums = [3,3,7,7,10,11,11]
Output: 10
 

Constraints:

1 <= nums.length <= 105
0 <= nums[i] <= 105
=================================================================
#Solution:
```cpp
class Solution {
 public:
  int singleNonDuplicate(vector<int>& nums) {
    int l = 0;
    int r = nums.size() - 1;

    while (l < r) {
      int m = (l + r) / 2;
      if (m & 1)
        --m;
      if (nums[m] == nums[m + 1])
        l = m + 2;
      else
        r = m;
    }

    return nums[l];
  }
};
```
=================================================================
#leetcode
#challenge
Here is the link for the problem:
https://leetcode.com/problems/single-element-in-a-sorted-array/
Datadog - export more than 5000 records.
Tags: datadog
Published: 2023-02-21 04:18:24

You can use the following code to fetch more than 5000 records from Datadog API. 

```typescript
import axios from 'axios';
import * as fs from 'fs';

interface RUMEvent {
  // Define the properties of a RUM event here
}

interface RUMResponse {
  data: RUMEvent[];
  links: {
    next: string;
  };
  meta: {
    page: {
      after: string;
    };
  };
}

const getRUMData = async (
  apiKey: string,
  rumApplicationID: string,
  startTime: number,
  endTime: number
): Promise<RUMEvent[]> => {
  let cursor: string | undefined = undefined;

  const query = {
    filter: {
      query:
        '@application.id:0070aef4-9021-4b1a-8af8-85682b7d3f68 @action.name:element_timing @action.type:custom @type:action',
      from: startTime,
      to: endTime,
    },
  };

  let rumData: RUMEvent[] = [];
  let hasMoreData = true;

  while (hasMoreData) {
    const response = await axios.post(
      'https://api.datadoghq.com/api/v2/rum/events/search',
      {
        ...query,
        page: {
          limit: 5000,
          cursor,
        },
      },
      {
        headers: {
          'DD-API-KEY': apiKey,
          'DD-APPLICATION-KEY': rumApplicationID,
        },
      }
    );

    const responseData: RUMResponse = response.data;

    if (responseData.data.length > 0) {
      rumData = rumData.concat(responseData.data);
      cursor = responseData.meta.page.after;
      console.log(`current page response count : ${responseData.data.length}`);
      console.log(`current collected : ${responseData.data.length}`);
    } else {
      hasMoreData = false;
    }
  }

  return rumData;
};

const writeRUMDataToFile = async (
  data: RUMEvent[],
  fileName: string
): Promise<void> => {
  return new Promise((resolve, reject) => {
    const stream = fs.createWriteStream(fileName);
    stream.once('open', () => {
      data.forEach((event) => {
        stream.write(`${JSON.stringify(event)}\n`);
      });
      stream.end();
      resolve();
    });
  });
};

// Example usage
const apiKey = '<YOUR_API_KEY>';
const rumApplicationID = '<YOUR_APPLICATION_KEY>';
const startTime = 1676949491156;
const endTime = 1676950331699;

getRUMData(apiKey, rumApplicationID, startTime, endTime)
  .then((data) => writeRUMDataToFile(data, 'rum_data.json'))
  .then(() => console.log('Data written to file'))
  .catch((err) => console.error(err));


```
Boost Your Tailwindcss Development with Flow Launcher's Tailwindcss Docs Extension
Tags: tailwindcss, webdev, productivity
Published: 2023-02-21 04:07:05

Tailwindcss is a popular CSS framework that offers a range of utility classes to speed up web development. With its extensive documentation, it's easy to look up the different classes and their usage. However, accessing this information can be time-consuming, especially if you're working on a project that requires constant reference to the Tailwindcss documentation.

This is where [Flow Launcher](https://www.flowlauncher.com/) comes in. Flow Launcher is an open-source productivity tool for Windows that allows users to quickly search and launch apps, files, and websites. With its powerful plugin system, Flow Launcher can be extended to include additional functionality, making it even more useful for developers.

Download Flow Launcher Here : [Download](https://www.flowlauncher.com/)



Recently, I created a [Tailwindcss Docs](https://tailwindcss.com/docs/) Extension for Flow Launcher, which helps you to search through Tailwind classes and access the Tailwindcss documentation. This extension makes it easy to find the right class for your project and access its documentation, all without leaving Flow Launcher.

{% embed https://github.com/areeburrub/tailwindcss-flow-launcher-plugin
 %}

To install the Tailwindcss Docs Extension for Flow Launcher, you first need to download and install Flow Launcher. Once you have Flow Launcher installed, you can install the extension by typing "pm install Tailwindcss" in the Flow Launcher search box. This will download and install the extension, and you'll be ready to use it.

![Tailwindcss Extension on Flow Launcher](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u8z6snk5570rebvjp9me.png)


To use the Tailwindcss Docs Extension, simply type "tw" followed by the class name you're looking for in the Flow Launcher search box. For example, if you're looking for the "text-center" class, you would type "tw text-center" in the search box. The extension will display a list of matching classes, along with their documentation, if available.

The Tailwindcss Docs Extension for Flow Launcher is a useful tool for any Tailwindcss developer. It helps to speed up development by making it easy to find the right class and access its documentation. With its simple installation process and powerful search capabilities, it's a must-have tool for any developer working with Tailwindcss.

In conclusion, if you're a Tailwindcss developer looking for a faster and more efficient way to search for classes and access documentation, be sure to check out the Tailwindcss Docs Extension for Flow Launcher. It's an excellent tool that can help you save time and improve your productivity.
Linode + DEV Hackathon
Tags: linodehackathon
Published: 2023-02-21 03:58:00

## What I built
I build a django application for baseball organizations who manages multiple teams. This website does the following:

- Users can create and manage day to day operations for each team they support.

- Each team is provided with a public website for end user to gather information for about team.
- Team Administrators can manage team players, games and practices.

- Team Administrators can manage access to the team portal using an approval system.

### Category Submission:
SaaS Superstars

### App Link
http://143.42.134.217:8000/

### Screenshots

![One](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ynwrn2fzgdo67k1fwe6w.png)

![2](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dc01ea095p43ic0vf5w4.png)

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

![4](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0xi0q8hf58sc50d8cwzh.png)

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

![6](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gyl8vp0armhk980751qc.png)

![7](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5vk83po125wlpfvnjhbj.png)
### Description
I build a django application for baseball organizations who manages multiple teams. This website does the following:

- Users can create and manage day to day operations for each team they support.

- Each team is provided with a public website for end user to gather information for about team.
- Team Administrators can manage team players, games and practices.

- Team Administrators can manage access to the team portal using an approval system. 

### Link to Source Code
https://github.com/brandonmichaelhunter/DevToLindoChallenge

### Permissive License
MIT

## Background
What made you decide to build this particular app? What inspired you?
What inspired me to build this particular app was using  ([game changer](https://gc.com/)) for my boys baseball game. I like the app, but I wanted to build something similar and free for end users.


### How I built it
(How did you utilize Linode? Did you learn something new along the way? Pick up a new skill?)
I build it using django, which I picked up fully two weeks ago and working with Linode. So the two new skills I picked up was setting up and deploying to Linode and building a django website. 

### Additional Resources/Info
Docker Commands Cheat Sheet
Tags: devops, docker, programming, devjournal
Published: 2023-02-21 02:31:00

## The 15 Commands You Need To Know:


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

Thanks for reading this.

If you have an idea and want to build your product around it, schedule a call with [me](https://calendly.com/pragyanatvade).

If you want to learn more in DevOps and Backend space, [follow me](https://dev.to/pragyanatvade).

If you want to connect, reach out to me on [Twitter](https://twitter.com/pragyanatvade) and [LinkedIn](https://www.linkedin.com/in/pragyanatvade/).
30 dias aprendendo UI/UX
Tags: design
Published: 2023-02-21 01:04:18

É isso mesmo galera, eu não sai do Java blz? haha, mas acontece que, meus projetos estavam muito sem profundidade, e chegou o momento de aprender logo design, pelos menos para entender e conseguir realizar algo da forma que eu quero, sem dependender de terceiros!!



E olha só, já tem 4 dias que estou estudando UI/UX e estou dando meus primeiros passos, espero aprender com a comunidade de designers e gerar projetos que no futuro possa me orgulhar!


Eu tambem tenho um projeto que vou realizar com a comunidade do twitter, que no final, vai render um CRUD com springboot e quero esse blog com deploy para publicar meu artigos!


Resultado dos primeiros 4 dias abaixo!



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





5° Dia de aprendizado:

Então, seguindo essa saga de UI/UX, hoje aprendi com mão na massa, seguindo a recomendação do professor da Origamid, um projeto esboço ao lado, e tudo que aprendi com ele, eu precisava refazer com aquilo que acreditava que era possivel refazer... Abaixo segue o esboço do professor: 




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


E aqui segue o meu wireframe da forma que acreditei que era seguindo a atividade: 


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

É isso, em pleno carnaval e estudando para no fim conseguir ter habilidades suficientes de produzir meu blog e um site portfolio, eae, acha que consigo em 30 dias?
PostgreSQL And Apache-Age. Part-2
Published: 2023-02-20 20:03:22

## Apache-Age

As a user-friendly extension to the Apache Spark ecosystem, Apache AGE provides an innovative way to execute complex graph queries directly on data stored in a PostgreSQL database. This open-source project, currently in the incubation stage, is being developed by the Apache Software Foundation.

What sets Apache AGE apart is that it eliminates the need for transferring data from PostgreSQL into a separate graph database. This not only streamlines the process of executing graph queries but also reduces the complexity and cost associated with managing multiple data storages.

With Apache AGE, users can perform sophisticated graph queries, including path queries, pattern matching, and subgraph queries, with greater ease and efficiency. The extension leverages Spark's distributed computing capabilities, making it a scalable solution for handling large datasets.

Overall, Apache AGE provides a powerful yet user-friendly solution for executing graph queries on PostgreSQL data. As a result, it has become a popular choice for data scientists, researchers, and developers looking to optimize their graph analytics workflows.
[Apache-Age:-https://age.apache.org/](https://age.apache.org/)
[GitHub:-https://github.com/apache/age ](https://github.com/apache/age)
SEO para negócios
Published: 2023-02-21 00:44:43

Os benefícios do SEO para os negócios são incontáveis. O Search Engine Optimization (SEO) é a prática de otimizar um website para que ele apareça melhor nos resultados de pesquisa do Google e outros mecanismos de busca. O objetivo é garantir que seu website seja visto pela maioria das pessoas que procuram por termos relacionados à sua empresa.

O SEO ajuda sua empresa a obter mais visitantes qualificados e, como resultado, mais leads e vendas. Isso significa que você pode obter um retorno significativo do seu investimento em SEO. Ao otimizar o seu website para o Google, você está direcionando o tráfego certo para o seu site, o que ajuda a aumentar o lucro.

Além de ajudar os resultados de pesquisa, o SEO também ajuda a melhorar a experiência do usuário no seu website. Ao usar técnicas de SEO, você pode melhorar a navegabilidade do seu website e torná-lo mais fácil de usar. Isso significa que as pessoas passam mais tempo navegando e interagindo com o seu website. Isso ajuda a aumentar o tempo de permanência e a taxa de conversão.

O SEO também ajuda a melhorar a reputação do seu negócio online. Quanto melhor o seu website aparecer nos resultados de pesquisa, mais pessoas o verão. Isso ajuda a mostrar às pessoas que a sua empresa é confiável. Quanto mais confiança você criar com os seus clientes, mais vendas você fará.

Outro benefício importante do SEO é que ele ajuda a melhorar a visibilidade da sua empresa. Quanto mais visível a sua empresa for, mais pessoas conhecerão a sua marca. Isso ajuda a aumentar a consciência da marca e a criar uma imagem de autoridade na sua área de atuação.

Finalmente, com as [dicas de SEO](https://adeusponto.com/dicas-de-seo/) você consegue aumentar o tráfego orgânico do seu website. Quanto mais você trabalha para melhorar o seu SEO, mais pessoas visitarão o seu website sem gastar dinheiro em anúncios. Isso significa que você pode economizar dinheiro a longo prazo e obter tráfego qualificado para o seu site sem gastar muito.

Como você pode ver, o SEO oferece inúmeros benefícios para os negócios. Se você deseja aumentar o seu tráfego, melhorar a experiência do usuário, melhorar a reputação da sua empresa e economizar dinheiro, o SEO é a solução certa. Se você quiser aproveitar ao máximo esses benefícios, certifique-se de contratar um profissional qualificado para otimizar o seu website.
LoveGenius - Create your perfect dating profile with AI
Tags: ai, dating
Published: 2023-02-21 00:40:17

LoveGenius is an AI dating assistant that helps attract better matches by crafting an outstanding and optimized dating profile.

One of the most challenging parts of online dating is creating a profile that stands out. Many people leave this potential untapped, needing to learn how to describe themselves attractively and joyfully.

LoveGenius is here to help. Our AI-powered algorithm will magically write unique tailored profiles to get the right match for you! So whether you're looking for long-lasting love on Bumble or just a bit of flirty fun on Tinder or other platforms, you’ll have better matches soon.

[https://www.lovegenius.io](https://www.lovegenius.io)
Using Styled Components with NextJs
Tags: nextjs, styledcomponents, sitecore, discover
Published: 2023-02-23 04:24:32

---
title: Using Styled Components with NextJs
published: true
date: 2023-02-21 00:00:00 UTC
tags: nextjs, styledcomponents, sitecore, discover
canonical_url: https://robearlam.com/blog/using-styled-components-with-nextjs
---

## Sitecore Discover JS SDK

I've recently been working with a new JavaScript SDK for Sitecore Discover which is going to be released soon. This is a React library which provides a series of prebuilt components designed to enable people to up and running with Sitecore Discover as quickly as possible. You can read all about it on the [Sitecore Documentation Site](https://doc.sitecore.com/discover/en/developers/discover-js-sdk-for-react/introduction-to-discover-js-sdk-for-react.html).

Now the components come in a few different versions, we have straight `JavaScript` and `TypeScript` flavours. We also have both `styled` and `unstyled` versions of the components to give developers options in how they want to get started.

I began testing the SDK by integrating it with [Nextjs Commerce](https://nextjs.org/commerce). I like this project for testing out JS SDK as its super quick and easy to get up and running, however I ran into some strange issues when using the styled versions of the components.

## Styled Components with Nextjs

Now when using the styled versions of the components, the styles are provided by [Styled Components](https://styled-components.com/) – a library that uses tagged template literals to allow you write CSS to style your components easily.

Now when the page first loaded the styled components were rendered correctly, however whenever the Nextjs router fired to change the page content the styles were removed?

After some googling it turns out that you need to tell Nextjs that you’re using Styled Components in your application in order for this error not to happen.

To do so, you need to add the following configuration to your Next.config.js

```
compiler: {
  styledComponents: true
}

```

Once this was included everything worked well and my component styles persisted after a route change!
🛡️ Prevent Chrome from redirecting your HTTP localhost to HTTPS
Tags: devrel
Published: 2023-04-22 19:28:45

---
title: 🛡️ Prevent Chrome from redirecting your HTTP localhost to HTTPS
published: true
date: 2023-02-21 00:00:00 UTC
tags: DeveloperExperience
canonical_url: https://bstefanski.com/prevent-chrome-from-redirecting-your-http-localhost-to-https
---

Every time I tried setting up custom `/etc/hosts` for local development, chrome kept redirecting my service from HTTP to HTTPS.  
<!-- -->Probably because there was already an existing website with the same hostname and SSL that I previously visited.  
<!-- -->To fix that you need to go to `chrome://net-internals/#hsts` and put your service's URL in the input located under the **Delete domain security policies** section. Click delete and voilà!

 ![Google chrome net internals page](https://bstefanski.com/_next/image?url=%2Fposts%2Fprevent-chrome-from-redirecting-your-http-localhost-to-https%2Fdns-purge.png&w=1200&q=75)
<small></small>