DEV Community: Bianca Pereira

Como criar um grupo de estudos de programação?

Bianca Pereira — Mon, 18 Mar 2024 21:23:12 +0000

Passo-a-passo para organizar um grupo de estudos tech

Estou começando um grupo de estudos de Java esta semana com amigos e pessoas próximas que desejam migrar para a área de TI.

Estudar em grupo é incrível, não é mesmo? Ter pessoas compartilhando sua jornada torna as conquistas mais fáceis! 💕

Como achei a organização que fiz bem bacana, decidi compartilhar com vocês o método que estou usando com a galera.

Nossa página no Notion

1. Objetivo 🎯

Para que vocês vão estudar? Conseguir o primeiro emprego? Passar numa certificação? Conhecer uma nova ferramenta ou linguagem?

Decidir o que será estudado é a primeira etapa. Tente descrever o objetivo com poucas palavras, como, por exemplo:

Conseguir meu primeiro emprego como dev Java

Seja o mais específico possível! Objetivos amplos demais são difíceis de alcançar.

2. Escolha do material de estudo 📚

Escolheu o que vão estudar? Agora é hora de definir a fonte. É claro que cada um pode estudar por si, mas acho mais interessante todos terem a mesma fonte de estudo para facilitar.

Optamos por um curso acessível na Udemy, custando R$ 30 e com ótimas avaliações.

Além dos cursos, vocês podem escolher estudar um site, um blog, vídeos no Youtube, documentações ou aquilo que mais se encaixar no objetivo.

3. Prazo ⏳

Defina início, meio e fim. No nosso caso, escolhemos três meses para conquistar nosso objetivo.

Três meses é o suficiente para terminar o curso e não é longo demais para desmotivar.

Escolha as datas conforme as necessidades do seu grupo.

4. Calendário 🗓️

O calendário de estudos serve para garantir que o grupo esteja sincronizado e não deixar alguém muito atrasado (ou pelo menos tentar 😅).

Sempre haverá alguém que tem mais tempo e consegue avançar mais rapidamente. O lado positivo é que essa pessoa pode ajudar quem está ficando para atrás nos estudos.

Eu dividi por módulos do curso, respeitando o limite de até 1h30 por dia. Além disso, deixei alguns dias para ser um buff e as pessoas atrasadas conseguirem ficar atualizadas.

5. Reuniões ☎️

As reuniões são a alma do negócio. Do que adianta estudar em grupo e não poder chorar as pitangas com quem está passando o mesmo perrengue que você?

Aqui teremos 3 tipos de reunião:

Início e encerramento do prazo
Reunião semanal para tirar dúvidas e compartilhar dores
Reuniões de workshop para Github e Linkedin

Organizem-se como preferirem, mas não deixem de se falar semanalmente para manter o engajamento.

6. Premiações 🏆

Cupom de iFood para cada um!!! Brincadeira, a tia não é rica. 🤣

A ideia aqui é definir a cada checkpoint uma premiação pessoal por conquistar seu objetivo. Pode ser pedir um milkshake, sair para um restaurante, comprar um jogo novo, uma blusinha nova. O que fazer sentido para a pessoa.

Como nossos estudos terão duração de 3 meses, teremos três checkpoints, sendo o último mais especial.

Bibi, e se eu não tiver ninguém para estudar junto? Deixa que a tia resolve!

Entre na nossa comunidade através deste link. Lá você encontrará várias pessoas interessadas em estudar em grupo! Basta deixar um comentário ou entrar em um grupo já formado.

Espero que tenham apreciado o conteúdo! Se surgir alguma dúvida, estou à disposição.

Inspirações para repositórios de estudos no Github 📝

Bianca Pereira — Mon, 22 May 2023 19:03:33 +0000

Encontre a inspiração certa para criar seus repositórios de estudos no Github!

Quando se trata do Github, muitos devs focam em usá-lo apenas como um portfólio de projetos de programação. No entanto, o Git é muito mais do que isso - é uma ferramenta poderosa que pode ser aproveitada de diversas maneiras.

Neste post, vou mostrar ideias de repositórios de estudos que vão além dos projetos para vocês se inspirarem. ✨

1. Hello World's

Repositório com hello world em diversas linguagens.

Cada arquivo contém um hello world em uma linguagem de programação diferente.

🔗 Link: https://github.com/juuh42dias/lang_studies

2. Estudando Python

Repositório de estudos em Python.

Cada arquivo representa um exercício. Uma descrição do exercício é colocada como comentário logo acima da resolução do exercício.

🔗 Link: https://github.com/morgannadev/estudandopython

