CAMINHOS PARA SER UM DEV FRONT-END EM 2023 (GUIA COMPLETO E ATUALIZADO)

2023 chegou e nós sentimos que esse é o momento de falarmos sobre os principais caminhos para se tornar um deve Frontier de sucesso lá em 2021 nós fizemos um vídeo com esse tema e dois anos depois muita coisa mudou aliás foram vocês mesmo que pediram que para atualizar aquele vídeo e é isso que a gente vai fazer Prometemos muitas dicas de tecnologias ferramentas e principalmente conhecimentos que você precisa ter para guiar a sua carreira nesse ano eu sei que o vídeo ficou grandinho Mas te garanto que vai valer a pena assistir até o final bora

[Música] se você quer se tornar um desenvolvedor Frontier de nós queremos te guiar já faz tempo que o trabalho do frontiege é complexo está longe de ser só o que chamavamos lá atrás de web designer os projetos web dentro das empresas hoje estão cada vez maiores mais complexos e demandam mais conhecimentos reunimos muitos informações relevantes para quem quer entrar nessa área em 2023 e contamos também com a ajuda da lura que está fazendo a diferença com o Tech guide a ideia dele é te guiar na jornada de aprendizado como mapeamento das principais tecnologias que estão

sendo buscadas pelo mercado e com sugestões de onde encontrar e estudar cada um dos itens Onde você consegue saber o que deve aprender e onde deve aprofundar o seu conhecimento nesse vídeo Nós Vamos explorar a carreira de Frontier Mas tem várias outras lá como Cyber segurança especial para o tema o link está na descrição do vídeo Além do Tech diet para front Hand que está disponível no link tagget.sh vamos adicionar aqui uma pitada de código fonte TV com nossa opinião sobre Essas tecnologias e o que para nós é mais relevante para começar todo profissional front-end

precisa necessariamente conhecer HTML CSS e java script Esse trio é o responsável pelas aplicações web desde o início da web e surgiram praticamente na mesma época o HTML em 1990 o JavaScript em 95 e o CSS em 96 desde então são Essas tecnologias que os navegadores interpretam poderemos parar por aqui mas isso estaria bem longe de representar o que é o front-endi atual as aplicações web modernas tem uma gama de ferramentas e conceitos tão grande que foi necessário segmentar o tal do Web Designer e até o antigo web Master em outras profissões para você que

nunca ouviu falar nesse trio e a gente sabe que nesse vídeo vão ter pessoas que vão estar chegando do absoluto zero e outros que já estão na área e querem atualizar resumidamente o HTML é o responsável pelo conteúdo da página na web no início ele também era responsável pela formatação mas com o uso do CSS o foco do HTML agora é mais a marcação e conteúdo o CSS por sua vez surgiu justamente para fazer a estilização com ele é possível posicionar dimensionar animar e formatar os elementos das páginas antes para criar várias páginas parecidas eram

preciso recriar toda a formatação em todas as páginas com o CSS é possível definir um único arquivo onde a página HTML irá consumir as informações de estilo e assim todas as páginas poderiam ser formatadas de uma só vez mas o CS evoluiu muito desde o seu surgimento hoje para muitos parece até uma linguagem de programação por conta das funções e variáveis que é possível utilizar o Jarvis script por sua vez é a cola que faz tudo isso funcionar principalmente com as interações e o dinamismo que desenvolvemos nas páginas de início os JavaScript era usado para

liquidação envio de formulários depois ele passou a fazer parte da geração do HTML de forma dinâmica e vem evoluindo desde então sendo uma das linguagens mais utilizadas no mundo jamescript a cada ano ganham novas atualizações e está bem longe do que era aquela linguagem magrinha da década de 90 estamos atualmente na versão chamada script 2021 para quem acompanha ano a ano essas atualizações sabe que a linguagem está ficando mais completa do que nunca ainda mais com o surgimento de outra linguagem que na verdade é um superset do Java script chamada Type Script o Type script

surgiu para suprir uma necessidade de códigos com mais controle sobre os tipos de dados e com recursos de orientação objetos que eu já descobri que não possuía então completamos agora o básico do básico HTML CSS e java script e o Tite script agora que vai começar a brincadeira dos fundamentos do CSS que temos muitas técnicas princípios e tecnologias que nos ajudam a desenvolver elementos das aplicações que vão desde menu botão uma lista até coisas mais avançadas existem maneiras de organizar os elementos E estruturar como eles serão apresentados como Box Model Flex box e o Grid

