Cursos Online
+ ++ Inteligência Emocional, Programação NeuroliguÃstica, + Como negociar melhor e vender mais, Liderando Diferentes Perfis e Gerações + saiba mais +
+From 86affa0b19f7aa840e6d463651fc983bd6258f41 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Sandra=20Gon=C3=A7alves?= <70310598+sandra-goncalves@users.noreply.github.com> Date: Sat, 5 Sep 2020 00:21:41 -0300 Subject: [PATCH 01/20] Aula 1 --- index.html | 30 ++++++++++++++++++++++++++++++ 1 file changed, 30 insertions(+) create mode 100644 index.html diff --git a/index.html b/index.html new file mode 100644 index 0000000..b1c2e3f --- /dev/null +++ b/index.html @@ -0,0 +1,30 @@ + + + +
+ + ++ Inteligência Emocional, Programação NeuroliguÃstica, + Como negociar melhor e vender mais, Liderando Diferentes Perfis e Gerações + saiba mais +
++ Inteligência Emocional, Programação NeuroliguÃstica, + Como negociar melhor e vender mais, Liderando Diferentes Perfis e Gerações + saiba mais +
+- Inteligência Emocional, Programação NeuroliguÃstica, - Como negociar melhor e vender mais, Liderando Diferentes Perfis e Gerações - saiba mais -
-
-
-
+
From cd20e49d26a58d0baa720ee1eb987c7dbe61d6d9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sandra=20Gon=C3=A7alves?=
<70310598+sandra-goncalves@users.noreply.github.com>
Date: Sun, 6 Sep 2020 22:11:04 -0300
Subject: [PATCH 06/20] =?UTF-8?q?Exerc=C3=ADcio=203?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
index.html | 73 ++++++++++++++++++++++++++++++++++++++++++++++--------
1 file changed, 62 insertions(+), 11 deletions(-)
diff --git a/index.html b/index.html
index 646afd0..4d07b21 100644
--- a/index.html
+++ b/index.html
@@ -1,29 +1,80 @@
-
-
+DOCTYPE html>
-
- + Inteligência Emocional, Programação NeuroliguÃstica, + Como negociar melhor e vender mais, Liderando Diferentes Perfis e Gerações + saiba mais +
+
+
+
-
+
+
From 10159ee9e7bf6517f0ea0427f153426e8c709e6e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sandra=20Gon=C3=A7alves?=
<70310598+sandra-goncalves@users.noreply.github.com>
Date: Sun, 6 Sep 2020 22:14:47 -0300
Subject: [PATCH 07/20] =?UTF-8?q?Exerc=C3=ADcio=20aula=203?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
index.html | 73 ++++++++----------------------------------------------
1 file changed, 11 insertions(+), 62 deletions(-)
diff --git a/index.html b/index.html
index 4d07b21..646afd0 100644
--- a/index.html
+++ b/index.html
@@ -1,80 +1,29 @@
-DOCTYPE html>
+
+
-
- - Inteligência Emocional, Programação NeuroliguÃstica, - Como negociar melhor e vender mais, Liderando Diferentes Perfis e Gerações - saiba mais -
-
-
-
+
From 5032c9d6d1c6fbdc038163070e9f662d44c3eaeb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sandra=20Gon=C3=A7alves?=
<70310598+sandra-goncalves@users.noreply.github.com>
Date: Mon, 14 Sep 2020 11:19:04 -0300
Subject: [PATCH 08/20] =?UTF-8?q?Exerc=C3=ADcio=20aula=201?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
index.html | 37 +++++++++++++++++++------------------
1 file changed, 19 insertions(+), 18 deletions(-)
diff --git a/index.html b/index.html
index 646afd0..b1c2e3f 100644
--- a/index.html
+++ b/index.html
@@ -1,29 +1,30 @@
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+ + 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. +
++ Inteligência Emocional, Programação NeuroliguÃstica, + Como negociar melhor e vender mais, Liderando Diferentes Perfis e Gerações + saiba mais +
+
From 753d273e7503340188891e319f568f64e0725dbf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sandra=20Gon=C3=A7alves?=
+
-
+
From 45440cd6c2f9833685a140fa1f5ef51b9e87ab63 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sandra=20Gon=C3=A7alves?=
+
- 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
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi @@ -23,8 +23,8 @@
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi @@ -35,8 +35,8 @@
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 {
From 5b1519e1a6fd4078b1428fa2c5eade4aca3a78b9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sandra=20Gon=C3=A7alves?= I'm a Dev Frontend from São Paulo number Checar números
+ Sandra's Photo Grid
+
+
+ lorem picsum
+
+
+ lorem picsum
+
+
+ lorem picsum
+
+
+ lorem picsum
+
+
+ lorem picsum
+
+
+ lorem picsum
+
-
-
-#### 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/aulas-javascript/exercicios/aula2/debug.log b/aulas-javascript/exercicios/aula2/debug.log
new file mode 100644
index 0000000..0959a46
--- /dev/null
+++ b/aulas-javascript/exercicios/aula2/debug.log
@@ -0,0 +1 @@
+[1011/014417.557:ERROR:settings.cc(430)] Settings version is not 5
From 379e1e40526e7b469afcb3d7b40e5e33bf602815 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sandra=20Gon=C3=A7alves?=