 tecnologia!

SanCruz Blog

> As portas estão sempre abertas, acerte o corredor encontrá-las


***
 

 02 Abr 2023


 


 13 min. de leitura


## Intro

Algumas semanas atrás, sozinho, não parei de me perguntar: como a pessoa será contratada no mercado de tecnologia sem ter experiência no setor, não tendo ensino superior completo ou ao menos estar o cursando? 

E o que deu mais força para levantar este meu questionamento, foi a seguinte mensagem que recebi, através de uma nova conexão via LinkedIn:


![imagem da mensagem do Thiago](../img/posts/b/msg-thiago.png)

O dono da mensagem acima chama-se Thiago, a mesma pessoa que me autorizou à usar seu nome e um pedaço de sua história neste artigo. Batemos um papo super produtivo sobre o assunto, e Thiago, por sua vez, revela que trabalha desde os 15 anos de idade, hoje tendo 29.

Como ele precisou migrar para outra cidade, devido à faculdade, teve que se submeter à oportunidades que estivessem ao seu alcance, visto que, por conta disso, Thiago entra num ***loop eterno*** onde: "o trampo pejudica a facul, e a facul prejudica o trampo".

Sem dúvidas, este é um caso que muitos já sofreram/sofrem no Brasil, por conta do emprego não ser voltado ao campo de seguimento de carreira, ou até mesmo pela escolha errada do curso de graduação, uma vez que, não há um bom direcionamento de profissão no início, podendo resultar na desistência da própria área. 

Mesmo existindo esses fatores em nosso país, não quer dizer que é o _fim do mundo_, não podemos deixar de lado o que a gente tanto sonha, já que precisamos entender nossa **realidade em questão**, para assim, trabalhar em cima dela :) 

## Nossa Realidade em Questão

Deixa eu adivinhar, você está lendo este artigo, porque certamente é um brasileiro ou uma brasileira que se vê em pelo menos uma das situações abaixo:

- Necessita ingressar no mercado de tecnologia;
- Planeja mudar de área para desenvolver sistemas (web/mobile);
- Quer se destacar, ou ao menos ser chamado para entrevistas de emprego;
- Deseja se especializar em algum ramo da programação;


Se encaixa em alguma delas? Se sim, bom... saiba que deverá enfrentar desafios para superar nossa realidade em questão. Mas afinal, o que seria essa tal ***questão***?

A questão (ou o problema) é que: sempre é possível ver novas oportunidades e vagas disponíveis para a área de Tecnologia da Informação (TI), mas apesar do grande número, as vagas **sobram** pelos seguintes motivos:

1. Falta de mão de obra qualificada;
2. Concorrência Acirrada;
3. Exigências excessivas;
4. Barreiras de linguagem;
5. Falta de Acesso;
6. Falta de oportunidades locais;

### 1. Falta de mão de obra qualificada

Muitos brasileiros que desejam ingressar na âmbito de programação web podem não ter as habilidades e qualificações necessárias para competir com outros profissionais no mercado de trabalho. A falta de educação formal ou treinamento adequado pode ser um obstáculo para conseguir um emprego nesse domínio. 

Portanto, como solução, cabe às empresas criarem mais programas de estágio ou jovem aprendiz, ou qualquer outro tipo de ajuda, no intuito de ajudar as pessoas que não tiveram acesso à uma boa internet, computador, ou cursos que oferecem o direcionamento correto.

No exemplo abaixo, há um link de uma reportagem, que apresenta uma empresa com sede em Fortaleza (CE) contendo mais de 50 vagas em TI, sendo que para algumas delas nem é necessário ter experiência.

https://globoplay.globo.com/v/11444123/

![Codigo Fonte - Pesquisa](../img/posts/b/thumb-g1-emprego-ti.png)


### 2. Concorrência acirrada

O ramo da programação web é altamente competitivo, com muitos profissionais qualificados competindo por empregos em empresas de tecnologia e outras organizações que requerem essas habilidades. Isso pode tornar difícil para os brasileiros encontrar oportunidades de emprego, especialmente se eles estão começando sua carreira.


### 3. Exigências excessivas