layout é uma técnica importante é mais antiga porém ainda utilizada nele trabalhamos em como o tamanho e o espaço de um elemento HTML são determinados é composto por quatro elementos principais o conteúdo as bordas à margem e o pedem o Flex Box é uma abordagem que trabalha de forma unidimensional permitindo aos elementos se adaptarem a largura ou a altura da tela automaticamente isso dava um trabalho imenso para fazer antes e dá uma liberdade gigante para criar lealtie simples e responsivos Ou seja que se adaptam ao tamanho da tela do usuário o Grid layout é outra

abordagem porém bidimensional o que permite criar grides mais complexos de elementos HTML ainda assim é mais fácil dividir em linhas e colunas e posicionar elementos em células específicas essas três tecnologias estão embutidas no CSS e a maioria dos navegadores já aceitam sem problemas mas veja que ainda assim isso continua sendo o básico para aprender CSS e ainda não sei se existem algumas metodologias que são muito utilizadas quando estamos trabalhando em projetos que precisam crescer de forma organizada escalável as mais conhecidas são bem smacss e o CSS Pode ser que você só vai utilizar uma dessas

durante sua carreira Mas dependendo do projeto em empresa Você vai precisar de estudar as três nunca se sabe essas abordagens Na verdade são regras e diretrizes para escrever código CSS Limpo fácil de manter e escalável bem significa Block elemento o princípio é o de nomear classes que ajuda a manter a clareza e a organização do código CSS sem utilizar seletores por tags ela se baseia na ideia de que cada elemento HTML é composto por um bloco dentro desse bloco e modificadores para estilizar esses elementos exatamente como está nesse código de exemplo sms é uma abordagem

baseada em categorias para escrever CSS e escalável e modular ele se divide em categorias como base layout módulos e estados ajudando a manter o código organizado de fácil entendimento e manutenção Jaú ou CSS ou objeto de CSS é uma abordagem que se concentra em reutilização de código e separação de estilo e conteúdo ele incentiva a criação de objetos de estilo reutilizáveis que podem ser aplicados a múltiplos elementos HTML cada metodologia tem suas próprias vantagens e desvantagens e a escolha da metodologia certa vai depender do projeto específico e do time de desenvolvimento o importante é escolher

uma metodologia e seguir de forma consistente o que ajuda a manter o código organizado escalável e fácil de manter ao longo do tempo mas ainda sobre html INSS a gente precisa mostrar algumas soluções que ajudam a não recriarmos tudo do zero toda vez que vamos começar um projeto estamos falando do frameworks para front end que tem como Focus principais HTML e CSS Bootstrap material Elise e o mais badalado aí o talence são alguns desses existem diferenças de conceitos entre Uns e Outros mas por fim todos são ótimos para não termos retrabalho Eu particularmente já utilizei

muito Bootstrap mas hoje eu vejo o Twin CSS como uma das melhores soluções de mercado pois Diferentemente do Bootstrap que você já tem elementos pré-definidos onde você precisa somente personalizar com o índicess é possível criar novos elementos de forma rápida e padronizada além de ter também os elementos próprios por exemplo você se perde de tantas coisas já prontas para reutilizar a definição fica muitas vezes na tag classe dos elementos muita gente não gosta disso mas eu não vejo tanto problema assim com isso o básico até agora de html CSS chegou o momento de adicionar no

seu cinto de utilidade um Framework ou biblioteca javascritic para programar as páginas e criar dinamismo e interação estou falando agora de tecnologias como react anglas esbelt e quick só para citar alguns é impossível hoje trabalhar no front-endi só com foco no visual é preciso que as páginas interajam com os usuários e também com os dados que vem do back end utilizar uma dessas tecnologias é muito necessário react que você já deve ter ouvido falar é uma biblioteca muito poderosa e em termos de popularidade é a mais utilizada A grande maioria dessas tecnologias como react que

foi criada pelo Facebook foi desenvolvido para auxiliar na criação de interface de usuário e permite compor e o Ice complexas a partir de pequenos códigos isolados e reutilizáveis o que chamamos de componente o react por exemplo já tem um ecossistema e gigantes e muitos casos de uso que comprovam sua eficiência empresas como Uber airbnb Netflix E é claro Facebook e Instagram utilizam react nós temos vídeo aqui no canal explicando melhor sobre o react olha só um exemplo basicão de um componente no react nesse código estamos importando a biblioteca do react e também um arquivo CSS

