diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..7453612 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +aula-css/aula1/exemplos/index.html diff --git a/Aulas-HTML/exercicios/aula1/exemplos/index.html b/Aulas-HTML/exercicios/aula1/exemplos/index.html new file mode 100644 index 0000000..16317a0 --- /dev/null +++ b/Aulas-HTML/exercicios/aula1/exemplos/index.html @@ -0,0 +1,30 @@ + + + + + + Primeiros Passos + + + + +
+

Foto de gatinho

+ +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam et + aliquet ex. Fusce tempus ante arcu, eu tristique ex faucibus a. + Suspendisse auctor, est quis efficitur facilisis, dolor lectus venenatis + orci, ut sagittis tellus massa ac nibh. Praesent finibus magna eu lorem + semper laoreet. Mauris eu ligula et justo luctus aliquet at ut felis. + Etiam aliquam vitae magna et malesuada. Vivamus at pretium nisi, ut + viverra diam. Nam sagittis sagittis quam, et posuere lorem sagittis sit + amet. Aliquam in dolor posuere, fringilla justo eget, rhoncus sapien. + Vivamus finibus sed justo eu lobortis. Praesent vel metus et nisi + vestibulum blandit eget ut nibh. Nunc venenatis feugiat ante, et + eleifend est lacinia in. Ut tellus augue, fermentum in feugiat vitae, + luctus nec felis. Aliquam eget turpis arcu. +

