Blazor em menos de 15 minutos

Nesta aula, vamos aprender sobre o Blazor, um projeto da Microsoft que permite usar C Sharp no lugar de JavaScript. Exploraremos o Blazor WebAssembly, que roda client-side, e o Blazor Server. Vamos instalar o template do Blazor, criar um projeto WebAssembly, configurar no Visual Studio Code, entender a estrutura das páginas e criar uma lista de tarefas com C Sharp e HTML.

Novo Curso: Criando Apps Web com Angular e Redux

COMMING SOON: PWAs com Angular 8, Ionic 4 e Firebase

Nesta aula, vamos aprender a criar um aplicativo PWA que simula o Instagram, utilizando o Firebase para cadastro e login, inclusive com Google. Exploraremos funcionalidades em tempo real, como tirar e publicar fotos com localização, usando APIs do browser para câmera e geolocalização. O aplicativo é responsivo e permite interações rápidas e eficientes.

Curso GRATUITO: Monitorando Aplicações com Application Insights por Carlos dos Santos

Nesta aula, vamos aprender sobre Application Insights com Carlos dos Santos, MVP e Regional Director da Microsoft. O curso é uma parceria com Baltieri e conta com o apoio da CDS Software e do Taskfly.

Novo Curso: Criando Apps Web com Angular e UiKit

Nesta aula, vamos aprender a criar um carrinho de compras com Angular e UIKit. Veremos como customizar o UIKit, estruturar a aplicação, modelar dados com TypeScript e criar componentes. Também abordaremos diretivas, serviços de dados, autenticação, formulários e segurança para desenvolver uma aplicação completa.

Curso Começando com Angular - Aula 21: Estilizando o botão

Nesta aula, vamos aprender a estilizar elementos de uma aplicação, alterando o título com a fonte Dancing Script e adicionando Montserrat. Vamos importar as fontes de uma vez só e aplicar estilos CSS, como text-align center e background preto em botões. Também veremos como ajustar padding e bordas para melhorar a aparência dos elementos.

Curso Começando com Angular - Aula 7: Variáveis e Tipos

Nesta aula, vamos aprender a criar e manipular variáveis no TypeScript com foco em um componente de lista de tarefas. Definiremos uma variável pública "todos" do tipo "any" para armazenar dados. Exploraremos variáveis vazias e indefinidas e como inicializar listas de tarefas no construtor. Por fim, veremos como exibir essas tarefas na interface.

Curso Começando com Angular - Aula 18: Lendo os itens

Nesta aula, vamos aprender a carregar tarefas do localStorage e populá-las em nossa aplicação de to-dos. Criaremos um método load que lê os dados, converte para JSON e atualiza a lista. O método será chamado no construtor para carregar as tarefas ao iniciar. Também veremos como salvar e atualizar o estado das tarefas ao removê-las ou marcá-las como concluídas.

Curso Começando com Angular - Aula 16: Adicionando uma tarefa

Nesta aula, vamos aprender a criar um método para adicionar tarefas em uma lista de afazeres. Vamos recuperar o título de um formulário, gerar um ID único e incluir a tarefa na lista. Também implementaremos um método para limpar o formulário após a inclusão. Além disso, exibiremos uma mensagem quando não houver tarefas na lista.

Curso Começando com Angular - Aula 25: Build e Toques finais

Nesta aula, vamos aprender a criar e personalizar ícones para uma aplicação Angular, substituindo o ícone padrão e exportando diferentes tamanhos. Além disso, veremos como compilar a aplicação para produção usando ngbuild-prod, gerando a pasta dist, que pode ser transferida para um servidor. O curso também abordará tópicos avançados como DevOps, SEO, Angular Universal e PWA.

Curso Começando com Angular - Aula 2: Ferramentas

Nesta aula, vamos aprender a configurar o ambiente de desenvolvimento necessário para o curso. Precisaremos do Node.js, preferencialmente a versão LTS, e de um editor de código, como o Visual Studio Code, que é recomendado por sua leveza e suporte ao TypeScript. Também utilizaremos um terminal, como o Hyper ou o PowerShell, para executar comandos essenciais.

Curso Começando com Angular - Aula 12: Alterando um Item

Nesta aula, vamos aprender a marcar tarefas como concluídas ou não concluídas diretamente, utilizando referências de objetos. Isso evita a necessidade de percorrer listas para atualizar o estado das tarefas. Ao alterar o estado, a interface é automaticamente atualizada, ativando o ngif. Exploraremos também o conceito de passagem de informações entre componentes.

Curso Começando com Angular - Aula 11: Removendo um Item