para utilizar em nosso componente a criação do componente nada mais é que uma função chamada Welcome que recebe o parâmetro próprios e retorna alguma informação essa função é exportada com o nome Welcome e já tá pronto para ser consumida no ângulo o princípio é o mesmo porém temos uma forma um pouco diferente de criar os componentes agora para consumir esse componente do react o código fica assim importamos novamente ali do react mais o nosso componente que precisa ter o mesmo o nome do arquivo inclusive podemos chamar o componente usando a tag Welcome e o parâmetro

props que usamos é passado através do atributo nem mais simples impossível a componetização dos elementos é uma tendência do front-ent Já tem alguns anos e continuará sendo ela permite como vocês viram que códigos pequenos reutilizem não só o visual mas todo o comportamento em várias partes do projeto e até em vários projetos diferentes por isso que nós descemos lá atrás que não existem mais nessa área começar do zero agora você não precisa aprender todos esses frameworks Na verdade o que vemos no mercado São profissionais que se especializam em apenas um deles como no caso o

react temos a meta e no ângulo a temos o Google por trás então acabamos vendo Sempre esses dois na boca do povo Mas isso não quer dizer que os outros sejam ruins muito pelo contrário o svelt por exemplo já é considerado o quarto colocado nesse ranking e ele nem é considerado um Framework e sim um token ele adota uma abordagem um pouco diferente pois o código é compilado em Java puro no momento da construção ao invés de ser interpretado em tempo de execução pelo navegador o que faz dos véus um Framework leve com um consumo

de memória abaixo e que melhora ainda mais o tempo de carregamento da aplicação as novidades que devemos ficar de olho de acordo com Day State of DS 2022 Uma pesquisa realizada com mais de 39 mil profissionais eles aparecem no top 3 quando a lista é ordenada pelo interesse Então segura a dica aí estude o mais popular pois ele que irá abrir as portas do mercado Mas aprenda outros quando puder até para uso em projetos próprios isso vai expandir seus horizontes de conhecimento e gerar novas oportunidades agora vamos expandir um pouco mais do uso do Java

script pois além do uso nas tecnologias que citamos o Java script e o tab script são parte também de tecnologias utilizadas para comunicação dos dados então não importa se você utilizar o consumo de dados será sempre parecido coisas como em West Jason Graphic well jwt foram parte da sua rotina para comunicação com um back end que é de onde virão os dados e respostas às requisições feitas pelo navegador uma epi ou nesse caso webpa e nada mais é que uma forma de requisitar dados e executar ações do lado do servidor de forma que as aplicações

consigam se comunicar seguindo um padrão se é necessário por exemplo pesquisar produtos de uma loja ou adicionar itens no carrinho de compras e isso pode ser feito através de uma epires já que falamos antes em componente esse aqui é um exemplo em react do consumo de uma hiper que retorna a cotação do dólar em tempo real criamos um componente chamado Exchange que faz um fat ao endereço o que chamamos de and Point da EPI retorna os dados em formato Jason com esses dados eu consigo armazenar o valor referente ao real brasileiro em uma constante chamada

com esse componente retornando a informação como valores das moedas você para ali na primeira linha quando importamos o react também trouxemos o use state que é um Hulk do react para gerenciar o estado de um componente ele permite que você armazene valores mutáveis dentro do componente mantendo o estado atualizado a cada atualização da interface do usuário ou seja não importa se a tela será atualizada esse componente específico irá guardar a informação armazenada no caso o rate e sete rate quando usamos a função e os States Então segura aí que já já vamos falar de gerenciamento

de estados vamos ver como consumir esse componente no react basta importar esse novo componente e adicionar ele na aplicação com a tag extrend rate assim toda vez que a gente precisar mostrar nessa informação na tela ele fará o trabalho sujo de recuperar as informações sem a gente perceber notation e é uma forma de representação de dados baseado em texto que é amplamente utilizado uma troca de dados entre aplicações na web ele permite transmitir informações estruturadas como objetos e a Reis através da rede e um formato simples e fácil de ler no exemplo olha como a

Vanessa ficou até mais nova que lindo é uma linguagem de consulta nem todos os projetos utilizam ela mas ainda assim é interessante aprender a usar ela foi Projetada para oferecer uma maneira mais eficiente e flexível de Obter dados ao contrário do padrão rest que geralmente requer vários requisições para obter todos os dados o graphyl permite que você solicite exatamente os dados de que precisa e uma única requisição por exemplo estamos realizando uma consulta onde queremos os dados como nono e meio e endereço do usuário como é de um o resultado da consulta poderia ser algo

