10 canais do YouTube para aprender o desenvolvimento básico de front-end

Aprender a codificar é mais fácil agora do que nunca.

Você pode encontrar vários tutoriais gratuitos cobrindo os fundamentos do desenvolvimento front-end. E realmente isso se resume a apenas 3 idiomas: HTML, CSS e JavaScript.

E além de tutoriais escritos, você também pode encontrar muitos tutoriais em vídeo gratuitos no YouTube. Esses estão principalmente escondidos em ótimos canais que você precisa pesquisar para encontrar.

Todos os canais que listei abaixo se concentram no desenvolvimento e devem ser um excelente ponto de partida. Todos eles são totalmente gratuitos e cobrem uma ampla variedade de idiomas, alguns até indo além dos tópicos de front-end para que você possa se tornar um codificador completo em todos os aspectos.

Dicas de desenvolvimento

Pergunte nas comunidades de desenvolvedores da Web e você sempre verá menções ao canal DevTips.

Está repleto de tutoriais longos cobrindo vários tópicos de front-end. Alguns deles incluem princípios básicos como vanilla JS ou propriedades CSS3 mais recentes.

Mas outros tutoriais entram em estruturas mais avançadas como Vue, React e Ember.

Eu recomendo assinar aqui como sua primeira parada em sua aventura no YouTube. Esses vídeos são de primeira qualidade e vale a pena conferir se você encontrar assuntos sobre os quais está curioso.

LearnCode.academy

Aqui está mais um canal tutorial que eu realmente acho que beneficia os codificadores frontend acima de tudo.

LearnCode.academy tem algumas das mais altas qualidades de vídeo que já vi com instruções muito claras. Eles fazem muito em scripts JS e bibliotecas relacionadas, mas também há muitos vídeos sobre como gerenciar sua configuração de desenvolvimento web.

Isso inclui tutoriais de gerenciamento de pacotes como npm e Bower, juntamente com tópicos orientados a servidor com ferramentas como Docker e AWS.

Todas as grandes coisas com toneladas de variedade com vídeos que datam de mais de quatro anos.

LevelUpTuts

Eu sou um grande fã de tutoriais passo a passo porque eles mostram exatamente o que fazer e por que você está fazendo isso.

É isso que você encontrará no LevelUpTuts. É um canal gratuito feito para tópicos de desenvolvimento e se concentra principalmente no desenvolvimento web.

Todos os tutoriais do LevelUpTuts no YouTube são guias completos do início ao fim e serão gratuitos para sempre.

O Ninja da Rede

O Net Ninja é um canal enorme que oferece uma ampla variedade de tópicos de desenvolvimento de front-end. Ele estimulou um site derivado com listas selecionadas de tutoriais gratuitos organizados por assunto.

Todos esses vídeos gratuitos permanecerão gratuitos por toda a vida e são excelentes para entrar na codificação de front-end.

Você pode pegar rapidamente TypeScript, Angular, Vue, ES6 e Bootstrap em um só lugar.

Os vídeos também são de alta qualidade com um ótimo estilo de narração para que você nunca se sinta entediado.

Mídia Traversy (TechGuyWeb)

O canal do Traversy Media no YouTube é sem dúvida um dos melhores para desenvolvedores.

Com mais de 350 mil inscritos, há muito o que amar nesses vídeos. É verdade que eles cobrem muitos tópicos de back-end em linguagens como PHP e Python, então não é apenas front-end o tempo todo.

Lembre-se de que também existem muitos vídeos sólidos sobre técnicas de front-end. Estes incluem alguns vídeos que mesclam o frontend + backend com frameworks como o Angular.

Se você quer fazer um trabalho de desenvolvimento web profissionalmente, nunca é demais aprender alguma codificação de back-end.

É por isso que o Traversy Media deve ser um canal obrigatório para qualquer pessoa na codificação da web, independentemente do nível de habilidade.

Curso de código

O canal Codecourse tem vários vídeos gratuitos, assim como outros mencionados nesta lista.

O que eu gosto no Codecourse é como eles financiam vídeos através de seu site principal. Isso significa que você encontrará muitas coisas gratuitas no YouTube com atualizações opcionais, se desejar.

Acho que há muito o que pesquisar apenas no YouTube, então esse é realmente o melhor lugar para começar.

No entanto, se você é novo na codificação desses vídeos, pode ser um desafio, pois há muitas ferramentas avançadas mencionadas aqui, como Git e Laravel, por exemplo.

Wes Bos

O desenvolvedor Wes Bos construiu um nome para si mesmo com uma tonelada de tutoriais incríveis online.

Alguns são gratuitos, outros custam dinheiro, mas mesmo os gratuitos oferecem muito valor.

É exatamente isso que você encontrará em seu canal do YouTube, oferecendo vídeos gratuitos de codificação de front-end para todos os públicos. E realmente, esses são 99% de todos os códigos front-end.

Mas com esses vídeos, você estará focando em layouts CSS e técnicas de manipulação JS. Ambos os tópicos são realmente valiosos para dominar, e sempre há novos recursos sendo lançados.

Eu gosto especificamente de seus vídeos sobre a propriedade CSS Grid, já que esse assunto pode ser muito detalhado rapidamente.

LearnWebCode

Canal bem simples aqui que vale um sub se você quiser tutoriais de desenvolvimento fáceis.

LearnWebCode fala exclusivamente sobre codificação front-end. Isso inclui alguns assuntos detalhados, como gerenciamento de projetos Git e codificação personalizada de objetos SVG com o elemento canvas. Mas muitos tuts são de nível iniciante, o que é bom.

Se você está procurando uma mistura de vídeos que acompanhem as mudanças de maré no espaço de desenvolvimento, você vai gostar muito deste canal.

Ótimo para todas as origens, porque mesmo desenvolvedores profissionais podem tropeçar em um tópico que nunca estudaram antes.

Codifique a Web (Garrett Love)

O canal de Garrett Love no YouTube “CodeTheWeb” é pequeno, mas está crescendo rapidamente.

Você pode conferir a página de vídeos para ver o que ele oferece e o tipo de qualidade que você pode esperar aqui.

No geral, estou muito satisfeito com esta página porque é tão fantástica. Ele se aprofunda em tópicos fora da codificação frontend, mas também fala muito sobre o lado HTML/CSS/JS das coisas.

Além disso, há uma boa mistura de tutoriais mais longos (20 a 60 minutos), juntamente com vídeos de conselhos mais curtos sobre trabalhos de freelancer e desembarque.

É altamente recomendável explorar esta biblioteca de vídeos se você quiser tornar a codificação sua carreira.

Fun Fun Fun

O último é um dos meus favoritos com 144 mil assinantes: Fun Fun Function.

O apresentador do seu canal, Mattias Petter Johansson, publica vídeos detalhados sobre codificação JavaScript a partir do zero. Este é realmente um curso completo para iniciantes para aprender JavaScript até os níveis avançados. Tudo de graça.

Há coisas sobre teste de unidade e prática com TypeScript, juntamente com tópicos mais gerais para iniciantes, como funções básicas e escopo variável.

Você não encontrará muitos tutoriais de HTML/CSS aqui, mas isso é perfeito para quem está mergulhando em JavaScript para a web.