@@CanaldoGui Todo profissional de TI recomenda começar no Front-end quando esta no inicio, além de ser uma linguagem mais simples de aprender ( não quer dizer que seja fácil) te dar uma base muito legal para ingressar nesse mundo, além disso tbm se usa o JS no front que já te introduz um pouco no Back-end, pois JS é uma linguagem de programação e não de marcação como HTML E CSS.
@@eddiedojiu-jitsu1251 É, eu percebo que o mercado pede mais por programadores back-end, mas front-end é definitivamente um melhor começo, porque aa coisas são mais visuais.
selector:pseudo-class -> Usada para definir um estado especial de um elemento. Pseudo Classes :active a:active Seleciona o link ativo :hover a:hover Seleciona links ao passar o mouse :link a:link Seleciona todos os links não visitados :visited a:visited Seleciona todos os links visitados :checked input:checked Seleciona cada elemento marcado :disabled input:disabled Seleciona cada elemento desabilitado :empty p:empty Seleciona cada elemento que não tem filhos :enabled input:enabled Seleciona cada elemento habilitado :first-child p:first-child Seleciona todos os elementos que são o primeiro filho de seu pai :first-of-type p:first-of-type Seleciona cada elemento que é o primeiro elemento de seu pai :focus input:focus Seleciona o elemento que tem foco :in-range input:in-range Seleciona elementos com um valor dentro de um intervalo especificado :invalid input:invalid Seleciona todos os elementos com um valor inválido :lang(language) p:lang(it) Seleciona cada elemento com um valor de atributo lang começando com "it" :last-child p:last-child Seleciona todos os elementos que são o último filho de seu pai :last-of-type p:last-of-type Seleciona cada elemento que é o último elemento de seu pai :not(selector) :not(p) Seleciona todos os elementos que não são um elemento :nth-child(n) p:nth-child(2) Seleciona cada elemento que é o segundo filho de seu pai :nth-last-child(n) p:nth-last-child(2) Seleciona cada elemento que é o segundo filho de seu pai, contando a partir do último filho :nth-last-of-type(n) p:nth-last-of-type(2) Seleciona cada elemento que é o segundo elemento de seu pai, contando a partir do último filho :nth-of-type(n) p:nth-of-type(2) Seleciona cada elemento que é o segundo elemento de seu pai :only-of-type p:only-of-type Seleciona cada elemento que é o único elemento de seu pai :only-child p:only-child Seleciona cada elemento que é o único filho de seu pai :optional input:optional Seleciona elementos sem atributo "obrigatório" :out-of-range input:out-of-range Seleciona elementos com um valor fora de um intervalo especificado :read-only input:read-only Seleciona elementos com um atributo "readonly" especificado :read-write input:read-write Seleciona elementos sem atributo "readonly" :required input:required Seleciona elementos com um atributo "obrigatório" especificado :root root Seleciona o elemento raiz do documento :target #news:target Seleciona o elemento #news ativo atual (clicado em um URL que contém esse nome de âncora) :valid input:valid Seleciona todos os elementos com um valor válido Pseudo Elements ::after p::after inserir conteúdo após cada elemento ::before p::before Inserir conteúdo antes de cada elemento ::first-letter p::first-letter Seleciona a primeira letra de cada elemento ::first-line p::first-line Seleciona a primeira linha de cada elemento ::selection p::selection Seleciona a parte de um elemento que é selecionado por um usuário
No HTML, temos a tag "", ela não tem uma função específica, serve apenas para demarcar um espaço qualquer dentro da nossa página. Podemos escrever textos dentro das tag div's... Como padrão, se tiver mais de uma, as div's ficam dispostas uma em cada linha, uma embaixo da outra, sendo que elas ocupam uma área que pega a largura inteira do navegador, de ponta à ponta. Exemplo:
01 02 03 Podemos mudar a altura e largura das div's com as Propriedades de Estilo "Height" e "Width", também conseguimos mudar a posição dos textos nas div's com a Propriedade text-align, sendo que podemos adicionar bordas às div's com a Propriedade "border" com o valor "solid" Nota: Ao utilizar a Propriedade de Estilo "border", devemos primeiro inserir o valor da espessura da borda em px, depois o tipo de borda (ex: solid) e posteriormente a sua cor. Exemplo de shorthand para bordas em CSS: " border: 1px solid black; " Como foi dito anteriormente, por padrão as div's ficam alinhadas uma em cima da outra, mas se quisermos que fiquem uma do lado da outra, devemos usar a Propriedade de Estilo "display" com o valor "inline-block", que seria um alinhamento de bloco em linha, assim fica tudo na mesma linha. Agora, referente à *Pseudo-classes* , elas precisam e são relativas a um elemento ou uma classe, elas são relacionadas ao *ESTADO* de um determinado *ELEMENTO* . No CSS, as Pseudo-classes são representadas por "dois pontos" ( : ) Para usar as funcionalidades de Pseudo-classes, no código CSS, devemos abrir um seletor personalizado para o elemento que queremos determinar um estado, digitando "dois pontos" ( : ) e especificando o estado desejado, abrindo chaves posteriormente. Alguns exemplos de ESTADOS de elementos (Pseudo-classes) são: Ativo, Marcado, Vazio, Habilitado e etc. Existe um estado (Pseudo-classe) chamado "hover" (hover é uma Pseudo-classe que é compatível com vários elementos), que significa: "quando eu passar o mouse por cima", quando estamos com alguma coisa por cima dele. Exemplo de elemento com Pseudo-classe abaixo: *div:hover {* *background-color: brown;* *}* Uma coisa legal que pode ser feita é inserir parágrafos () dentro de div's. Isso é enquadrado como um elemento dentro de outro elemento, e nesses casos, o elemento que está dentro é considerado " *filho* " ( *children* ) daquele que está fora (pai). Em seletores CSS, se quisermos personalizar os elementos que estão dentro de outros elementos ( *children* ), devemos indicar o elemento "pai" e usar o símbolo de maior " *>* " para indicar o elemento filho ( *children* ) imediato a ele. Exemplo: *div > p {* *display: none;* *}* A propriedade de estilo " *display* " com o valor " *none* " do exemplo acima faz com que os parágrafos que estejam dentro de div's ( ">" *children* ) fiquem com sua exibição oculta. Algo interessante que pode ser feito após isso, utilizando a Pseudo-Classe " *hover* ", é fazer com que o texto escondido apareça ao passarmos o mouse em cima da div. Para isso, abrimos um seletor para a div com a Pseudo-Classe hover (div:hover) e indicamos o seu filho (p) com o símbolo " > ", exemplo: " div:hover > p { " e inserimos dentro a Propriedade de Estilo " *display* " com o valor " *block* ". Dessa forma, ao passarmos o mouse sobre a div, o texto escondido contido na tag "p" filho irá aparecer. Exemplo: *div:hover > p {* *display: block;* *color: white;* *background-color: red;* *width: 300px;* *}*
eu tenho um mapa mental de fudamento e de precisamente 80 tags e atributos muito bem explicadods que inclusive relatam meu mergulho na vida de programador de 17 anos não sei como compartilhar isso mas acho que não seria só uma mão na roda pra quem ta começando.
Dica para criar as divs de maneira sequencial: 1. Vá no vscode, e em algum espaço do body digite: div{$}*(quantidade) e deixe o VScode completar. Esse "{$}" Serve para indicar que o contéudo das divs é sequêncial, indo do 1 até o número selecionado colocado após o "*". Dessa maneira, "div{$}*4", irá criar 4 divs e o conteúdo delas vai de 1 até 4. Resultado: 1 2 3 4
Admiro o trabalho do Guanabara, o cara faz um monte de aula com qualidade máxima e não cobra nada por isso, é sempre honesto com o público e tem uma das melhores didáticas que eu já vi, por agora eu não posso doar nada mas a minha vontade é de pagar por assistir esses vídeos...
dica: quando você quiser comentar um código, basta apenas selecionar ele e pressionar " ctrl " + " ; " espero ter ajudado :D edit: nos teclados com padrão americano basta selecionar o codigo e precionar " ctrl " + " / " espero ter ajudado denovo :D
@@eduardofonseca8336 uma vez eu dei zoom e passei uns dois meses sem conseguir voltar mano kkkkkkk (basta apenas precionar "ctrl" + " +" pra dar zoom in ou "ctrl" + "-" pra dar zoom out)
Bom dia Guanabara, como está? Queria dizer que o que você faz não tem preço cara, sensacional! Eu aprendi Python com você lá por 2017 e isso me ajudou bastante alguns anos depois quando entrei em um curso da área. Na época parecia serem só mais alguns vídeos, mas hoje vejo quanta qualidade você produz e o quão caro é isso... Por um tempo pensei que seus vídeos explicavam somente a base e que isso não ajudaria um profissional, mas com a maturidade entendi que a proposta é justamente essa: ajudar quem está começando. E nesse quesito, você dá mais que um show, você faz uma turnê inteira! xD Eu lhe agradeço do fundo do coração por todas essas aulas e por todo esse conhecimento compartilhado com tamanha maestria, muito obrigado Guanabara!
Cara eu estou com um problema semelhante, eu terminei os três mundos do python que o Guanabara produziu, mas agora não sei qual pode ser o meu próximo passo, você poderia me dar uma recomendação?
@@felipemarques1845 Opa maninho tudo bem? Entao realmente no Guanabara parou de produzir conteúdo de Python. Mas ainda tem muita coisa para aprender na linguagem! Tentar pesquisa mais sobre, porque tem coisas que ainda Guanabara nao explicou, exemplo "Classes". Minha recomendacao e voce achar cursos mesmo de Python. Aqui no RUclips tem monte para iniciantes e o intermediario. Ja avancado tem que pagar, mas disso quando voce saber de tudo de Python, voce comecar praticar, vai criando projetos. Assim voce vai progredindo. Depois que eu terminei curso de Python do Guanabara. Criei programa com Python com comunicação com SQL Server, fiquei progredindo desde entao. Disso nao desista, internet estar de cheias de coisas para aprender!
Opa @@felipemarques1845, tudo bom? Então cara, caso seu interesse seja trabalhar na área eu te recomendo fortemente criar um Linkedin, lá você pode fazer um networking maneiro e fazer posts de coisas que você sabe ou fez pra servir de portfólio. Eu atualmente estou trabalhando na área de desenvolvimento web e acredito que há um mercado muito grande nesse setor. Você pode iniciar nele estudando Django, framework web para Python, que é a linguagem que você tem mais afinidade, pelo que entendi. Futuramente, estudar ciência de dados pode vir a calhar, considerando o valor que essa área agrega. No mais, boa sorte meu consagrado, tu consegue!
@@felipemarques1845 Adendo: recomendo fortemente o canal do "Programador Lhama" para estudar as questões sobre Classes que o @MerQ citou e um pouco de SOLID (uma série de princípios quando se trabalha com classes). Recomendo também alguns canais de programação como "Código Fonte TV", "Filipe Deschamps", "Rocketseat" e "Lucas Montano". É isso, tamo junto!
fabio uma fica eu comçei no pyhton para quem gosta dde automaçao ...acho,,,e fico feliz em ter conhecidohtml pois nao se compara ao nivel de logica ncessaria que exige pyhton,se quer começa pelo hard vai pyhton vai precisar começar pelo curso de logica recomendo....
Boa noite Guanabara, desejo que esteja bem. Me chamo Weder Romão, comecei recentemente, (e do zero) seu curso de Python no site do Curso em Vídeo e, estou mergulhado nas suas explicações. Você é um excelente professor e agradeço a Deus por essa sua paixão por ensinar e por esse conteúdo fantástico. Desejo tudo de melhor na sua vida. Obrigado pra sempre. Não desista, continue no caminho. Grande Abraço.
Olá prof. Guanabara...! estou conseguindo aconpanhar e achei miito interessante essa aula. Espero apenas que na sequencia das aulas venha a tornar esse efeito acessivel para que pessoas DVs total ou parcial tenha também essa caracteristica e pqe possa desfrutar via teclado...!
📝 *Pseudo-classes em CSS* 📝 *Representadas por :* ex: :active :checked :enabled :disabled :corner-present :empty :end :first :hover :double-button *:hover* -> quando passa o mouse por cima acontece algo ex: div:hover { background-color: yellow; } *div > p* -> parágrafo que está dentro da div (p é filho de div) *Deixar texto de "p" invisível:*
div > p { display: none; } *Deixar texto de "p" visível quando passar o mouse em cima:* (útil para criar menu) div:hover > p { display: block; } ** -> é um espaço qualquer *height* -> altura *width* -> largura *border* -> borda ex: border: 1px solid black; (shorthand) *display: inline-block;* -> tudo na mesma linha
Não sou muito de comentar conteúdos na internet, porém este curso tem me ajudado muito, estou tentando mudar de área e através destes conteúdos desenvolvidos com muito carinho e foco no conhecimento, tenho conseguido enxergar um novo caminho. Obrigado Gustavo Guanabara e toda equipe do curso em vídeo!!!
caramba nunca tinha pensado em usar o hover assim kk obg guanabara to aprendendo muito com vc e espero contribuir com o seu trabalho futuramente quando eu estiver ganhando meu dinheirinho
Incrível essas aulas. Eu acompanho as aulas com netbeans, aqui tem um problema faz três Divs gera 4 , faz quatro divs sai 5 no navegador. É um problema que tenho que descobrir a solução, mas as aulas são show de bola.
Consegui entender as pseudo-classes graças a esse vídeo! Sabia da existência delas porém de maneira superficial. Esse curso tá sensacional, com todo respeito ao antigo mas esse tá em outro nível!
Agradeço de mais esse cara, faz um trabalho muito foda, graça a vc eu entrei na área de Ti, aprendi diversas linguagem com você, obrigado Guanabara, você literalmente, mudou a minha vida!
No meu, eu tive que especificar o 'id' de cada 'div' e aí colocar o 'hover' a cor que eu queria. Eu fiz em um style.css para deixar mais prático, tive que especificar o 'id' de cada 'div' que eu fiz já que dei o id de cada um como d1, d2 e d3. O legal é que dá para colocar essa sub-classe em um botão, e eu desinformado não sabia.
Ótima aula fiz um exemplo próprio para treinar lista OL e UL, que quando passar o mouse por cima mostrava alguns serviços de um hotel. Uma ideia para vocês Gafanhotos ! ! !
Graças a este curso, entrei sem medo numa faculdade da área de TI. Deus abençoe toda a equipe e todos os que contribuem.
Está fazendo qual?
@@klayvaodev Ela eu não sei, mas eu estou fazendo Sistemas de Informação na Federal
@@CanaldoGui Todo profissional de TI recomenda começar no Front-end quando esta no inicio, além de ser uma linguagem mais simples de aprender ( não quer dizer que seja fácil) te dar uma base muito legal para ingressar nesse mundo, além disso tbm se usa o JS no front que já te introduz um pouco no Back-end, pois JS é uma linguagem de programação e não de marcação como HTML E CSS.
@@eddiedojiu-jitsu1251 É, eu percebo que o mercado pede mais por programadores back-end, mas front-end é definitivamente um melhor começo, porque aa coisas são mais visuais.
@@eddiedojiu-jitsu1251 Fiz o oposto e achei mais legal,vc pula o muro mais alto primeiro e depois acha qualquer coisa facil
selector:pseudo-class -> Usada para definir um estado especial de um elemento.
Pseudo Classes
:active a:active Seleciona o link ativo
:hover a:hover Seleciona links ao passar o mouse
:link a:link Seleciona todos os links não visitados
:visited a:visited Seleciona todos os links visitados
:checked input:checked Seleciona cada elemento marcado
:disabled input:disabled Seleciona cada elemento desabilitado
:empty p:empty Seleciona cada elemento que não tem filhos
:enabled input:enabled Seleciona cada elemento habilitado
:first-child p:first-child Seleciona todos os elementos que são o primeiro filho de seu pai
:first-of-type p:first-of-type Seleciona cada elemento que é o primeiro elemento de seu pai
:focus input:focus Seleciona o elemento que tem foco
:in-range input:in-range Seleciona elementos com um valor dentro de um intervalo especificado
:invalid input:invalid Seleciona todos os elementos com um valor inválido
:lang(language) p:lang(it) Seleciona cada elemento com um valor de atributo lang começando com "it"
:last-child p:last-child Seleciona todos os elementos que são o último filho de seu pai
:last-of-type p:last-of-type Seleciona cada elemento que é o último elemento de seu pai
:not(selector) :not(p) Seleciona todos os elementos que não são um elemento
:nth-child(n) p:nth-child(2) Seleciona cada elemento que é o segundo filho de seu pai
:nth-last-child(n) p:nth-last-child(2) Seleciona cada elemento que é o segundo filho de seu pai, contando a partir do último filho
:nth-last-of-type(n) p:nth-last-of-type(2) Seleciona cada elemento que é o segundo elemento de seu pai, contando a partir do último filho
:nth-of-type(n) p:nth-of-type(2) Seleciona cada elemento que é o segundo elemento de seu pai
:only-of-type p:only-of-type Seleciona cada elemento que é o único elemento de seu pai
:only-child p:only-child Seleciona cada elemento que é o único filho de seu pai
:optional input:optional Seleciona elementos sem atributo "obrigatório"
:out-of-range input:out-of-range Seleciona elementos com um valor fora de um intervalo especificado
:read-only input:read-only Seleciona elementos com um atributo "readonly" especificado
:read-write input:read-write Seleciona elementos sem atributo "readonly"
:required input:required Seleciona elementos com um atributo "obrigatório" especificado
:root root Seleciona o elemento raiz do documento
:target #news:target Seleciona o elemento #news ativo atual (clicado em um URL que contém esse nome de âncora)
:valid input:valid Seleciona todos os elementos com um valor válido
Pseudo Elements
::after p::after inserir conteúdo após cada elemento
::before p::before Inserir conteúdo antes de cada elemento
::first-letter p::first-letter Seleciona a primeira letra de cada elemento
::first-line p::first-line Seleciona a primeira linha de cada elemento
::selection p::selection Seleciona a parte de um elemento que é selecionado por um usuário
são todas que existem?
No HTML, temos a tag "", ela não tem uma função específica, serve apenas para demarcar um espaço qualquer dentro da nossa página. Podemos escrever textos dentro das tag div's... Como padrão, se tiver mais de uma, as div's ficam dispostas uma em cada linha, uma embaixo da outra, sendo que elas ocupam uma área que pega a largura inteira do navegador, de ponta à ponta. Exemplo:
01
02
03
Podemos mudar a altura e largura das div's com as Propriedades de Estilo "Height" e "Width", também conseguimos mudar a posição dos textos nas div's com a Propriedade text-align, sendo que podemos adicionar bordas às div's com a Propriedade "border" com o valor "solid"
Nota: Ao utilizar a Propriedade de Estilo "border", devemos primeiro inserir o valor da espessura da borda em px, depois o tipo de borda (ex: solid) e posteriormente a sua cor. Exemplo de shorthand para bordas em CSS:
" border: 1px solid black; "
Como foi dito anteriormente, por padrão as div's ficam alinhadas uma em cima da outra, mas se quisermos que fiquem uma do lado da outra, devemos usar a Propriedade de Estilo "display" com o valor "inline-block", que seria um alinhamento de bloco em linha, assim fica tudo na mesma linha.
Agora, referente à *Pseudo-classes* , elas precisam e são relativas a um elemento ou uma classe, elas são relacionadas ao *ESTADO* de um determinado *ELEMENTO* . No CSS, as Pseudo-classes são representadas por "dois pontos" ( : )
Para usar as funcionalidades de Pseudo-classes, no código CSS, devemos abrir um seletor personalizado para o elemento que queremos determinar um estado, digitando "dois pontos" ( : ) e especificando o estado desejado, abrindo chaves posteriormente.
Alguns exemplos de ESTADOS de elementos (Pseudo-classes) são: Ativo, Marcado, Vazio, Habilitado e etc.
Existe um estado (Pseudo-classe) chamado "hover" (hover é uma Pseudo-classe que é compatível com vários elementos), que significa: "quando eu passar o mouse por cima", quando estamos com alguma coisa por cima dele.
Exemplo de elemento com Pseudo-classe abaixo:
*div:hover {*
*background-color: brown;*
*}*
Uma coisa legal que pode ser feita é inserir parágrafos () dentro de div's. Isso é enquadrado como um elemento dentro de outro elemento, e nesses casos, o elemento que está dentro é considerado " *filho* " ( *children* ) daquele que está fora (pai).
Em seletores CSS, se quisermos personalizar os elementos que estão dentro de outros elementos ( *children* ), devemos indicar o elemento "pai" e usar o símbolo de maior " *>* " para indicar o elemento filho ( *children* ) imediato a ele. Exemplo:
*div > p {*
*display: none;*
*}*
A propriedade de estilo " *display* " com o valor " *none* " do exemplo acima faz com que os parágrafos que estejam dentro de div's ( ">" *children* ) fiquem com sua exibição oculta. Algo interessante que pode ser feito após isso, utilizando a Pseudo-Classe " *hover* ", é fazer com que o texto escondido apareça ao passarmos o mouse em cima da div.
Para isso, abrimos um seletor para a div com a Pseudo-Classe hover (div:hover) e indicamos o seu filho (p) com o símbolo " > ", exemplo: " div:hover > p { " e inserimos dentro a Propriedade de Estilo " *display* " com o valor " *block* ". Dessa forma, ao passarmos o mouse sobre a div, o texto escondido contido na tag "p" filho irá aparecer. Exemplo:
*div:hover > p {*
*display: block;*
*color: white;*
*background-color: red;*
*width: 300px;*
*}*
caralho mano, botou pra foder, adorei o texto.
Adorei o texto!
Excelente resumo!
eu tenho um mapa mental de fudamento e de precisamente 80 tags e atributos muito bem explicadods que inclusive relatam meu mergulho na vida de programador de 17 anos não sei como compartilhar isso mas acho que não seria só uma mão na roda pra quem ta começando.
@@fernandoelias1936 Joga em um drive, deixa a pasta pública e coloca o link aqui Fernando. Seria de Extrema ajuda para nós que estamos começando.
Dica para criar as divs de maneira sequencial:
1. Vá no vscode, e em algum espaço do body digite: div{$}*(quantidade) e deixe o VScode completar.
Esse "{$}" Serve para indicar que o contéudo das divs é sequêncial, indo do 1 até o número selecionado colocado após o "*".
Dessa maneira, "div{$}*4", irá criar 4 divs e o conteúdo delas vai de 1 até 4.
Resultado:
1
2
3
4
Admiro o trabalho do Guanabara, o cara faz um monte de aula com qualidade máxima e não cobra nada por isso, é sempre honesto com o público e tem uma das melhores didáticas que eu já vi, por agora eu não posso doar nada mas a minha vontade é de pagar por assistir esses vídeos...
Compartilha o conteúdo, já é uma grande ajuda...
Sou professor e posso falar com propriedade, vc é um excelente professor!
dica: quando você quiser comentar um código, basta apenas selecionar ele e pressionar
" ctrl " + " ; "
espero ter ajudado :D
edit: nos teclados com padrão americano basta selecionar o codigo e precionar " ctrl " + " / "
espero ter ajudado denovo :D
obrigada !!
Eu dei um zoom no código sem querer kkkkk
@@eduardofonseca8336 uma vez eu dei zoom e passei uns dois meses sem conseguir voltar mano kkkkkkk (basta apenas precionar "ctrl" + " +" pra dar zoom in ou "ctrl" + "-" pra dar zoom out)
Bom dia Guanabara, como está?
Queria dizer que o que você faz não tem preço cara, sensacional!
Eu aprendi Python com você lá por 2017 e isso me ajudou bastante alguns anos depois quando entrei em um curso da área.
Na época parecia serem só mais alguns vídeos, mas hoje vejo quanta qualidade você produz e o quão caro é isso...
Por um tempo pensei que seus vídeos explicavam somente a base e que isso não ajudaria um profissional, mas com a maturidade entendi que a proposta é justamente essa: ajudar quem está começando. E nesse quesito, você dá mais que um show, você faz uma turnê inteira! xD
Eu lhe agradeço do fundo do coração por todas essas aulas e por todo esse conhecimento compartilhado com tamanha maestria, muito obrigado Guanabara!
Cara eu estou com um problema semelhante, eu terminei os três mundos do python que o Guanabara produziu, mas agora não sei qual pode ser o meu próximo passo, você poderia me dar uma recomendação?
@@felipemarques1845 Opa maninho tudo bem? Entao realmente no Guanabara parou de produzir conteúdo de Python. Mas ainda tem muita coisa para aprender na linguagem! Tentar pesquisa mais sobre, porque tem coisas que ainda Guanabara nao explicou, exemplo "Classes". Minha recomendacao e voce achar cursos mesmo de Python. Aqui no RUclips tem monte para iniciantes e o intermediario. Ja avancado tem que pagar, mas disso quando voce saber de tudo de Python, voce comecar praticar, vai criando projetos. Assim voce vai progredindo. Depois que eu terminei curso de Python do Guanabara. Criei programa com Python com comunicação com SQL Server, fiquei progredindo desde entao. Disso nao desista, internet estar de cheias de coisas para aprender!
Opa @@felipemarques1845, tudo bom? Então cara, caso seu interesse seja trabalhar na área eu te recomendo fortemente criar um Linkedin, lá você pode fazer um networking maneiro e fazer posts de coisas que você sabe ou fez pra servir de portfólio. Eu atualmente estou trabalhando na área de desenvolvimento web e acredito que há um mercado muito grande nesse setor. Você pode iniciar nele estudando Django, framework web para Python, que é a linguagem que você tem mais afinidade, pelo que entendi. Futuramente, estudar ciência de dados pode vir a calhar, considerando o valor que essa área agrega. No mais, boa sorte meu consagrado, tu consegue!
@@felipemarques1845 Adendo: recomendo fortemente o canal do "Programador Lhama" para estudar as questões sobre Classes que o @MerQ citou e um pouco de SOLID (uma série de princípios quando se trabalha com classes). Recomendo também alguns canais de programação como "Código Fonte TV", "Filipe Deschamps", "Rocketseat" e "Lucas Montano". É isso, tamo junto!
@@willzin-da-esfiha obrigado mano! Tamo junto!!
Muito obrigada Guanabara pela disponibilidade de tantos cursos gratuitos de ótimo qualidade ❤
Não vou mentir, precisei assistir 3 vezes a parte de pseudo-classes...
Mas consegui entender kkkk
kkk revisando o curso todo mês pra não esquecer. agora vou comecar a veder sites
oloco man, eu estou com o msm proposito mas não sei como começar poderia me ajudar explicando como vc começou ?
Eu estou aprendendo python (estou no 2° mundo), estou pensando em começar a aprender HTML e CSS também, gostei da aula.
fabio uma fica eu comçei no pyhton para quem gosta dde automaçao ...acho,,,e fico feliz em ter conhecidohtml pois nao se compara ao nivel de logica ncessaria que exige pyhton,se quer começa pelo hard vai pyhton vai precisar começar pelo curso de logica recomendo....
ainda tá estudando??
@@MBLGBTQI ja terminei todo o curso
@@devoaprender tá estudando o que agora mano?
@@MBLGBTQI to praticando lending page
Guanabaaaaaa! Você é foda! Obrigado. ❤
Aula incrível, só dá vontade de aprender mais
Boa noite Guanabara, desejo que esteja bem. Me chamo Weder Romão, comecei recentemente, (e do zero) seu curso de Python no site do Curso em Vídeo e, estou mergulhado nas suas explicações. Você é um excelente professor e agradeço a Deus por essa sua paixão por ensinar e por esse conteúdo fantástico. Desejo tudo de melhor na sua vida. Obrigado pra sempre. Não desista, continue no caminho. Grande Abraço.
Muito obrigado pela generosidade em disponibilizar gratuitamente um curso desse nível.
muito obrigada, eu tava tentando colocar o hover no css sem antes colocá-lo no html.passei um tempão sem conseguir, mas seu vídeo me ajudou
Guanabara, tu é um Mooonstro Sagrado!!
mt daora serio, nem parece que estou estudando de tão divertido
Pseudo-classe
Até que enfim pude entender de vez essa jossa!
Obrigado mestre Guanabara!
Estamos firme e forte!!!!
comando rapido pra criar essas divs
digita
div*3>{0$}
e da enter ^^
achei q era trolagem kkk pq nao parecia facil o comando (sou iniciante) e fui lá ver. kkk explodiu meu mundo!! kkk obrigada pela dica, anotado.
show!!
Aula extremamente foda !! nem parece que estou estudando de tão massa que é essa didática.
Olá prof. Guanabara...! estou conseguindo aconpanhar e achei miito interessante essa aula. Espero apenas que na sequencia das aulas venha a tornar esse efeito acessivel para que pessoas DVs total ou parcial tenha também essa caracteristica e pqe possa desfrutar via teclado...!
📝 *Pseudo-classes em CSS* 📝
*Representadas por :*
ex: :active :checked :enabled :disabled :corner-present
:empty :end :first :hover :double-button
*:hover* -> quando passa o mouse por cima acontece algo
ex: div:hover {
background-color: yellow;
}
*div > p* -> parágrafo que está dentro da div (p é filho de div)
*Deixar texto de "p" invisível:*
div > p {
display: none;
}
*Deixar texto de "p" visível quando passar o mouse em cima:*
(útil para criar menu)
div:hover > p {
display: block;
}
** -> é um espaço qualquer
*height* -> altura
*width* -> largura
*border* -> borda ex: border: 1px solid black; (shorthand)
*display: inline-block;* -> tudo na mesma linha
cê sempre salva tiagao, tmj
obrigado amigo, vc é um amigo
Valeu!!!!
Tudo q vc comenta eu anoto no caderno irmão, vlw kkkk
tu eh foda dms
Recomendo aos meus alunos, sempre!!!
Não sou muito de comentar conteúdos na internet, porém este curso tem me ajudado muito, estou tentando mudar de área e através destes conteúdos desenvolvidos com muito carinho e foco no conhecimento, tenho conseguido enxergar um novo caminho. Obrigado Gustavo Guanabara e toda equipe do curso em vídeo!!!
caramba nunca tinha pensado em usar o hover assim kk obg guanabara to aprendendo muito com vc e espero contribuir com o seu trabalho futuramente quando eu estiver ganhando meu dinheirinho
Muito fera esse Guanabara!!!
A cada aula só melhora!
Guanabara é muito bom mesmo, eu tenho aprendido muito!
Incrível essas aulas.
Eu acompanho as aulas com netbeans, aqui tem um problema faz três Divs gera 4 , faz quatro divs sai 5 no navegador.
É um problema que tenho que descobrir a solução, mas as aulas são show de bola.
desativa o live server
Gratidão poder chegar até aqui! Valeu Guanabara!!!
Essa eu lerdei um pouco, mas revi a aula e pratiquei junto e deu tudo certo no final!
😳 Impressionante!!!!
Sem palavras
Nunca foi tão fácil programa !!!!!!!
Voce é o melhor professor e estou adorando as aulas, nunca vi um professor tao bom quanto voce e ainda nn cobra nada.
Obrigado
Fala Guanabara, quando que sai o módulo 3 cara. Estou ansioso!!!
Parabéns pelo trabalho!!!
Gostei muito. Parabéns.
Guana, você não imagina o quanto você está me ajudando! Grato para sempre!!!
Melhor explicação sobre pseudo classe, agr tudo faz sentido
Consegui entender as pseudo-classes graças a esse vídeo! Sabia da existência delas porém de maneira superficial. Esse curso tá sensacional, com todo respeito ao antigo mas esse tá em outro nível!
Curso muito bom.
Assistir curso em vídeo depois de tanto tempo é full nostalgia =)
Top de mais 😃
So tenho a agradecer pelo curso em video, meu muito obrigado a todos vcs, em especial a vc Guanabara
Muito obrigado, Guanabara! Que aula top. Didática excelente.
Estava ansioso para chegar nas aulas sobre divs e pseudo-classes.
Como sempre, ótima didática para explicar. Obrigada professor Guanabara!! Seus vídeos têm me ajudo muito nessa jornada no mundo tech.
Aprender com o Guanabara é tão prazeroso quem nem parece que estou estudando kkkk
exemplo das interações feitas em sites, ótima aula professor!
Agradeço de mais esse cara, faz um trabalho muito foda, graça a vc eu entrei na área de Ti, aprendi diversas linguagem com você, obrigado Guanabara, você literalmente, mudou a minha vida!
Olá Guanabara! Você é show! Você não faz ideia de como tem me ajudado (desde o primeiro curso de HTML) e como sou grato a você.
Sem palavras pra agradecer o seu empenho em oferecer algo gratuito e de qualidade. Obrigado.
tudo fica mais fácil e claro com seus ensinamentos. Eternamente grata!
Excelente! Conteúdo excelente e de graça.
Aula muito legal, nossa estou evoluindo muito nos estudos e acima de tudo com muita qualidade, obrigado professor.
foda demais, profeee. Parabéns.
QUE AULA EM EXCELENTE MUITO LEGAL...JA TO PRATICANDO
Claro que eu tô gostando!!! Sempre gosto, Guanabara é show!
Obrigado pela aula
aula maravilhosa
Realmente vc da dicas Praticas de qualidade. Parabéns
O legal do HTML e CSS é que cada tópico aprendido pode ser colocado imediatamente em prática.
excelente o curso! depois das suas aulas, estou tendo dificuldades de me adptar com outros professores na hora de complamentar assuntos
Estou esperando a aula de pseudo-elementos pois é algo que até hoje não entendi direito.
Show! Obrigado!
Pra quem está vendo o video em 2022, para alinhar no meio os 3 quadrados que ele fez aos 4:38, é só dar um margin: auto; que resolve!
Aulas cada vez melhores! Obrigado professor s2
Que aula incrível!
valeu meu mestre
Aula muito boa!!! Obrigado, professor.
Top, direto ao ponto!
No meu, eu tive que especificar o 'id' de cada 'div' e aí colocar o 'hover' a cor que eu queria. Eu fiz em um style.css para deixar mais prático, tive que especificar o 'id' de cada 'div' que eu fiz já que dei o id de cada um como d1, d2 e d3. O legal é que dá para colocar essa sub-classe em um botão, e eu desinformado não sabia.
Eu estou amando CSS
Excelente, mestre!
Obrigado Guanacast...
Acompanhado. Obrigado Professor!!
Melhor PROF
Simplesmente um mestre!
Maravilhoso o seu conteúdo.
ótima aula
Otimo video
Ta legal demais!!!
Muito obrigado pelo seu conteúdo!!!!!
excelente !
Ótima aula fiz um exemplo próprio para treinar lista OL e UL, que quando passar o mouse por cima mostrava alguns serviços de um hotel.
Uma ideia para vocês Gafanhotos ! ! !
aaaaaa que massa vey, guanabara tu é fodaaaa!!
Excelente aula!!
topp dms!
Muito massa
Mano adorei a explicação, você e muito top, éstou aprendendo muito.
Você é o melhor guanabara
aula maravilhosa, muito obrigado
Ótimo conteúdo. Obrigado!
Muitoi Obrigado pelos vídeos , muito bem explicados , me salvando abraço
Guanabara, cadê o material de apoio do capitulo 15? Não tem ainda no GitHub.
Também estou procurando e não acho -_-
presente aqui #Moçambique#
Top
😍
Aula maravilhosaa!
O professo o senhor kk sabe fazer sitema operasonal fas um curso ensinando