assim nesse caso ele inclui a chave dele que contém as informações específicas da consulta o servidor que está fornecendo as informações pode devolver os dados em qualquer estrutura que desejar desde que sejam consistente com a consulta no dicionário programador com explicações mais detalhadas os links de todos esses vídeos vão estar aqui na descrição Ok mas aí se a gente voltar lá naquele exemplo anterior onde a gente fez uma chamada aí piá de cotação de dólar se você prestou atenção então você ainda tá se perguntando como conseguimos acesso a cotação de dólar sem precisar de nenhum

tipo de permissão no caso de uma ep aí que utiliza dados sensíveis como é que a gente faz para proteger isso não podemos deixar de lado a segurança embora ela envolva muitos conhecimentos que devem ser aplicados no momento da criação da aplicação vamos destacar por aqui o jwt e o tio é feio jwt ou Jason web tokens é um padrão definido pelo rfc 75 19 que diz como transmitir e armazenar de forma compacta e segura objetos Jason entre aplicações ele é usado tanto para cenários de autenticação quanto para troca de informação a ideia que ao

realizar autenticação com servidor o cliente nesse caso Frontier precisa enviar a cada requisição os dados de autenticação garantindo dessa forma uma troca seus dados Segura Esse é um exemplo de um token gerado por autenticação via jwt para saber mais obviamente temos também um vídeo sobre essa tecnologia no dicionário do programador e o link também está na descrição o efeito outub Factor authentication acho que isso todo mundo conhece né é a já famosa autenticação em dois fatores o processo de segurança altamente indicado para manter protegido tanto os dados de usuários quanto dos recursos que eles estão

tentando acessar e ele pode utilizar de diversos fatores como biometria conhecimento posse comportamento entre outros agora sim vamos falar do tal do gerenciamento de estados que citamos esse é um tema muito relevante É ele que vai manter o controle o registro das informações ou dados da aplicação da sessão dos elementos que estão na tela e também do usuário para todos entenderem de uma vez Imagino que você está navegando em uma loja virtual e lhe faz lá um filtro que apresenta uma lista de produtos você clica em um dos produtos Mas e você não fica satisfeito

não é esse produto que você queria aí você volta na lista de produtos e espera que seu filtro continue lá isso é gerenciamento de estados aquela informação que tá ali do filtro precisa persistir como não vamos Reinventar a roda podemos sempre optar por utilizar bibliotecas específicas para gerenciar estados nas aplicações E aí aparece em outros nomes que devemos estudar como Redux utilizado no react o movex utilizado aí como uma alternativa tanto para êndula quanto para vir o JS o viu x que é para o View GS e o ng-rx que é utilizado no ângulo ou

seja todas elas fazem praticamente a mesma coisa com a opção de armazenamento de dados e Cash porém cada uma está associada que vale uma atenção especial pois ela trabalha justamente com o gerenciamento de estados utilizando dados locais e remotos com graphyel e é compatível com o ângulo react builds welt sólidos GS em Ender além de poder trabalhar nativamente com o iOS e Android no caso de aplicações móveis então não deixe de lado o estudo sobre algum gerenciador de estados withs por exemplo é muito utilizado como react para garantir a consistência dos dados em singles application

e também em aplicações complexas ele implementam arquitetura chamada de Flux e permite controlar o fluxo de dados nas aplicações de maneira centralizada e previsível o que acaba deixando o processo de depuração e manutenção mais simples é outro tema que também já está disponível no dicionário do programador Mas se você quiser ver na prática como se utiliza não deixa de pedir aqui nos comentários Prometemos um código bem didático para você nunca mais esquecer um outro está em alta no mundo front-rand é o tal de server Side hendring ou somente ssr no primórdio do desenvolvimento web quando

era necessário carregar por exemplo informações vindas de um banco de dados era preciso utilizar alguma tecnologia do lado do servidor para prover os dados de forma dinâmica ntou sem o recarregamento da página pois isso é realmente melhor do ponto de vista do uso a mais poderia sobrecarregar o próprio navegador caso o computador do usuário fosse mais fraco meio do caminho entre desenvolver o que chamamos de spa ou cinco page application ou renderizar tudo novamente se criou o conceito de ssr que é uma técnica de renderização em que o conteúdo da página é gerado no lado