3. Programa Desenvolve

Repositório de estudos do Programa Desenvolve do Grupo Boticário.

O repo está organizado por semanas de estudos do programa. Cada semana tem um README com os tópicos abordados e também são incluídos os arquivos de código criados durante o curso.

🔗 Link: https://github.com/joicescripts/programa-desenvolve-2023

4. Projetos da DIO

Repositório com os projetos criados durante os cursos da DIO.

Cada pasta do repositório possui um projeto diferente.

🔗 Link: https://github.com/alinebastos/dio-projects

5. Curso Full Circle

Repositório com estudos do curso Full Cycle.

No README tem todos os módulos do curso e os recursos usados durante os estudos.

Nas pastas de módulos, existe um arquivo de tarefas do que foi aprendido até o momento, anotações das aulas e os arquivos de código desenvolvidos durante o módulo.

🔗 Link: https://github.com/glaucia86/fc-studies

6. Estudos de Certificação da Microsoft

Repositório com estudos de uma certificação técnica.

No README do projeto possui um checklist dos tópicos que devem ser estudados. Nas pastas internas existem as anotações relacionadas a cada tópico de estudos.

🔗 Link: https://github.com/BiancaPereira/study-70-480

7. Desafio do Frontend Mentor

Repositório com um desafio proposto no site Frontend Mentor.

No README do projeto tem um print do que foi desenvolvido, quais tecnologias foram utilizadas e quanto tempo o projeto demorou para ser feito.

No repositório é incluído os arquivos desenvolvidos e também um link de live preview para ver o projeto funcionando.

🔗 Link: https://github.com/ymoretto/frontend-mentor-challenge-qr-code

8. Semana de Estudos da Alura

Repositório criado durante a semana de estudos sobre Git da Alura.

No README do projeto é incluído o que foi aprendido em cada dia do desafio da Alura.

🔗 Link: https://github.com/giselepassuti/Desafio_GitHub_Alura

9. Disciplina de Matemática Aplicada e Computacional

Repositório de estudos de uma disciplina realizada durante o curso de Matemática na Universidade Estadual de Goiás.

No README do projeto é dado informações sobre a disciplina, por quem foi ministrado, software usados e explicação da estrutura das pastas do projeto.

🔗 Link: https://github.com/EduardoJM/anotacoes-matematica-aplicada

Dicas extras:

Git não é só um portfólio, ele é uma ferramenta! ⚙️ Use ele ao seu favor e não se limite a guardar apenas projetos de programação.
NADA é "bobo", "simples", "básico" demais para estar no seu Github.
Escrever um README é a base para ter um repositório de propósito.
O Github também é um histórico dos seus estudos. Você estava estudando o que em 2019?

Espero que eu tenha conseguido te inspirar a colocar seus projetos e estudos no seu Github! 💕

Se tiver algum repositório ou conhecer algum que acha bacana que se encaixa nesse tópico, não esqueça de compartilhar aqui nos comentários para inspirar outras pessoas. 😊

Perguntas técnicas de entrevista para iniciantes em TI

Bianca Pereira — Tue, 02 May 2023 23:27:33 +0000

Perguntas de programação para front-end ou full-stack (nível estágio ou júnior)

Instruções ℹ️

Responda às perguntas em voz alta para exercitar sua oratória e confiança na hora de falar.
Não coloquei as respostas, pois não há apenas uma forma de respondê-las. Explique o que sabe com suas próprias palavras.
Essas perguntas são palpites de perguntas técnicas que poderiam cair em uma entrevista para dev iniciante.
As perguntas incluem conceitos de programação, HTML, CSS e Javascript.

Perguntas 🧐

