Como se tornar um desenvolvedor FRONTEND? (Passo a passo / Roadmap)

195.6k views2153 WordsCopy TextShare
Attekita Dev
O desenvolvedor frontend além de ter alta demanda de mercado, esta entre os profissionais com maiore...
Video Transcript:
o Olá pessoal bora para mais um vídeo sua bulas até quinta bem vindos ao canal tem que ter deve seu canal e tecnologia o seu canal sobre carreira freelancer o mercado de tecnologia estar em alta e o desenvolvedor frontend além de ter alta demanda de mercado também está entre os maiores salários desse nicho de tecnologia você quer se tornar um desenvolvedor front-end quando eu sei que muitos ficam perdidos nesse começo eu montei um rodo map com tudo que você precisa saber para se tornar um desenvolvedor frontend e no final ainda vou dar dicas de cursos
gratuitos Bora pro vídeo [Música] é bom pessoal antes de começar esse vídeo tem algumas novidades para anunciar para vocês além dessa minha plaquinha é linda não sei se vocês repararam aqui muito bonitinha que eu fiz um boxe lá no meu Instagram se você ainda não me segue no Instagram Me siga lá porque eu sempre mostro um pouquinho dos meus bastidores aqui e a outra novidade é que agora a gente tem áreas de membros aqui no canal então você pode apoiar diretamente esse canal para que eu continue criando conteúdos é o valor super simbólico e você
vai ter direito algumas regalias aqui dentro do canal como por exemplo ter seu nome citado nos vídeos ter prioridade respostas nos comentários além de alguns emojis específicos e selos para quem contribui aqui para o nosso canal no YouTube então se você quer ser membro da técnica deve ajudar esse canal a crescer cada vez mais e produzir conteúdo é só clicar no link que vai ter aqui debaixo desse vídeo seja membro e escolha a melhor assinatura para você você já vai fazer parte da nossa comunidade muitas pessoas que estão interessadas no mercado Bom dia escolhe a
carreira de desenvolvedor frontend Eu já fui front-end muitos anos da minha vida e realmente tem uma alta demanda de mercado é mercado tem muitas oportunidades Eu acho que o fato de poder desenvolver uma solução e ver isso visualmente me atraiu muito principalmente por conta do meu background com design Mas afinal o que faz um desenvolvedor from em um desenvolvedor Frozen é responsável por codificar as interfaces que a camada de interação do sistema com o usuário Então quer dizer que um desenvolvedor frontend não tem que saber de design sim ele não precisa saber de design porque
quem vai criar a interface de fato é o designer e já vai entregar isso para o desenvolvedor contente com todas as especificações mas acho muito legal para quem trabalha com desenvolvimento front-end ter conhecimento em experiência do usuário né que estudar sobre o assunto que isso vai funcionar com certeza um desenvolvedor diferenciado quando a gente fala em desenvolver um produto é quem tá no fluxo de desenvolvimento desse produto eu já fiz um vídeo aqui no canal ele fala sobre análise de requisitos mas é importante entender que tudo parte dos requisitos Então a primeira parte no desenvolvimento
desse produto vai ser entender Quais são os requisitos necessários para esse produto após isso o especialista em o ex lá vai prototipar uma solução aonde vamos entender esse aquilo realmente corresponde e atende a todos os requisitos necessários para aquela solução eu também tenho um vídeo aqui no canal a onde eu falo sobre prototipação que vou deixar o link na descrição mas esse protótipo Inicial é um protótipo de baixa fidelidade onde nós vamos ver da basicamente o fluxo das informações A Hierarquia das informações depois desse protótipo que é como se fosse um esboço um are Friends
nós passamos para o protótipo em alta fidelidade justamente o layout que vai ser implementado pelo desenvolvedor front-end então o especialista em o ex vai e esse layout esse protótipo em alta habilidade com todas as especificações para o desenvolvedor front-end e o desenvolvedor front-end vai transformar aquele imagem acreditando de especificações em código de forma funcional Mas agora vamos voltar um pouquinho e falar do que é essencial do que de fato é essencial para você ser um desenvolvedor frontend olha um desenvolvedor front-end hoje vai trabalhar basicamente com três tecnologias HTML CSS e JavaScript e ao contrário do
que muitos pensam dessas três tecnologias que eu falei apenas uma é realmente uma linguagem de programação O que é o JavaScript isso porque é nessa linguagem que você realmente vai conseguir implementar a lógica tá pessoal HTML é uma linguagem de marcação onde você vai estabelecer a estrutura da sua interface fazendo uma metáfora bem interessante o HTML seria o nosso esqueleto quando a gente pensa no corpo humano e o que que seria o CSS CSS seria o e o que vem por cima do nosso esqueleto que deixa a gente bonito Então você vai ter uma linguagem
de marcação onde você vai estabelecer a estrutura da sua página e da sua interface e o CSS vai ser responsável por atribuir estilos cores e tamanhos para que isso fique visualmente semelhante ao layout que nosso especialista em o ex criou então o primeiro passo para você que quer ser front a gente é estudar o HTML a semântica do HTML 40 são as tags Quais são os atributos Quais são os ímpios Entenda os elementos que você vai utilizar para poder definir a estrutura da sua interface Somente depois que você entender bem o HTML entender Quais são
as possibilidades que você pode utilizar o HTML é que você vai pensar na estilização e deixar aquela estrutura de fato bonita e trabalhar o visual da sua interface e para poder utilizar sua interface nós vamos utilizar as folhas de estilo ou que nós chamamos de CSS É mas o CSS que você vai conseguir definir com um texto é Centralizado definir a fonte desse texto define a cor de um botão posicionamento de um botão e uma questão muito importante quando você estiver estudando CSS é entender sobre responsividade que Como deixar a sua interface adaptável a vários
tamanhos de tela Isso é essencial hoje em dia justamente para a gente tem uma gama muito grande de tamanho de tela de dispositivos inclusive os dispositivos móveis então vai a dica estude sobre responsabilidade porque isso é essencial um desenvolvedor frontend agora sabendo HTML e CSS é hora de partir para o JavaScript que vai ser sua primeira linguagem de programação de fato é ali que a gente definir a lógica da nossa interface é onde a gente adiciona a camada de interatividade então com Java scripts nós vamos conseguir tornar Nossa interface interativa como por exemplo os vai
entrar no site onde tinham slide um Carrossel de imagens que ia passando se você apenas colocar o html o que é que você não vai ter aquela funcionalidade ele aquela lógica de ir apresentando as imagens fazendo ali toda aquela animação é possível fazer animação no CSS sim mas a lógica em se é contida dentro do Java script então através do Java script você vai dizer aí para sua interface que você quer fazer uma lógica aonde as imagens vão se exibindo que se alternando ao longo do tempo e não só isso outro exemplo muito legal é
que através da vez que você consegue manipular dados como por exemplo coletar dados de um formulário e enviar isso para um servidor obter outros dados exibir isso na tela é justamente Java Script o responsável por adicionar toda essa camada de interatividade na sua interface em dessa base sólida de html CSS e JavaScript pronto você já tem essencial para ser um desenvolvedor frontend agora o importante é que você entenda sobre fremor a maioria das vagas hoje quando a gente vai para desenvolvedores Júnior vai E aí alguma noção de fremax e o que são fremax tanta fremax.
Biblioteca são códigos de terceiros que vão facilitar o seu desenvolvimento eles vão trazer algum benefício alguma utilização no processo de desenvolvimento Então na verdade a grande vantagem de se trabalhar com firme é que ele já fornece uma estrutura pronta que você pode utilizar nos seus projetos utilizando aí o tempo de desenvolvimento e é por isso que as empresas estão muito interessadas que você tenha esse tipo de conhecimento mas eu já dei essa alerta várias vezes não estude somente fremax é muito importante que você tenha a base muito sólido JavaScript para entender quando utilizar ou quando
não utilizar um forma entender no que o fêmur que realmente está te ajudando a resolver aquele problema eu poderia citar como alguns exemplos de frameworks ou bibliotecas para JavaScript o Jay kahi ouvir GS E também o Heat Poxa agora você deve estar pensando Nossa mas qual desse eu devo é uma coisa bem bacana entender o que as vagas estão pedindo então eu sempre falo que para você escolher a tecnologia que você vai estudar que você vai focar os seus estudos é importante você entender dois fatores o primeiro fator é conhecer a tecnologia e entender no
que ela vai utilizar no seu processo de desenvolvimento Esse fator é essencial e o segundo fator é você entender o que O mercado está pedindo aí nas vagas que eu faço uma pesquisa de mercado e também tendo um pouquinho passa um estudo sobre as tecnologias sobre esses termos para entender aonde você vai realmente focar os seus estudos que tomaram a decisão de estratégica já responderam também uma dúvida que sempre me pergunta é que se precisa ter graduação para atuar no mercado e não o mercado hoje ele não pede mais formação superior para poder atuar para
poder contratar você pode se capacitar através de cursos ebute quente e eu vou passar aqui algumas recomendações de cursos gratuitos onde você pode estudar e se tornar um desenvolvedor front-end a caneta e papel para você não perder essa super dica e se você chegou até aqui nesse vídeo já se inscreva no canal e deixe seu like para que a gente continue produzindo com teu a primeira plataforma de curso gratuito que eu vou recomendar é o curso em vídeo lá você vai poder encontrar uma formação assim bem completa para front-end onde você vai estudar HTML CSS
JavaScript têm alguns cursos bem interessantes além da didática do Guanabara ser realmente excelente outra plataforma legal é o DIU digital e não deixam um ano Campo plataforma de ensino totalmente gratuita nesta plataforma você vai encontrar vários boot quentes onde você pode se formar por exemplo tem um bootcamp lá só para ser desenvolvedor front-end onde você vai aprender desde o básico HTML até estudar aí os fármacos mais utilizados no mercado e o bacana da plataforma além de fornecer certificados é que lá você também vai ter um contato direto com empresas que estão contratando Isso é muito
bom para que você consiga aproveitar a outra plataforma muito legal que também tem boot quentes gratuito é a Rocket sítio Lá você vai ter algumas telhas gratuito onde você pode aprender toda essa base front-end além de ter uma comunidade fortíssima que te ajuda bastante lá você vai encontrar trilhas desde o básico ao avançado a última plataforma de cursos gratuitos que eu vou falar é alguma coisa que tem uma ideia muito interessante ela reúne os melhores conteúdos do YouTube e organiza e sem planos de estudos de forma totalmente gratuita então invés de você ter o trabalho
de buscar no YouTube entender qual conteúdo realmente é bom e o pão não é eles fazem essa triagem e já coloca esses cursos acessíveis para você e outro ponto legal é que ela também te conecta as empresas que estão contratando são lá eles vão te auxiliar não só a estudar mas também a encontrar oportunidades o pessoal antes de encerrar uma informação Muito importante se você ainda não conhece meu curso para freelancer ele tá com desconto especial do Dia dos Pais para esse mês de agosto e vai ter um desconto de vinte por cento no meu
curso para Finanças onde você vai poder aprender a atuar como freelancer no seu lixo então com meu curso você vai aprender tudo que você precisa saber prato lá como freelancer na sua área como por exemplo ser um desenvolvedor front-end at freelancer O que é realmente muito interessante porque tem alta demanda de mercado são mais de quarenta aulas separadas em oito módulos além de três bônus gratuitos e para você aproveitar todos os benefícios é só acessar o link na descrição desse vídeo e vem ser meu aluno Você gostou desse vídeo ainda não é inscrito aproveita para
se inscrever dar seu like comente aí o que que você achou para você continuar contribuindo para o canal não esqueça também que se você quer contribuir mais ainda você pode ser membro aqui do canal eu espero você em o próximo vídeo e até mais é [Música] E aí E aí [Música]
Related Videos
Como Se Tornar Um Desenvolvedor MOBILE em 2024? (ROADMAP de tecnologias ATUALIZADO)
19:39
Como Se Tornar Um Desenvolvedor MOBILE em ...
Attekita Dev
24,430 views
Tudo sobre Front-End: 💰 salários, o que estudar e dicas para carreira.
18:42
Tudo sobre Front-End: 💰 salários, o que e...
Gabriel Rangel - Fala, Coders!
97,342 views
Da para APRENDER PROGRAMAÇÃO do ZERO em 6 meses?
17:46
Da para APRENDER PROGRAMAÇÃO do ZERO em 6 ...
Attekita Dev
231,343 views
O Princípio Que TODO Programador Precisa Conhecer
11:06
O Princípio Que TODO Programador Precisa C...
Filipe Deschamps
657,378 views
Como se tornar um desenvolvedor BACKEND? (Passo a passo / Roadmap)
11:32
Como se tornar um desenvolvedor BACKEND? (...
Attekita Dev
180,212 views
Um Conselho Para Quem Quer Ser Programador (A Realidade sobre o Mercado de Tecnologia)
18:46
Um Conselho Para Quem Quer Ser Programador...
Attekita Dev
182,128 views
Pare de Perder Tempo com as Linguagens de Programação ERRADAS
15:38
Pare de Perder Tempo com as Linguagens de ...
Attekita Dev
72,128 views
Não comece por HTML + CSS (O que não te contam sobre iniciar na programação)
14:44
Não comece por HTML + CSS (O que não te co...
Attekita Dev
102,745 views
O que eu faria se estivesse COMEÇANDO hoje na PROGRAMAÇÃO?
12:58
O que eu faria se estivesse COMEÇANDO hoje...
Attekita Dev
414,523 views
CAMINHOS PARA SER UM DEV FRONT-END EM 2023 (GUIA COMPLETO E ATUALIZADO)
29:53
CAMINHOS PARA SER UM DEV FRONT-END EM 2023...
Código Fonte TV
228,180 views
Como iniciar em Desenvolvimento Web? O que estudar?
19:50
Como iniciar em Desenvolvimento Web? O que...
Rafaella Ballerini
158,588 views
O futuro do PHP em 2024: Vale a pena aprender?
15:29
O futuro do PHP em 2024: Vale a pena apren...
Attekita Dev
30,474 views
Roadmap de Front end 2024, Como se tornar um desenvolvedor Front end?  Bora para Gringa
15:04
Roadmap de Front end 2024, Como se tornar ...
Cassiano Vellames
6,304 views
Programar é Difícil até Você Aprender Essas 5 Coisas
23:27
Programar é Difícil até Você Aprender Essa...
Attekita Dev
53,345 views
Do Zero a Programador Full Stack: O que é Full Stack? O que eu preciso estudar?
17:43
Do Zero a Programador Full Stack: O que é ...
Attekita Dev
68,086 views
PASSO A PASSO COMPLETO FREELANCE PROGRAMAÇÃO (preços, hospedagem, requisitos, dicas)
39:49
PASSO A PASSO COMPLETO FREELANCE PROGRAMAÇ...
Fernanda Kipper | Dev
133,024 views
So, you want to be a programmer?
20:43
So, you want to be a programmer?
ForrestKnight
279,484 views
Roadmap para Desenvolvedor Back-End 2024
15:26
Roadmap para Desenvolvedor Back-End 2024
Dev Gio
9,032 views
Guia Definitivo para se Tornar um Programador Full Stack: Do Zero ao Profissional - Roadmap Completo
34:48
Guia Definitivo para se Tornar um Programa...
Léo Scorza - OneBitCode
4,600 views
This is Why Programming Is Hard For you
10:48
This is Why Programming Is Hard For you
The Coding Sloth
804,588 views
Copyright © 2024. Made with ♥ in London by YTScribe.com