Giter VIP home page Giter VIP logo

Warleson Cardoso's Projects

angular-02 icon angular-02

Crie componentes para tipo de input do HTML (text, number, date, password, etc...) e estilize-os da forma que desejar (Deixe bem bonitão :] ) e mostre cada componente criado no componente principal (app.component).

angular-03 icon angular-03

Utilizando os conceitos de data binding, crie um site contador. Esse site deve possuir dois botões: Um para incrementar e outro decrementar. Entre esse botões, deverá haver um contador começará do zero e será controlado pelos botões criados anteriormente. Quando clicar no botão de incrementar, será adicionando +1 ao contador, ao clicar no de decrementar, será removido -1 do contador.

angular-04 icon angular-04

Criem os 3 cards da imagem abaixo (Façam somente a estilização do card, ignorem todo o resto). Inforem o conteúdo dos card (título, preço, conteúdo e cor do card) utilizando o @Input. Ao clicar no botão do componente, emita um evento personalizado para o outro componente, mostrando a mensagem pacote comprado. OBS: Utilizem o Angular Material. OBS 2: Para mostrar a mensagem, utilizem o componente MatSnackBar, do Angular Material

angular-05 icon angular-05

Crie um ToDo List com Angular, salve as tarefas no Local Stoarge do navegador e também recupere as tarefas do localStorage para mostrá-las no seu ToDo. Crie componentes menores que, no final, se juntarão para criar a tela final do ToDo List (Por exemplo, todo-input, todo-item, todo-container, ou o que você achar necessário).

angular-06 icon angular-06

Crie dois formulários com Angular, um Utilizando o Template Driven Forms e outro utilizando o Reactive Forms.

angular-07 icon angular-07

Fazendo requisições HTTP no Angular, crie uma aplicação que faça pesquisa de usuários do Github utilizando a api oficial do githib. Faça um campo para pesquisar o usuário pelo seu username e um botão para fazer a pesquisa. Ao clicar, ele mostrará um Dialog do Material com os dados do usuário, como foto de perfil, descrição, quantidade de seguidores, quantas pessoas o usuário está seguindo e qualquer outro dado que você desejar.

devgram icon devgram

Clone of the instagram homepage made in Angular

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.