O que é HTML e para que é usado?
O que é CSS e para que é usado?
Qual a diferença entre uma tag de abertura e uma tag de fechamento no HTML?
O que é uma classe e como ela é usada em CSS?
O que é uma ID e como ela é usada em CSS?
Como se pode adicionar estilos CSS a um documento HTML?
O que é JavaScript e para que é usado?
O que é uma variável em JavaScript e como ela é declarada?
Como se pode adicionar um script JavaScript a uma página HTML?
Qual é a diferença entre variáveis let, const e var?
O que é um array em JavaScript e como ele é declarado?
Como se pode percorrer um array em JavaScript?
Como se pode adicionar e remover elementos de um array em JavaScript?
O que é um objeto em JavaScript e como ele é declarado?
Como se pode acessar propriedades de um objeto em JavaScript?
O que é uma condicional em JavaScript e como ela é usada?
O que é um algoritmo e como ele é usado na programação?
Qual é a diferença entre uma variável e uma constante?
O que é um loop em programação e como ele é usado?
O que é uma depuração (debug) em programação e como ela é usada para solucionar problemas de código?
O que é responsividade em design de websites e como ela é alcançada?
Como você pode aplicar um estilo somente para dispositivos móveis em CSS?
Qual é a diferença entre margin e padding em CSS?
O que é uma propriedade CSS de display: flex e como ela é usada?
Como você pode centralizar um elemento em uma página HTML usando CSS?
O que é o escopo em JavaScript e qual é a diferença entre o escopo global e o escopo local?
O que são eventos em JavaScript e como eles são tratados?
O que é o operador ternário em JavaScript e como ele é usado?
Como você pode manipular o DOM em JavaScript?
O que é a diferença entre os operadores == e === em JavaScript?
O que é uma API?
Como consumir APIs com Javascript?
O que é e para que serve o Git?
Quais são os tipos de loop que você pode usar em JavaScript?
Qual é a diferença entre o loop for e o loop while?
O que é Switch-Case e em que situações é benéfico usá-lo?
Quais são os tipos de dados em Javascript?
O que é um banco de dados? Você pode citar algum que você conheça?
O que é a programação orientada a objetos e como ela é usada para estruturar um programa?
Qual é o resultado da seguinte operação em JavaScript: "2" + "2"? Explique a resposta.
Como escrever uma função que retorne true se um número é par e false se é ímpar?
Qual a diferença entre "and" e "or"?
Qual é o resultado da operação lógica !true?
Qual é o resultado da operação lógica true && false?
Qual é o resultado da operação lógica true || false?
Qual é o resultado da operação typeof 42?
Qual é a saída do seguinte código? Explique a resposta.

const array = [1, 2, 3];
console.log(array[1]);

Dicas finais ✅

Ficou com alguma dúvida na pergunta? Peça para a pessoa entrevistadora te explicar melhor.
Se não souber responder alguma, demonstre interesse em aprender sobre no futuro.
Lembre-se: se você é iniciante, o entrevistador não espera que você saiba tudo! Foque nos seus pontos fortes e mantenha-se confiante.

Como fazer anotações de vídeo aulas técnicas?

Bianca Pereira — Thu, 26 Jan 2023 15:23:30 +0000

Aprenda a aproveitar ao máximo das vídeo aulas com o método Cornell Notes

Sabe quando você tem tanto conteúdo técnico para absorver que acaba se perdendo nas anotações?

Eu uso o método Cornell Notes para gerenciar meu processo de anotação e absorção de conteúdo técnico. Vem ver se essa estratégia também pode ser útil para você. 🤩

O método: Cornell Notes

O método Cornell é uma técnica antiga, desenvolvida em 1950 pelo professor Walter Pauk da Universidade Cornell.

Ele baseia-se em dividir a página de anotações em 4 blocos:
1️⃣ Título;
2️⃣ Notas importantes;
3️⃣ Lista de pontos-chave;
4️⃣ Resumo.

Alguns benefícios que me agradam nesse método incluem:
✅ Ajuda a revisar os conteúdos;
✅ Facilita encontrar tópicos já estudados;
✅ Mantém a concentração, pois faz com que você preste atenção para poder anotar.

Cornell Notes para video aulas

Eu uso o método Cornell principalmente quando há muito conteúdo para absorver e preciso revisá-lo futuramente. Por isso, acho que vídeo-aulas combinam perfeitamente com esse método.

Eu adaptei ele da seguinte forma:

1. O título

Para título, eu costumo usar o nome do Módulo + Nome da aula, para ficar mais fácil de localizar.

2. Notas importantes

Eu não anoto tudo que vejo na aula, pois para isso eu posso rever a aula depois caso tenha dúvidas. O que eu faço é anotar pontos importantes, em forma de tópicos.

É importante não copiar o slide ou exatamente o que o professor disse. Exercite sua mente para se forçar a escrever com suas próprias palavras.

3. Lista de pontos-chave

Para mim, essa é a parte mais importante. Eu crio uma lista com poucas palavras do que foi estudado nessa aula. Quando vou revisar, eu leio cada tópico dessa lista e tento explicá-lo em voz alta.

Aquilo que eu não lembro ou não entendi, eu marco de lápis ou marca-texto para focar em estudar mais sobre o assunto.

4. Resumo

Aqui você deve fazer um resumo em poucas palavras do que foi visto nos outros blocos da página, explicando com suas palavras os conceitos.

Eu confesso que quase não uso esse bloco.

Ferramentas que uso

