A maneira certa de aprender o desenvolvimento web front-end


Desenvolvimento Web é um campo que provavelmente não irá a lugar algum nos próximos 5-10-15 anos. Essa forte suposição vem com os fatos sobre a rapidez com que a web está se movendo, as melhorias no hardware que as pessoas têm com elas (telefones móveis rápidos e inteligentes) e aplicativos baseados na nuvem que permitem fazer o trabalho pesado na nuvem e usar o navegador como uma ponte para conectar servidores de back-end poderosos com front-ends menos capazes e poderosos. Isso torna a melhor aposta para aprender o desenvolvimento da web agora mesmo, se você estiver procurando aprender alguma coisa.

Além de abrir uma infinidade de oportunidades para você, você também poderá codificar e implantar projetos completos de ponta a ponta, que podem ser consumidos por quase todos no planeta. Como a maioria das pessoas tem navegadores, qualquer pessoa fica a apenas um URL do aplicativo da Web e algo que você codificou – compare isso com um aplicativo de desktop ou um produto baseado em hardware. Não é tão escalável em comparação com a web. Bem! Agora que estabelecemos o fato de que a web é o melhor caminho a seguir agora, se você quiser aprender alguma coisa, vamos ver como aprender o desenvolvimento da web.

XBOX em Oferta

A web é vasta – comece pequeno e mantenha-o pequeno

Você já viu uma quantidade enorme de estruturas e bibliotecas JavaScript disponíveis, como React, Angular, Vue, Ember, jQuery, XYZ etc. Algumas perguntas muito comuns que recebo como YouTuber postando conteúdo de desenvolvimento da Web estão nas seguintes linhas:

Devo aprender X?

X é melhor que Y?

Qual é o escopo de Z?

Lembre-se sempre de duas coisas sobre tecnologia, especialmente sobre a web:

  1. Sua pilha de tecnologia quase sempre nunca importa. Se você é bom o suficiente com seu idioma / estrutura, você ganha sempre.
  2. Você nunca precisa aprender tudo. Nunca. Seja um valete de todos, e certamente mestre de um.

Para resumir esta seção, você precisa pensar muito pequeno quando começar, pois é super fácil se empolgar com essa estrutura quente do mercado ou tentar correr adiante abandonando a tecnologia antiga e adaptando a nova tecnologia sem fazer a devida pesquisa.

Comece com HTML e CSS

Não posso enfatizar isso o suficiente. Dói-me ver muitas pessoas me perguntando quando estão trabalhando em seus projetos React quando a resposta está em algum fato que mostra o quão fracas são suas habilidades em HTML ou CSS. O JavaScript era apenas uma linguagem de script do navegador e, embora seja muito mais agora, não altera o fato de que na Web ele complementa as partes HTML e CSS.

Com os avanços nos padrões da Web, há tanta coisa possível em CSS sozinho que, para muitas coisas, o JavaScript nem é necessário. Animações? Você entendeu. Arraste e solte? HTML pode lidar com isso. Layouts? Faça o checkout da API CSS da caixa flexível ou da grade! Há tantas coisas que você pode aprender sobre HTML e CSS! Só não se apresse em JavaScript por causa do motivo pelo qual crianças legais como Angular estão esperando por você lá fora. Essas bibliotecas e estruturas não estão indo a lugar algum. Não tenha pressa.

Indo fundo ou largo?

Existem duas abordagens quando você aprende o desenvolvimento da web – amplie-se ou aprofundar-se. Ampliar significa começar a aprender muitas coisas juntos. Isso pode funcionar para algumas pessoas e pode não funcionar para outras. Você pode se sobrecarregar com tutoriais, exercícios, vídeos, blogs etc. e desistir. Ir fundo significa que você começa a aprender uma coisa e tenta aprender o máximo que puder sobre isso. Isso tem seu próprio conjunto de prós e contras. Você pode ficar entediado, desista porque não vê resultados.

Então, qual é a solução? A resposta é, surpreendentemente, não fazer nada. Escolha uma pequena pilha de tecnologia – como HTML / CSS / JavaScript, e mergulhe moderadamente nos três. Isso tem algumas vantagens:

  1. Você não fica entediado, todos os três têm objetivos e maneiras de escrever relativamente diferentes.
  2. Você pode combinar todos os três, criar e ver algo significativo rapidamente, sem meses de esforço – o que geralmente é exigido por todos os outros idiomas como C / C ++. Isso o manteria motivado a trabalhar mais

Não escolha React, .. ou Angular, .. ou Vue

