badge Criando um E-commerce Simples de Filmes com Angular
PROJECTS

Criando um E-commerce Simples de Filmes com Angular

Explore todo o potencial de uma das stacks mais aclamadas de fontend: Angular + TypeScript (TS). Para isso, a expert Diana apresenta todo processo de criação de um e-commerce de filmes em uma abordagem totalmente prática. Entenda desde a histórica do Angular até as melhores práticas para o desenvolvimento de suas aplicações.

AdvancedFront-End
Angular image
Angular
Start the challenge

Fill in your data

By clicking on "Start Now", I declare that I accept the Privacy Policies of the Terms of Use da DIO.

What you will develop </>

Objetivo: O objetivo deste projeto prático hands-on é permitir que os participantes criem um e-commerce simples de filmes utilizando a tecnologia Angular. Ao longo do projeto, os participantes terão a oportunidade de explorar o potencial do Angular + TypeScript, aprender sobre as melhores práticas de desenvolvimento e ter uma introdução ao framework Angular.

Descrição: Neste projeto prático, a expert Diana irá guiar os participantes no processo de criação de um e-commerce de filmes utilizando a tecnologia Angular. Será abordada a história do Angular, as funcionalidades essenciais do framework, além de ensinar as melhores práticas para o desenvolvimento de aplicações Angular.

Durante o projeto, os participantes aprenderão sobre o conceito de componentes e como criar componentes utilizando Angular. Serão apresentadas as funcionalidades do Angular CLI (Command Line Interface) e como utilizá-lo para criar e gerenciar projetos Angular.

Além disso, os participantes também serão introduzidos ao TypeScript, uma linguagem que se tornou uma parte essencial do desenvolvimento com Angular. Serão abordados os conceitos básicos do TypeScript, como a definição de tipos e a utilização de classes.

Ao longo do projeto, os participantes irão implementar funcionalidades básicas em seu e-commerce de filmes, como a listagem de filmes, a adição de filmes ao carrinho de compras e a realização de um checkout. Também serão abordados conceitos mais avançados, como a utilização de serviços, as diretivas estruturais (ngIf e ngFor) e a navegação entre diferentes componentes.

Requisitos técnicos:
- Conhecimento básico ou intermediário de JavaScript
- Conhecimento básico ou intermediário de HTML e CSS
- Um computador com acesso à internet
- Node.js instalado
- Angular CLI instalado (versão mais recente)
- Um editor de código de preferência (por exemplo, Visual Studio Code)

About DIO

ACADEMIA PME EDUCACAO E CONSULTORIA EM NEGOCIOS LTDA.
CNPJ: 26.965.884/0001-02

DIO is the largest technology continuous learning community in Latin America, which connects the best talent with the most innovative companies in the world.

A complete educational ecosystem for learning in software development, data engineering, software quality and cloud computing.