Hora de Codar
2.3K subscribers
68 photos
75 links
Download Telegram
Fala galera, beleza?

Vamos criar um aplicativo para checar o clima em qualquer cidade do mundo!

Tudo isso apenas com HTML, CSS e JavaScript, consumindo uma API chamada OpenWeather

Link do vídeo: https://youtu.be/VS8EBgPwsSU

Este projeto também saiu para a Comunidade, lá criamos diversas funcionalidades extras

Como: sugestão de cidades, tratamento de erros, estado de loading e muito mais!

Quer entrar para a Comunidade?

Clique aqui: https://www.horadecodar.com.br/comunidade-hora-de-codar/

Espero você lá,

Abraço!

#javascript
Fala galera, beleza?

Vamos a mais um projeto com JS puro, desta vez uma calculadora de IMC

No projeto vamos trabalhar com vários recursos, como: funções, eventos, manipulação de DOM

Link do vídeo: https://youtu.be/Jx_msqDaiCg

Além do bom e velho JavaScript, há muito conhecimento de HTML e CSS sendo compartilhado

Excelente projeto para você dominar os fundamentos destas três linguagens

Espero você lá,

Abraço!

#javascript
[PREPARAÇÃO PARA A FRONT WEEK]

Fala programador, beleza?

Hoje é dia de projeto, vou te mostrar como criar um gerador de box shadow

Que é uma propriedade de CSS para gerar sombras nos elementos, que tem diversas possibilidades de configuração

Geralmente ficamos chutando os valores para ter o valor que precisamos

Com este utilitário, você terá uma área gráfica para visualizar o efeito gerado

E também a impressão da regra de CSS, que basta aplicar no seu projeto! =)

Link: https://youtu.be/fFCqaZ8Tz-Y

Um excelente projeto para os que querem dominar JavaScript, e pensar como programadores para resolver um desafio real

Bora lá?

#javascript
Fala galera, beleza?

No vídeo de hoje vamos recriar uma famosa aplicação do Google, o Keep.

O link para assistir o vídeo é: https://youtu.be/TtDi0xrEvAE

Vamos utilizar apenas HTML, CSS e JavaScript puro, para desenvolver as suas principais funcionalidades.

Criaremos funcionalidades como: adição de nota, manipulação de dados via localStorage, fixar, excluir e duplicar nota

Bora?

Aguardo vocês lá!

#javascript
Fala galera, beleza?

Quer saber qual é a melhor opção para fazer requisições HTTP em seus projetos de JavaScript? Então se liga no vídeo!


Neste vídeo, comparo as duas bibliotecas mais populares para trabalhar com requisições HTTP: Axios e Fetch.

Explico as principais vantagens e desvantagens de cada uma e dou dicas sobre quando usar cada uma delas em seus projetos.

Se você está na dúvida sobre qual biblioteca escolher para trabalhar com requisições HTTP, não perca este vídeo! Com certeza vai te ajudar a entender melhor as diferenças entre Axios e Fetch e a escolher a melhor opção para seus projetos.

Confira o vídeo aqui: https://youtu.be/e9w8GIV0Yq4

Espero que gostem!
#Axios #Fetch #JavaScript
Fala galera, beleza? Vídeo novo no canal! 📣

Neste vídeo, vou mostrar como criar formulários incríveis com validações em JavaScript.

Aprenda a adicionar validações aos seus formulários para garantir que os dados informados pelos usuários estejam corretos e completos.

Desde a criação do formulário básico até as validações avançadas, incluindo expressões regulares e validações personalizadas.

Um conteúdo essencial para desenvolvedores web ou quem está aprendendo sobre JavaScript.

Link para o vídeo: https://youtu.be/rudAiGQ-mes

#javascript #formulário #validação #desenvolvimentoweb
Fala galera! Beleza?


Neste vídeo, eu vou mostrar como fazer um cronômetro simples usando JavaScript, HTML e CSS


Link: https://youtu.be/SbST27OWpmo


A gente vai começar definindo a estrutura e a aparência do cronômetro usando HTML e CSS, e depois vamos para o JavaScript pra fazer ele funcionar de verdade


