Bruna Ucceli's repositories
exercicio06formulario2
Desenvolver um formulário para cadastro de usuário, com os campos, nome, username, email, senha, cpf e um botão de enviar e estilize-o com css da maneira que preferir.
Github.api-exercicio07
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. Também recupere os dados dos repositórios e os liste também no Dialog, logo abaixo dos dados do usuário. De cada repositório, mostre o nome dele, a linguagem utilizada, quantidade de estrelas e, ao clicar nas infos de um repo, você será redirecionado à página do repositório que você clicou. Veja o exemplo de uso da API oficial do github nos links abaixo Crie um arquivo README.md no seu repostório e nele coloque fotos da sua aplicação funcionando
Angular-exer-data-binding
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.
CSS3-exercicio03.pgsimples
Conforme instruções repassadas durante a aula, crie uma página reproduzindo o modelo em anexo. Obs: obrigatório utilizar margin e padding.
css3-exercico05
Utilizando os recursos estudados, reproduzir os layouts em anexo.
CSS3-Exercio-02.
CONSTRUA UMA PÁGINA QUE CONTENHA A RELAÇÃO DE ESTADOS BRASILEIROS E SUAS CAPITAIS. CADA ESTADO BRASILEIRO DEVE ESTAR DENTRO DE UM BOX DE TAMANHOS: 200px largura e 100px de altura (sugestão); CADA BOX DEVE SER APLIACADA UMA BORDA DIFERENTE; Dentro dos boxes você deve inserir uma imagem da capital de cada estado, o nome da capital e uma breve descrição dela (ex: população, clima, etc.) Configure o nome da capital para se comportar como título (ter uma configuração diferente e de destaque)
exercicio05-htmlsemantico
html semantico
exercicioangular
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).
exercicioAngularCard
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
html.css-grid.flex.responsividade
avaliação
projeto-academia-soulCode
Projeto para o desenvolvimento (Front-end) de uma página responsiva para uma academia (fictícia) com horários, treinos e localização. Página desenvolvida com HTML, CSS e JavaSript.