Algumas empresas podem exigir experiência prévia de trabalho ou certificações específicas, o que pode dificultar para os brasileiros recém-formados ou que estão mudando de carreira ingressar no mercado de trabalho na área de programação web.
 

### 4. Barreiras de linguagem

Muitos empregadores na área de programação web exigem que os candidatos tenham conhecimentos de inglês, já que a maioria da documentação e das tecnologias utilizadas nesse campo é escrita nessa língua. Isso pode ser uma barreira para os brasileiros que não têm proficiência suficiente em inglês para atender a esses requisitos.

### 5. Falta de Acesso

Porém não é apenas a falta de incentivo e divulgação da carreira, a falta de acessibilidade a um computador impede que jovens também se interessem nessa carreira promissora. A falta de informações faz com que jovens nem cheguem a considerar o TI como uma carreira a ser escolhida durante o vestibular, mesmo que seja uma profissão que ofereça excelentes salários. A Índia, por outro lado, soube incentivar e investir tão bem na área de tecnologia, que o atual CEO da Microsoft é indiano. 


### 6. Falta de oportunidades locais

Muitas empresas de tecnologia e organizações que requerem profissionais de programação web estão localizadas em grandes centros urbanos no Brasil, o que pode tornar difícil para os brasileiros que vivem em áreas mais remotas encontrar oportunidades de emprego nessa área.



## Certeza que ainda Compensa o Investimento?

Mas é claro que sim!!!

**- Poxa San! Já estudei muito, suei bastante a camisa, passei várias noites em claro... O que preciso fazer pra chamar a atenção de um recrutador?!**

Calma dev ✋😐! De uma coisa já sabemos, a **tendência** da demanda de novos talentos neste contexto, sempre foi e continuará **crescendo**:

![imagem do gráfico de crescimento exponencial da demanda de novos talentos da T.I](../img/posts/b/grafico-demanda-ti.png)


Ademais, assim como destaquei na conversa com o Thiago, a **idade não importa** dentro dessa esfera tecnológica, você pode começar em qualquer momento da sua vida, basta seguir uma "**fórmula**", que me ajudou muito à conquistar meu "primeiro sim"! E ela contém 3 passos, que são eles:

1. Alvo;
2. Estudo;
3. Comprovação;

Agora vamos discutir cada um deles!

### 1. Determinar a Empresa Alvo

Primeiro tenha em mente qual ou quais empresas você gostaria de trabalhar ou tecnologia (linguagem, framework, banco de dados, sistema, etc).

Estude o modelo de negócio delas, a sua operação, etc…

Todas estas possuem sites, páginas no Facebook, LinkedIn, notícias na mídia, ou até mesmo pessoas que trabalham lá e que estão facilmente acessíveis através destas redes.

Caso você não possua uma empresa em mente, eu recomendo que visite o https://hipsters.jobs (o melhor na minha opinião).

E dê uma olhada por lá sobre as tecnologias mais procuradas por elas, você irá encontrar até empresas na sua própria cidade.

Aqui uma dica: procure sites onde as empresas tenham que pagar para anunciar, assim você irá filtrar empresas “boquetas de fundo de quintal”. Isso não é uma regra, mas ajuda 🙂

![gif ilustrando uma procura](../img/posts/b/search.gif)

Bom, sabendo qual o seu “alvo” e agora conhecendo a história da empresa, sua cultura, tecnologias que ela utiliza no dia a dia, e muitas outras informações importantes é hora de seguir o próximo passo.

**Para cumprir este passo**: Criar uma lista de tecnologias mais procuradas e conhecidas por você que são relevantes a uma ou um grupo de empresas.

### 2. Estudar a Tecnologia Escolhida a Fundo

Conhecendo as tecnologias que são plausíveis para você, aquelas que você possui uma certa afinidade. E estude pra valer!

Por exemplo, sabendo que você conheça um pouco sobre PHP, e ao identificar o “alvo” você detectou que as empresas estão implementando o Laravel ou CakePHP mergulhe de cabeça nestes assuntos.

De posse dessa linguagem ou framework de estudo, basta estudar 🙂 mas não de qualquer jeito, e sim focado.