Trouxe algumas opções que uso no dia a dia para vocês. O mais importante aqui é usar o método que mais te agrada, seja físico ou digital.

1️⃣ Caderno físico ou tablet: é um método que adoro, pois eu sinto que escrevo tudo com mais atenção.
2️⃣ Notion: deixa tudo organizado e colorido. Eu fiz esse modelo de Cornell no Notion.
3️⃣ Obsidian: é meu método favorito hoje em dia, é basicamente um caderno virtual em Markdown.

Eu espero que você tenha gostado desse artigo e que ele possa te ajudar a aproveitar ainda mais as video aulas. 🥰

Se você tiver alguma dúvida ou quiser compartilhar alguma dica, deixe um comentário abaixo. Eu adoraria ler sua opinião e seu feedback!

Meu terminal boostado com ZSH

Bianca Pereira — Wed, 11 Jan 2023 15:27:39 +0000

Já faz alguns anos que eu curto usar o zsh em conjunto com ohmyzsh. Basicamente o ohmyzsh transformou toda a minha experiência ao usar um terminal.

Recentemente eu troquei meu PC e precisei configurar tudo novamente, então aproveitei para trazer pra vocês plugins essenciais que eu não consigo ficar sem e melhoram muito minha produtividade.

1. zsh-autosuggestions

Esse plugin completa os comandos para você. Sinceramente, como eu usava o terminal sem isso antes?

🔗 https://github.com/zsh-users/zsh-autosuggestions

2. zsh-syntax-highlighting

Com esse plugin você tem o highlight do comando digitado, facilitando a leitura.

Ele também te ajuda a identificar se você digitou um comando errado enquanto você está digitando ele.

🔗 https://github.com/zsh-users/zsh-syntax-highlighting

3. bgnotify

Sabe quando você coloca um comando para rodar e ele é muito demorado (tipo um npm install), então você só deixa de lado o terminal e vai fazer outras coisas?

Esse plugin te avisa quando o comando terminar de rodar!

🔗 https://github.com/t413/zsh-background-notify

4. git-prompt

Você é do tipo de pessoa que fica dando git status toda hora? Com esse plugin, isso já não é mais necessário.

Você consegue ver como está a situação da sua branch atual com vários ícones indicativos.

🔗 https://github.com/olivierverdier/zsh-git-prompt

Existem outros vários plugins para o ZSH, que vocês podem conferir nessa lista de plugins.

O que acharam da lista? Se tiverem mais plugins bacanas para sugerir, deixem aqui nos comentários! 💕

Template Notion: Plano de Desenvolvimento Individual

Bianca Pereira — Tue, 20 Dec 2022 20:48:10 +0000

Como boa amante de organização, eu adoro desenvolver templates no Notion (se eu uso eles já é outra história 😅).

Um dos desafios recorrentes de trabalhar na área de tecnologia é manter os estudos em dia, então nada mais justo do que usar meus dons de Notion para nos ajudar nessa tarefa, né?

Bora lá ver um pouquinho sobre esse template:

O que é PDI?

O PDI ou Plano de Desenvolvimento Individual é utilizado em muitas empresas, mas nada nos impede de trazer isso para nossa vida também.

Ele nada mais é que um plano de ação para se desenvolver pessoal e profissionalmente, dentro de um determinado período de prazo.

Seu PDI pode ser feito em vários formatos, mas eu curto muito o OKR.

O que é OKR?

Em inglês, Objectives and Key Results (Objetivos e Resultados-chave) é uma metodologia que consiste em dividir um grande objetivo em pequenas metas, também chamadas de "resultados-chave" (KR).

É importante que a criação desses objetivos e metas seja possível e que seja capaz de ser controlado. E como podemos controlar ele? Através do tempo!

Para ajudar a criar melhores objetivos e KRs, eu uso da metodologia SMART.

O que é SMART?

Fonte da imagem: MicroPower

SMART é um acrônimo para: Specific (Específico), Measurable (Mensurável), Achievable (Alcançável), Relevant (Relevante) e Time based (Temporal).

Para um bom objetivo, ele precisa:

ser claro, para que não aja dúvidas;
ser capaz de ser medido, para que haja controle do seu progresso;
ser possível, para que você não desanime;
ser realmente importante para você;
ter tempo para começo, meio e fim.

Features do template

✅ Design bonito e agradável.
✅ Descrição sobre OKR caso você esqueça.
✅ Método SMART sempre na mão para você criar bons objetivos.
✅ Ideias de objetivos e KRs para te inspirar.
✅ Tabela de priorização usando a fórmula do G.U.T para você saber o que é mais importante agora.
✅ Motivação e recompensa do objetivo em destaque, para você não desanimar.
✅ Um botão para criar mais objetivos de forma rápida.

