Bakali

var array_name = [ item1 , item2 , ...];

Em Javascript, não existe "array" como em outras linguagens. Listas são tratadas como object =)

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#Data_types

Isso aqui pode causar confusão.

 

Uma associação correta a se fazer sobre a alteração do conteúdo do copo seria: esvaziá-lo ou enchê-lo, com água somente. Se for fazer uma analogia a variáveis, a partir do momento em que você mistura água com óleo, você está alterando o tipo de dado que uma variável (copo) armazena. Em linguagens fortemente tipadas você não consegue fazer absurdos como esse de realizar operações com tipos diferentes: misturar água com óleo (somar "int" com "bool").

 

Valor (ou conteúdo, como preferir) e tipagem são coisas distintas. No mais, bacana o assunto abordado.

 

Concordo com o q vc disse, mais se for uma array? rss

 

obrigado pela dica meu brother vou melhorar as analogias

Foi colocado óleo também

 

Eu coloquei 300ml de agua, depois acrescentei mais 100ml em oleo.

Então no copo ja tinha uma certa quantidade e adicionei outra quantidade o total liquido no copo era de 400ml. significa que o valor do conteúdo do copo pode ser alterado certo?

Muito boa essa analogia com o copo!

 

Variável : armazenar valores.

 

legal né tentar aplicar na nossa vida para entendermos melhor.

 

Vamos so aprofundar um pouco mais sua resposta, o que foi feito com o como a não ser colocar água?

"Ok, vamos ressaltar que uma coisa que envolve dinheiro tem que ser 100% esclarecidas certo? Pra evitar problemas no futuro.."

 

Sim, tudo que envolver $$ vai ser 100% transparente. Tanto a parte da negociação com o cliente como o valor pago para impressão.

"Qual é o seu segmento Bakali ? Você é uma empresa terceirizada para encaminhar clientes para jovens Designer para aprender mais sobre o ramo como freela? "

Eu e um amigo fazemos canecas personalizadas, eu faço uns banners, cartões de visitas e etc... não é o meu "DOM" mais os clientes gostam aprovam e recebo por eles. Mais o meu foco é programação. desenvolvimento web.

"No caso você disse que certos projetos podem ter retorno financeiro, e outros não...que seria para aprendizado, certo.

Mas você poderia deixar explícito o porque uns projetos seria retornados e outros não.."

 

Isso mesmo, quando eu postar no grupo sobre o trabalho oferecido eu irei informar o valor passado para o cliente, por exemplo milheiro de cartão de visitas, o valor é uns R$25,00 se não me engano, será cobrado R$50,00 do cliente, vai ter meu custo de entrega (retirar na gráfica e entregar ao cliente) alguns casos eu adiciono um valor extra ao serviço o resto será do designer. Este é um serviço de impressão onde vai ter lucros, Mais temos os apenas serviços onde uma pessoa qualquer gostaria de um banner para sua divulgação nas redes sociais por exemplo mais ela não tem condições no momento de estar pagando por eles, então irei passa também esse serviço gratuito, pois ele vai ser de aprendizado para o autor da arte e vai nos da mais "audiencia", ela gostando do serviço quem sabe ela nao volta e faz um banner impresso do mesmo? ou indica nossos serviços?

 

"Eu tentei fazer uma coisa assim fora do grupo, como estava sem experiência acabei me atrapalhando um pouco.. Por isso quero te ajudar para você não acabar atropeçando...."

Sim meu brother, toda ajuda será bem vinda ! <3

 

"Porque o que me intrigou foi que ; teremos contato direto com o cliente, ou você será um intermediário? ( pois isso significa mais ou menos uma empresa terceirizada. ) mas o que me deixou confuso foi que o designer terá 100% de transparência... Então porque não jogar os 3 em um grupo junto? cliente / você / designer.."

 

Eu penso em ser o intermediário por alguns motivos, este serviços eu vou divulgar tmb nos grupos de face de minha região, onde a responsabilidade será toda minha e eu acredito ficar bagunçado e passar menos credibilidade para o cliente, uma pessoa que encontrou meu serviço no face, fala comigo e eu crio um grupo pra eu o cliente e o designer conversar a respeito. Acho que perde a credibilidade.

Tem uns furos que está me deixando com a cuca quente aqui, fora isso, ótimo projeto. Apoio totalmente, e estou interessado. Vou manter contato tanto no fórum, quanto no whatsapp.

Espero te tapado todos os furos que deixei e esfriar sua cuca rs