+
+ + diff --git a/Aulas-HTML/exercicios/aula1/exemplos/print.css b/Aulas-HTML/exercicios/aula1/exemplos/print.css new file mode 100644 index 0000000..3500849 --- /dev/null +++ b/Aulas-HTML/exercicios/aula1/exemplos/print.css @@ -0,0 +1,17 @@ +h1 { + color: green; + font-size: 32px; + text-align: center; +} + +p { + color: #000; + font-size: 18px; + text-align: center; +} + +img { + width: 400px; + margin: 0 auto; + display: block; +} diff --git a/Aulas-HTML/exercicios/aula1/exemplos/style.css b/Aulas-HTML/exercicios/aula1/exemplos/style.css new file mode 100644 index 0000000..c42c44e --- /dev/null +++ b/Aulas-HTML/exercicios/aula1/exemplos/style.css @@ -0,0 +1,47 @@ +h1 { + color: #ff0000; + font-size: 20px; +} +p { + color: #000000; + font-family: "Arial", sans-serif; + font-size: 12px; +} + +img { + width: 300px; +} + +@media (min-width: 768px) { + h1 { + font-size: 24px; + color: blue; + } + p { + font-size: 18px; + color: green; + } + img { + width: 600px; + } +} + +@media print { + h1 { + color: green; + font-size: 32px; + text-align: center; + } + + p { + color: #000; + font-size: 18px; + text-align: center; + } + + img { + width: 400px; + margin: 0 auto; + display: block; + } +} diff --git a/Aulas-HTML/exercicios/aula1/index.html b/Aulas-HTML/exercicios/aula1/index.html index 45c22c1..6b525e6 100644 --- a/Aulas-HTML/exercicios/aula1/index.html +++ b/Aulas-HTML/exercicios/aula1/index.html @@ -14,3 +14,17 @@ - Abrir um pull request para o repositório original (da Womakers) - Acompanhar o prazo e marcar a entrega no Classroom --> + + + + + + Sandra Gonçalves + + +

O que espero desse curso?

+
  • Novos desafios
    • +
  • Entrar nesse universo que não conhecia
    • +
  • Oportunidade de Empoderar e alcançar meu propósito
    • + + \ No newline at end of file diff --git a/Aulas-HTML/exercicios/aula2/index.html b/Aulas-HTML/exercicios/aula2/index.html index 92a01fd..7cf58aa 100644 --- a/Aulas-HTML/exercicios/aula2/index.html +++ b/Aulas-HTML/exercicios/aula2/index.html @@ -11,7 +11,6 @@ Não se preocupe em copiar os conteúdos ou em deixá-los bonitos. Lembre-se: HTML é sobre organizar o nosso conteúdo de uma forma semântica. - Entrega: - Fazer fork do repositório pro seu usuário do github (caso já tenha feito o fork desse repositório, não precisa fazer novamente. Faça a atualização do fork pra ter os novos arquivos da aula) @@ -21,3 +20,61 @@ - Abrir um pull request para o repositório original (da Womakers) - Acompanhar o prazo e marcar a entrega no Classroom --> +DOCTYPE html> + + + + Aviso: os valores dos cursos estão reduzidos devido à pandemia. + + + + + + + + +
    +

    Chega Chegando

    +
    + + +
    + +
    +

    Cursos Online

    + +

    + Inteligência Emocional, Programação Neuroliguística, + Como negociar melhor e vender mais, Liderando Diferentes Perfis e Gerações + saiba mais +

    +
    +
    + + + + + + + + diff --git a/Aulas-HTML/exercicios/aula3/index.html b/Aulas-HTML/exercicios/aula3/index.html index d0e3d1e..50c59de 100644 --- a/Aulas-HTML/exercicios/aula3/index.html +++ b/Aulas-HTML/exercicios/aula3/index.html @@ -20,10 +20,10 @@ Exercício 3 -

    seu nome e sobrenome

    +

    Sandra Gonçalves

    - + cuidado da mãe com a filha - time + equipe de trabalho diff --git a/Exercicio aula 2.por b/Exercicio aula 2.por new file mode 100644 index 0000000..d23fe3a --- /dev/null +++ b/Exercicio aula 2.por @@ -0,0 +1,60 @@ +programa +{ + + funcao inicio() + { + inteiro operacao + + real a, b, soma, sub, mult, div + + caracter op + + enquanto op = "s" faça + { + escreva("Escolha a operacao: 1 - Soma; 2 - Subtração; 3 - Multiplicação; 4 - Divisão") + leia(operacao) + + escreva("Digite o primeiro número: ") + leia(a) + + escreva("Digite o segundo número: ") + leia(b) + + soma = a + b + sub = a - b + mult = a * b + div = a / b + + Se (operacao == 1) + { + escreva("\nA soma dos números é igual a: ", soma) + } + senao se(oeracao == 2) + { + escreva("\nA subtração dos números é igual a: ", sub) + } + senao se(operacao == 3) + { + escreva("\nA multiplicação dos números é igual a: ", mult) + } + senao se(operacao == 4) + { + escreva("\nA divisão dos números é igual a: ", div. ("\n") + + escreva("deseja continuar? (s/n): ") + leia (op) + } + } + } +} +/* $$$ Portugol Studio $$$ + * + * Esta seção do arquivo guarda informações do Portugol Studio. + * Você pode apagá-la se estiver utilizando outro editor. + * + * @POSICAO-CURSOR = 883; + * @PONTOS-DE-PARADA = ; + * @SIMBOLOS-INSPECIONADOS = ; + * @FILTRO-ARVORE-TIPOS-DE-DADO = inteiro, real, logico, cadeia, caracter, vazio; + * @FILTRO-ARVORE-TIPOS-DE-SIMBOLO = variavel, vetor, matriz, funcao; + */ \ No newline at end of file diff --git a/aula-css/aula-2/index.html b/aula-css/aula-2/index.html index f083184..2df531c 100644 --- a/aula-css/aula-2/index.html +++ b/aula-css/aula-2/index.html @@ -3,16 +3,16 @@ - Primeiros Passos + \Exercicio 2 -

    Fotinhos da Rihanna

    +

    Minha História Michele Obama

    foto da rihanna com batom fenty beauty

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi @@ -23,8 +23,8 @@

    Fotinhos da Rihanna

    foto da rihanna com batom fenty beauty

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi @@ -35,8 +35,8 @@

    Fotinhos da Rihanna

    foto da rihanna com batom fenty beauty

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi diff --git a/aula-css/aula-2/style.css b/aula-css/aula-2/style.css index 2a13b65..c8fe260 100644 --- a/aula-css/aula-2/style.css +++ b/aula-css/aula-2/style.css @@ -1,5 +1,5 @@ body { - background: #dedede; + background: rgb(222, 222, 222); } h1 { @@ -20,17 +20,17 @@ h1 { } .card { - width: 300px; + width: 400px; padding: 10px; - background: #fff; + background: hsla(0, 0%, 100%, 0.815); margin: 10px; - box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2); - border: 1px solid #000; + box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.308); + border: 1px solid #dedede; } .card p { - font-size: 16px; - padding-left: 10px; + font-size: 18px; + padding-left: 14px; } .card img { diff --git a/aula-css/aula1/exemplos/index b/aula-css/aula1/exemplos/index new file mode 100644 index 0000000..e69de29 diff --git a/aula-css/aula1/exemplos/index.html b/aula-css/aula1/exemplos/index.html index 16317a0..1cc9c94 100644 --- a/aula-css/aula1/exemplos/index.html +++ b/aula-css/aula1/exemplos/index.html @@ -3,27 +3,26 @@ - Primeiros Passos + Mundo Belo

    -

    Foto de gatinho

    - +

    Mae Natureza

    +

    - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam et - aliquet ex. Fusce tempus ante arcu, eu tristique ex faucibus a. - Suspendisse auctor, est quis efficitur facilisis, dolor lectus venenatis - orci, ut sagittis tellus massa ac nibh. Praesent finibus magna eu lorem - semper laoreet. Mauris eu ligula et justo luctus aliquet at ut felis. - Etiam aliquam vitae magna et malesuada. Vivamus at pretium nisi, ut - viverra diam. Nam sagittis sagittis quam, et posuere lorem sagittis sit - amet. Aliquam in dolor posuere, fringilla justo eget, rhoncus sapien. - Vivamus finibus sed justo eu lobortis. Praesent vel metus et nisi - vestibulum blandit eget ut nibh. Nunc venenatis feugiat ante, et - eleifend est lacinia in. Ut tellus augue, fermentum in feugiat vitae, - luctus nec felis. Aliquam eget turpis arcu. + A natureza corre sérios riscos + A seca invade vários estados + A chuva quase não está vindo + E o sol não tem piedade + + Vamos conscientizar a população + Estou fazendo a minha parte + Faça também uma boa ação + Entre neste combate. + + Sidney Alves das Virgens

    diff --git a/aula-css/aula1/exemplos/print.css b/aula-css/aula1/exemplos/print.css index 3500849..2012343 100644 --- a/aula-css/aula1/exemplos/print.css +++ b/aula-css/aula1/exemplos/print.css @@ -1,6 +1,6 @@ h1 { color: green; - font-size: 32px; + font-size: 20px; text-align: center; } @@ -11,7 +11,7 @@ p { } img { - width: 400px; + width: 500px; margin: 0 auto; display: block; } diff --git a/aula-css/aula1/exemplos/style.css b/aula-css/aula1/exemplos/style.css index c42c44e..518ff03 100644 --- a/aula-css/aula1/exemplos/style.css +++ b/aula-css/aula1/exemplos/style.css @@ -1,46 +1,46 @@ h1 { color: #ff0000; - font-size: 20px; + font-size: 16px; } p { color: #000000; font-family: "Arial", sans-serif; - font-size: 12px; + font-size: 14px; } img { - width: 300px; + width: 400px; } -@media (min-width: 768px) { +@media (min-width: 533px) { h1 { - font-size: 24px; - color: blue; + font-size: 26px; + color: green; } p { font-size: 18px; - color: green; + color: black; } img { - width: 600px; + width: 800px; } } @media print { h1 { - color: green; - font-size: 32px; + color: r; + font-size: 24px; text-align: center; } p { - color: #000; - font-size: 18px; + color: blue; + font-size: 16px; text-align: center; } img { - width: 400px; + width: 500px; margin: 0 auto; display: block; } diff --git a/aula-css/exercicios/photo-grid/Index.html b/aula-css/exercicios/photo-grid/Index.html new file mode 100644 index 0000000..c9f8f44 --- /dev/null +++ b/aula-css/exercicios/photo-grid/Index.html @@ -0,0 +1,69 @@ + + + + + + Aulas-css/exercício/aula1 + +
    +
    + +
    +
    +

    Sandra's Photo Grid

    +

    I'm a Dev Frontend from São Paulo

    +
    +
    +
    +
    +
    + +
    + + lorem picsum +
    +
    +
    + +
    + + lorem picsum +
    +
    +
    + +
    + + lorem picsum +
    +
    +
    + +
    + + lorem picsum +
    +
    +
    + +
    + + lorem picsum +
    +
    +
    + +
    + + lorem picsum +
    +
    +
    +
    +
    +

    + My Photo Grid desenvolvio por Sandra / Womakercode SP +

    +
    + + \ No newline at end of file diff --git a/aula-css/exercicios/photo-grid/aula-1/README.md b/aula-css/exercicios/photo-grid/aula-1/README.md deleted file mode 100644 index 06ea734..0000000 --- a/aula-css/exercicios/photo-grid/aula-1/README.md +++ /dev/null @@ -1,73 +0,0 @@ - -## Photo Grid | Exercício Aula 1 - -O objetivo desse primeiro exercício é implementar a estrutura HTML das páginas e a customização inicial delas com CSS (vamos deixar a parte do posicionamento dos elementos com o Flexbox no exercício 2). - -### Briefing - -Vamos construir o nosso Photo Grid que é um pseudo-clone do Instagram. Nele terá uma página que lista as imagens à sua escolha com título e descrição com 6 itens -e ao clicar nelas vamos acessar os detalhes de cada uma. - -### Layouts - -#### Página inicial - - - - -#### Página de detalhes - - - - -### Instruções - -- Para esse projeto vamos precisar de 1 arquivo chamado `index.html` (que vai ser nossa página principal) e a página de detalhes como detalhes-número.html (exemplo: detalhes-01.html, detalhes-02.html, detalhes-03.html e por aí vai); - -- Adicione a metatag viewport dentro dessa `index.html`; - -- Crie uma folha de estilo CSS (`style.css`) e importe dentro da sua `index.html`; - -- Crie uma folha de estilo CSS (`details.css`) e importe dentro da sua `detalhes-numero.html`; - -> **Observação:** Você não precisa criar várias folhas de estilo para as 6 páginas de detalhes. Basta criar 1 só e importar no HTML - -- Dentro do seu `style.css` adicione customizações a seu critério (cor de fundo, borda, tamanho de fonte, etc) e utilize as media queries para adicionar um estilo diferente quando o usuário estiver acessando um dispositivo com telas menores e maiores (lembre-se do mobile first!); - - -> **Dica:** Para testar a responsividade basta clicar com o mouse direito no Chrome e selecionar a opção "Inspecionar". -Quando abrir, basta clicar no ícone de um tablet com telefone localizado no menu superior esquerdo. - - -- Para fazer esse desafio você precisa criar uma nova branch chamada `photo-grid-seunome` a partir do repositório que você clonou no módulo de HTML: - -``` -https://github.com/WoMakersCode/primeiros-passos -``` - -- Colocar a resolução do exercício dentro dessa pasta com os respectivos arquivos: - -``` -aulas-css/exercicios/aula1/ -``` - -- Abra um pull request para este repositório; - -- Acompanhar o prazo e marcar a entrega no Classroom. - -### Dicas - -- Vocês podem escolher as fontes que queiram utilizar no Photo Grid além da paleta de cores. Usem a criatividade, mas caso queiram utilizar as cores padrão do layout segue a referência: - -```css - Cor de fundo: #f4f4f4 - Cor do texto: #000000 - Fonte do parágrafo: Arial, 16px - Fonte do título: Roboto Slab -``` - -- A escolha das fotos é de vocês. Pode ser de filme, séries, banda predileta, etc -- Procurem utilizar tamanhos de fontes legíveis. Para textos corridos, parágrafos utilize 14px ou 16px -- Está sem ideia de imagens? Segue algumas referências: https://picsum.photos/ e http://random.cat/ -- Referência de webfonts: https://fonts.google.com/ -- Referência para paleta de cores: https://coolors.co/generate diff --git a/aula-css/exercicios/photo-grid/styles.css b/aula-css/exercicios/photo-grid/styles.css new file mode 100644 index 0000000..848c6c5 --- /dev/null +++ b/aula-css/exercicios/photo-grid/styles.css @@ -0,0 +1,88 @@ + body { + background: #f5f4f4; + font-family: 'arvo', serif; + margin: 0; + padding: 0; +} +header { + display: fley; + justify-content: center; + margin: 40px auto; + max-width: 992 px; +} +@media (win-width: 768px) { + header { + justify-content: start; + } +} +header .Natureza { + margin: 20 px; +} +@media (win-width: 768px) { + header .Natureza { + margin: 0 60 px 0 30 px; + } +} +header .Natureza img { + border-radius: 50% + width 100%; +} +header .about { + margin: 10 px; +} +@media (min-width: 768 px) { + header .about { + margin: 0; + } +} +header .about h1 { + font-size: 28 px; +} +header .about p { + font-size: 16 px; +} +@media (min-width: 768 px) { + header .about h1 { + font-size: 32 px; + } +} +.container { +max-width: 992 px; +margin: 0 auto; +} +.grid { + display: flex; + flex-direction: column; + align-items: center; + flex-wrap: wrap; +} +@media (min-width: 768px) { + .grid { + flex-direction: row; + justify-content: center; + } +} +.item { + box-shadow: -2px 2px 10px 0px rgba (68,68, .4); + cursor: pointer; + flex-direction: column; + margin: 15px 15px 80px 15px; + transition: transform 0.3s ease-in-out; + width: 200px; + height: 200px; +} +@media (min-width: 768px) { + flex-direction: row; +} +.item img { + width: 100%; + height: 100%; + object-fit: cover; +} +.item:hover { + transform: scalet (1,05); +} +.item .item_details{ + background-color: #fff; + padding: 15 px; +} \ No newline at end of file diff --git a/aula-logica/exercicios/aula1/Exercicio aula 1.por b/aula-logica/exercicios/aula1/Exercicio aula 1.por new file mode 100644 index 0000000..e1e8c47 --- /dev/null +++ b/aula-logica/exercicios/aula1/Exercicio aula 1.por @@ -0,0 +1,51 @@ +programa +{ + + funcao inicio() + { + real a, b, soma, sub, mult, div + + escreva("Escolha a operacao: 1 - Soma; 2 - Subtração; 3 - Multiplicação; 4 - Divisão") + leia(operacao) + + escreva("Digite o primeiro número: ") + leia(a) + + escreva("Digite o segundo número: ") + leia(b) + + soma = a + b + sub = a - b + mult = a * b + div = a / b + + Se (operacao == 1) + { + escreva("\nA soma dos números é igual a: ", soma) + } + senao se(oeracao == 2) + { + escreva("\nA subtração dos números é igual a: ", sub) + } + senao se(operacao == 3) + { + escreva("\nA multiplicação dos números é igual a: ", mult) + } + senao se(operacao == 4) + { + escreva("\nA divisão dos números é igual a: ", div. ("\n") + } + } +} +/* $$$ Portugol Studio $$$ + * + * Esta seção do arquivo guarda informações do Portugol Studio. + * Você pode apagá-la se estiver utilizando outro editor. + * + * @POSICAO-CURSOR = 676; + * @PONTOS-DE-PARADA = ; + * @SIMBOLOS-INSPECIONADOS = ; + * @FILTRO-ARVORE-TIPOS-DE-DADO = inteiro, real, logico, cadeia, caracter, vazio; + * @FILTRO-ARVORE-TIPOS-DE-SIMBOLO = variavel, vetor, matriz, funcao; + */ + diff --git a/aula-logica/exercicios/aula2/Exercicio aula 2.por b/aula-logica/exercicios/aula2/Exercicio aula 2.por new file mode 100644 index 0000000..2e2da87 --- /dev/null +++ b/aula-logica/exercicios/aula2/Exercicio aula 2.por @@ -0,0 +1,60 @@ +programa +{ + + funcao inicio() + { + inteiro operacao + + real a, b, soma, sub, mult, div + + caracter op + + enquanto (op = "s" faca) + { + escreva("Escolha a operacao: 1 - Soma; 2 - Subtração; 3 - Multiplicação; 4 - Divisão") + leia(operacao) + + escreva("Digite o primeiro número: ") + leia(a) + + escreva("Digite o segundo número: ") + leia(b) + + soma = a + b + sub = a - b + mult = a * b + div = a / b + + Se (operacao == 1) + { + escreva("\nA soma dos números é igual a: ", soma) + } + senao se(oeracao == 2) + { + escreva("\nA subtração dos números é igual a: ", sub) + } + senao se(operacao == 3) + { + escreva("\nA multiplicação dos números é igual a: ", mult) + } + senao se(operacao == 4) + { + escreva("\nA divisão dos números é igual a: ", div. ("\n") + + escreva("deseja continuar? (s/n): ") + leia (op) + } + } + } +} +/* $$$ Portugol Studio $$$ + * + * Esta seção do arquivo guarda informações do Portugol Studio. + * Você pode apagá-la se estiver utilizando outro editor. + * + * @POSICAO-CURSOR = 104; + * @PONTOS-DE-PARADA = ; + * @SIMBOLOS-INSPECIONADOS = ; + * @FILTRO-ARVORE-TIPOS-DE-DADO = inteiro, real, logico, cadeia, caracter, vazio; + * @FILTRO-ARVORE-TIPOS-DE-SIMBOLO = variavel, vetor, matriz, funcao; + */ \ No newline at end of file diff --git a/aulas-javascript/exercicios/aula1/index.html b/aulas-javascript/exercicios/aula1/index.html new file mode 100644 index 0000000..492c7fa --- /dev/null +++ b/aulas-javascript/exercicios/aula1/index.html @@ -0,0 +1,23 @@ + + + + + + Exercicio 1 Javascript + + + /*function checarSePodeDirigir() { + let idade = prompt('Digite idade'); + + if (idade > 18) { + alert('já pode dirigir!'); + } else { + alert('Ainda não pode dirigir!'); + } + } + + checaridade(18); + */ + + + \ No newline at end of file diff --git a/aulas-javascript/exercicios/aula2/debug.log b/aulas-javascript/exercicios/aula2/debug.log new file mode 100644 index 0000000..7b523c7 --- /dev/null +++ b/aulas-javascript/exercicios/aula2/debug.log @@ -0,0 +1 @@ +[1015/042741.554:ERROR:directory_reader_win.cc(43)] FindFirstFile: O sistema não pode encontrar o caminho especificado. (0x3) diff --git a/aulas-javascript/exercicios/aula2/index.html b/aulas-javascript/exercicios/aula2/index.html new file mode 100644 index 0000000..9bbaac9 --- /dev/null +++ b/aulas-javascript/exercicios/aula2/index.html @@ -0,0 +1,34 @@ + + + + + + Exercício Aula 2 de Javascript + + + + +

    number

    +

    Checar números

    + +
    + + +
    + +
    + + +
    + + + + + + + + resetar + + diff --git a/index.html b/index.html new file mode 100644 index 0000000..b1c2e3f --- /dev/null +++ b/index.html @@ -0,0 +1,30 @@ + + + + + + + Sandra Gonçalves + + +

    O que espero desse curso?

    +
  • Novos desafios
    • +
  • Entrar nesse universo que não conhecia
    • +
  • Oportunidade de Empoderar e alcançar meu propósito
    • + + \ No newline at end of file