- Видео 25
- Просмотров 2 123
Do Zero ao Sênior - Kelvin Kesley
Бразилия
Добавлен 2 янв 2024
Olá, me chamo Kelvin Kesley, seja bem vindo ao meu canal.
Aqui irei mostrar para vocês todo desenvolvimento dos meus projetos, meus estudos e também todo meu progresso na área da programação, no momento estou cursando Engenharia de Software com o objetivo de me tornar um desenvolvedor Front-end, e vou compartilhar com vocês toda essa minha jornada do início até o momento em que me tornarei um desenvolvedor Sênior.
Espero que nessa jornada vocês possam aprender algo junto comigo, então fiquem ligados, inscreva-se no canal e pressione o ícone do sino para receber as notificações dos novos vídeos. Obrigado pelo seu apoio!
Aqui irei mostrar para vocês todo desenvolvimento dos meus projetos, meus estudos e também todo meu progresso na área da programação, no momento estou cursando Engenharia de Software com o objetivo de me tornar um desenvolvedor Front-end, e vou compartilhar com vocês toda essa minha jornada do início até o momento em que me tornarei um desenvolvedor Sênior.
Espero que nessa jornada vocês possam aprender algo junto comigo, então fiquem ligados, inscreva-se no canal e pressione o ícone do sino para receber as notificações dos novos vídeos. Obrigado pelo seu apoio!
CODANDO UM JOGO! | LÓGICA DE PROGRAMAÇÃO | VISUALG e JAVASCRIPT
Exercícios de algoritmos do site "curso em vídeo", um site de vários cursos gratuitos ensinados pelo professor Gustavo Guanabara. Nesse vídeo finalizamos a passo 04 de estruturas de repetições, fizemos um exercício explicado, de um jogo de adivinha, resolvemos ele no visualg e também em código javascript. Fiquem ligados que ainda temos uma longa sequência pra resolver todos os próximos 100 exercícios, espero que estejam gostando do conteúdo e muito obrigado por acompanharem, não se esqueça de ativar as notificações para acompanhar a resolução dos próximos exercícios, valeeu e JUST DO IT!
Inscrições, bons comentários e curtidas são um ótimo suporte para mim, obrigado! 😉
Conteúdo do vídeo:
00...
Inscrições, bons comentários e curtidas são um ótimo suporte para mim, obrigado! 😉
Conteúdo do vídeo:
00...
Просмотров: 69
Видео
POR QUE CODAR MOBILE FIRST? | FYLO LANDING PAGE WITH TWO COLUMN LAYOUT - FRONTEND MENTOR JÚNIOR
Просмотров 209Месяц назад
Mais um desafio de nível Júnior concluído! Desenvolvi esse desafio com estratégia de MOBILE FIRST, utilizando React, no vídeo também foi explicado como se utiliza as unidades de medidas relativas e a importância dela dentro dos nossos projetos, também teve uma breve explicação de como eu utilizo o Figma para pegar os tamanhos de todas os elementos do layout dos desafios, utilizamos algumas bibl...
ESTRUTURA DE REPETIÇÕES JAVASCRIPT e VISUALG | LÓGICA DE PROGRAMAÇÃO
Просмотров 75Месяц назад
Exercícios de algoritmos do site "curso em vídeo", site de vários cursos gratuitos ensinados pelo professor Gustavo Guanabara. Nesse vídeo damos continuidade nas estruturas de repetições, resolvendo os exercícios no visualg e também em código javascript. Ainda veremos uma longa sequência resolvendo todos os próximos 100 exercícios, em cada vídeo vão conter até 5 exercícios resolvidos, espero qu...
CRIANDO LANDING PAGE COM REACT | HUDDLE LANDING PAGE WITH CURVED SECTIONS - FRONTEND MENTOR JÚNIOR
Просмотров 56Месяц назад
Finalmente iniciamos os desafios de nível Júnior! No vídeo criamos uma landing page totalmente feita em ReactJS, no projeto utilizamos algumas bibliotecas que ajudaram concluir nosso desafio, React Vite, React Icons e React Hook Form, também aprendemos a trabalhar com os componentes, com as props e validações de formulários em React, o projeto está totalmente responsivo para dispositivos MOBILE...
ESTRUTURA DE REPETIÇÕES - WHILE JAVASCRIPT | LÓGICA DE PROGRAMAÇÃO | VISUALG e JAVASCRIPT
Просмотров 702 месяца назад
Exercícios de algoritmos do site "curso em vídeo", site de vários cursos gratuitos ensinados pelo professor Gustavo Guanabara. Nesse vídeo enfim começamos a utilizar as estruturas de repetições, resolvendo os exercícios no visualg e também em código javascript. Ainda veremos uma longa sequência resolvendo todos os próximos 100 exercícios, em cada vídeo vão conter até 5 exercícios resolvidos, es...
LANDING PAGE SIMPLES | HUDDLE LANDING PAGE - FRONTEND MENTOR
Просмотров 632 месяца назад
Último (até o momento) desafio do site Frontend Mentor de nível newbie. Criamos uma landing page bem simples com uma única seção de chamada para ação (CTA), esse foi um ótimo desafio para aprendemos a trabalhar melhor com o flex box e consequentemente com a responsividade de toda pagina, utilizando apenas HTML e CSS. Por gentileza ative as notificações para acompanhar os próximos desafios, Vale...
ALGORITMO JOGO JOKENPO | LÓGICA DE PROGRAMAÇÃO | VISUALG e JAVASCRIPT
Просмотров 1423 месяца назад
Exercícios de algoritmos do site "curso em vídeo", site de vários cursos gratuitos ensinados pelo professor Gustavo Guanabara. Nesse vídeo finalizamos os exercícios de condições compostas, resolvendo os exercícios no visualg e também em código javascript. Ainda veremos uma longa sequência resolvendo todos os 100 exercícios, em cada vídeo vão conter até 5 exercícios resolvidos, espero que gostem...
REGEX VALIDATION JAVASCRIPT | PING SINGLE COLUMN COMING SOON PAGE - FRONTEND MENTOR
Просмотров 223 месяца назад
Desafio do site Frontend Mentor. Página com mais uma validação de email utilizando REGEX em JAVASCRIPT, também foi utilizado HTML e CSS na construção da página, deixando-a totalmente responsiva para vários tamanhos de dispositivos. Por gentileza ative as notificações para acompanhar os próximos desafios, Valeeeu! Inscrições, bons comentários e curtidas são um ótimo suporte para mim, obrigado! 😉...
COMPOUND CONDITIONS JAVASCRIPT | LÓGICA DE PROGRAMAÇÃO | VISUALG e JAVASCRIPT
Просмотров 363 месяца назад
Exercícios de algoritmos do site "curso em vídeo", site de vários cursos gratuitos ensinados pelo professor Gustavo Guanabara. Nesse vídeo entramos nos exercícios de condições compostas, resolvendo os exercícios no visualg e também em código javascript. Ainda veremos uma longa sequência resolvendo todos os 100 exercícios, em cada vídeo vão conter até 5 exercícios resolvidos, espero que gostem d...
COMO USAR CSS GRID | SINGLE PRICE GRID COMPONENT - FRONTEND MENTOR
Просмотров 293 месяца назад
Desafio do site Frontend Mentor. Página simples utilizando HTML e CSS, junto com a funcionalidade CSS GRID, deixamos os cards do projeto totalmente responsivos e fluidos para vários tamanhos de dispositivos. Por gentileza ative as notificações para acompanhar os próximos desafios, Valeeeu! Inscrições, bons comentários e curtidas são um ótimo suporte para mim, obrigado! 😉 Conteúdo do vídeo: 00:0...
EXERCÍCIOS DE LÓGICA JAVASCRIPT | LÓGICA DE PROGRAMAÇÃO | VISUALG e JAVASCRIPT
Просмотров 484 месяца назад
Exercícios de algoritmos do site "curso em vídeo", site de vários cursos gratuitos ensinados pelo professor Gustavo Guanabara. Nesse vídeo continuamos os exercícios de estruturas condicionais, resolvendo os exercícios no visualg e também em código javascript. Ainda veremos uma longa sequência resolvendo todos os 100 exercícios, em cada vídeo vão conter até 5 exercícios resolvidos, espero que go...
FORM VALIDATION IN JAVASCRIPT | INTRO COMPONENT WITH SIGN-UP FORM - FRONTEND MENTOR
Просмотров 304 месяца назад
Concluído mais um desafio do site Frontend Mentor. Essa página foi feita em HTML, CSS e também foi utilizado Javascript para a validação do formulário, criamos funções para verificar erros específicos e assim responder para campos vazios ou email em formato invalido. A página também está totalmente responsiva para tablet e mobile. Ative as notificações para acompanhar os próximos desafios! Insc...
ESTRUTURAS CONDICIONAIS | EXERCÍCIOS ALGORITMOS - LÓGICA DE PROGRAMAÇÃO | VISUALG e JAVASCRIPT
Просмотров 404 месяца назад
Dando continuidade nos exercícios de algoritmos do site "curso em vídeo", neste vídeo, vamos abordar as estruturas condicionais em algoritmos e lógica de programação, com exemplos em Visualg e JavaScript. Aprenda a criar condicionais e pratique com exercícios! Ainda veremos uma longa sequência resolvendo todos os 100 exercícios, e em cada vídeo teram até 5 exercícios resolvidos, espero que gost...
EMAIL VALIDATION USING JAVASCRIPT | BASE APPAREL COMING SOON PAGE - FRONTEND MENTOR | HTML, CSS E JS
Просмотров 475 месяцев назад
Concluído mais um desafio do site Frontend Mentor. Essa página foi feita em HTML, CSS e Javascript para validar o email de um formulário html, no JS foi criada uma função que faz o teste de Expressões Regulares (REGEX) para a validação do email informado. A página também está totalmente responsiva para tablet e mobile. Ative as notificações para acompanhar os próximos desafios! Inscrições, bons...
RESOLVENDO EQUAÇÃO DO SEGUNDO GRAU | EXERCÍCIOS ALGORITMOS - LÓGICA DE PROGRAMAÇÃO | VISUALG
Просмотров 625 месяцев назад
Continuidade nos exercícios de algoritmos do site "curso em vídeo", um site de vários cursos gratuitos ensinados pelo professor Gustavo Guanabara, e dentre eles, o curso de lógica de programação que contém os exercícios deste vídeo. Ainda veremos uma longa sequência resolvendo todos os 100 exercícios, em cada vídeo vão conter 5 exercícios resolvidos, espero que gostem do conteúdo e ativem as no...
CSS GRID IN PRACTICE | FOUR CARD FEATURE SECTION - FRONTEND MENTOR CHALLENGE | HTML E CSS
Просмотров 355 месяцев назад
CSS GRID IN PRACTICE | FOUR CARD FEATURE SECTION - FRONTEND MENTOR CHALLENGE | HTML E CSS
APRENDER LÓGICA DE PROGRAMAÇÃO | SOLVING ALGORITHMIC CHALLENGES - GUSTAVO GUANABARA | VISUALG - #2
Просмотров 845 месяцев назад
APRENDER LÓGICA DE PROGRAMAÇÃO | SOLVING ALGORITHMIC CHALLENGES - GUSTAVO GUANABARA | VISUALG - #2
RESOLVENDO EXERCÍCIOS DE ALGORITMOS - GUSTAVO GUANABARA | LÓGICA DE PROGRAMAÇÃO | VISUALG
Просмотров 3135 месяцев назад
RESOLVENDO EXERCÍCIOS DE ALGORITMOS - GUSTAVO GUANABARA | LÓGICA DE PROGRAMAÇÃO | VISUALG
SOCIAL SHARE BUTTONS | ARTICLE PREVIEW COMPONENT - FRONTEND MENTOR CHALLENGE | HTML, CSS E JS
Просмотров 396 месяцев назад
SOCIAL SHARE BUTTONS | ARTICLE PREVIEW COMPONENT - FRONTEND MENTOR CHALLENGE | HTML, CSS E JS
HTML RESPONSIVE | SOCIAL PROOF SECTION - FRONTEND MENTOR CHALLENGE | HTML E CSS
Просмотров 496 месяцев назад
HTML RESPONSIVE | SOCIAL PROOF SECTION - FRONTEND MENTOR CHALLENGE | HTML E CSS
APLICANDO JAVASCRIPT NA RECIPE PAGE - FRONTEND MENTOR CHALLENGE | HTML, CSS E JS
Просмотров 686 месяцев назад
APLICANDO JAVASCRIPT NA RECIPE PAGE - FRONTEND MENTOR CHALLENGE | HTML, CSS E JS
HTML SEMÂNTICO NA PRÁTICA | RECIPE PAGE - FRONTEND MENTOR CHALLENGE | PÁGINA RESPONSIVA
Просмотров 2077 месяцев назад
HTML SEMÂNTICO NA PRÁTICA | RECIPE PAGE - FRONTEND MENTOR CHALLENGE | PÁGINA RESPONSIVA
SOCIAL LINKS PROFILE | FRONTEND MENTOR CHALLENGE | HTML E CSS
Просмотров 2037 месяцев назад
SOCIAL LINKS PROFILE | FRONTEND MENTOR CHALLENGE | HTML E CSS
Profile Card Component | Frontend Mentor Challenge | HTML e CSS
Просмотров 547 месяцев назад
Profile Card Component | Frontend Mentor Challenge | HTML e CSS
3-Column Preview Card Component | Frontend Mentor Challenge | HTML e CSS
Просмотров 857 месяцев назад
3-Column Preview Card Component | Frontend Mentor Challenge | HTML e CSS
Esse curso do Guanabara ajudou muito
Sim, realmente todos os cursos dele são muito bons pra quem ta iniciando na programação.
Obrigado irmão! ajudou bastante! abç! sucesso!
Valeu caraa! Fico feliz que ajudei.
Top demais irmao🎉🎉
Galera quero pedir desculpas por ter feito o exercício 55 com o sorteio com apenas 5 números, acabei percebendo que era de 10 números só na hora da edição haha 😅, mas vou mandar aqui as alterações para colocarem... No comando "randi()" é so mudar de 5 para 10... → Sort <- randi(10) + 1 Na condição "Escolha", acrescente números do 6 ao 10, para assim aceitar que o jogador também digite esses números... → Escolha JNum caso 1,2,3,4,5,6,7,8,9,10 Mudando esses dois, o jogo já funciona normalmente com o sorteio de um número entre 1 e 10. Valeeeu!
Os dois jeitos seria muito massa!!
Valeu pelo feedback cara! Estarei fazendo dessa forma, alternando os próximos desafios! 😁
Eu gostaria que continuasse fazendo dos dois jeitoss!! Com react que é meu próximo passo de estudo e css/html tbm pra fortificar cada vez mais.
Legal cara, espero que os vídeos de React te ajude quando começar os estudos! Vou bolar algo pra continuar postando da outra forma tmb, usando apenas o HTML e CSS, mas tmb continuar desse jeito com React, talvez a cada desafio eu vou alternando, vou pensar direito sobre, mas valeeu pela opnião mano!!
Repositório do codigo no GitHub → github.com/DevKelvinK/Frontend-MentorJR-02
Me salvou! Desde ontem quebro a cabeça tentando personalizar uma lista ordenada pra deixar igual ao ao desafio. Dessa forma que você ficou excelente. Da forma que encontrei, até tinha conseguido add um número por meio de elemento ::before, mas não tava ficando com "." igual a lista ordenada tem. Ganhou um inscrito!
Legal cara! fico feliz por ter ajudado! Valeu pela inscrição e seja bem vindo!
muito bom video
valeeu cara!
Repositório do codigo no GitHub: github.com/DevKelvinK/Frontend-MentorJR-01
continua cara, não para de produzir conteudo
Opa, obgd por acompanhar o canal cara! Pode deixar que não vou parar não, dei uma pausa para fazer os próximos desafios usando React, mas essa semana ja vai ter video novo no canal 😁👍🏾
@@KK-DoZeroAoSenior poderia me dizer uma maneira de saber os espaçamentos de outros projetos do frontend mentor sem ter o photoshop ?
@@JoaoPedro-ki4qs O Figma é um ótimo programa pra isso cara, inclusive eu não estou usando o photoshop mais, agora estou usando o Figma mesmo, pesquise por ele no google que vai encontrar, mas, fique ligado que no proximo vídeo de frontend, vou mostrar como faço para pegar esses espaçamentos, bordas e tamanhos de fontes dos desafios que eu faço, blz?!
@@KK-DoZeroAoSenior blz mano, muito obrigado pela dica 🤝
@@KK-DoZeroAoSenior Desculpa fazer tantas perguntas, é que enquanto eu fazia o desafio coloquei o código igual o seu pois estava me corrigindo, e notei que quando eu adiciono um background-color, a parte superior e inferior ficam "grudadas" na viewport, poderia me ajudar ?😁
Cara, achei seu vídeo top, mas eu nao consigo fazer de forma alguma esse site! Não sei o que acontece que os comandos parecem nao funcionar. Cheguei a fazer idêntico ao seu e mesmo assim não funciona, não sei o que to fazendo de errado
Valeu cara! Qual parte da página que não está funcionando? Talvez eu consiga te ajudar por aqui.
boaaaa
Muito bom cara, qual é esse outro programa que vc utiliza? figma?
Valeu cara! Não, esse programa é o Photoshop, da pra usar o Figma tmb, mas acho o photoshop mais simples de usar kkk
😮😮😮
❤❤
😮😮😮
brabo