vamos que vamos imbalar nesse projeto

 

 

 

Muito interessante sua ideia, seu projeto, no geral é muito bacana, gosto muito da ideia de montagens de grupos... Afinal, ninguém evolui sozinho, é sempre bom ter outros olhares apesar de, assim com o Excel ali em cima, também tenho dificuldades em entender a parte do retorno financeiro... quando li a primeira vez, identifiquei mais como um grupo de ESTUDOS e divisão de ideias.. o que, no decorrer do texto, fica confuso... apenas deixe mais claro as questões financeiras, como e por quais meios ocorrerão e deixe em foco que a grande maioria (pelo que entendi) será de ESTUDO...

 

Me candidato a entrar no seu projeto, e desejo boa sorte!

 

 

Opa obrigado pelo feedback, concordo, ninguem consegue nada sozinho, eu respondi ao comentário do Excel veja se consegue te esclarecer tmb caso não so falar qual sua duvida

 

Vamos a mais uma aula?

 

Dessa vez vamos falar de Variáveis, o que é uma variável?

 

Fica ai como desafio para você que está lendo responder aqui no tópico o que você entendeu sobre variáveis, não precisa utilizar termos técnicos quero saber como você entendeu este conceito.

 

In-real-Life

(acabei de criar esse termo para comparar com a vida real para facilitar o aprendizado feliz.) :D

 

1º Temos um copo vazio , colocamos 300ml de água. O que seria a variável neste exemplo in-real-life?

sem abrir o spoiler, ja tentou achar a resposta?

[spoiler=1º Resposta]O Copo

 

 

Como assim o copo seria uma variável segundo o exemplo?

Fica como o desafio proposto no inicio do post, vamos aprofundar mais um pouco.

 

2º Continuando com copo que agora tem 300ml de água, adicionamos mais 300ml de óleo nele. Agora dentro da nossa variável copo temos 300ml de água e 100ml de oléo, que legal né? Ai eu te pergunto, quanto ml tem ao total?

[spoiler=2º Resposta]400ml

 

 

3º Temos uma caixa vazia, colocamos 2 brinquedos dentro dele, depois colocamos mais 5 brinquedos.

Quem seria a variável? a Caixa ou os brinquedos? Quantos brinquedos tem dentro da caixa?

[spoiler=3º Resposta]Variável: Caixa | Quantidade de brinquedos: 7

 

 

 

Acredito que ja entenderam a lógica básica do que é uma variável e vã conseguir responder meu desafio certo? comenta ai no tópico sua definição de variável se acanhe não painhos e mainhas.

 

Vamos agora para o Js? IDE e vamos colocar a mão no teclado <3

 

1º Com nossa IDE aberta vamos criar nossa estrutura básica HTML.

Se não sabe porque estamos fazendo o uso do HTML para programar em Js recomendo a leitura do meu primeiro post #1 intrudução Js. e já colocamos nossa tag <script> dentro da <head>.

 

 

 

2 - Todo código Js que utilizarmos deverá ser escrito dentro da tag <script> para que ocora o seu funcionamento. Agora vamos adicionar a seguinte linha de código dentro da tag <script>. var tradicao = "Hello world";

Nosso código deverá ficar assim:

 

Salve o arquivo e abra-o em seu navegador, o resultado deverá ser o seguinte:

Caso não aconteça este resultado informe no post e vamos estar solucionando o erro juntos. ;D

 

Vamos entender o código?

var tradicao = "Hello World";

Pedimos para o Senhor Js que criasse uma variável com nome de tradicao e que a mesma recebesse o valor Hello World.

 

alert(tradicao);

Agora pedimos ao navegador que mostrasse em uma janela poupup o valor da variavel tradicao.

 

Pronto, por enquanto é isso. Acredito que já é o suficiente para entendermos o que seria uma variável e um pouco de sua importância, vale ressaltar que sem uma variável seria impossivel existir algum sistema hoje pois a finalidade dos mesmo são... Quase eu dava a resposta do desafio, mais isso fica ai como dever de casa.

 

Está é uma aula básica sobre variáveis para entendermos apenas o essencial dela no próximo post vou entrar em mais detalhes práticos sobre sua sintaxe, forma de declaração, tipo de variáveis e etc... Até Logo <3

 

P.s - Não esqueçam de responder o desafio, o próximo post será postado após eu ver que tem alguem interessado no conteúdo se não do que adianta eu criar posts?

 

 

 

 

 

A Linguagem de programação JavaScript não tem haver com JAVA