Esse é o link do template no Notion.

Espero que gostem e se usarem, me avisem aqui nos comentários, no Twitter, ou me mande um ☕️ que eu quero saber o que acharam! 💕

Motivos para hospedar as fontes do Google Fonts localmente

Bianca Pereira — Mon, 19 Dec 2022 20:30:56 +0000

Fontes do Google ainda mais rápidas através de self-host

Toda vez que eu vou usar alguma fonte do Google Fonts eu sempre me pergunto qual a melhor abordagem para isso.

Nesse artigo vou percorrer algumas das minhas dúvidas e soluções que encontrei durante minhas pesquisas, bora lá:

Link no `<head>` ou `@import`?

A primeira dúvida é se importo a fonte com a tag <link> ou usando o @import no CSS, pois o próprio site da Google compartilha essas duas opções.

Importar a fonte na tag <head> nos últimos tempos tem sido minha opção favorita, especialmente em projetos pessoais:

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro&display=swap" rel="stylesheet">

O Google entrega a fonte pela sua CDN, que por si só já é muito rápida e confiável.

Para ficar ainda mais performático, a dona Google já adicionou o preconnect no código que copiamos do site. Como o próprio nome diz, fazemos a pré-conexão com o Google Fonts. Dessa forma, fica mais rápido quando o navegador vai baixar a fonte e exibi-la para o usuário.

A segunda opção é importar a fonte diretamente no arquivo de CSS:

@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro&display=swap');

Quando um site é carregado pela primeira vez, acontece o critical rendering. Apenas depois que esse carregamento inicial é feito que o usuário pode começar a interagir com o site.

Por isso, para evitar que o usuário fique travado enquanto a fonte está baixando junto com seu arquivo CSS, prefira a opção de importar a fonte pela tag <head>.

Por que usar fontes self-host?

Se a CDN do Google já é tão perfeita, por que eu pensaria em hospedar minha fonte?

Bom, primeiro porque o site do Google Fonts pode cair e você não tem controle disso por ser um site terceiro. É raro, mas pode acontecer.

O segundo ponto seria o controle total das suas fontes. As fontes do Google são open-source, e nem sempre estão na sua versão mais atualizada no Google Fonts. Você pode simplesmente ir no source code da sua fonte, baixar a versão mais recente e usar. Não precisa ficar esperando a dona Google atualizar pra gente. 😉 Se o controle de cache é importante para você, só fica ainda mais vantajoso.

E terceiro e não menos importante: é mais rápido! E quanto mais rápido, melhor. 🚀

Eita, mas o Google é mais rápido que meu site? A resposta curta é: nesse caso SIM! Quanto menos recursos de domínios externos você precisar acessar para exibir o seu site, menor a latência e melhor a performance. Você pode ler a explicação técnica aqui.

Como usar a fonte localmente?

Chegamos na parte mais simples do texto. O majodev criou um site incrível para quem quer hospedar suas fontes do Google localmente.

Basta selecionar sua fonte no google-webfonts-helper e seguir as instruções do site. Fácil assim! 🎉

E aí, você também tinham algumas dessas dúvidas sobre Google Fonts? Qual forma decidiram utilizar após esse texto? 👀

Comunicação não-violenta aplicada na carreira em tech

Bianca Pereira — Fri, 16 Dec 2022 18:14:14 +0000

Fonte da imagem de topo: Associação Clube

Como pessoa da área de tech, você é lobo ou girafa?

Quem entrou na área pensando que só ia se comunicar com a telinha do computador (como eu pensava), deu de cara com uma realidade completamente diferente.

Em tecnologia, comunicação é TUDO. Tecnologia só existe para resolver problemas da sociedade, ou seja, de pessoas para pessoas. Por isso, saber dialogar e negociar de forma empática faz toda diferença.

A metodologia da Comunicação Não-Violenta envolve o exercício de pensar no outro, no receptor da mensagem, antes de talvez nós mesmos. Bebendo muito da doutrina milenar do Budismo, a CNV implica em uma comunicação mais leve, compassiva e que se preocupa em como a mensagem será recebida tanto quanto no que está sendo dito.

Para isso, podemos dividi-la em 4 passos:

Os 4 passos da CNV

Fonte da imagem: Nube

1. Observação

Durante uma conversa ou discussão com outras pessoas, o primeiro passo é parar e observar a situação. Neste momento, deixe de lado julgamentos e interpretações pessoais.

