Programador Front-end Iniciante - APRENDA ISSO!

já que o fiasco foi de Vasco eu vim aqui salvar vocês que gostam de front end e como Engenheiro frontend o seu principal papel é fazer a parte bonita de um site ou aplicativo a sua obrigação é garantir que o usuário tenha uma boa experiência ao usar o produto as tecnologias que envolvem o frontend são HTML CCS e JavaScript Mas isso é só a base que já não é fácil e além disso o caminho é longo e árduo mas este vídeo irá te salvar é um guia completo de ferramentas e tecnologias importantes da sua jornada

Este é Rodolfo Mas você pode chamá-lo de html Rodolfo ou HTML é uma linguagem de marcação é conhecido como um esqueleto de um site porque ele fornece toda a estrutura essencial que um site precisa uma linguagem de marcação usa tags para definir elementos estruturar o conteúdo cabeçalho parágrafo links e imagens de um site tudo que você vê ao acessar um site é estruturado com HTML e para escrever um código geralmente a gente utiliza um editor de código por muitos anos usamos editores pesados como Android Studio e o TJ da Jet Brains mas agora quem reina

é o visual Studio code leve como uma pena até que você comece a encher ele de extensões e ele vai ficar mais pesado do que o Android Studio e se Rodolfo é o HTML ele precisa de uma pele não tem como alguém levar Rodolfo a sério sendo apenas um esqueleto e é aí que entra o CSS ou fhas de estilo em Cascata o CSS permite que a gente crie designs responsivos que se adaptem a diferentes tamanhos de tela e dispositivos garantindo então que o sites não sejam apenas funcionais mas também esteticamente agradáveis e fáceis de

se utilizar e concorda comigo que não adianta Rodolfo ter uma estrutura e uma pele se ele não tiver vida assim ele não é nada ele está apenas morto e é para isso que serve o JavaScript ele é uma linguagem de programação dinâmica que introduz interatividade nos sites desde animações simples Até funcionalidades mais complexas como validação de formulário buscas exibição e tratamento de dados é a mágica por trás dos comportamentos dinâmicos dos Sites que a gente acessa todos os dias e por mais que rodolf já tenha um visual atraente e boa interatividade ainda assim ele terá

bugs e cada correção em Rodolfo precisa ser rastreada e gerenciada e é aí que entra o Git que é um sistema de controle de versões o Git permite que a gente gerencie as mudanças Trabalhe em equipe e volte para versões anteriores do nos código quando for necessário já o github por outro lado é uma plataforma que os pé da repositórios Git facilitando a colaboração o compartilhamento de código e até o Deploy E à medida que os projetos crescem gerenciar as bibliotecas e dependências do JavaScript é Um Desafio principalmente porque todo dia nasce uma nova biblioteca

e outras morrem os gerenciadores de pacotes são ferramentas projetadas para enfrentar esse desafio gerenciadores de pacotes populares são npm e arn e eles ajudam a gente a instalar atualizar as bibliotecas de software de maneira contínua e Eles garantem que os nossos projetos T as versões corretas e dependências tornando processo de manutenção mais suave quer dizer às vezes né É verdade quer dizer às vezes não e ter um site e não ser responsivel atualmente é nascer morto já estamos vivendo em um mundo onde 78% da população com 10 anos ou mais tem um celular e Vale

ressaltar que a geração z não sabe mais usar computadores portanto você vai precisar aprender usar os recursos que permitem fazer isso via CSS como flexbox e grids e claro Existem os fm yorks facilitadores como o bom e velho bo strip e o badalado do momento que é o ta ind aprendeu um pre-process ador CSS como SAS pode ser útil também você provavelmente irá se deparar com algum projeto que utilize ele e Vale ressaltar que ele permite a gente utilizar técnicas avançadas de estilização variáveis e regras aninhadas aprimorando então o processo de estilização do nosso código

CSS e já que a gente mencionou frameworks chegou a hora de invocar os badalados do momento react View e angular todos eles têm o mesmo papel que é construir páginas e apps dinâmicos mas todos inicialmente falharam miseravelmente na sua eficiência de compilação e assim abriram as portas para Fer ferramentas de build mais eficientes como White que lindam com transpiração minificação e agrupamento de módulos e um software bem construído é um software testado e aprender ferramentas como jash e Cypress é fundamental para começar com o pé direito e fazer as coisas do jeito certo e se

react View e angular falharam na compilação o JavaScript já nasceu bugado Você só será um Dev frontend respeitado depois que você aprender typescript o typescript oferece anotações de tipo interface e ferramentas aprimoradas levando o código a um nível de desenvolvimento muito mais robusto ele ajuda a gente capturar os erros durante o processo de compilação garantindo que os problemas potenciais sejam abordados antes mesmo do build final da nossa aplicação e se você acha que react só tem problemas de build negativo ele também não renderiza aplicações no servidor e é por isso que você pode utilizar outro

Framework conhecido e badalado também que é o nest JS ele fornece divisão de código automático renderização do lado do servidor e um rico conjunto de recursos que facilitam a construção de aplicações react escaláveis e por mais que você almeje ser um front-end e tenha medo de telas pretas e backend você ainda assim vai precisar consumir dados de um backend É por isso que você precisa aprender sobre a Rash porém como quase tudo na programação elas vêm com limitações especialmente a lidar com estrutura de dados e dados complexos assim surgiu o graficel como uma alternativa poderosa

oferecendo mais flexibilidade na consulta de dados ele permite que os clientes solicitem apenas os dados que precisem reduzindo a busca excessiva de dados graphql É sim uma alternativa mais eficiente e poderosa e flexível que a ipr r tradicional Ufa eu cansei com essa sopa de letrinhas e agora você tem duas alternativas você pega todas essas letrinhas essas palavras que vocês gostam escreve num papel e diz que vai estudar uma a uma faz um checklist e na verdade eu sei que você vai começar e vai desistir ou pior vai sair daqui e vai abrir um tutorial

um tutorial qualquer e vai clonar uma Pokédex e vai achar que é um Dev front Change vai colocar no github assim como dezenas de outras pessoas bom e eu ainda faço esses guias porque vocês gostam mais recentemente eu criei um projeto novo o canal B Coach que tem uma aula mensal de graça postada toda a primeira semana do mês essas aulas seguem uma linha cronológica que não tinha como eu evoluir nas nossas as aulas sem antes eu dar uma base da programação frontend e essa foi a nossa segunda aula que já tá disponível no canal

Bolt code portanto eu te convido agora mesmo a ir lá e assistir não só essa mas as duas aulas já disponíveis na nossa comunidade bzin essas aulas são a base forte fundamental para você evoluir na sua carreira e não apenas ser uma impressora que copia e cola código eu te ensino a pensar como um programador e eu te Guio na sua própria jornada Então aproveita e se inscreve também para ser notificado sobre as próximas aulas no primeiro link fixado na na descrição todas elas são verdadeiros cursos completos e dinâmicos sem dúvidas uma hora de conteúdo

que você vai aprender muito mais que muitos cursos por aí clica e assiste a aula que tá vendo aí