Está pode ser uma duvida de muitos que não tem familiaridade com a linguagem. A Linguagem JS(JavaScript), é uma linguagem cliente-side, ou seja, trabalha no lado do usuário.

 

Estarei criando uma série de tutoriais para quem tem interesse em aprender com interação de quem está ensinando, então este quem tiver dúvidas pertinentes ao post da aula só comentar. Está é uma aula de introdução ao JS ou seja é o básico, será necessário futuramente conhecimentos em Html e Css para um melhor aprendizado como diz meu prof Marco Bruno da Caelum um aprendizado Feliz. :p

 

Continuando a explicação não sou nenhum expert em JS mais estarei passando o pouco de conhecimento que eu tenho para quem quer aprender.

 

Porque vamos precisar saber um pouco de html e css para aprender a programar em Js?

 

- Porque a linguagem Js é o que da funciopnalidade as paginas web que por sua vez são basicamente desenvolvidas com html e css.

 

Esta poderosa linguagem consegue interagir com o HTML, trabalhar com variáveis, gerar resultados alterar aparências em nossas paginas.

Exemplo: Galeria de imagens ou vídeos, Slide show e muito mais, muito mesmo esses exemplos citados são bem básicos.

 

O que é preciso para iniciarmos a programar em JavaScript?

- Um editor de texto já é o suficiente !

 

Um ótimo exemplo é o bloco de notas, assim como podemos criar um site inteiro utilizando o bloco de notas também consigo programar em Js utilizando o mesmo programa.

 

Mais temos editores que facilitam e muito a vida dos amigos programadores, como por exemplo SublimeText, Brackets entre outros.

 

Vamos agora meter a mão na massa? ou no teclado melhor dizendo rs <3

 

1º Vamos abrir nosso editor e criar o corpo básico de uma página HTML.

 

2º Dentro da TAG <head> vamos adicionar nosso primeiro comando em Js e devemos seguir a tradição pós diz a lenda que quem não utilizar o famoso Hello Word não terá futuro na programação.

 

Resultado:

 

Explicando

<script> </script> - Todo code javascript deve ser escrito dentro desta tag, ela é a responsável em informar ao navegador que ali dentro tem comando Js para serem executadas.

alert(""); - Está é uma função que vai exibir uma poup up na janela do navegador com nossa mensagem dentro neste caso Hello World.

 

Professor Kaíque, eu ão consegui fazer com que apareça essa poup up como na foto acima.

 

Solução:

1º Js é uma linguagem case-sensitive, ou seja diferencia letras MAIÚSCULA DE minuscula.

2º Verifique se escreveu seu code Js dentro das tag <script> </script> e certifique sua escrita e fechamento da mesma.

3º Ao terminar todo comando Js devemos colocar um PONTO-E-VIRGULA.

Caso ainda não tenha funcionado verifique a imagem abaixo se está exatamente igual.

 

 

Caso não esteja funcionando ainda deixa um comentário aqui ou manda MP que vou verificar com você o que está acontecendo.

 

Minhas Redes sociais:

Discord:KaiqueLuan#3724

Facebook

Twitter

Reset CSS do replay:

 

* {

margin:0;

padding:0;

}

 

De resto vc vai fazendo

 

 

kkkkk boa

 

mais os que postei é bom para quem quer ver a diferença de um modelo limpo e quais são as configurações ja pré estabelecidas pelo navegador

Olá dear design,

 

Venho fazer um convite muito especial para você que está estudando alguma ferramenta de desenvolvimento gráfica seja ela qual for para criação de banners, logotipos, layouts, edição de imagens, vídeos, cartão de visita e etc..acho que já deu pra entender tudo pertinente da área Designer. Não é necessário ter experiencia avançada e sim curiosidade e vontade já é o necessário !

 

Lembrando que alguns trabalhos podem ter retorno financeiro e outros vão ser apenas para aprendizado.

O principal intuito deste projeto é da a oportunidade para quem está começando a desenvolver vivenciar cenários reais e forçar um pouco mais nossa criatividade em relação ao gosto do "cliente" e quem sabe ganhar um troco.

 

Como funciona?

 

1 - Em um grupo do Whatsapp ou no própio fórum se permitido estarei passando trabalhos como layout banner, flyers, logotipos e etc. Todos os que participam do mesmo vão ser notificado do serviço, valor, tempo para execução e detalhes do projeto.

 

2 - Todos podem mandar seus trabalhos prontos que será avaliado pelo cliente e o autor do escolhido para impressão segundo o ponto de vista do cliente irá receber uma comissão pelo serviço.

 

