Jefferson Martins de Andrade jeffersondev
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const pessoas = []; | |
| for(let pedidos = 0; pedidos < 3; pedidos++) { | |
| const nome = prompt("Qual o seu nome?"); | |
| const idade = prompt("Qual sua idade?"); | |
| const pessoa = { nome: nome, idade: idade }; | |
| pessoas.push(pessoa); |
jeffersondev
/ index.css
Last active
June 23, 2022 14:27
Curso de FrontEnd da TOTI - Módulo de CSS3 - Aula de Layouts III (template simplificado do G1 com CSS Grid - https://g1.globo.com/economia/tecnologia/inovacao)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| body > * { | |
| padding: 20px; | |
| text-align: center; | |
| font-weight: bold; | |
| } | |
| body { | |
| min-height: 100vh; | |
| display: grid; | |
| grid-template-columns: 2fr 1fr; |
jeffersondev
/ index.css
Last active
October 19, 2022 15:48
Curso de FrontEnd da TOTI - Módulo de CSS3 - Aula de Layouts II (replicação do layout da página de Login do LinkedIn - https://www.linkedin.com/uas/login)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| * { | |
| box-sizing: border-box; | |
| font-family: system-ui, sans-serif; | |
| } | |
| main { | |
| display: flex; | |
| flex-direction: column; | |
| align-items: center; | |
| justify-content: center; |
jeffersondev
/ index.css
Last active
July 5, 2023 01:02
Curso de FrontEnd da TOTI - Módulo de CSS3 - Aula de Layouts I (replicação do layout da home page da Wikipedia - https://www.wikipedia.org)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .cabecalho { | |
| text-align: center; | |
| margin: 50px 0; | |
| } | |
| .titulo__principal { | |
| display: block; | |
| font-size: 32px; | |
| text-transform: uppercase; | |
| } |
jeffersondev
/ index.css
Last active
June 23, 2022 14:26
Curso de FrontEnd da TOTI - Módulo de CSS3 - Aula de Cards (replicação do elemento de Card do Mercado Livre - https://www.mercadolivre.com.br)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| * { | |
| font-family: sans-serif; | |
| } | |
| body { | |
| background-color: rgb(231 231 231); | |
| } | |
| a { | |
| text-decoration: none; |
jeffersondev
/ index.css
Last active
June 23, 2022 14:26
Curso de FrontEnd da TOTI - Módulo de CSS3 - Aula de Paginação (replicação do elemento de paginação da Magazine Luiza https://www.magazineluiza.com.br/notebook-e-macbook/informatica/s/in/ntmk?page=2)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| * { | |
| font-family: Arial, sans-serif; | |
| font-size: 16px; | |
| color: rgb(64, 64, 64); | |
| } | |
| a { | |
| text-decoration: none; | |
| cursor: inherit; | |
| color: inherit; |
jeffersondev
/ toti-css-avatar.css
Last active
July 6, 2024 00:35
Curso de FrontEnd da TOTI - Módulo de CSS3 - Aula de Avatar (replicação de avatar da página https://forum.adrenaline.com.br)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| body { | |
| background-color: #1c1c1c; | |
| } | |
| .avatar { | |
| position: relative; | |
| height: 96px; | |
| width: 96px; | |
| } |
jeffersondev
/ toti-css-botoes.css
Last active
June 16, 2023 21:24
Curso de FrontEnd da TOTI - Módulo de CSS3 - Aula de Botões (replicação de botões da página https://www.linkedin.com/school/toti-diversidade)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| * { | |
| font-family: -apple-system, sans-serif; | |
| font-size: 16px; | |
| font-weight: 600; | |
| line-height: 20px; | |
| } | |
| .botao { | |
| display: inline-flex; | |
| align-items: center; |
jeffersondev
/ toti-css-tipografia.css
Last active
June 21, 2023 22:56
Curso de FrontEnd da TOTI - Módulo de CSS3 - Aula de Tipografia (replicação da tipografia do site https://tecnoblog.net)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| body { | |
| font-family: "Open Sans", sans-serif; | |
| font-weight: 400; | |
| font-size: 12px; | |
| } | |
| .menu { | |
| background-color: #2280a6; | |
| } |
jeffersondev
/ object_array_json.js
Created
December 28, 2017 00:16
Exemplo de como percorrer um object com um array em javascript
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function carregarDadosApi(url) { | |
| $.getJSON(url, (retorno) => { | |
| for (let i = 0; i < retorno.length; i++) { | |
| const item = retorno[i] | |
| $('#box').append('<div class="item-' + i + '"><h1>' + item.name + '</h1></div>') | |
| for (let j = 0; j < item.images.length; j++) { | |
| const image = item.images[j]; | |
| $('.item-' + i).append('<img src="' + image + '">') | |
| } | |
| if (item.price) { |