2. Sentimento

Essa é a hora de entender quais são os seus sentimentos. Nesta conversa, o que você sente? Raiva, tristeza, alegria?

Mapeie seus sentimentos e compreenda que eles são responsabilidade sua, e não de outras pessoas envolvidas na conversa.

3. Necessidade

Identifique quais são suas necessidades que não estão sendo atendidas e foque nelas. Tome cuidado para não enfatizar em como você quer fazer isso, e sim no desejo genuíno.

Exemplo: quero construir uma aplicação segura. Não importa qual linguagem você vai usar, e sim o que você realmente busca.

4. Pedido

Expresse o que gostaria para o outro e, se possível, seus sentimentos. Entenda que a pessoa pode atender o seu pedido ou não.

Muitas vezes imaginamos que a pessoa já sabe o que queremos, mas muitas vezes não é o que acontece. Nosso trabalho é transmitir nosso desejo de forma objetiva para que as pessoas na conversa compreendam nosso ponto.

Caso queiram se aprofundar no assunto, o livro “Comunicação não-violenta” do Marshall B. Rosenberg dá muito mais exemplos, e o foi o próprio psicólogo Marshall que criou essa abordagem.

E aí, vão implementar a metodologia da comunicação não-violenta em suas conversas? ☺️

📝 Co-autor do texto: André Luiz Ferreira Jr.

Escolha um gatinho e te diremos quem você é - Versão Profissões de TI

Bianca Pereira — Thu, 08 Sep 2022 15:19:49 +0000

Existem inúmeras profissões na área de tecnologia, e talvez você possa se identificar com uma ou mais de uma delas! Mas, para isso é necessário conhecê-las.

E por isso criamos essa brincadeira!

Através de 9 gatinhos, falaremos um pouco sobre 9 profissões diferentes.

E pode ter certeza que existem muito mais além dessas, viu? 🤩

Então, bora lá, descobrir!

Qual é o seu gatinho preferido?

1. Pessoa Desenvolvedora Back-end

Área: Programação

Programa com linguagens como Java ou Python.

Atua também com banco de dados e se preocupa com as regras de negócio.

Salário médio: R$ 5.736

2. Pessoa Desenvolvedora Front-end

Área: Programação

Desenvolve aplicativos web usando Javascript, CSS e HTML.

Trabalha para deixar sites interativos e atrativos para os usuários.

Salário médio: R$ 5.741

3. Pessoa Desenvolvedora Mobile

Área: Programação

Desenvolve aplicativos para smartphone.

Pode ser tanto iOS, Android ou Híbrido (ambos).

Salário médio: R$ 5.148

4. Tech Recruiter

Área: RH

Pessoa da área de RH, especializada no recrutamento de profissionais de tecnologia.

Salário médio: R$ 3.800

5. Designer UX/UI

Área: Design

Realiza pesquisas para desenhar a melhor experiência para o usuário.

É uma pessoa criativa e atenta aos detalhes.

Salário médio: R$ 4.230

6. Analista de Qualidade (QA)

Área: Qualidade

Assegura a qualidade de projetos e lida com as regras de negócio.

Faz testes de diversos tipos, manuais ou automatizados.

Salário médio: R$ 3.528

7. Cientista de Dados

Área: Dados

Pessoas analíticas que coletam, gerenciam e transformam grandes quantidades de dados em informações importantes para o negócio.

Salário médio: R$ 8.469

8. Analista de Segurança de TI

Área: Segurança

Ajuda empresas a manterem seguros seus dados e livres de ataques hackers.

Salário médio: R$ 5.301

9. Scrum Master

Área: Agilidade / Produtos

Conhece Metodologia Ágil e atua no papel de facilitador do time. Remove impedimentos para que as pessoas possam atuar em suas tarefas.

Salário médio: R$ 8.000

👉 Gostou de alguma área? Perfeito! Agora o próximo passo é pesquisar pelo YouTube (ou qualquer outra rede) para aprender um pouquinho mais sobre ela.

E se gostar já sabe, né? Hora de partir para os estudos para conquistar sua carreira dos sonhos! ✨

🔗 Esse post foi postado no nosso Instagram também!

Fonte: Dados coletados no site Glassdoor.com com a localização "Brasil" e com o índice de confiabilidade "muito alta". Esse salário médio representa uma média aritmética entre os salários mais baixos e mais altos inseridos na plataforma para o cargo em questão.

Enviando e-mails condicionais a partir do Google Forms

Bianca Pereira — Mon, 10 Jan 2022 12:40:12 +0000