3 - Após a impressão e entrega do trabalho o valor será depositado na conta do autor, tudo com 100% de transparência, onde o mesmo pode pedir print de conversas, print do valor do trabalho na gráfica tudo para comprovar se o valor da comissão foi justo.

 

Vale ressaltar que, o intuito deste projeto seria o aprendizado com possibilidade de retorno financeiro não que dizer que todos os trabalhos que eu postar no grupo vão ter valores, mais o mesmo vai ser informado previamente.

 

Agradeço a todos que leram até aqui <3 e todos aqueles que querem fazer parte deste projeto.

 

 

 

Grupo do Whatsapp: Clique aqui

Mas não seria necessario ter o CSS não ? la só da pra ver o código fonte do HTML

 

Está com o code open no final da pagina.

Já coloquei pra ver o resultado online no site. https://devkaique.000webhostapp.com/index.html

 

lá tambem tem o codigo.

Obrigado, consegui. eu estava tentando pelo prtscr mais ele nao volta o formato da imagem só o link web.

hahaha bons estudos ai meu bom to na mesma pegada aqui <3

Estou com dificuldade em adicionar imagens ao meus post.

 

Pela bbcode fica quebrada

 

e ctrl c + ctrl v da erro de tamanho n importa qual eu coloque.

[CENTER][B][SIZE=7][COLOR=#b30000]Html5 e Css3 domine a web do futuro [IMG]https://i.imgur.com/bMylrRy.png[/IMG][/COLOR][/SIZE][/B] [B][COLOR=rgb(179, 0, 0)][SPOILER="Sumário"][/SPOILER][/COLOR][SPOILER="Sumário"][/spoiler][/B][SPOILER="Sumário"][SIZE=4][COLOR=#000000]O desenvolvimento web hoje 1 1.1 Por quê você deve aprender HTML e CSS . . . . . . . . . . . . . . . . 2 1.2 O estado dos navegadores . . . . . . . . . . . . . . . . . . . . . . . . . 2 1.3 A complicação dos prexos proprietários . . . . . . . . . . . . . . . . 3 1.4 A longa e sinuosa estrada deste livro . . . . . . . . . . . . . . . . . . . 4 2 Os primeiros passos com o nosso site 7 2.1 Escrevendo HTML, de dentro para fora . . . . . . . . . . . . . . . . . 8 2.2 Adicionando formatações básicas . . . . . . . . . . . . . . . . . . . . . 10 2.3 Bordas e margens . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12 2.4 Um pouco de cor sempre é bom . . . . . . . . . . . . . . . . . . . . . . 14 2.5 Primeiro contato com imagens . . . . . . . . . . . . . . . . . . . . . . . 18 2.6 Adicionando elementos secundários . . . . . . . . . . . . . . . . . . . 22 2.7 Faça para sua cidade também! . . . . . . . . . . . . . . . . . . . . . . . 25 3 HTML5: o que mudou? 27 3.1 Escrevendo menos e fazendo mais . . . . . . . . . . . . . . . . . . . . . 27 3.2 Atributos personalizados . . . . . . . . . . . . . . . . . . . . . . . . . . 29 3.3 Tags novas para elementos antigos . . . . . . . . . . . . . . . . . . . . 29 3.4 Refatoração da página de São Paulo . . . . . . . . . . . . . . . . . . . . 31 3.5 Seja pragmático . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34 4 O que todo desenvolvedor precisa saber sobre CSS 35 4.1 A incompatibilidade dos browsers e a razão dos resets de CSS . . . . 35 4.2 Compreendendo o Box model . . . . . . . . . . . . . . . . . . . . . . . 38 4.3 Utilizando pseudo elementos . . . . . . . . . . . . . . . . . . . . . . . . 41 4.4 Desenhando uma faixa com “before” e “aer” . . . . . . . . . . . . . . 41 4.5 Decorando mensagens . . . . . . . . . . . . . . . . . . . . . . . . . . . 45 Sumário Casa do Código 4.6 Criando conteúdo através de CSS . . . . . . . . . . . . . . . . . . . . . 47 4.7 Arquitete o seu CSS para o futuro . . . . . . . . . . . . . . . . . . . . . 49 4.8 Gere relatórios inteligentes e simples com os estilos de impressão . . 52 5 O que você consegue fazer com CSS 3 61 5.1 A regra @Font-face . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 62 5.2 Como utilizar serviços de distribuição de fontes . . . . . . . . . . . . . 63 5.3 Substituição de ícones por fontes . . . . . . . . . . . . . . . . . . . . . 64 5.4 Explore novas possibilidades com bordas . . . . . . . . . . . . . . . . 67 5.5 Manipulação de cores com rgba e gradientes . . . . . . . . . . . . . . . 71 5.6 Trabalhe com sombras e crie menus elegantes . . . . . . . . . . . . . . 79 5.7 Combinando tudo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 86 6 Tomando controle da estrutura visual 95 6.1 A propriedade ‘display’ . . . . . . . . . . . . . . . . . . . . . . . . . . . 96 6.2 Flutue elementos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 97 6.3 O clearx, uma classe obrigatória em seus projetos . . . . . . . . . . . 106 6.4 Compreenda o uso de position . . . . . . . . . . . . . . . . . . . . . . . 107 6.5 Crie a sua própria janela modal . . . . . . . . . . . . . . . . . . . . . . 110 6.6 Como escolher os métodos para posicionar os seus elementos . . . . 116 6.7 Grids - um padrão de estrutura para as suas páginas . . . . . . . . . . 117 6.8 Posicionando elementos com CSS 3 . . . . . . . . . . . . . . . . . . . . 118 7 Melhorando os seus formulários 123 7.1 O que temos no HTML 5 . . . . . . . . . . . . . . . . . . . . . . . . . . 123 7.2 Formulários HTML 5 nos dispositivos móveis . . . . . . . . . . . . . . 124 7.3 Criação do primeiro formulário . . . . . . . . . . . . . . . . . . . . . . 125 7.4 Alinhamento e estilos visuais nos campos e formulários . . . . . . . . 127 7.5 Exibição de mensagens de ajuda . . . . . . . . . . . . . . . . . . . . . . 129 7.6 Mostre mensagens de erro . . . . . . . . . . . . . . . . . . . . . . . . . 132 7.7 Levando o usuário direto ao que importa com o autofocus . . . . . . 134 7.8 A exibilidade do atributo placeholder . . . . . . . . . . . . . . . . . . 134 7.9 Aplicando CSS3 em botões . . . . . . . . . . . . . . . . . . . . . . . . . 140 iv Casa do Código Sumário 8 Efeitos 101: Trabalhando com animações e transições 149 8.1 Transformando elementos . . . . . . . . . . . . . . . . . . . . . . . . . 150 8.2 Os efeitos rotate, scale, skew e translate em uma galeria de fotos . . . 150 8.3 Transições de estilos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 155 8.4 Transições na galeria de fotos . . . . . . . . . . . . . . . . . . . . . . . 156 8.5 Um detalhe importante sobre transições e JavaScript . . . . . . . . . . 160 8.6 Transformações em 3D . . . . . . . . . . . . . . . . . . . . . . . . . . . 161 8.7 Girar formulários com apenas um clique . . . . . . . . . . . . . . . . . 161 8.8 Utilizando animações . . . . . . . . . . . . . . . . . . . . . . . . . . . . 170 8.9 Começando com keyframes . . . . . . . . . . . . . . . . . . . . . . . . 170 9 O universo fora dos desktops e notebooks 175 9.1 O que é “Responsive Web Design” e porquê você deve se preocupar . 176 9.2 O funcionamento dos media queries . . . . . . . . . . . . . . . . . . . 177 9.3 Não é uma questão de aparelhos . . . . . . . . . . . . . . . . . . . . . . 178 9.4 Por um futuro melhor . . . . . . . . . . . . . . . . . . . . . . . . . . . . 179 10 Ferramentas - Frameworks, Plugins e Pré-processadores 181 10.1 Twitter Bootstrap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 182 10.2 HTML5 Boilerplate . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 183 10.3 Plugins em JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . 184 10.4 Modernizr . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 184 10.5 Polylls . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 185 10.6 Pré-processadores . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 186 10.7 É tudo CSS e HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 189[/COLOR][/SIZE][/SPOILER] [B] [COLOR=#ff0000][URL='https://drive.google.com/open?id=0B261fFT0ts-Jc2V1MUd4c3dHclU']Download Gdrive[/URL][/COLOR] [COLOR=rgb(179, 0, 0)] [/COLOR][/B][/CENTER]

Bom dia, gostei muito da aparencia e principalmente do sue código, muito fácil entendimento principalmente pra mim iniciante.

 

Só por curiosidade eu mexi um pouco no seu código, pra treinar e fuçar um pouco

 

ficou dessa forma o code...

HTML

 

CSS