Quando as pessoas começam a trabalhar com JavaScript, há uma necessidade de escolher uma biblioteca como o React, um sistema de interface do usuário como o Material UI e seguir em frente e começar a criar coisas incríveis. Infelizmente, não passa de um tiro na cara. Você nunca poderá criar projetos intermediários a avançados com essas estruturas se não tiver terminado o básico em JavaScript. E a aplicação do JavaScript leva algum tempo. Observe que eu usei a palavra aplicando, e não aprendendo na frase anterior. Há uma enorme diferença entre aprender algo e aplicar algo que você aprendeu. Crie um projeto pequeno, mas funcional, com HTML / CSS / JavaScript e, quando criar, crie mais um e, em seguida, crie mais um. A cada passo, continue aumentando a complexidade do projeto e as expectativas também, até que sua base de código se torne incontrolável. No ponto em que você chegou agora, eu chamaria isso a fronteira da aprendizagem superior.

Veja bem, existem estruturas para descarregar o trabalho repetitivo de você. Eles não existem para que você não se importe com o que está acontecendo e conte com o fato de que tudo é mágico. A primeira vez que você escolher uma estrutura como React ou Angular para seus projetos deve ser quando estiver confiante de que pode criar esse projeto sem React ou Angular também.

Mestre de um

Agora, quando você é bom em HTML / CSS / JavaScript, é hora de seguir para os padrões da indústria. A verdade é que, não importa o quão bom você seja um desenvolvedor de JavaScript, muitas vezes você precisará trabalhar com estruturas modernas como o React – e apenas com seu conhecimento de JavaScript, você não poderá dominá-lo imediatamente. Vai levar tempo – para aprender e entender a terminologia, os conceitos, como funciona sob o capô. É hora de adotar uma estrutura e dominá-la. Quão? Você pode perguntar. A resposta é simples – depende de você. Experimente “Hello World” ou talvez um projeto um pouco mais complexo em todas as estruturas que você vê por aí (principalmente Angular, Vue ou React) e veja qual delas vibra mais com você. Escolha aquele e não olhe para trás.

Crie projetos ilimitados com ele e tente fazer algo que você ainda não sabe fazer – esta é a melhor maneira de sair da sua zona de conforto e aprender coisas novas sobre algo que você pensou que já sabia.

Valete de outros

É igualmente importante ficar de olho em outros candidatos também. Isso não envolve apenas concorrentes diretos da sua estrutura “favorita”, mas também algumas ferramentas de desenvolvimento da web que valem a pena. Você não precisa “dominar” as ferramentas como tal, porque muitas vezes elas são configuradas apenas uma vez com manutenção regular, mas é sempre bom mantê-las em sua lista de verificação de habilidades.

Isso pode incluir várias coisas – teste de unidade com brincadeira, teste de ponta a ponta com cipreste, webpack, babel, parcel, um pouco de devops, scripts de shell do Linux, implantações de servidores etc.

Você sempre pode aprender o básico dessas habilidades rapidamente, já que elas existem há muito tempo – para que elas tenham bastante material de ajuda disponível.

Ir em frente

Confie em mim, é uma sensação engraçada, mas depois de desenvolver muitos projetos e escrever muito código com sua pilha favorita, você começa a sentir que tudo pode ser feito. Nesse ponto, você pode pegar um emprego e continuar fazendo – está completamente bem. Ou você pode aumentar suas habilidades através do telhado – seguir em frente. Rede. é. grande. Você terminou com HTML / CSS / JavaScript / React / Angular / Vue? Vá para servidores – aprenda sobre implantação de servidores, NGiNX, HAProxy, balanceamento de carga, configuração de infraestrutura em nuvem, firewalls, escalonamento automático, etc. Você também fez isso? Vá para o WebAssembly – idioma para a próxima iteração da web. Feito com isso também? Err, eu não sei então, talvez mudar para outras áreas de programação ou cozinhar?

Conclusão

No mundo de hoje, é tão fácil não repetir os erros que cometi enquanto aprendia o desenvolvimento da web, porque todos esses erros agora são públicos para que todos possam ler! Você tem tantos recursos e eu mesmo estive trabalhando em um para os desenvolvedores da Web aprenderem! Aqui está o meu Canal do Youtube onde eu ensino como programar coisas incríveis e aqui está o plataforma codedamn – a plataforma atual que permite que você se torne um ótimo desenvolvedor, mesclando vários vídeos, artigos e exercícios! Deixe-me saber o que você pensa sobre este artigo e o desenvolvimento da web em geral, através do meu Twitter e Instagram alças. Eu adoraria me conectar com você por aí!

Paz!





Fonte

Leave a Reply

Your email address will not be published. Required fields are marked *