DevCasts e Meetups de HTML e CSS
78 vídeosConfira nossos PodCasts, DevCasts e Vídeos para você se tornar um programador Front-end completo. Aprenda HTML, CSS, JavaScript, jQuery, Bootstrap, Angular e mais.
Um bate papo sobre a evolução do JavaScript
Saiba quais as diferenças entre a sintaxe do JavaScript que vemos hoje em frameworks como Angular, React ou Vue e...
Você sabe o que é requisição e resposta?
Descubra o que acontece quando o navegador dispara uma requisição e, do outro lado, como um servidor de aplicação...
Dá pra resolver tudo com Bootstrap?
Será que dá pra ser programador web sem conhecer CSS? O nosso time de desenvolvedores acha que não e você vai concordar...
Vale a pena ver CSS de novo
O programador está sempre preocupado em utilizar bem o seu tempo, já que perguntas como “será que vai demorar para...
Será que o meu HTML está pronto?
Algumas vezes o que é fundamental acaba passando despercebido e, falando sobre o HTML, esquecer de dar uma última...
Um Bate-papo sobre Angular
Angular é um Framework para criação de aplicações cliente baseadas em HTML, que serão executadas no navegador ou em...
Transformando layouts em código
Neste DevCast conheceremos algumas ferramentas que são utilizadas pelas equipes de design e programação para a criação...
Já ouviu falar em Single Page Applications?
Você sabe o que são Single Page Applications (SPA)? Neste DevCast falaremos sobre esse modelo de aplicação que vem...
Boas práticas de usabilidade
A usabilidade de um software é fundamental para seu sucesso. Como programadores precisamos estar atentos a práticas que...
Aquecendo no Lazy Load
O Lazy Load consiste em carregar um determinado conteúdo apenas quando ele for realmente solicitado pelo usuário. No...
HTML Semântico
Veja neste DevCast um bate papo descontraído sobre as tags semânticas da HTML, marcações que permitem explicitar o...
Corrigindo o bug do scroll no Firefox
Neste DevCast vamos ver como corrigir um problema que ocorre no browser Mozilla Firefox ao realizarmos animações, com...
Como otimizar suas páginas web com PageSpeed
O Page Speed Insights mede o desempenho de uma página para dispositivos móveis e computadores. Ele busca a URL duas...
Qual é a função do HTML?
A função do HTML (Hypertext Markup Language) na programação web sofreu alterações ao longo dos anos e hoje essa...
Conhece o Electron?
O Electron é um framework que nos permite criar aplicações desktop para Windows, Mac e Linux utilizando tecnologias...
Validar no back-end é importante - Parte 2
Neste DevCast vamos ver, na prática, a importância de realizar validações no back-end. Veremos aqui o porquê de...
Validar no back-end é importante - Parte 1
Neste DevCast conversaremos sobre a importância das validações no back-end em adição àquelas feitas no front-end,...
Adoramos Ajax
Neste DevCast veremos como a equipe de programação da DevMedia utilizou a técnica de Lazy Load, com jQuery, para...
Aplicação web ou desktop: vantagens e desvantagens
Durante muito tempo as aplicações desktop supriram todas as necessidades dos usuários de software nas mais diversas...
Programando para Web: Primeiras dúvidas
Normalmente, quando estamos começando estudar uma nova tecnologia ou metodologia para desenvolvimento de software,...
Validação de formulários na web: front-end ou back-end?
A validação de formulários, independentemente do tipo de aplicação (web, desktop, mobile) é necessária para garantir...
Programação Front-End: Ferramentas iniciais
Quando estamos iniciando nossos estudos em alguma área da programação, normalmente temos dúvidas sobre quais...
A jQuery substitui o JavaScript?
Atualmente, com a biblioteca jQuery sendo utilizada em grande parte dos projetos que envolvem JavaScript, uma dúvida...
Bootbox: Simplificando o uso de modais no Bootstrap
O Bootbox simplifica a criação de janelas modais do Bootstrap por meio de funções com sintaxe simples. Neste DevCast...
Conhecendo o ScrollSpy do Bootstrap
Neste DevCast conheceremos o plugin ScrollSpy, que troca o item em destaque na barra de navegação do Bootstrap baseado...
Exibindo notificações com Toastr
A biblioteca JavaScript Toastr nos permite exibir notificações para o usuário em aplicações web utilizando uma...
Inserindo dois controllers no sistema de rotas do AngularJS
Nesse DevCast veremos como utilizar dois controllers dentro de um mesmo template carregado pelo sistema de rotas do...
Editando HTML CSS com Inspecionar Elementos
Nesse DevCast vamos conhecer a ferramenta Inspecionar Elementos do Console do navegador Google Chrome.
Debugando com o console do Google Chrome
Nesse DevCast veremos como usar do recurso inspecionar do Console do Google Chrome para depurar a nossa aplicação...
Modal no Bootstrap: Criando um Login Modal
Nesse pocket aprenderemos a criar um modal de login um NavBar e a trabalhar com ícones do Bootstrap.
Rotas em AngularJS: Criando transição de páginas dinâmicas com ngRoute
Nesse pocket aprenderemos a configurar uma aplicação com AngularJS e como utilizar o gerenciador de pacotes (NPM) do...
Busca e ordenação de tabelas com AngularJS
Nesse pocket aprenderemos a criar uma aplicação com uma busca dinâmica e uma tabela que se ordena conforme a coluna...
Alterando fotos de avatar com PHP
Este DevCast mostra como modificar a foto de perfil de redes sociais (avatar) com o PHP para incluir elementos através...
Aplicando efeito floating com jQuery
Nesse DevCast você verá como criar o famoso efeito de floating para criar divs que flutuam ao lado de outros, simulando...
Identificando tipos de arquivos pelo conteúdo
Este DevCast discute algumas recomendações que deve ser seguidas quando for necessário fazer upload de arquivos em uma...
Controle de acesso: senhas seguras em aplicações web
Este DevCast discute alguns aspectos de segurança durante a captação da senha do usuário em uma aplicação Web e mostra...
Evitando SQL Injection em Aplicações Web - Testes com SQLMAP
Esse DevCast apresenta dicas de como proteger sua aplicação de ataques de injeção de SQL. Nele analisamos uma aplicação...
Gráficos de linha na Web em tempo real
Este pocket vídeo mostra como montar um gráfico de linha em uma aplicação Web com atualização tem tempo real (real...
Etapas e tempos de requisições HTTP
Este pocket vídeo apresenta quais são as principais etapas do ciclo de vida de uma requisição HTTP e explica conceitos...
Desenvolvendo um layout responsivo usando framework MaterializeCSS
Vamos aprender como utilizar o framework MaterializeCSS para criar um layout responsivo utilizando componentes prontos...
Principais Livros Front-End
Nesse DevCast você verá uma overview completa sobre os dez principais livros sobre Front-End, que se baseia...
Principais Frameworks Front-End
Nesse DevCast você verá uma overview completa sobre dez mais famosos frameworks front-end que existem no mercado e sua...
Web Components com Polymer
Vamos aprender o que são e para que servem os Web Components. Criaremos um web componente usando somente recursos...
Upload de múltiplas imagens com barra de progresso usando AngularJS, Bootstrap e PHP
Vamos aprender como criar uma galeria de imagens sem banco de dados usando diversos recursos tais como AngularJS, PHP,...
Criando gráficos com o Google Charts
Este DevCast ensina como criar diferentes tipos de gráficos em HTML5 e Javascript a partir da utilização da API...
reCaptcha: Validando formulários com Google reCaptcha
Vamos aprender como utilizar reCaptcha para validar nossos formulários, prevenindo o preenchimento automatizado de...
Usando SASS em aplicações Web
Vamos aprender como instalar, configurar o ambiente e utilizar SASS de forma prática e objetiva em nossos projetos Web,...
Criando HeatMaps com JavaScript e HTML
Este DevCast mostra como criar um heatmap (mapa de calor) a partir de uma biblioteca Javascript e uma página HTML para...
HTML5 - Criando um aplicativo Desktop
Vamos aprender como criar uma aplicação desktop (arquivo executável) a partir de uma aplicação web.
Yeoman, Bootstrap e AngularJS - Criando um site pessoal
Vamos aprender como criar um site pessoal de portfólio utilizando diversas tecnologias, tais como Yeoman, Bootstrap 3 e...
Desenvolvendo um chat usando NodeJS, Socket.io e jQuery
Vamos aprender como criar um chat utilizando NodeJS, Socket.io e jQuery. Aprenderemos como evitar duplicidade de...
jQuery Input - Inputs dinâmicos com jQuery e MVC
Neste DevCast veremos como criar controles dinamicamente utilizando jQuery em um projeto MVC.
Carregando listas com jQuery, Servlet e Ajax
Nesse DevCast você verá todo o processo de criação de listas com valores de regiões, estados e cidades dinamicamente,...
Efeitos com jQuery e CSS
Nesse DevCast serão exibidas formas de aplicar efeitos elegantes sobre elementos HTML com o que há de mais recente na...
jQuery - Criando formulário de Cadastro com MVC
Nesse DevCast aprenderemos a utilizar a arquitetura MVC para criar um formulário de cadastro com validação de dados...
Sublime Text 2 - Poderoso editor de código fonte
Nessa DevCast veremos uma introdução ao editor de texto chamado Sublime Text.
Como Instalar o Wordpress em um servidor WAMP local
Nesse DevCast será mostrado como baixar e instalar o toolkit Wampserver para que se possa criar um servidor web local...
Application Cache do HTML 5
Nesse DevCast veremos como utilizar os recursos de Application Cache do HTML 5.
Desenvolvendo e Depurando com o Google Chrome
Nesse pokect vídeo veremos como utilizar as ferramentas que o Google Chrome nos fornece para tornar o desenvolvimento e...
Como folhear usando Page Flip no HTML 5
Nesse Pocket vídeo veremos como construir um exemplo de Page Flip utilizando apenas HTML 5, CSS e Javascript.