Eu tenho um formulário no Google Forms e precisava enviar e-mails diferentes de acordo com a resposta do meu usuário.

Como não achei nenhum app pronto e gratuito, resolvi criar uma função bem simples em Javascript para resolver meu problema.

Nesse post, conto o passo a passo de como esse script foi feito.

1) Criando um formulário de testes

Primeiro, crie um formulário simples para usarmos como testes.

Nesse formulário, estou simulando a inscrição para uma vaga de desenvolvimento web. Conforme a vaga que o usuário selecionar (frontend ou backend), ele vai receber um desafio diferente.

Eu selecionei a opção para coletar e-mails do usuário também.

2) Abrindo a planilha de respostas

A nossa integração não acontece diretamente no Google Forms, mas sim no Google Sheets. Podemos criar uma planilha para qualquer formulário.

Para isso, clique em respostas do formulário e selecione o ícone do Google Sheets. Depois disso é só escolher a opção para criar uma planilha com suas respostas.

Feito isso, todas as respostas que chegarem no seu formulário, serão direcionadas para essa planilha.

3) Criando um script simples

Para criar um novo script, com a janela da planilha aberta clique em Extensões e depois em Apps Scripts.

Será aberta uma nova janela com uma função já criada, onde iremos adicionar nosso script.

4) Criando nosso script

Vamos começar com uma informação importante: App Scripts utiliza Javascript para a criação de scripts.

Dito isso, podemos seguir adiante. Nomeei a função de checkResponses e atribui a variável respostas os valores que vamos receber do evento de submeter o formulário.

function checkResponses(e) {
  var respostas = e.namedValues;
}

Para receber os valores conforme o nome da coluna, eu usei esse laço for que percorreu as respostas que recebemos do nosso form.

  var email = "";
  var vaga = "";

  for (Key in respostas) {
    if (Key == 'Que vaga você gostaria de se inscrever?') {
      vaga = respostas[Key];
    }

    if (Key == 'Endereço de e-mail') {
      email = respostas[Key];
    }
  }

Antes de seguir para o próximo passo, salve seu script com um nome que desejar.

5) Ativando um acionador (trigger)

Agora, precisamos de um acionador que irá ativar nosso script toda vez que alguém enviar uma resposta para o nosso formulário.

Para isso, clique na barra lateral a opção Acionadores. Clique em adicionar um novo acionador e depois selecione a opção de evento Ao enviar o formulário e salve.

É necessário autorizar seu script para rodar corretamente. Para isso, volte no Editor clique no botão de Executar. Depois é só autorizar com sua conta do Google. Esse processo só é necessário ser feito uma vez por autorização.

Feito isso, toda vez que alguém enviar uma resposta no nosso formulário, a função checkResponses será ativada.

6) Logando valores recebidos e erros

Uma ferramenta muito importante para debuggar nosso código é o log de respostas. Como não podemos testar nossa função sem o acionador ser ativado, analisar os logs é a forma perfeita de encontrar erros no nosso script.

Para logar o email e a vaga que o usuário enviou através do form, adicione o código abaixo no fim do script.

  Logger.log(email);
  Logger.log(vaga);

Para visualizar os logs, clique em Execuções na barra lateral.

7) Enviando e-mails

Por fim, queremos enviar e-mails de acordo com a resposta que recebemos.

Para isso, iremos utilizar um método do Gmail que está prontinho para ser usado. A estrutura dele é bem simples: o primeiro parâmetro é o endereço que vai receber o e-mail, depois o assunto do e-mail e por fim o conteúdo do e-mail.

GmailApp.sendEmail(enderecoDestino, assuntoEmail, conteudoEmail);

Para finalizar esse script, fiz esse if else para enviar os e-mails de acordo com a vaga selecionada pelo meu usuário.

Repita o processo de autorização da etapa 5 para autorizar seu script a enviar e-mails.

  if (vaga == "Frontend"){
    Logger.log("Frontend");
    GmailApp.sendEmail(email, "Vaga frontend", "Desafio frontend");
  }
  else {
    Logger.log("Backend");
    GmailApp.sendEmail(email, "Vaga backend", "Desafio backend");
  }

Dica: para o código ficar mais organizado, você pode colocar o corpo do e-mail numa variável a parte usando Template strings.

E aí, o que acharam? Eu achei bem simples e repleto de possibilidades de uso.

Espero que tenha ajudado e qualquer dúvida é só chamar. 😊

Materiais sobre acessibilidade para softwares acessíveis

Bianca Pereira — Thu, 21 Oct 2021 14:37:16 +0000

Vamos falar de acessibilidade em Desenvolvimento de Software?

