Blog Venturus
  • CATEGORIAS
    • LIDERANÇA
    • INOVAÇÃO
    • CARREIRA
    • TECNOLOGIA
  • SITE VENTURUS
  • VAGAS
  • JORNADA VENTURUS
  • VENTURUS4TECH
Blog Venturus
  • CATEGORIAS
    • LIDERANÇA
    • INOVAÇÃO
    • CARREIRA
    • TECNOLOGIA
  • SITE VENTURUS
  • VAGAS
  • JORNADA VENTURUS
  • VENTURUS4TECH
  • CARREIRA

Por onde começar a estudar para se tornar dev front-end para web

  • 12/07/2021
  • Redação Venturus
Fundo roxo hachurado com retângulos de contorno preto, lembra uma parede de tijolos
Total
0
Shares
0
0
0
0

Quem trabalha como dev front-end é responsável por desenvolver tudo aquilo que será processado no client-side, ou seja, no dispositivo do próprio usuário (computador, celular, tablet, etc).

 Isso pode até parecer algo muito distante, mas todo o visual desse blog, assim como dos websites que você navega, foram programados por uma desenvolvedora ou desenvolvedor front-end. Interessante, né? 

Sendo assim, o front-end diz respeito a todos os códigos que o navegador processa do lado do usuário. Ou seja: são todos os elementos em um website que podem ser vistos por quem está navegando, desde a configuração de uma interface até um formulário que precisa ser preenchido para baixar um guia. 

Se você se interessa pela carreira de dev front-end e não sabe muito bem por onde começar, listamos abaixo os principais assuntos que você precisa estudar para impulsionar o início da sua carreira nessa área da tecnologia.

1. Lógica de programação e Algoritmos

Para seguir carreira como pessoa desenvolvedora, a lógica de programação sempre vem como o primeiro passo, juntamente dos algoritmos. O principal motivo disso é que, ao entendê-los você terá muito mais facilidade para aprender novas linguagens, afinal, basicamente todas as linguagens modernas seguem o mesmo princípio de estrutura de dados. 

Por ser bem teórico, esse aprendizado pode parecer até um pouco monótono no começo, mas você vai ver que a longo prazo vale a pena, pois são estes primeiros passos que irão te ajudar a implementar soluções e resolver problemas no dia a dia.

Onde estudar lógica de programação: Udemy, Alura.

2. HTML, CSS e JavaScript

Se existem três linguagens de programação que podemos afirmar ser a base do trabalho de um(a) dev front-end são o HTML, o CSS e o JavaScript. 

O HTML, de certa forma, constrói a base do visual de um site, enquanto o CSS é uma linguagem focada na estilização de elementos de maneira padronizada. O JavaScript, por sua vez, se comunica com o back-end e é responsável por fazer determinadas ações pré-programadas acontecerem quando o usuário interage com alguns itens. 

É bastante coisa, né? Porém, o importante mesmo é dar os primeiros passos e começar pelo básico de cada uma. Aos poucos, você irá perceber que cada uma dessas linguagens tem seus próprios padrões e, a partir deles, você terá muito mais facilidade para encarar os conceitos avançados de cada uma.

Uma dica de ouro aqui: Foque em aprender bem estes três primeiro, e só depois avance para usar um framework/biblioteca. Com uma base sólida de conhecimento nestes três pontos, será muito mais fácil usar e entender os frameworks e bibliotecas do front-end.

Onde estudar HTML básico: LinkedIn,  W3Schools (em inglês), MDN Web Docs (em inglês). 

Onde estudar CSS básico: LinkedIn, DevMedia,  W3Schools (em inglês).

Onde estudar JavaScript básico: LinkedIn, Udemy, MDN Web Docs (em inglês).  

3. Frameworks & Bibliotécas 

Na vida de um(a) dev front-end, os frameworks não são fundamentais para tirar um site do papel, porém, saber como alguns deles funcionam é muito importante. O principal motivo disso é que, como essas plataformas podem agilizar o desenvolvimento de sites e sistemas, muitas empresas acabam usando elas no dia a dia. 

Existem diversos frameworks e bibliotecas (também conhecidas como “libs”) para facilitar e padronizar a criação da estrutura base de sites e sistemas. Atualmente as mais famosas são: React, Angular e Vue.js.

Existem também diversas bibliotecas que fornecem componentes prontos (botões, tabelas, loadings, etc) para usar nos projetos, permitindo assim que o(a) desenvolvedor(a) possa focar mais nas regras de negócio da aplicação e menos na criação e estilização de cada componente, as mais famosas são: Ant Design (para React), Angular Material (mais usada em projetos desenvolvidos com Angular), Vue Material Kit (para projetos com Vue.js).

Outras bibliotecas muito interessantes e que podem ser muito úteis para quem está começando no mundo front-end, são: Bootstrap & jQuery. Estas são mais usadas na criação de sites mais simples, como sites institucionais, por exemplo. 

Onde estudar React: Alura, Udemy.

Onde estudar Angular: DevMedia, Alura, Udemy, Pluralsight (em inglês).  

Onde estudar Vue.JS: Udemy, COD3R, Treinamento Vue.JS Brasil.

Além dos cursos que comentamos por aqui, pode valer a pena conferir vídeos no YouTube feitos por especialistas em cada um desses assuntos. E se você conhecer algum(a) dev front-end, você pode convidar essa pessoa para bater um papo e te apresentar um pouco mais do dia a dia dele(a).

