image

Acesse bootcamps ilimitados e +650 cursos pra sempre

60
%OFF
Article image

HA

Henrique Amaral18/09/2024 15:44
Compartilhe

Saiba como começar com o pé direito no Front-End

    Para começar, a área da tecnologia em si é uma das que mais pagam hoje em dia e é bem ampla, e é bem possível que no começo de nossa carreira não saibamos por onde exatamente seguir. Por isso trago este artigo onde compartilho partes do meu processo de aprendizagem e outras coisas adicionais para que você saia daqui sabendo por onde e como começar nessa área. 

    Quais tecnologias usar? 

    Aqui vou registrar as principais tecnologias usadas na área:

    HTML - image

    HTML não é exatamente uma linguagem de programação, mas sim uma linguagem de marcação. Ela é essencial, pois é aqui que será criado a base do site 

     

    CSS - image 

    CSS por sua vez é uma linguagem de estilização, usada para dar as cores, formatos e posições dos elementos do site como o próprio nome já sugere 

    JavaScript -  image

    Este sim é uma linguagem de programação. Vai cuidar de tudo que envolve as funcionalidades do site, como o redirecionamento de um botão para outra página, ou uma setinha que faça passar para o próximo produto de uma loja 

    React - image

    React é uma biblioteca JavaScript de código aberto ideal para Front-end pela sua mistura de HTML, CSS e JavaScript.

    Flexível e fácil de usar, permitindo reutilização de código e navegação entre diferentes páginas sem ter que clicar em um link. 

    Angular - image

    Angular é um framework, diferente do React, de código aberto para criar aplicativos web interativos e dinâmicos.

    Conhecido por sua eficiência e pelos códigos limpos e fáceis de manter.

     

    Vue.js - image 

    Vue.js é outro framework que permite construção de interfaces de usuário. 

    Considerado simples e com uma curva de aprendizagem simples.

    Typescript - image

    Typescript é uma linguagem de programação baseada em JavaScript, porém com recursos adicionais como sintaxe mais robusta, interfaces e classes.

     

    Node.js - image

    Node.js é um ambiente de execução de JavaScript que permite a criação de aplicações web, servidores, ferramentas de linha de comando e programas de automação de tarefas e é uma ferramenta gratuita 

     

    Cursos para alavancar seu aprendizado 

    OracleONE

    image 

    Este é um curso gratuito da Oracle com a Alura para iniciar nessa carreira. 

    Possui tanto a linha de Front-end quanto de Back-end, mas aqui vamos tratar do front. 

    Começa ensinando os conceitos de HTML, CSS e JavaScript para todos, independente da área. E a partir da metade do curso é ensinado o React englobando o que já foi ensinado anteriormente. 

    Pode ser acessado a partir dos 18 anos. 

    DIO

    image 

    Esta é uma plataforma de cursos, mentorias e bootcamps de diferentes áreas da tecnologia desde gratuitos até pagos. 

    Extremamente recomendável, ainda mais pelo fato de poder ser contratado por empresas parceiras de lá. 

    Tem uma grande quantidade de conteúdos gratuitos, mas também possui suas versões pagas onde a mais simples te entrega todas as formações de qualquer linguagem disponível, projetos e mentorias, e a mais completa te entrega tudo da versão anterior mais acelerações, masterclass e o curso de inglês completo focado na área de tecnologia.

    Proprofissão

    image 

    Curso do Instituto PROA onde são ensinados a programar e desenvolver sistemas com trabalhos em grupo, vivências corporativas, projetos e atividades.

    Além disso ainda possui desenvolvimento nos núcleos comportamental e cultural. 

    Exclusivo para quem tem entre 17 e 22 anos e possui duração de 6 meses sendo semipresencial.

    Santander Coders  

    image

    O Santander Coders é um curso do Santander que é online e gratuito incluindo várias áreas da tecnologia incluindo o Front-end com duração de apenas 6 meses. 

    Disponível para jovens a partir dos 18 anos. 

    Capacita Tech  

    image

    Esta é uma iniciativa promovida pela Secretaria de Ciência, Tecnologia e Inovação do Distrito Federal (Secti-DF). 

    É online e gratuito sendo necessário apenas ter o ensino básico completo. 

    Abrange temas como lógica de programação, inteligência artificial, portifólio e ferramentas utilizadas para desenvolver sites. 

    CC50  

    image

    Existem cursos gratuitos de Harvard e um deles é de ciência da computação-CC50 (também útil para quem quer ir para o front), totalmente traduzido para o português. 

    Aqui você pode aprender as linguagens básicas do Front-end e até outras de outras áreas. 

    Curso em Vídeo  

    image

    Canal do Youtube e um site, onde são ensinadas diversas coisas sobre tecnologia e uma delas é a área de front.

    Conta até com curso de inglês e o melhor é que é de graça. 

    Dev em Dobro 

    image

    Outro canal do Youtube mais focado em fullstack, que é a junção de Front-end e Back-end. 

    Possuem diversos eventos gratuitos onde ensinam os primeiros passos do Front-end e possuem um curso mais elaborado e pago que te disponibiliza além do curso inteiro, acesso a todos os eventos que já aconteceram e não estão mais no ar.  

    Hashtag Treinamentos 

    image

    Este também é um canal do Youtube que também possui um site que apesar de não ser focado em Front, possui conteúdos dessa área. 

    Também possui eventos gratuitos apesar de não ser de Front. 

    Espero que tudo que compartilhei te ajude em sua carreia e te dê uma boa impulsionada na sua jornada! E lembre-se que nada vem de graça. Tudo que você quiser vai depender do seu esforço, então se esforce ao máximo que cada segunda valerá a pena!!

    Vou deixar aqui também o link do meu LinkedIn caso queira se conectar comigo:

    Compartilhe
    Comentários (1)

    CP

    Cristiano Penna - 18/09/2024 15:46

    Gostei muito do artigo, me ajudou bastante.