Nesta aula, vamos aprender a programar ações para botões em um componente Angular. Criamos métodos para remover e marcar tarefas, utilizando o método splice para manipular a lista. Exploramos bindings para conectar o TypeScript ao HTML, permitindo atualizações automáticas na interface sem necessidade de comandos adicionais.

Curso Começando com Angular - Aula 15: Desabilitando o botão

Nesta aula, vamos aprender a desabilitar o botão de salvar em um formulário quando ele está inválido usando TypeScript. Ao usar a propriedade "disabled" entre colchetes, podemos controlar a habilitação do botão com base na validade do formulário. Isso garante que o botão só esteja ativo quando as condições corretas forem atendidas.

Curso Começando com Angular - Aula 23: Estilizando o formulário

Nesta aula, vamos aprender a estilizar elementos em uma lista de tarefas, focando na personalização de IDs e classes. Vamos aplicar estilos como alinhamento de texto, margens e sombras, além de ajustar componentes HTML para criar uma interface mais atraente. Também veremos como integrar ícones e gerenciar a navegação após salvar tarefas.

Curso Começando com Angular - Aula 13: Forms Básico

Nesta aula, vamos aprender a criar um formulário reativo no Angular com Reactive Forms. Implementaremos um campo de texto para adicionar tarefas, usando FormBuilder e Validators para garantir que o título tenha entre 3 e 60 caracteres. Também configuraremos o ReactiveFormsModule e conectaremos o TypeScript ao HTML.

Curso Começando com Angular - Aula 19: Estilizando o corpo da página

Nesta aula, vamos aprender a estilizar nossa aplicação, que está com um visual básico. Vamos modificar o arquivo styles.ss para aplicar estilos gerais, como alterar o background e centralizar elementos com flexbox. Também veremos como resolver problemas de leitura do local storage e incorporar fontes do Google Fonts para melhorar o texto.

Curso Começando com Angular - Aula 10: ngIf

Nesta aula, vamos aprender a usar o ngIf no Angular para controlar a exibição de botões com base em condições booleanas. Discutiremos a importância de otimizar o uso de ngIf para evitar sobrecarga no front-end e como agrupar elementos para melhorar o desempenho. Também abordaremos o uso de ngClass para manipular classes de forma eficiente.

Curso Começando com Angular - Aula 17: Salvando os itens

Nesta aula, vamos aprender a utilizar o local storage para persistir dados em nossa aplicação, garantindo que informações como tarefas não se percam ao atualizar a página. Vamos criar um método save que converte a lista de tarefas em JSON stringificado e a armazena no local storage, permitindo que os dados sejam recuperados mesmo após reiniciar o navegador.

Curso Começando com Angular - Aula 5: Módulos e Componentes

Nesta aula, vamos aprender a criar uma aplicação básica com Angular 7, explorando módulos e componentes. Discutiremos o arquivo main.ts, a importância dos imports e o Angular como agnóstico de plataforma. Veremos como definir um módulo raiz e um componente, além de entender a estrutura de arquivos TypeScript, HTML e CSS.

Curso Começando com Angular - Aula 14: Exibindo as validações

Nesta aula, vamos aprender a validar campos de formulário usando ngif e a propriedade Pristine. Vamos exibir mensagens de erro apenas quando o campo for inválido e modificado. Isso melhora a experiência do usuário ao evitar mensagens de erro desnecessárias. Além disso, discutiremos como alertar o usuário sobre alterações não salvas ao tentar navegar para outra página.

Curso Começando com Angular - Aula 4: Entendendo o projeto

Nesta aula, vamos aprender sobre a estrutura de um projeto Angular, explorando arquivos como tslint.json para dicas de TypeScript, tsconfig.json para configurações de compilação, e outros arquivos essenciais como package.json e Angular.json. Vamos focar na pasta source, que contém a aplicação principal, e entender a função de cada componente e configuração dentro do projeto.

Curso Começando com Angular - Aula 22: Alternando as visualizações

Nesta aula, vamos aprender a usar FontAwesome para ícones e Animate.css para animações em nossa aplicação. Veremos como otimizar o carregamento de ícones e criar efeitos visuais, como o "Jack in the Box". Também implementaremos modos de exibição de listas e formulários, alternando entre eles com botões que usam animações para transições suaves.

Curso Começando com Angular - Aula 24: Estilizando as ações da lista

Nesta aula, vamos aprender a finalizar a estilização de uma lista de tarefas, utilizando classes CSS e ícones para melhorar a interface. Exploramos a responsividade da aplicação em dispositivos móveis e discutimos como personalizar a aparência através de ajustes no CSS. A prática incluiu a manipulação de elementos HTML e a configuração de ícones para representar ações.