Tour de Profissionais (Professionals Tour)

Tour de Profissionais aborda fundamentos do Angular II+. Nesse projeto é desenvolvido um proto-sistema de freelancers

Esse é um app muito básico, mas que abrange muitos dos recursos e conceitos presentes no referido framework de aplicações. Ele consulta e exibe um lista de profissionais, edita e seleciona detalhes de um dado profissional e navega entre diferentes telas da dados desses profissionais

The Tour of Professionals covers the fundamentals of Angular. In this we develop an project of a app that helps a staffing agency manage its stable of professionals.

This basic app has many of the features you'd expect to find in a data-driven application. It acquires and displays a list of professionals, edits a selected professional's detail, and navigates among different views of professional's data.

Conceitos abordados

• Diretivas Estruturais nativas do Angular para exibir e ocultar elementos e listar dados de profissionais.
• Criação de componentes para exibir detalhes dos profissionais es listas dos mesmos.
• Uso de "on-way data binding" para dados read-only.
• Adição de campos editáveis para atualizar um modelo com "two-way data binding".
• Mapeamento comandos das componentes para eventos do usuários, como digitação e cliques.
• Listagem dos profissionais com link para views de detalhamento dos profissionais para edição e seleção pelos usuários
• Formatação de dados com pipes.
• Criação de serviços compartilhados usando o conceito de Injeção de Dependências
• Uso de rotas para navegação entre diferentes views e seus componentes.

Addressed concepts

• Use built-in Angular directives to show and hide elements and display lists of profissional data.
• Create Angular components to display profissional details and show an array of profissionais.
• Use one-way data binding for read-only data.
• Add editable fields to update a model with two-way data binding.
• Bind component methods to user events, like keystrokes and clicks.
• Enable users to select a profissional from a master list and edit that profissional in the details view.
• Format data with pipes.
• Create a shared service to assemble the profissionais.
• Use routing to navigate among different views and their components.