Segue abaixo a lista dos melhores cursos/programas/bootcamps do Brasil em minha opinião, devido os mesmo fazerem parte do meu próprio trajeto.

- Programas/Bootcamps (abrem de tempos em tempos):

 1. [Digital Innovation One](https://web.dio.me/home)

 2. [Ada + LetsCode](https://ada.tech/sou-aluno)

 3. [Generation Brazil](https://brazil.generation.org/sao-paulo/pessoa-desenvolvedora-web/)

 4. [Becas Santander](https://app.becas-santander.com/pt-BR/program/search?category=TECH)

- Outros Cursos (planos pagos/gratuitos):

 1. [Rocketseat](https://www.rocketseat.com.br/)

 2. [Titio YouTube ;)](https://www.youtube.com/)

 3. [Alura](https://www.alura.com.br/)

 4. [FIAP Nano Courses](https://on.fiap.com.br/index.php)

 5. [Oralce + Alura](https://www.oracle.com/br/education/oracle-next-education/)

 6. [SoulCode](https://soulcode-online-free.teachable.com/courses?query=)

 7. [LinkedIn - cursos gratuitos](https://www.linkedin.com/feed/)


**Para cumprir este passo**: Anote e estude a lista de tecnologias que poderá ser uma nova aplicação de linguagem, framework, banco de dados, sistema operacional etc.


### 3. Comprovar Experiência com um Projeto

Se você já definiu seu Alvo, Estudou as stacks e empresas de interesse (ou até já saiba quais são, se você for mais experiente), é hora de colocar tudo isso em prática.

![gif de uma ilustração de arte, trabalho e estudo](../img/posts/b/70504-artist-illustration.gif)

> A beleza da área de exatas é que tudo é “comprovável”. Ou seja, basta escolher um assunto e seguir em frente com ele.

Nesse caso, iremos escolher um projeto modelo no qual você irá construir no seu framework ou linguagem escolhida na fase do estudo.

Dica de ouro: estude através de exemplos reais, vai por mim, sempre me dei bem com isso. Tá mas como assim?!

Coloque um desafio que seja o mais útil possível em mente e o resolva.

Para facilitar, segue a lista de sugestões abaixo se você ainda não sabe ao certo o que construir:

- Sistema web de login/cadastro, controle e relatório;
- Lista de tarefas;
- Pequeno aplicativo ou jogo mobile com um exemplo publicado no Google Play Store ou App Store da Apple;
- Um banco de dados modelado e bem documentado com todas os seus relacionamentos;
- Um servidor Linux ou Windows instalado em algum servidor na nuvem, ou até mesmo um produto que você fez para resolver um problema seu, como por exemplo, um site para guardar as imagens que você usa no seu próprio projeto, como se fosse um Drive da vida, porém, mais simplista;

Acredito que deu para entender com as sugestões acima… Então agora chegou a hora de botar a mão na massa. Construa o seu exemplo real!

Capriche no visual também, seja caprichoso. (Isso vale pro pessoal de back-end também ☝😎 caso a aplicação tenha interfaces)

Depois de algumas semanas, provavelmente você estará finalizado.

Evite projetos que ultrapassem 2 semanas de trabalho, assim você não irá desanimar e deixar as coisas pela metade.

Então publique este projeto na Internet, se for um site, se for um app mobile na loja de aplicativos (a do Google é mais fácil e barato do que a da Apple).

Como você irá comprovar? Criando um pequeno diário e deixando seus códigos público!

Assim você irá deixar disponível de uma forma clara para um recrutador que você realmente sabe do que está falando e principalmente comprovar a sua experiência.

Se você fosse escolher alguém para trabalhar, iria selecionar um curriculum com um monte de “bla bla bla” ou algo realmente prático? Eu não tenho dúvida da segunda opção.

Claro que você deve manter o seu curriculum “formal” bem formatado e limpo. Mas o ponto central será o endereço do seu site .com.br ou o nome do seu app.

Para publicar o diário de bordo que você criou prefira o Github. Use o arquivo README.md para que você possa montar os relator de trabalho.

Depois de publicar o seu projeto, preencha o seu diário de bordo, ele será tão importante quanto os códigos, pois irá ilustrar a sua linha de pensamento ao desenvolver um problema. E isso é o mais valioso na hora de conseguir um emprego de programador.


**Para cumprir este passo**: Criar um projeto funcional e bem acabado, publicar no Github e se possível subí-lo para a nuvem (deixando-o online). Se for mobile, tente o publicar na loja de aplicativos (Google Play Store é a mais barata e rápida).


## Conclusão

Neste artigo falamos dos problemas da sociedade brasileira em conseguir empregar pessoas na área de desenvolvimento de sistemas em geral, uma vez que, ainda há escassez de programas (estágio/jovem aprendiz) para a formação de profissionais nas empresas em torno do país. Além disso, comentamos sobre os desafios de como conseguir um emprego de programador quando você não possui experiência na área (ou até mesmo se você é experiente na área de programação e deseja evoluir na carreira).

Dev, vou revelar uma coisa pra você... Estudei 3 anos numa escola técnica integrada ao ensino médio, tive um ótimo fundamento no campo de desenvolvimento, mas o que me fez ser "fora da caixa" foram os **cursos** externos. Sim! Aqueles lá em cima que listei pra ti, eles me fizeram enxergar como funciona o mundo real, através de vídeos, documentos, relatos, projetos práticos...

Portanto, insisto numa coisa: não pule etapas, siga cada passo, defina sua linguagem de programação, framework/lib, e vá em frente APENAS com isso que definiu, não se destraia!



> Receba o que poucos ganham, realizando o que poucos fazem

![gif ilustrando sucesso na carreira](../img/posts/b/carrer-success.gif)

 
***

## Fontes:

- [Codigo Fonte - Pesquisa](https://pesquisa.codigofonte.com.br/2022#level)

- [g1 - Área de TI deve gerar quase 420 mil vagas até 2025, mas faltam profissionais](https://g1.globo.com/jornal-hoje/noticia/2023/03/13/area-de-ti-deve-gerar-quase-420-mil-vagas-ate-2025-mas-faltam-profissionais.ghtml)

- [Brasscom - Até 2025 devem surgir quase 800 mil vagas de emprego para área de tecnologia](https://jcconcursos.uol.com.br/noticia/empregos/ate-2025-devem-surgir-quase-800-mil-vagas-de-emprego-para-area-de-tecnologia-108898)

- [Brasscom - Por que sobram vagas de TI no Brasil?](https://jcconcursos.uol.com.br/noticia/empregos/por-que-sobram-vagas-de-ti-no-brasil-100685)

- Outros: relatórios sobre o mercado de trabalho na área de programação web no Brasil; Artigos em sites de notícias e revistas; Comentários e opiniões de pessoas que trabalham na área de programação web no Brasil;

Ainda na luta por aquela vaga de júnior, estágio ou jovem aprendiz? Você sabe as dificuldades por trás dessa conquista aqui no Brasil? Continue aqui se quiser aprender o caminho mais curto possível para atingir o seu objetivo 👌🤨.

O "Primeiro Sim"

> A flexibilidade da integração...


***
 

 17 Ago 2022


 


 7 min. de leitura


## O que é CMS?

Primordialmente, CMS (Content Managment System), de forma resumida, é um sistema online que permite subir um website no ar, fornecendo uma gestão completa, com ferramentas prontas para que você possa administrar sua própria aplicação.

## Um exemplo para você 

Atualmente, temos o tão conhecido [WordPress](https://wordpress.com/pt-br/), que utiliza esse conceito de ponta a ponta, ou seja, tanto na parte do painel de controle tanto quanto na __parte visual (front-end)__. 

Desse modo, **não é preciso** ter experiência em **programação**, possibilitando qualquer pessoa desenvolver sua própria ideia, seja ela um blog (como este que está lendo agora 😉), loja virtual, [Landing Page](https://rockcontent.com/br/blog/landing-page/), ou qualquer outro tipo de site que precisa ser atualizado constantemente. E tudo isso realizado, teoricamente, a partir de um "arrasta e solta" de elementos e alguns cliques.

![ssss](../img/posts/a/ezgif.com-gif-maker.webp)


## Meu primeiro contato com CMS

Ano passado (mais conhecido como 2021), eu e meu grupo de TCC desenvolvemos um e-commerce para uma micro-empresa de joias, utilizando o [OpenCart](https://www.opencartbrasil.com.br/) como nosso sistema de gestão de conteúdos. Foi nosso primeiro contato com um sistema do tipo, no entanto, não foi difícil de usá-lo, mas sim de "limpá-lo".

### Alguns desafios com o OpenCart

Quem já usou OC (OpenCart) sabe como é estressante ter que configurar toda a sua loja através do painel do administrador, tendo que enfrentar alguns bugs de variáveis versões dependendo de qual OC que você instalou, ou ter que depender de plugins - muitas vezes de terceiros e não oficiais - para realizar funções imprescindíveis em sua aplicação.

![Logotipos do Open Cart](../img/posts/a/oc-logo.svg)

Desse modo, se o objetivo era apresentar um projeto da nossa maneira (e da cliente), a partir de nossos conhecimentos, algumas coisas tiveram que ser redesenhadas, ou melhor, ***recodadas***. Nesse sentido, como o sistema OC era baseado em PHP, resolvi estudar seu código fonte e arquitetura, e logo descobri praticamente toda sua funcionalidade. Foi muito trabalhoso, pois haviam muitas pastas, arquivos e códigos sem nenhum comentário. 

Bom, e então, até consegui implementar um design bacana - com algumas animações até - mas me senti muito limitado enquanto desenvolvia, por conta da estrutura padrão do OC, pois eu estava "customizando/alterando" partes de seu **sistema já pronto**. Além disso, até no próprio backend precisei criar um cálculo para consertar o fuso horário exibido no painel de controle.

### "Caindo na real" após o uso

Um dos principais planos era usar uma lib moderna em nosso projeto, como o React por exemplo, e, até mesmo criar um app para loja (com React Native)... mas isso só seria possível se não utilizássemos o OpenCart, infelizmente, devido o mesmo não abrir suporte para tais bibliotecas.

Se pelo menos um de nós dentro do time soubéssemos da existência do Headless CMS, com certeza não iriamos deixar de lado, porque era essa a peça do nosso quebra-cabeça.

## Headless CMS e seus diferenciais

Headless CMS se distingue bastande na entrega da **parte visual** em comparação ao CMS padrão, devido ser fornecido através de uma API para ser consumida pelo nosso próprio **front-end** (a partir de um framework/lib como React, Angular ou Vue). E isso é fantástico! Nos dá muita flexibilidade e o ramo de criatividade se expande exponencialmente! 

_- "Okay, então quer dizer que esse sistema atribuindo somente a parte de gestão e dados, compensa mais do que a entrega de toda a estrutura da aplicação?! MAS COMO? 🤨"_

Como parâmetro, vamos usar a plataforma [GraphCMS](https://hygraph.com/) para abordar o conceito: com o GraphCMS em mãos, que é basicamente nosso "banco de dados", podemos facilmente criar nossos schemas/tabelas do projeto, fazendo a API desses dados surgir de forma automática, e na sequência, à transferimos para nosso PRÓPRIO frontend consumir.

Além disso, você já deve ter percebido que a palavra GraphCMS lembra um certo carinha... chamado [GraphQL](https://graphql.org/). E sim! A plataforma se baseia nele, pois trata-se de uma linguagem de consulta em meio à um ambiente de execução (voltado à servidores para API's). O Headless CMS nos permite distribuir dados de uma API de **duas** formas, e é aqui onde o GraphQL se destaca:


<div align="center">

<img src="../img/posts/a/rest.webp" className="bg-transparent" />

<img src="../img/posts/a/graphql.svg" className="bg-transparent" />

</div>


- **Forma 1 (REST)** - _Representational Sate Tranfer_ é um conceito de arquitetura de software baseado em rede, projetado para desacoplar uma API do cliente, visto que, tal projeção é realizada dentro do servidor, logo, o servidor é responsável pela sua arquitetura.

- **Forma 2 (GraphQL)** - É uma linguagem voltada ao cliente, portanto, sua arquitetura permite que o aplicativo front-end determine quais dados devem ser pesquisados e a quantidade de dados que devem ser retornados ao servidor (diferente do REST, que depende do back-end para exercer esta função).

### GraphQL e suas vantagens

Uma das **principais** características do GraphQL, é resolver os problemas de **Over-fetching** (excesso de dados) e **Under-fetching** (dados insuficientes), já que, é o "front" quem solicita ao "back" quais informações é preciso, em qual lugar e requisição.

Bom, e não posso falar de GraphQL sem comentar sobre o [Apollo](https://www.apollographql.com/). Apollo é uma plataforma nativa responsável por realizar solicitações GraphQL, e controle de cache, uma vez que ocorra a duplicação de requisições, será retornado os mesmo dados para que não seja preciso executar novamente a mesma requisição.

![Logotipos do React, Apollo e GraphQL](../img/posts/a/apollo-react-graphql.png)


## Conclusão Pessoal

A principal questão aqui, não é te convencer explicando que Headless CMS é melhor que o CMS padrão, **cada um é superior em determinados ambientes ou necessidades**, portanto, se houvesse outra pessoa na criação daquele e-commerce citado, ela poderia sim se aprimorar com o OpenCart ou com qualquer outro CMS! 

Mas se estivéssemos numa situação em que seria necessário uma boa escalabilidade na aplicação, ou fosse preciso criar um aplicativo mobile, ou até mesmo se houver uma grande estimativa de dados, com certeza eu opto pelo Headless, tendo a liberdade de usar qualquer tecnologia, escrevendo meu próprio código e sendo fiel à tudo o que foi planejado.

Neste artigo, destaco a importância do Headless CMS, e sua grande diferença comparada ao CMS "padrão" que conhecemos atualmente.

Porquê optei pelo Headless CMS?

> Amplie seu entendimento a cada passo...

***


 17 Jun 2022


 


 3 min. de leitura


## Explicação

Em resumo, o método é separado por todo um processo de consulta ao projeto, desde seu diretório raíz até seus códigos, isto é, quando for aberta a pasta onde está a aplicação, considera-se que você já esteja realizando o primeiro processo (na primeira camada), no qual irá ser completado apenas quando for aberta e analizada todas as outras pastas restantes.

## Um exemplo para você

E você deve estar se perguntando: como assim baseado em camadas? Bom, como exemplo vamos utilizar esse estudo para comparar: uma imagem de ultra resolução e um projeto:

- _**Sobre a imagem**_: Suponhamos que seja uma figura de uma cidade vista de cima, sendo possível enxergar somente sua forma, pois as ruas, casas, prédios e tudo o que há nela está minúsculo, entretanto, se a ampliarmos um pouco, aí sim veremos seus componentes. Em virtude disso, a cada aproximação será visto mais detalhes dessa zona urbana, fazendo com que saibamos toda sua composição obtendo mais informação possível.

- _**Comparando ao projeto**_: no sistema, a primeira camada começa quando é **analizado** e **entendido** todas as principais pastas contidas nele, e, por outro lado, a partir do momento em que **analizamos** aquela imagem e **entendemos** que se trata de uma cidade, a lógica é a mesma quando abrimos a **estrutura de pastas** e descobrimos suas funções.

## Percorrendo as Camadas

As camadas, vão determinar em qual nível de entendimento você está em relação ao software, além disso, uma vez que é iniciado cada etapa, a forma de análise varia conforme o avanço.

### ℹ️ Tenha acesso ao conteúdo completo!

Como propósito de demonstração, será utilizado uma aplicação real para uso do estudo. [Clique aqui](https://github.com/Sancruz-dev/estudo-ampliado) para descobrir como funciona essa estratégia na prática! E mergulhar nesse conteúdo massa que trago à você 😉!

Estudo Ampliado é um método consistente na organização de projetos web, a fim de oferecer o poder da compreensão de arquitetura geral de toda a obra do sistema.

Aprofunde-se em_

O "Primeiro Sim"

Porquê optei pelo Headless CMS?

Estudo Ampliado

Aprofunde-se em
_