00:00:00Exatamente 10 anos atrás hoje, o que é realmente impressionante, devo dizer, foi um dia
00:00:06muito importante para mim, pois lancei a primeira versão do meu curso de Angular, o Angular 2,
00:00:12naquela época. E assim como o Angular, este curso evoluiu muito ao longo desses 10 anos;
00:00:17foi atualizado inúmeras vezes por mim, porque, é claro, o Angular evoluiu bastante. E
00:00:23neste vídeo, neste episódio, quero falar um pouco sobre o passado do Angular, de onde
00:00:28viemos, onde estamos hoje e, claro, para onde vamos e o que o futuro
00:00:32reserva para o Angular e seus desenvolvedores, se ainda é uma boa ideia aprendê-lo, especialmente
00:00:37agora com a IA. Então, vamos lá. O Angular, especificamente o Angular 2,
00:00:44foi anunciado em 2014, desenvolvido em 2015 e, na época, foi bem controverso
00:00:53porque era totalmente diferente do Angular 1, o AngularJS, que por si só foi um
00:00:59dos primeiros grandes frameworks que tivemos, criados essencialmente para nos ajudar
00:01:05a nos livrar do jQuery ou, em outros termos, para podermos construir aplicações web
00:01:13mais robustas e interativas, pois facilitava a criação de aplicações renderizadas e
00:01:20controladas no lado do cliente. E então o Angular 2 foi anunciado,
00:01:25sendo totalmente diferente. Em 2016, a primeira versão estável foi lançada,
00:01:33ou melhor, o Angular 2. E como eu disse, em fevereiro de 2016, lancei a primeira versão
00:01:40do meu curso ainda para o beta do Angular 2. E posso dizer que houve muitas mudanças
00:01:45naquela fase beta e na fase de release candidate; eu atualizei o curso diversas vezes.
00:01:51Mas então tivemos o Angular 2. E o Angular daquela época,
00:01:58comparado ao código moderno, era bem diferente. Havia o conceito de ng-modules,
00:02:05ou módulos Angular, onde você tinha classes e precisava usar o decorador @NgModule
00:02:12e declarar explicitamente todos os componentes que iria usar. Tínhamos os componentes,
00:02:19claro, com suas classes e injeção de dependência baseada em construtor.
00:02:26Até era, em certo grau, parecido com um componente de hoje por ainda ser uma classe,
00:02:32mas, ao mesmo tempo, era muito diferente. Especialmente os ng-modules,
00:02:39que talvez você nem conheça mais, dependendo de quando começou sua jornada no Angular
00:02:45ou de em qual empresa e versão você trabalhou. Porque
00:02:51ainda existem muitas empresas e projetos presos em versões antigas.
00:02:55Agora, em 2017, tivemos a "versão 3 perdida", pois o Angular já tinha este cronograma
00:03:04de lançar uma nova versão principal a cada seis meses. E eu lembro que,
00:03:11na época, muita gente não gostou, pois parecia que o Angular quebraria a cada seis meses.
00:03:17Recordo-me de muitos comentários e mensagens no meu curso reclamando que o Angular
00:03:23mudava o tempo todo, mas na verdade não mudava tanto assim. Eles só usavam esse cronograma
00:03:27para ter a oportunidade de introduzir grandes recursos novos, mas sempre de forma
00:03:33muito compatível com as versões anteriores. E bem, sobre a versão 3 em 2017,
00:03:40foi o seguinte: inicialmente, houve alguns descompassos de versão entre os pacotes
00:03:46principais do Angular e o pacote do roteador, já que o Angular é dividido em vários
00:03:51pacotes diferentes. Eles pularam a versão 3 para alinhar todos os números de versão.
00:03:57O próximo grande salto provavelmente foi em 2020, com a introdução do compilador Ivy.
00:04:03E, claro, entre esses anos, a equipe do Angular trabalhou pesado
00:04:12nesse novo compilador, junto com muitos outros pequenos ajustes e melhorias.
00:04:19A ideia era reescrever os componentes internos do Angular e como eles são
00:04:25compilados e traduzidos em instruções reais para manipular o DOM. O compilador antigo
00:04:31tinha ineficiências que geravam pacotes desnecessariamente grandes. Por isso,
00:04:38tiveram esse projeto enorme para reescrever o compilador interno. Por que isso é importante?
00:04:44Porque essa fase pode ser chamada de "fase entediante". De 2017
00:04:52a 2020, não mudou muita coisa externamente. Muita coisa mudou internamente,
00:05:01mas o conjunto básico de recursos e como você criava componentes mudou pouco.
00:05:10Por que isso é relevante? Porque foi também a época de muita concorrência
00:05:16no mercado de frameworks JavaScript. Tivemos o lançamento do Vue.js 2 em 2016,
00:05:22além de muita evolução no ecossistema do React. Em 2018, os React Hooks foram
00:05:27introduzidos. Parecia que todo o resto do ecossistema evoluía rapidamente, e nem
00:05:36todos gostavam disso. O Angular parecia estagnado. E isso não é tão ruim
00:05:43quanto parece. Muita gente valorizava essa estabilidade, pois havia muitas queixas de
00:05:50que tudo mudava o tempo todo no JavaScript — o que soa como piada hoje em dia,
00:05:57considerando a evolução constante impulsionada pela IA que vemos quase diariamente.
00:06:03Mas era do que as pessoas reclamavam. Essa foi a fase estável. Essa fase chegou
00:06:08ao fim por volta de 2022, quando o Angular 14 introduziu os componentes standalone,
00:06:13acho que ainda em modo de visualização para desenvolvedores. A ideia era que,
00:06:19de repente, você não precisava mais dos módulos Angular. Em vez disso, você adicionava
00:06:28uma flag "standalone" ao seu componente e podia usá-lo em outros componentes
00:06:33sem os ng-modules. Você ainda podia usar os módulos se quisesse, misturando-os,
00:06:42pois a compatibilidade e um caminho de migração fácil sempre foram prioridades,
00:06:47mas não era mais obrigatório. Isso foi seguido rapidamente em 2023 pelo
00:06:55Angular 16 com Signals e vários outros recursos, como uma forma diferente de
00:07:00renderizar conteúdo condicionalmente com @if em vez da diretiva ngIf. Também
00:07:05começaram os primeiros experimentos com o Angular "zoneless". Caso não saiba,
00:07:12o Angular 2 usava um conceito chamado ng-zone ou zone.js, uma biblioteca que
00:07:20monitorava eventos no site, como cliques e requisições HTTP, para rodar a detecção
00:07:26de mudanças e atualizar o DOM. A vantagem era que as atualizações do DOM pareciam
00:07:34mágicas, sem precisar chamar algo como o "setState" do React. Mas a desvantagem
00:07:40era o "monkey patching", onde a biblioteca injetava ouvintes em todos os eventos,
00:07:46gerando processamento extra e aumentando o tamanho do pacote. Por isso, era
00:07:54menos eficiente que o mecanismo do React, por exemplo. O modo zoneless foi um
00:08:00grande avanço, viabilizado pelos Signals. Com eles, passamos a ter uma forma
00:08:05explícita de avisar ao Angular que um estado mudou. O framework conseguia lembrar
00:08:11exatamente onde aquele estado era usado no DOM e atualizar apenas aquela parte.
00:08:17Essa reatividade granular chegou em 2023, marcando o que muitos chamam de
00:08:22"Renascimento do Angular". Após a fase estável e os dias caóticos das mudanças
00:08:28em relação ao Angular 1, a comunidade voltou a dar atenção ao framework por seus
00:08:35passos rumo a um futuro mais leve, fácil de usar e alinhado com outros frameworks.
00:08:40Os Signals, por exemplo, tornaram-se populares pelo SolidJS, embora um dos primeiros
00:08:46grandes frameworks a usá-los tenha sido o Vue, mas sob o nome de "refs". Enfim,
00:08:52era para lá que o Angular estava indo. Agora, para 2026 e o futuro, veremos
00:09:01mais desenvolvimento, como formulários baseados em signals. A equipe do Angular
00:09:08também está adotando a IA com um servidor MCP integrado ao CLI para facilitar o
00:09:15desenvolvimento turbinado por IA. É a história de um framework que se manteve
00:09:23estável e compatível durante toda a vida, apesar de se reinventar algumas vezes.
00:09:30A equipe fez um excelente trabalho em mudar a imagem do Angular de um framework
00:09:36pesado e difícil de aprender para algo moderno. Uma característica constante dele
00:09:43é ser um framework "com tudo incluso" (batteries included), oferecendo nativamente
00:09:50formulários, roteamento, requisições HTTP, injeção de dependência e gestão de estado.
00:09:59Diferente do React, você não precisa buscar bibliotecas de terceiros para o básico,
00:10:06o que é muito valorizado pelas empresas. Por isso, o Angular teve um crescimento
00:10:13constante nestes 10 anos, embora o React tenha crescido muito mais — em um gráfico,
00:10:19a curva do Angular mal aparece perto da do React. Especialmente desde o início de 2025,
00:10:26o React decolou por causa da IA. Como já disse antes, a IA tem um favorito claro:
00:10:33React com Next.js e Tailwind, e não o Angular. Mas isso significa que o Angular morreu
00:10:39ou que você não deve mais aprendê-lo? E qual o futuro do Angular com a IA?
00:10:46Bem, o Angular ainda é a escolha de grandes corporações, justamente pela estabilidade
00:10:54e compatibilidade comprovadas ao longo dos anos. Por ser completo e integrado,
00:10:59ele é muito popular em grandes empresas. O React também é, mas os números de
00:11:06download não refletem fielmente a popularidade do Angular no mundo corporativo.
00:11:12No meu curso, por exemplo, tenho 850.000 alunos, o que não fica muito atrás
00:11:18do meu curso de React na Udemy. Embora existam mais cursos de React por aí,
00:11:23minha experiência mostra que clientes corporativos ainda buscam muito o Angular.
00:11:29Portanto, ele continua sendo uma ótima escolha para aplicações modernas, estando
00:11:37muito atualizado graças ao seu "renascimento". Mas é preciso considerar a IA,
00:11:45que está mudando como escrevemos código. Escrevemos menos manualmente agora;
00:11:54eu mesmo uso ferramentas como Claude ou Cursor. No entanto, nossas escolhas
00:12:00tecnológicas ainda importam. Queremos tecnologias bem mantidas, seguras e com
00:12:06recursos que tragam performance e novos casos de uso sem depender de terceiros.
00:12:13Nesse aspecto, o Angular continua sendo uma escolha excelente, assim como o React.
00:12:18E antes que comentem: sim, Vue e Svelte também são incríveis, mas este vídeo
00:12:27é especificamente sobre Angular. Sim, ele ainda é uma ótima opção, e sim, a IA
00:12:34sabe escrever código Angular, especialmente se você der o contexto correto. Creio que
00:12:40o Angular está bem posicionado para esse futuro movido por IA. Se você acredita
00:12:46que em três anos ninguém mais escreverá código e as tecnologias não importarão,
00:12:53sua visão será outra. Mas eu não acredito nisso. Pelo meu uso diário de IA,
00:13:00gerando a maior parte do meu código, vejo que saber guiar a ferramenta e escolher
00:13:08a arquitetura de software certa é mais importante do que nunca. O Angular
00:13:15continua sendo uma ótima escolha. Essa foi minha breve história sobre ele,
00:13:22um framework que sempre terá um lugar especial no meu coração por ter sido
00:13:29meu primeiro grande curso na Udemy. Ele mudou minha vida, permitindo que eu
00:13:36viva de criar cursos, e mudou a carreira de muita gente também. O Angular
00:13:43sempre foi incrível, especialmente para mim.
00:13:48features that are still being planned. Of course, the thing to consider is AI. And AI is changing,
00:13:57of course, how we build programs, how we write code. We write less code. I write less code
00:14:04at least. I use tools like ClotCode or Cursor, for which I also have courses, by the way.
00:14:09They're all linked below the video if you want to join them. We write code, we build
00:14:14programs differently. But of course, our technology choices still matter. We still want to use
00:14:21technologies that are well maintained, that get security updates, that get some new features
00:14:27that make them more efficient or that lead to better performance or that enable new use
00:14:34cases that maybe then don't require third-party libraries anymore. We still want to use technologies
00:14:40like this. And when it comes to that, Angular, of course, still is a decent and excellent
00:14:45choice, just like React is, to be very clear here. And of course, before I get the comments,
00:14:51yes, Vue and Svelte, they're all amazing, too. This video, as you maybe noticed by looking
00:14:57at the video title and thumbnail, is about Angular, though. So yes, it still is a great
00:15:02choice. And yes, AI knows how to write Angular code, especially if you give it the right context,
00:15:08which you always have to do no matter what you're building with which technology. And
00:15:13therefore, I think Angular is well positioned for this AI-powered future. If you believe
00:15:19that in three years or so, nobody's going to write any code anymore anyways, and therefore
00:15:25technology choices don't matter anymore, things will be different, of course, for you. That
00:15:30is not my belief, though. From what I see, from my day-to-day usage with AI, where I'm
00:15:35heavily using it and where most of my code is generated by AI, I can tell you controlling
00:15:41it, steering it, making choices, choosing technologies, choosing software architectures is more important
00:15:48than ever. And yeah, Angular is still a great choice there. So that was my short history
00:15:54on Angular, a framework that will always have a special place in my heart. Because as I mentioned,
00:16:00this was the first major course at least that I released on Udemy. And it has changed a lot
00:16:07for me. It allowed me to create courses for a living. It has changed the lives and careers
00:16:13of countless people. I got so many awesome messages and feedback. And therefore, yeah,
00:16:19Angular always was amazing. And it's especially amazing for me.