Eu não sou especialista no assunto como a Sandy, mas sei que falar de acessibilidade, especialmente sendo uma Desenvolvedora Frontend, é essencial.

Para debater sobre um assunto e começar a implementar melhores práticas de acessibilidade em nossos projetos, trouxe aqui uma pequena coletânea de materiais, notícias e vídeos sobre o assunto.

Materiais sobre acessibilidade

Legenda: 📚 Documentação | 🧾 Artigo | 🎥 Vídeo

📚 Diretrizes de Acessibilidade para Conteúdo Web (WCAG) 2.1 - Órgão que regulamenta padrões na Web.
📚 WCAG: Guia de Consulta Rápida - A base fundamental para que você tenha produtos digitais verdadeiramente inclusivos e acessíveis.
📚 Projeto GAIA - O GAIA é um guia de recomendações para desenvolvimento de sites mais acessíveis a pessoas com Autismo.
📚 Manual de Comunicação Inclusiva - Dicas para se comunicar de maneira simples e efetiva, com TODAS as pessoas.
🧾 Pensar o direito para os idosos: além da moda do Legal Design - Como a interseção entre Experiência de Usuário e Direito pode gerar acessibilidade.
🧾 “O que fazer” e “o que não fazer” ao projetar para Acessibilidade - Posteres trazem dicas sobre como projetar acessibilidade para pessoas com deficiências como cegueira, dislexia, autismo, TDAH, e surdez.
🧾 Streamer cego testa opções de acessibilidade em The Last of us 2 e se emociona - O streamer Steven Saylor se emociona ao ver quantas opções de acessibilidade estão disponíveis em The Last of Us 2.
🧾 UX na perspectiva daltônica - Por que devo ter a preocupação em adaptar o design da minha interface para este tipo de usuário?
🎥 QArentena - 08 - Teste de Acessibilidade - Testes de Software e QA com foco em acessibilidade.
🎥 O que é TECNOLOGIA ASSISTIVA — TECNOLOGIA ADAPTATIVA? - Aula sobre tecnologias assistivas.
🎥 Acessibilidade web: introdução a designs inclusivos - Curso pago da Alura sobre acessibilidade web.

Conhece mais materiais sobre acessibilidade? Deixa aqui nos comentários ou envia um e-mail para compiladoras@gmail.com que adicionamos no post!

Manual de sobrevivência: Hacktoberfest 2021

Bianca Pereira — Sat, 16 Oct 2021 14:03:09 +0000

Essa é sua primeira vez no Hacktoberfest? Não tema! Temos aqui recursos pra você não perder esse evento mundial!

Afinal, o que é Hacktoberfest? 🤔

O Hacktoberfest é um evento que acontece no mundo todo durante o mês de outubro já faz alguns anos. O objetivo dele é incentivar a contribuir no Open Source.

Open Source são projetos de código aberto, ou seja, projetos que qualquer pessoa pode contribuir para melhorá-lo.

Primeiro, se inscreva! ✍🏽

No site da dona DigitalOcean, você deve se inscrever para participar.

👉🏽 [PDF] Como se inscrever para o Hacktoberfest 2021

Comece a contribuir! 🤩

Para participar do evento, você deve criar Pull Requests no site Github.

O pull request (ou PR) é a forma de você contribuir e ganhar pontos no evento.

Importante: São válidos para o evento os PRs para repositórios com a tag #hacktoberfest.

👉🏽 [PDF] Tutorial: Meu primeiro Pull Request para o Hacktoberfest

Não sei onde contribuir 😿

A parte de procurar um repositório para ajudar é realmente a mais chatinha, mas também trouxemos uma coisinha para ajudar!

👉🏽 [PDF] 10 dicas para achar repositórios e contribuir no Hacktoberfest

Dúvidas frequentes 🤓

1. Preciso saber programar para participar?

Não! Você pode ajudar sem programar uma única linha de código.

2. É muito difícil ganhar a camiseta? 👕

Também não! Se seguir os PDF's acima direitinho, sua camiseta e stickers do evento poderão ser enviados pela dona DigitalOcean.

Às vezes, encontrar um repositório legal para contribuir pode levar um tempo, mas mesmo assim vale a pena. Já encontrei e ajudei em diversos repositórios legais, é bem gratificante!

3. E as regras do evento?

Penso que a mais importante é: não faça spam ou conteúdo inapropriado, se não você poderá ser desclassificado!

Para resolver isso, basta realmente ajudar um projeto, e não participar apenas para ganhar a camiseta.

Leia as regras e mais informações aqui.