do servidor enviado para o navegador como HTML estático isso ajuda a melhorar a performance da página acessibilidade e s ou que ainda iremos falar por aqui pois o conteúdo já está disponível para o navegador assim que a página é carregada a maioria das bibliotecas de renderização do lado cliente como reatria e ângulo oferece suporte ao ssr para implementá-lo você precisa configurar o seu servidor web para que ele possa gerar o conteúdo da página dinamicamente porém existem soluções específicas para isso uma dessas é o remix que dá suporte ao ssr além de roteamento automático gerenciamento de

estado e suporte para vários bancos de dados ele é baseado em react e É voltado para criação de aplicativos web escaláveis e personalizáveis outra biblioteca muito popular se não a mais popular utilizada no react para ssr é o nexts que possui alternativas também no caso do views com o nox de S então quando se trata de front-end moderno não dá para deixar de lado as tecnologias de renderização do lado do servidor o que nos leva a dois temas super relevantes que devem ser estudados com atenção s ou e fundamentos do http o s.o é um

assunto extremamente complexo e nos projetos precisam contar com profissionais especializados no tema s ou caso você nunca tenha parado para estudar é a otimização de suas páginas para os mecanismos de busca mais do que ter um projeto bonitão e cheio de conteúdo é super importante torná-lo buschável utilizando essas técnicas específicas e não é à toa que no teto o s ou está marcado com um nível 1 de profundidade para o front-end esse tipo de conhecimento é essencial mesmo que exista e o analista no seu time aqui quem implementa efetivamente as técnicas é o deve front-end

o Google que é o maior mecanismo de busca atualmente fornece ferramentas e muitas dicas de como fazer-lo no aspecto técnico instalando a extensão do Chrome chamada Lighthouse é possível receber informações detalhadas não só sobre s ou mas acessibilidade Performance em melhores práticas Esse é o ponto de partida do profissional s ou e também do front-end para resolução dos problemas nas páginas conseguindo uma boa nota em cada categoria o trabalho de seo como um todo será recompensado Nós também temos um vídeo específico sobre s ou aqui no canal e todo esse assunto tem relação íntima com

fundamentos http que a gente vê aqui também presente e para mim pessoalmente fica difícil descartar o quão importante esse tipo de conhecimento o htt está relacionado diretamente com funcionamento do navegador e a forma como mais informações são carregadas no cliente então não Ignore esse assunto estude um pouco sobre rede além de entender os metros de requisição get post Pet de Elite é preciso saber o que é Cash e por exemplo tem uma coisinha maravilhosa nesse mundo chamado CDN que é a sigla para contant delivery Network isso nada mais é que uma rede de servidores distribuídos

geograficamente que trabalham em conjunto para entregar conteúdo aos usuários de forma mais rápida e eficiente ao acessar um site que usa CDN o usuário é direcionado para o servidor mais próximo da sua localização na rede isso significa que o conteúdo entregue mais rapidamente pois a distância entre o usuário e o servidor é menor é mas não é só isso com CDN é possível criar cash de requisições e imagens fazendo o que que partes de conteúdo ou páginas inteiras sejam entregues muito rápido sem precisar ir até o servidor onde o arquivo está Originalmente armazenado isso melhora

Deveras a escalabilidade de uma aplicação web pois a carga é distribuída entre vários servidores ao invés de ter concentrado em um único servidor Isso significa que o site é menos propenso sofrer lentidão ou parar de funcionar em momentos de grande demanda não podemos deixar falar também sobre algumas técnicas essenciais para qualquer desenvolvedor seja front-end ou não estou me referindo ao uso de Git E também o github para versionamento de código e repositórios dos projetos inclusive para muitas empresas é a principal ferramenta para armazenamento de códigos e também para fazer deploide através do getweb Actions entender

os conceitos de brants comictes por requests e principalmente saber desfazer aquela cagada essencial para o seu dia a dia existem até técnicas de funcionamento no front-endi e uma delas é o versionamento semântico que também é conhecido como saver que podemos aprender mais com o conteúdo disponível no Tech guide isso ajuda a gerenciar as dependências dos projetos que são todos os elementos externos ao código que precisam ser atualizados de tempos em tempos eu sei que você já está dizendo que é muita coisa mas calma tem tecnologias aqui que servem para qualquer desenvolvedor e não só para