Garota animada de braços abertos fazendo sinal de chamar alguém para o abraço. Imagine que ela está te chamando para se tornar um dev front-end

Já falamos por aqui quais são os prós e contras de ser full stack, então se você tem interesse em saber como é trabalhar tanto com front-end quanto back-end, vale a pena conferir! 

E não esquece: quando você estiver começando a sua carreira como dev front-end, inscreva-se para ativar o nosso alerta de vagas. 💜

Total
0
Shares
Share 0
Tweet 0
Share 0
Pin it 0
Related Topics
  • desenvolvedor
  • desenvolvedora
  • desenvolvimento de software
  • dev front-end
  • tecnologia
Redação Venturus

Artigo Anterior
Iphone com a tela virada para baixo. Ele está sendo iluminado com uma luz roxa.
  • CARREIRA

Desenvolvimento mobile: por onde começar?

  • 18/06/2021
  • Redação Venturus
Leia mais
Próximo artigo
Foto das tintas rosa, azul e roxa sendo misturadas com glitter.
  • CARREIRA

Como criar uma rotina de estudos?

  • 28/07/2021
  • Redação Venturus
Leia mais
VOCÊ PODE GOSTAR
A foto apresenta um líquido espeço roxo com glitter, várias gotas estão voando e apresentam várias ondas na superfície do líquido.
Leia mais
  • CARREIRA

Elastic QA: o que é e quais lições tirar dele?

  • Redação Venturus
  • 09/12/2021
A foto é completamente roxa, aprecem várias bolhas também roxas sendo que uma dela, a maior, faz um arco de ponta a ponta na imagem e só conseguimos ver metade dela. Parece um super close em um líquido roxo e denso.
Leia mais
  • CARREIRA

Saiba tudo sobre os modelos de trabalho do Venturus

  • Redação Venturus
  • 09/12/2021
A imagem apresenta um fundo preto, com um círculo centro. Esse círculo tem um líquido roxo dentro, aparecem vários outros círculos um dentro do outro dentro desse primeiro círculo. No canto superior direito do círculo principal aparecem três bolhas um grudada na outra.
Leia mais
  • CARREIRA

Dicas para otimizar seu processo de controle de qualidade

  • Redação Venturus
  • 09/12/2021
A foto apresenta um super close em um tecido roxo, ele está amassado e suas dobras parecem ondas roxas.
Leia mais
  • CARREIRA

XCUITest: teste de IU automatizado para iOS

  • Redação Venturus
  • 09/12/2021
A foto apresenta quatro lápis de cor. Três estão em maior evidência: o roxo, o rosa e o vermelho. O quarto, um lápis verde, aprece em desfoque. Os lápis estão em um close que mostra apenas metade deles, a metade de cima com a ponta que escreve. O fundo é branco e está em desfoque.
Leia mais
  • CARREIRA

Como criamos uma cultura de aprendizado no Venturus?

  • Redação Venturus
  • 09/12/2021
Imagem com fundo preto com várias aguás-vivas roxas espalhadas nesse fundo.
Leia mais
  • CARREIRA

4 conceitos avançados do Framework Cypress que você precisa saber

  • Redação Venturus
  • 16/11/2021
Foto de um close no rosto de uma pessoa. Aparece um olho fechado, com destaque nos cílios e na sobrancelha, ao fundo é possível ver uma orelha dessa pessoa. Toda a imagem está iluminada por uma luz forte degradê nas cores roxa e rosa.
Leia mais
  • CARREIRA

Saúde mental no trabalho: conheça as nossas iniciativas

  • Redação Venturus
  • 16/11/2021
A foto apresenta um ambiente completamente roxo, chão e parede. Nesse ambiente aparecem um bloco também roxo com uma lâmpada led apoiada nele. E também aparece uma escada de mandeira roxa à direita, com uma lâmpada LED apoiada em dois dos seus degraus. Ambas lâmpadas estão acesas.
Leia mais
  • CARREIRA

Agile Testing: seu time realmente aplica essas práticas?

  • Redação Venturus
  • 16/11/2021

Deixe um comentário Cancelar resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Posts recentes
  • Elastic QA: o que é e quais lições tirar dele?
  • Saiba tudo sobre os modelos de trabalho do Venturus
  • Dicas para otimizar seu processo de controle de qualidade
  • XCUITest: teste de IU automatizado para iOS
  • Como criamos uma cultura de aprendizado no Venturus?
Blog Venturus
  • Facebook
  • Instagram
  • LinkedIn
Campinas / SP – Brasil

Estrada Giuseppina Vianelli di Napolli, nº 1.185
Condomínio GlobalTech Campinas
Polo II de Alta Tecnologia
CEP 13086-530 – Campinas – SP
+55 (19) 3755-8600

2021 © Todos os direitos reservados

Políticas de dados

Input your search keywords and press Enter.

Este site coleta cookies para melhorar sua experiência de navegação. Caso não concorde com o uso de Cookies da forma apresentada, você poderá: (I) ajustar as configurações de seu navegador de internet para não permitir o uso de Cookies ou (II) não acessar o site. Lembramos que desabilitar o uso de Cookies poderá impactar sua experiência ao navegar no site.
Ao clicar em "CONCORDO", você está aceitando o use de todos os cookies
Cookie settingsCONCORDO
Manage consent

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Sempre ativado
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
Non-necessary
Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.
SALVAR E ACEITAR