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)

image
image EDUCAÇÃOimage EMPREGABILIDADEimage COMUNIDADE
image

Torne-se a opção Nº 1 dos recrutadores e conquiste as melhores vagas do mercado tech

From R$ 718,80 per
R$29
,90 /month
in the annual plan
START NOW

Com o o DIO PRO você irá:

  • image fy section

    Acesso ilimitado a todos os bootcamps

    E mais de 40 formações profissionais do zero ao avançado para você dominar as tecnologias nas carreiras front-end, back-end, data & analytics, mobile, cloud & DevOps e se preparar para trabalhar em grandes projetos nas empresas mais inovadoras do mundo

  • image fy section

    Mais de 180 projetos práticos para ganhar experiência

    Libere acesso ilimitado a uma área com mais de 180 projetos e 650 cursos para você aprender, comprovar experiência prática e ter um portfólio de destaque no mercado

  • image fy section

    Fazer parte das maiores e mais inovadoras empresas do mundo

    Certifique suas habilidades, ganhe experiência, suba no ranking de talentos e fique em destaque para recrutadores de empresas como iFood, Santander, Carrefour e outras dezenas que contratam profissionais na DIO.

    image

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.