uccelibr Goto Github PK

acenderlampada

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.

aula16-03

formularios

aula18-03

aula18-03-angular

aula23-03

aulapipes

bcw13-services

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)

css3exercicio04gradientes

exercicio.02

classroom renato

exercicio.04

Criar uma página HTML sobre sua figura famosa favorita, como um artista, cantor, músico ou alguém da área da tecnologia. Conte sobre sua história, sua idade, o que fez, a sua importância e qualquer outra coisa que deseje adicionar a sua página.

exercicio03form

fomulário HTML com os campos nome, sobrenome, CPF, email, senha, sexo (masculino, feminino, outro), data de nascimento e um botão para enviar o formulário.

exercicio05-htmlsemantico

html semantico

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.

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

exerciciojs02

exerciciojs03

flexboxlayout1

formularios-driven-react

formulariosangular-2

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

html.css-grid.flex.responsividade

avaliação

layout2flexbox

layoutsgridcss3

primeirojs

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.