Frontier e não precisa se desesperar para aprender tudo de uma vez só é preciso ir atrás desses conhecimentos conforme você vai progredindo e Precisando nós falamos aqui de dependências não foi então uma outra ferramenta Deveras importantes de se conhecer são gerenciadores de pacotes e dependências você provavelmente já deve ter ouvido falar em npm e arme E pnpm esses são programas utilizados no terminal para criar e gerenciar projetos adicionar dependências compilar arquivos testar e fazer literalmente o projeto rodar Eu por exemplo gosto muito de usar o weard nos meus projetos quando eu preciso rodar um projeto

com node localmente por exemplo eu só rodo o comando e arnie deve e ele cria um ambiente e disponibiliza um endereço para navegação nesse caso estamos usando também no projeto next GS uma outra coisa que todo desenvolvedor deve prezar é por fazer testes e no caso do front-endi não é só ficar navegando E clicando aleatoriamente nos links e nos botões estamos falando aqui de testes automatizados que verificam se tudo está funcionando mesmo das menores mudanças para deixar tudo mais simples geralmente utilizamos ferramentas consagradas no mercado no caso do front-end podemos usar o Just e o

Cypress o Just é uma biblioteca de testes e JavaScript mantida pela meta Projetada para ser fácil de usar e flexível é utilizada para testar código JavaScript incluindo aplicações de react e uma das bibliotecas de testes mais populares tem recursos para testes unitários integrados Snapchat testing cobertura de código e relatório de resultados de testes Além disso ele é conhecido por ser rápido devido a sua arquitetura baseada em JavaScript e ao seu modo de Cash que permite testar apenas o que foi modificado também é uma ferramenta de teste porém com foco na interface do usuário para aplicações

web ele foi projetado para tornar o processo de teste mais fácil de eficiente permitindo que você escreva Execute e visualize testes de forma rápida intuitiva ao Contrário de outras ferramentas de teste o sai por exemplo executado do lado do cliente O que significa que ele tem acesso a todas as etais do navegador e interage diretamente com a sua aplicação como um usuário real e isso torna os testes mais precisos E confiáveis essas ferramentas de testes são geralmente conectadas ao sistema de depoimentos para que Qualquer mudança só vai efetivamente subir para a produção após passar nos

testes Além disso Existem muitos outros tipos de testes para front end que ajudam a manter o padrão na manutenção por isso que testar é tão importante no desenvolvimento de software não podemos deixar de citar também outros aspectos importantes na carreira de um profissional front-endi é preciso entender dos conceitos por trás do you x que é a experiência do usuário há muitos anos atrás essa responsabilidade era delegada também ao Ed designer mas com a evolução dos times foi preciso ter um profissional apto a entender como usuário usar a aplicação e assim como no s ou que

tem um profissional próprio para isso o front-end é a conexão para transformar o que estes profissionais estabelecem em código a criação de componente design Systems e a experiência como um todo do usuário também deve estar no centro de utilidades do Frontier até porque será preciso entender o básico esses assuntos para conseguir implementar efetivamente as demandas que vierem dessas outras áreas o que tem relação Direta com acessibilidade e responsabilidade que descreve como o código deve ser criado para todas as pessoas e dispositivos a gente sabe muito bem que para você que está chegando na área esse

vídeo pode ser assustador Mas calma tem crise Não desista mostramos muitas tecnologias técnicas e ferramentas que são similares você não vai por exemplo precisar saber react ao mesmo tempo você vai escolher inicialmente apenas uma delas e se especializar no seu ecossistema sem contar que você mesmo dentro do front-end pode se especializar ainda mais existem profissionais por exemplo que são melhores na parte de segurança outros que têm mais facilidade na componetização outros no s ou outros no design e por aí vai agora a gente não pode te iludir se tornar um bom profissional front-endi Leva sim

bastante tempo e vai ser preciso uma dedicação arretada por isso que a sua jornada de aprendizado deve ser prazerosa gratificante e principalmente contínua separe uma parte do seu tempo no dia e foto de verdade nos estudos indicamos que você usa o Tec gaide e as referências que estão por lá para organizar os seus estudos assim como os links dos nossos vídeos que estão aqui na descrição se comprometendo a ler e a estudar pelo menos um ou mais conteúdos por dia você vai rapidamente sentir que tá evoluindo é mas um alerta não estude tudo ao mesmo

tempo e não acredite que esse conhecimento vai vir em linha reta de acordo com a necessidade você vai descobrindo e aprendendo novas coisas daí você vai aprender que tudo que mostramos no vídeo vai entrando ali no seu dia a dia organicamentesh Bons estudos e uma excelente jornada rumo ao Fronte ende para você viu sucesso