Vamos aprender a usar funções, variáveis e intervalos de tempo pra criar um cronômetro que pode ser iniciado, pausado e reiniciado


Também vamos abordar questões de lógica, como como manter o tempo correto e exibir o tempo decorrido em um formato legível


E vou dar umas dicas pra otimizar o código e melhorar o desempenho do cronômetro


Mesmo se você nunca programou nada antes, não tem problema!


Esse tutorial é pra iniciantes e intermediários em programação, então todo mundo pode acompanhar


Se você quer fazer um cronômetro maneiro em JavaScript, chega mais e vamos botar a mão na massa!

#html #css #javascript
Fala galera! Beleza?


Vocês estão prontos para melhorar suas habilidades em JavaScript? 🚀👨‍💻


Acabei de lançar um vídeo onde apresento 7 recursos essenciais de JavaScript que você precisa conhecer para escrever código mais eficiente e performático

Link: https://youtu.be/NyxoqGTFrqo


Vamos criar vários exemplos de código para você saber onde aplicar cada um deles em seus projetos


Se você quer aprimorar suas habilidades em JavaScript e se tornar um desenvolvedor web mais completo, assista o vídeo! =)

#javascript #es6 #DesenvolvimentoWeb #ProgramaçãoWeb #Programação
Fala galera! Beleza? 📣


Este vídeo é para quem quer iniciar seus estudos em Clean Code com JavaScript


São 30 minutos com vários exemplos e situações diferentes, em que você pode aplicar o código limpo


Link: https://youtu.be/0SFRhpzHw94


Fundamental para quem deseja escrever um código fácil de ler e também de manter

Bora pro vídeo?! =)

#JavaScript #Programação #CódigoLimpo
Fala galera! Beleza?

Acabou de lançar um vídeo sobre regex, nele eu mostro como utilizar uma expressão regular para remover caracteres especiais

Algo que é muito comum no dia a dia de um dev


Link para assistir: https://youtu.be/7wksVf3g3z4


Lembrando que também tem uma dica extra, muito útil para quem quer resolver problemas de maneira fácil com expressão regular =)

Bora pro vídeo?! =)

#regex #javascript
Fala galera! Beleza?

Hoje é dia de falar sobre objetos em JavaScript!

Neste vídeo vou te mostrar várias formas de adicionar dados a um objeto


Link para assistir: https://youtu.be/wzJy46B-8eA


Mesmo você sendo um programador experiente, vale a pena assistir para revisão e também confirmar se conhece todas as formas disponíveis, já que elas são úteis em diversas situações

Bora pro vídeo?! =)

#javascript
Fala galera! Beleza?

Hoje é dia de falar sobre DOM!

Neste vídeo vou te mostrar como executar várias funções em apenas um evento de click


Link para assistir: https://youtu.be/ICVQj1FGEDM


É uma dúvida comum de iniciantes na linguagem, e tenho certeza que todo Dev JS já passou por este problema antes…

Bora pro vídeo?! =)

#javascript
Fala galera! Beleza?

Vocês sabiam que é muito fácil gerar PDF com JavaScript no Front-end?


Se liga no meu novo vídeo: https://youtu.be/oQ3_p4oCzDE


É algo bem interessante para quem trabalha em empresas que precisam gerar documentos neste formato, vai que um dia você tem que criar essa funcionalidade…

Bora pro vídeo?! =)

#javascript
Ei… programador!!

Se te perguntassem, agora, quais são as formas para verificar se uma string é uma data válida no JavaScript, você saberia responder? 🤨

Para realizar esta verificação, há várias opções, duas delas são:

1. Usar a classe Date() para tentar criar um objeto de data a partir da string;
2. Expressões regulares para verificar se corresponde a um formato de data conhecido;
Cada opção tem suas vantagens e pode ser escolhida com base nas necessidades específicas do projeto.

Mais informações estão em nosso vídeo no Youtube, que acabou de sair do forno!

Segue o link do vídeo: https://youtu.be/wdq7Yad6jWM
#javascript #programação #desenvolvedor
Fala galera, beleza?

Este vídeo é para quem está aprendendo JavaScript e quer dominar ainda mais a linguagem

