{"id":33663,"date":"2022-09-02T09:41:00","date_gmt":"2022-09-02T12:41:00","guid":{"rendered":"https:\/\/blog.locaweb.com.br\/?p=33663"},"modified":"2022-09-12T09:51:22","modified_gmt":"2022-09-12T12:51:22","slug":"onde-posso-ir-como-dev","status":"publish","type":"post","link":"https:\/\/www.locaweb.com.br\/blog\/temas\/codigo-aberto\/onde-posso-ir-como-dev\/","title":{"rendered":"Onde posso ir como DEV?"},"content":{"rendered":"\n<p>Nos \u00faltimos tempos, a \u00e1rea de desenvolvimento passou a ser muito procurada, devido a alguns motivos que estamos acostumamos a ouvir por a\u00ed: \u201c<em>bons sal\u00e1rios<\/em>\u201d, \u201c<em>alta demanda<\/em>\u201d, \u201c<em>possibilidade de trabalho remoto<\/em>\u201d, entre outras coisas. No entanto, n\u00e3o \u00e9 s\u00f3 chegar e sair \u201c<em>codando<\/em>\u201d. <strong>\u00c9 necess\u00e1rio entender como funcionam<\/strong> as \u00e1reas que envolvem desenvolvimento para saber onde podemos focar os estudos e at\u00e9 mesmo se especializar.<\/p>\n\n\n\n<p>No artigo de hoje, vamos falar sobre algumas <strong>\u00e1reas que envolvem desenvolvimento<\/strong>, o que elas englobam e algumas das tecnologias utilizadas. Vamos focar em web e mobile, que \u00e9 o que mais entendo. Mas existem outras \u00e1reas que voc\u00ea pode atuar, essa, inclusive, \u00e9 uma das partes legais do desenvolvimento!<\/p>\n\n\n\n<p>Antes de tudo, voc\u00ea precisa saber que <a href=\"https:\/\/blog.locaweb.com.br\/temas\/codigo-aberto\/linguagens-de-programacao-web\/\">existem muitas linguagens de programa\u00e7\u00e3o<\/a> e diferentes \u00e1reas. Tentar aprender tudo de uma vez n\u00e3o parece ser uma escolha muito sensata. ? <\/p>\n\n\n\n<p>Em desenvolvimento, estudamos muita coisa durante muito tempo e, quanto mais pudermos focar em algumas poucas tecnologias que se complementam para o trabalho que devemos executar, fica muito mais f\u00e1cil. N\u00e3o adianta muito, no come\u00e7o voc\u00ea querer <strong>aprender 10 linguagens diferentes<\/strong> e n\u00e3o saber onde elas podem ser aplicadas, ou quais problemas resolvem. <\/p>\n\n\n\n<p>Cada linguagem tem um prop\u00f3sito e um motivo para ser utilizada, com experi\u00eancia voc\u00ea entender\u00e1 esses contextos, n\u00e3o esquenta!<\/p>\n\n\n\n<p>Dito isso, veja algumas \u00e1reas no desenvolvimento que podem tra\u00e7ar o seu destino como dev:<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1) <strong>Front-End &#8211; Manipula dados no <em>client<\/em><\/strong><\/h2>\n\n\n\n<p>Basicamente, quando falamos de <strong>front-end em web<\/strong>, estamos nos referindo aos elementos que as pessoas que utilizam nossos sistemas web podem interagir. Seja um link, um bot\u00e3o, um menu, um texto, uma imagem etc. No caso da web, o <em>client<\/em> \u00e9 o navegador.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"812\" height=\"379\" src=\"https:\/\/www.locaweb.com.br\/blog\/wp-content\/uploads\/2021\/10\/exemplo-de-front-end.png\" alt=\"exemplo de front-end\" class=\"wp-image-37577\"\/><figcaption>Exemplo de front-end no site da Locaweb<\/figcaption><\/figure>\n<\/div>\n\n\n<p>As tecnologias utilizadas no front-end s\u00e3o basicamente tr\u00eas: <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>HTML;<\/li><li>CSS;<\/li><li>JavaScript<br><\/li><\/ul>\n\n\n\n<p>Embora seja poss\u00edvel utilizar outras linguagens para desenvolver front-end, o padr\u00e3o da web \u00e9 esse).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Veja abaixo um pouco sobre cada uma das linguagens no front-end:<\/strong><\/h3>\n\n\n\n<p>O HTML \u00e9 uma linguagem de marca\u00e7\u00e3o. Basicamente, voc\u00ea usar\u00e1 a linguagem para montar os elementos que estar\u00e3o no seu front-end, definindo uma sem\u00e2ntica entre eles. Bem como, declarar as depend\u00eancias diretas (importar os arquivos JavaScripts e CSS), definir meta tags, <a href=\"https:\/\/blog.locaweb.com.br\/temas\/codigo-aberto\/seo-para-desenvolvedores-o-que-e-preciso-saber\/\">aplicar SEO<\/a> e outras coisas.<\/p>\n\n\n\n<p>O CSS \u00e9 uma linguagem para aplicar estilos em um c\u00f3digo HTML. Com o CSS, voc\u00ea pode ajustar as cores dos elementos HTML, ajustar tamanho de fonte, criar anima\u00e7\u00f5es com os elementos, definir o tamanho de cada elemento, como eles se posicionam dentro do sistema e coisas desse tipo.<\/p>\n\n\n\n<p>O JavaScript \u00e9 uma linguagem para fazer a manipula\u00e7\u00e3o dos elementos HTML. Com essa linguagem, voc\u00ea pode modificar os valores dos elementos, modificar o comportamento deles quando uma a\u00e7\u00e3o \u00e9 executada, criar e deletar elementos de forma din\u00e2mica, consumir dados de APIs e de outros scripts, entre muitas outras coisas.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Onde posso ir como DEV front-end?<\/strong><\/h2>\n\n\n\n<p>Como dev front-end, \u00e9 interessante voc\u00ea estudar bem essas 3 linguagens, al\u00e9m de entender como desenvolver interfaces web, consumir APIs, manipular elementos HTML, estilizar com CSS, estudar sobre usabilidade, responsividade e acessibilidade.<\/p>\n\n\n\n<p>Para facilitar o trabalho das pessoas desenvolvedoras front-end, existem alguns frameworks e bibliotecas (ferramentas desenvolvidas na linguagem para abstrair o desenvolvimento de algumas funcionalidades, entregando mais rapidez e padroniza\u00e7\u00e3o no seu c\u00f3digo). Entre os frameworks CSS temos: <a href=\"https:\/\/getbootstrap.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Bootstrap<\/a>, <a href=\"https:\/\/get.foundation\/\" target=\"_blank\" rel=\"noreferrer noopener\">Foundation<\/a>, <a href=\"https:\/\/bulma.io\/\" target=\"_blank\" rel=\"noreferrer noopener\">Bulma<\/a>, <a href=\"https:\/\/tailwindcss.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tailwind CSS<\/a>. J\u00e1 em frameworks JS e bibliotecas para front-end, os mais utilizados s\u00e3o: <a href=\"https:\/\/pt-br.reactjs.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">React<\/a>, <a href=\"https:\/\/angular.io\/\" target=\"_blank\" rel=\"noreferrer noopener\">Angular<\/a> e <a href=\"https:\/\/vuejs.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">Vue.js<\/a>.<\/p>\n\n\n\n<p>Um projeto bem legal, que mostram os caminhos interessantes a seguir, para devs que est\u00e3o come\u00e7ando, \u00e9 o <a href=\"https:\/\/roadmap.sh\/\" target=\"_blank\" rel=\"noreferrer noopener\">roadmap.sh<\/a>. Nele, voc\u00ea pode procurar a \u00e1rea que gostaria de seguir e visualizar o conte\u00fado que seria relevante entender mais. O site est\u00e1 em ingl\u00eas, mas h\u00e1 uma <a href=\"https:\/\/github.com\/hideraldus13\/roadmap-do-desenvolvedor-web\" target=\"_blank\" rel=\"noreferrer noopener\">vers\u00e3o em portugu\u00eas que est\u00e1 no github<\/a>. <\/p>\n\n\n\n<p>Aqui, voc\u00ea pode encontrar o <a href=\"https:\/\/roadmap.sh\/frontend\" target=\"_blank\" rel=\"noreferrer noopener\">roadmap padr\u00e3o (em ingl\u00eas) para front-end.<\/a> Existe tamb\u00e9m uma <a href=\"https:\/\/raw.githubusercontent.com\/hideraldus13\/roadmap-do-desenvolvedor-web\/master\/images\/frontend.png\" target=\"_blank\" rel=\"noreferrer noopener\">vers\u00e3o em portugu\u00eas.<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">2) <strong>Back-end &#8211; Manipula os dados no servidor<\/strong><\/h2>\n\n\n\n<p>Quando falamos de back-end, estamos falando do que a pessoa que utiliza nosso sistema n\u00e3o pode interagir diretamente, mas que \u00e9 uma parte essencial do projeto. Por exemplo: o envio e consulta de dados em um banco de dados, envio e leitura de e-mails por protocolos como POP, IMAP e SMTP, cria\u00e7\u00e3o de arquivos pdf, processamento de formul\u00e1rios, <a href=\"https:\/\/blog.locaweb.com.br\/temas\/codigo-aberto\/12-apis-que-todo-desenvolvedor-precisa-conhecer\/\">desenvolvimento de APIs<\/a>, entre outras coisas.<\/p>\n\n\n\n<p>Diferente do front-end, onde temos apenas algumas tecnologias que dominam o mercado. Temos uma gama de tecnologias para trabalhar com back-end web, entre elas: PHP, Java, Ruby, Python, C#, Kotlin, Elixir, Go, JavaScript etc.  Aqui, refor\u00e7o a import\u00e2ncia de entender o contexto de cada linguagem, para saber onde cada uma se encaixa no tipo de problema que voc\u00ea precisa resolver.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Onde posso ir como DEV back-end?<\/strong><\/h2>\n\n\n\n<p>Como dev back-end web, \u00e9 interessante entender os tipos de dado que a linguagem que voc\u00ea desenvolve trabalha, entender como criar APIs, como funcionam as requisi\u00e7\u00f5es na web, entender o neg\u00f3cio que est\u00e1 desenvolvendo, como criar CRUDs, autentica\u00e7\u00e3o e autoriza\u00e7\u00e3o, entre outros.<\/p>\n\n\n\n<p>Para facilitar o trabalho de quem desenvolve em back-end, a maioria das linguagens tamb\u00e9m possuem frameworks para abstrair tarefas complexas em alguns trechos de c\u00f3digo. Temos, por exemplo: Symfony para PHP, Spring para java Ruby on Rails para Ruby, Flask para Python, Phoenix para Elixir etc.<\/p>\n\n\n\n<p>Aqui, voc\u00ea pode encontrar o <a href=\"https:\/\/roadmap.sh\/backend\" target=\"_blank\" rel=\"noreferrer noopener\">roadmap padr\u00e3o (em ingl\u00eas) para back-end.<\/a> Existe tamb\u00e9m uma <a href=\"https:\/\/raw.githubusercontent.com\/hideraldus13\/roadmap-do-desenvolvedor-web\/master\/images\/backend.png\" target=\"_blank\" rel=\"noreferrer noopener\">vers\u00e3o em portugu\u00eas.<\/a><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"812\" height=\"500\" src=\"https:\/\/www.locaweb.com.br\/blog\/wp-content\/uploads\/2021\/10\/carreira-de-desenvolvedor.png\" alt=\"carreira de desenvolvedor\" class=\"wp-image-37576\"\/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">3) <strong>Mobile<\/strong><\/h2>\n\n\n\n<p>Quando falamos em mobile, estamos falando sobre desenvolvimento de apps para celulares, tablets e outros dispositivos m\u00f3veis. Por exemplo, os aplicativos para Android e iOS. O desenvolvimento mobile \u00e9 basicamente dividido em duas categorias: nativo e h\u00edbrido. <\/p>\n\n\n\n<p>No desenvolvimento nativo, voc\u00ea desenvolver\u00e1 em uma linguagem espec\u00edfica para cada tipo de dispositivo. Por exemplo:  java ou kotlin (padr\u00e3o atual) para Android e objective-c ou swift (padr\u00e3o atual) para iOS. <\/p>\n\n\n\n<p>Utilizando essas linguagens \u00e9 poss\u00edvel aproveitar de maneira otimizada todos os recursos do dispositivo. E, no desenvolvimento h\u00edbrido, voc\u00ea poder\u00e1, basicamente, usar o mesmo c\u00f3digo tanto para Android quanto para iOS, por meio de plataformas como: <\/p>\n\n\n\n<p>Flutter (linguagem dart), Xamarin (linguagem C#), React Native (linguagem JavaScript) e algumas outras ferramentas que, em geral, utilizam JavaScript como linguagem principal.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Onde posso ir como DEV mobile?<\/strong><\/h2>\n\n\n\n<p>\u00c9 interessante uma <a href=\"https:\/\/blog.locaweb.com.br\/temas\/codigo-aberto\/programacao-para-mobile-tudo-o-que-voce-precisa-saber\/\">pessoa desenvolvedora mobile<\/a> estudar sobre cria\u00e7\u00e3o de interfaces mobile, como consumir APIs, como funcionam os dispositivos m\u00f3veis, APIs de cada sistema mobile, fluxos de uso, otimiza\u00e7\u00e3o de recursos etc.<\/p>\n\n\n\n<p>No roadmap.sh est\u00e1 apenas dispon\u00edvel o <a href=\"https:\/\/roadmap.sh\/android\" target=\"_blank\" rel=\"noreferrer noopener\">roadmap para desenvolvimento Android nativo<\/a> e tem tamb\u00e9m uma <a href=\"https:\/\/github.com\/mobile-roadmap\/android-developer-roadmap\/blob\/master\/README_PT_BR.md\" target=\"_blank\" rel=\"noreferrer noopener\">vers\u00e3o em portugu\u00eas no github<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">4) <strong>DevOps &#8211; Cultura de automa\u00e7\u00e3o<\/strong><\/h2>\n\n\n\n<p>Antigamente, a \u00e1rea de sysadmin (administra\u00e7\u00e3o de sistemas e servidores &#8211; infraestrutura) era dominada por scripts shell (scripts que executam <a href=\"https:\/\/blog.locaweb.com.br\/temas\/codigo-aberto\/linux-ou-windows-para-programar-conheca-as-vantagens-e-diferencas\/\">comandos espec\u00edficos do sistema operacional<\/a>), que rodavam de tempos em tempos nos chamados (crons). <\/p>\n\n\n\n<p>Por\u00e9m, nos \u00faltimos anos, essa \u00e1rea tem se adaptado para a cultura DevOps, onde as pr\u00e1ticas de cria\u00e7\u00e3o de infraestruturas como c\u00f3digo est\u00e3o cada vez mais comuns. Ent\u00e3o, utilizando linguagens de back-end, podemos automatizar tarefas de modo muito mais f\u00e1cil.<\/p>\n\n\n\n<p>Quando falamos de DevOps, estamos nos referindo a processos de automa\u00e7\u00e3o, geralmente envolvendo <strong>ambientes de desenvolvimento e produ\u00e7\u00e3o<\/strong> (ambiente de produ\u00e7\u00e3o \u00e9 onde os sistemas dispon\u00edveis \u00e0s pessoas usu\u00e1rias se encontram). <\/p>\n\n\n\n<p>Ferramentas para cria\u00e7\u00e3o de servidores, automa\u00e7\u00e3o de sincroniza\u00e7\u00e3o de c\u00f3digo, automa\u00e7\u00e3o de gerenciamento de c\u00f3digo, observabilidade (gera\u00e7\u00e3o de m\u00e9tricas de desempenho e status do sistema), entre outros.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Onde posso ir como DevOps?<\/strong><\/h2>\n\n\n\n<p>Para quem for trabalhar utilizando a cultura DevOps \u00e9 interessante estudar sobre o funcionamento de sistemas operacionais, containers, automa\u00e7\u00e3o de tarefas, ferramentas DevOps, <a href=\"https:\/\/blog.locaweb.com.br\/temas\/codigo-aberto\/conheca-os-principais-tipos-de-deploy-e-quando-usar-cada-um\/\">fluxo de deploy<\/a>, comandos de terminal, linguagem das ferramentas que for utilizar, observabilidade e monitoramento.<\/p>\n\n\n\n<p>O <a href=\"https:\/\/roadmap.sh\/devops\" target=\"_blank\" rel=\"noreferrer noopener\">roadmap.sh para DevOps em ingl\u00eas<\/a> e em <a href=\"https:\/\/github.com\/hideraldus13\/roadmap-do-desenvolvedor-web\/blob\/master\/images\/devops.png?raw=true\" target=\"_blank\" rel=\"noreferrer noopener\">portugu\u00eas<\/a>.<\/p>\n\n\n\n<div class=\"user-cta-block\" style=\"background-color:#2E333C;\"><p>Tenha a VPS Locaweb para que os seus projetos como DEV possam ter alta performance!<\/p><a class=\"user-cta\" style=\"background-color: #F00842\n;\" href=\"https:\/\/www.locaweb.com.br\/cloud\/vps-locaweb\/?utm_source=blog&#038;utm_medium=own&#038;utm_campaign=blog-vps-onde-posso-ir-como-dev&#038;utm_id=blog-vendas\" target=\"_blank\" rel=\"noopener\">VEJA COMO<\/a><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">5) <strong>DBA &#8211; Administra\u00e7\u00e3o de Banco de Dados<\/strong><\/h2>\n\n\n\n<p>Outra \u00e1rea que envolve c\u00f3digo. Nessa, al\u00e9m de c\u00f3digos back-end que podem ser utilizados, de acordo com o banco de dados que voc\u00ea for explorar, a linguagem SQL \u00e9 bem importante. O trabalho de uma pessoa DBA \u00e9 manter o banco de dados utiliz\u00e1vel, perform\u00e1tico e est\u00e1vel, mesmo com as aplica\u00e7\u00f5es crescendo dia a dia.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Onde posso ir como DBA?<\/strong><\/h2>\n\n\n\n<p>\u00c9 interessante, para quem for trabalhar com isso, entender as diferen\u00e7as entre bancos de dados relacionais e n\u00e3o relacionais, compreender como funcionam os armazenamentos de cada engine (motor) dos bancos de dados, como funcionam os backups de dados, comandos e ferramentas para otimiza\u00e7\u00e3o de queries (consultas) e n\u00edveis de permiss\u00e3o de usu\u00e1rios para os bancos.<\/p>\n\n\n\n<p>Dentre os bancos de dados mais conhecidos, temos: <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Oracle;<\/li><li>SQL;<\/li><li>Server;<\/li><li>mySQL;<\/li><li>PostgreSQL;<\/li><li>MongoDB;<\/li><li>Cassandra;<\/li><li>Neo4J;<\/li><li>sqlite;<\/li><li>entre outros.<\/li><\/ul>\n\n\n\n<p>Caso voc\u00ea queira se especializar em Postgres, sugiro o estudo do <a href=\"https:\/\/roadmap.sh\/postgresql-dba\" target=\"_blank\" rel=\"noreferrer noopener\">roadmap para DBA PostgreSQL.<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Existem muitas outras \u00e1reas e profiss\u00f5es que envolvem c\u00f3digo. Tais como:<\/strong><\/h2>\n\n\n\n<p>Testers e QA, Data Science, IoT &amp; Makers e tantas outras. Podemos falar delas em outra oportunidade.<\/p>\n\n\n\n<p>Desejamos que o conte\u00fado ajude a entender um pouco mais sobre a \u00e1rea e onde voc\u00ea pode focar dentro do universo do desenvolvimento.<\/p>\n\n\n\n<p>Um grande abra\u00e7o e at\u00e9 a pr\u00f3xima!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nos \u00faltimos tempos, a \u00e1rea de desenvolvimento passou a ser muito procurada, devido a alguns motivos que estamos acostumamos a ouvir por a\u00ed: \u201cbons sal\u00e1rios\u201d, \u201calta demanda\u201d, \u201cpossibilidade de trabalho remoto\u201d, entre outras coisas. No entanto, n\u00e3o \u00e9 s\u00f3 chegar e sair \u201ccodando\u201d. \u00c9 necess\u00e1rio entender como funcionam as \u00e1reas que envolvem desenvolvimento para saber [&hellip;]<\/p>\n","protected":false},"author":24,"featured_media":37575,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[5],"tags":[],"class_list":["post-33663","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-codigo-aberto"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/posts\/33663","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/comments?post=33663"}],"version-history":[{"count":4,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/posts\/33663\/revisions"}],"predecessor-version":[{"id":37718,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/posts\/33663\/revisions\/37718"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/media\/37575"}],"wp:attachment":[{"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/media?parent=33663"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/categories?post=33663"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/tags?post=33663"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}