DevCast Front-End

77 devcasts

Confira os cursos que a DevMedia preparou para você se tornar um programador web front-end completo. Aqui você aprende HTML, CSS, JavaScript, jQuery, Bootstrap, Angular e muito mais. Confira!

Vale a pena ver CSS de novo

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?
Free

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

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

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?

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

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

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

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

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

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?

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?

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

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

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

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

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
Free

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?

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

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?

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

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
Free

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
Free

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

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

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

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

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
Free

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

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

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

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

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

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

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...

Etapas e tempos de requisições HTTP

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

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

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

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

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

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

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

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

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

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

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

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

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...

Desenvolvendo um chat usando NodeJS, Socket.io e jQuery

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

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

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,...

Carregando listas com jQuery, Servlet e Ajax

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

Efeitos com jQuery e CSS

Nesse pocket vídeo serão exibidas formas de aplicar efeitos elegantes sobre elementos HTML com o que há de mais recente...

Efeitos com jQuery e CSS

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

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

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

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

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

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

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.

Formulários em HTML 5 - Conhecendo e usando

Formulários em HTML 5 - Conhecendo e usando

Nesse pocket vídeo veremos como utilizar os novos recursos dos Forms (formulários) do HTML5.

Ver mais