Vamos criar um projeto que testa diversos tipos de conhecimentos, trabalharemos com muito HTML, CSS e JavaScript

O projeto de hoje é um contador de palavras ou caracteres de um texto, ou seja, um utilitário bem interessante

Segue o link do vídeo: https://youtu.be/x8CM9e23-yo

Não deixe de dar sugestões de próximos conteúdos ou cursos nos comentários aqui ou do vídeo :)
#javascript #programação #desenvolvedor #contadorpalavras #programador
Fala galera, beleza?

Este vídeo é para quem está aprendendo JavaScript e quer dominar ainda mais a linguagem

Vamos criar um projeto que testa diversos tipos de conhecimentos, trabalharemos com muito HTML, CSS e JavaScript

O projeto de hoje é um contador de palavras ou caracteres de um texto, ou seja, um utilitário bem interessante

Segue o link do vídeo: https://youtu.be/x8CM9e23-yo

Não deixe de dar sugestões de próximos conteúdos ou cursos nos comentários aqui ou do vídeo :)
#javascript #programação #desenvolvedor #contadorpalavras #programador
Fala programador! 👏

Hoje lançamos mais um vídeo no canal da Hora de Codar no Youtube.

Neste vídeo, explico sobre o passo a passo para desenvolver um projeto utilizando 3 ferramentas: HTML, CSS e JavaScript. Um teste de velocidade de digitação!

Essa é uma aposta interessante, caso esteja aprendendo a programar e queira colocar seu aprendizado em prática, para tirar os conhecimentos da teoria!


Segue o link do vídeo: https://youtu.be/MOsJdRmQoko

Ah, e claro: não esqueça de deixar sugestões de cursos e vídeos lá no canal!
#javascript #programação #CSS #HTML
🔴 LANÇAMENTO - Formação Front-end

Fala galera, beleza?

Hoje lança mais um curso da Hora de Codar, a Formação Front-end!

Nela você terá acesso a mais de 50 horas de conteúdo e 20 projetos, divididos em: HTML, CSS, JavaScript, React e TypeScript

Não precisa de conhecimento prévio, começamos do básico em todas as tecnologias

Aproveitem a promoção de lançamento:

https://www.udemy.com/course/formacao-front-end-html-css-javascript-react-e/?couponCode=LANCOUFE

A ideia principal é passar por todas estas tecnologias fazendo uma conexão entre elas, e dando uma maior percepção e preparação ao mercado de trabalho para o aluno

No link acima vocês tem mais detalhes das aulas e projetos!

Espero vocês lá

#javascript #react #frontend
💥 Lancei meu segundo livro =) (JavaScript) 💥

Fala galera, beleza?

Hoje saiu o meu mais novo livro: JavaScript para Iniciantes

Tentei traduzir todo meu conhecimento de cursos em vídeo para um livro, que é uma coisa que já me pedem faz tempo

Ele tem vários exercícios (30+), projeto, mais de 100 páginas, e aquela mescla de teoria e prática

Se você já fez algum curso meu, com certeza vai gostar =)

O link é: https://amzn.to/44rNfmZ

Não há pré-requisitos para ler o livro, tem desde a instalação até alguns conceitos intermediários da linguagem

Qualquer dúvida pode deixar aqui nos comentários também!

#javascript
🚀 Curso Gratuito de JavaScript! 🚀

Fala, galera! Tudo bem?

Vim trazer uma novidade bem legal para vocês. Acabei de lançar no YouTube um curso de JavaScript completamente gratuito!

São mais de 10 exercícios práticos e 2 projetos para fixar o aprendizado.

Ao longo do curso você aprenderá:

Estruturas de controle (if, else, switch), estruturas de repetição (while, for, do while), funções, arrays e objetos, DOM, tratamento de erros, promises, call-backs e async/await, JavaScript moderno, e muito mais!

São 4 horas de vídeo, então é de se esperar muito conteúdo e aprendizado!

🔗 Confere lá: https://youtu.be/OYPbr6ZG3pc

Vem dominar o JavaScript e desenvolver suas habilidades no mundo do desenvolvimento web!

#JavaScript #CursoGratuito #DesenvolvimentoWeb