Eu já fiz screencasts para você para tornar o aprendizado mais fácil, mas se você gosta de inglês acho que vai gostar muito desse post que trago para vocês.
Un screencast é uma gravação digital da saída da tela do computador, às vezes contendo narração de áudio. Embora o termo screencast datas de 2004, produtos como Lótus ScreenCam foi usado desde 1993. Os produtos pioneiros produziam arquivos enormes e tinham recursos de edição limitados. Os produtos mais recentes suportam formatos de arquivo mais compactos, como Macromedia Flash e possuem recursos de edição mais sofisticados, permitindo alterações na sequência, movimento do mouse e áudio.
São nada menos que trinta e quatro screencasts para melhorar suas habilidades de design e programação, todos em inglês, mas muito bem explicados e em excelente qualidade, então não precisa se preocupar.
Fonte | 1ºWD
AJAX:
1.Conteúdo RSS AJAX refrescante
Supere as dificuldades de atualização de página, atualizando o conteúdo sem uma atualização de página manual. Este vídeo demonstra o que fazer e como atualizar os feeds RSS com a ajuda de AJAX.
Se você estiver fazendo apenas um feed, acho que seria mais eficiente lançar seu próprio código JavaScript, especialmente se for apenas analisar RSS. Pelo que me lembro, o SimplePie parecia estar sobrecarregado.
2.Efeito simples-jquery-spy
A grande vantagem do site QuickSnapper do Realmac é que, se o JavaScript estiver desativado, a lista de snaps é visível por padrão. Então, vamos seguir o exemplo.
Também é importante notar que sua versão só continua puxando novos itens até chegar ao fim. Vou mostrar como você pode manter a lista em loop e, em um tutorial de acompanhamento, mostrarei como conectar isso a um hit Ajax que não martela seu servidor e mantém o efeito bom e suave.
3.Os 25 principais tutoriais em vídeo AJAX do youtube
Os tutoriais apresentados aqui dão um começo do zero de como criar um documento HTML, adicionando javascript e também vinculando um javascript externo a isso, construindo um bate-papo AJAX, adicionando elementos AJAX a uma página da web usando o framework Spy, inserindo objetos AJAX em Adobe Dreamweaver, como criar aplicativos Mash up usando a estrutura AJAX, criar um Delphi para PHP web também sobre banco de dados MySql AJAX
jquery:
4.Cabeçalhos deslizantes como iphone
Já ficou frustrado quando você não consegue encontrar o cabeçalho enquanto navega pelo conteúdo e se perde com o assunto
ao passar para a próxima página, este elenco de tela ajuda o cabeçalho a permanecer contido e também substitui o próximo título simultaneamente quando você passa para a próxima página de uma maneira sutil.É muito útil para todos os web designers que estão seguindo a tendência.
5.Salto de animação deslizante revisitado
Você deve ter notado que sua animação pula para o final, o que pode ser devido a problemas de altura. Este elenco de tela ajuda você a encontrar uma solução considerando os fatores de altura, armazenando uma altura embutida e definindo uma altura embutida posteriormente e proceda de acordo se estamos revelando ou ocultando o elemento. Podemos usar essa ação para mostrar nossos resultados ou também nas perguntas frequentes. Portanto, não há necessidade de atualizar a página.
6.Galeria Slider
Quer criar uma galeria com um slide para navegar pelos itens? Este elenco de tela ajuda você com etapas simples para traduzir a posição dos controles deslizantes para deslizar os produtos inversamente com a ajuda de Markup, controle deslizante-widget, jQueryUI, CSS e certos plug-ins que fornecem rolagem mais rápida e uma pausa quando necessário. Você pode exibir seus produtos e você pode rolar suas imagens etc.
7.Jquery para iniciantes
Uma série de 15 dias para iniciantes em Jquery com Theme forest.net como referência de Jeff Way que tem vídeos exclusivos para cada dia onde você pode aprender todos os métodos, alternador de estilo Jquery, efeito de foco e muito mais usados em Themeforest.net.
Esta série de elenco de tela irá ensinar Jquery de forma clara e eficaz. Cada screencasts tem seu próprio estilo e seria muito útil para iniciantes que precisam aprender Jquery de uma maneira defeituosa.
8.Construir menu de navegação estilo lâmpada Lava
Aprenda a criar um menu no estilo de lâmpada de lava desde o início, que inicialmente demonstra o mesmo processo usando um menu de três níveis e, em seguida, crie um menu de lâmpada de lava usando uma biblioteca Javascript nesta projeção de tela.
É uma forma altamente profissional de rentabilizar o seu site e este tipo de menu irá dar-lhe uma boa visão do seu site.
9.Carrossel infinito automático
Na maioria das vezes, uma ação de rolagem não para automaticamente e temos que controlá-la manualmente quando necessário. Portanto, fazer uma ação de rolagem automática e pausá-la quando o mouse estiver sobre o carrossel usando Jquery é demonstrado neste elenco de tela.
Podemos usar este carrossel para fins dinâmicos também.
10.Jquery, olha Tim van Damme
Os principais efeitos de Tim, o efeito Acordeão e Hover, que funcionam apenas no Webkit, também podem funcionar no jQuery quando dois fatores, a saber, margem animada - esquerda e efeito de crossfade rgba de fundo, são levados em consideração.
Para mais detalhes, vá até o screencast e descubra por conta própria.
11.Janela pop-up de login
A autenticação é sempre feita com a ajuda de uma senha. Este screen cast será muito útil para fins de autorização.
Neste elenco de tela, criamos uma janela pop-up simples que verifica a senha de uma conta em um servidor LDAP e onde os dados são passados de um link para a janela criada dinamicamente.
12.Screencasts para construir seu próprio plugin jquery
Siga a orientação dos especialistas James Padolsey, Jeffery Way e Dan Wellman neste screen cast para criar seus plug-ins Jquery e usá-los em seus programas. Aprendi como definir padrões, pré-carregar imagens, criar métodos de retorno de chamada e criar botões de rádio dinâmicos usando Jquery, CSS.
Para aprender as etapas completas, estude o elenco de tela completo.
13. Série de vídeos Jquery
Um regime de treinamento mais elaborado e preciso de 10 minutos para Themeforest.net e usando o mesmo como usar a biblioteca Jquery e criar seus próprios projetos com a ajuda da descrição da série de vídeos por 15 dias.
Toda a série trará os iniciantes como profissionais de sucesso em Jquery, que podem editar e personalizar os aplicativos Jquery de maneira flexível.
Screencasts PHP:
14.Mergulhando no PHP
Um breve tour em vários tópicos em PHP é fornecido como tutoriais separados. Esses tutoriais independentes de Jeffery Way ensinam a fazer upload de arquivos usando PHP com a ajuda do blog ThemeForest, que é uma fonte completa de consultas PHP.
Este screen cast cobre os diferentes tipos de tópicos para iniciantes e usuários de nível intermediário.
15.Screencast PHP Json Jquery Ajax
Para criar uma comunicação entre a fonte de dados PHP e JSON usando a funcionalidade AJAX do jQuery, onde criamos um script para enviar os dados JSON, então um array PHP carregamos o arquivo e nossa fonte de dados é preenchida.
Para aprender as etapas completas, veja o screen cast completo. É um screencast avançado para amantes de PHP.
16.Site de administração de fotos usando PHP e Jquery
Este screencast ajuda você a criar um site de fotos usando PHP e jquery onde um banco de dados é criado com a coleção de fotos, e o administrador tem o direito de atualizar o título das fotos, bem como manter quaisquer subdiretórios clicando no texto .
Você pode administrar toda a galeria de fotos de acordo com sua necessidade. A especialidade desse elenco de tela é usar Jquery, estamos acessando as galerias.
Screencasts CSS:
17.HTML e CSS, o básico
Ajude o iniciante absoluto com o básico de HTML e CSS, que são apenas arquivos de texto a um nível onde você pode usá-los como uma prévia em seu site.
Este screen cast ensina que HTML é o conteúdo e CSS é o design do site e também como criar um site com boa qualidade. Aqui você pode aprender o básico de HTML e CSS para que possa lidar com os sites facilmente quando aprender o básico também.
18.Galeria de imagens CSS3 editáveis
Nós construímos um padrão de design de galeria de imagens bastante típico, uma grade de imagens que aparecem maiores quando clicadas. Esta galeria de imagens dará a você uma aparência altamente profissional para seu desenvolvimento web.
Mas esta página de galeria de imagens faz uso de marcação HTML5 semântica quente, cargas de deleites visuais com CSS3 e jQuery, e podem ser editados através do CMS PageLime.
19. Como usar sprites CSS
Os CSS Sprites têm sido um tema quente há muito tempo. O fato é que cada imagem em uma página da web é uma solicitação de servidor separada e você pode aumentar drasticamente o desempenho de uma página.Reduzir o número de solicitações HTTP melhora o tempo de carregamento. Para conseguir isso usamos sprites CSS, Como criar um sprite CSS e como esses sprites descrevem aqui.
Isso lhe dará uma boa ideia sobre os sprites CSS e como usá-los no desenvolvimento da web.
20.Visão detalhada do framework 960 CSS
O 960 Grid System é um esforço para agilizar o fluxo de trabalho de desenvolvimento da web, fornecendo dimensões comumente usadas, com base em uma largura de 960 pixels. Existem duas variantes: 12 e 16 colunas, que podem ser usadas separadamente ou em conjunto.
Você não precisa dominar o código para criar um aplicativo da web. Os frameworks .CSS estão lá para você escrever seu código. Passe algum tempo com este elenco de tela para aprender sobre os frameworks e desenvolver seus aplicativos da web com eficiência.
21. Alternador de imagem
Image Switcher é um JavaScript gratuito que insere automaticamente uma série de imagens em uma única porta de visualização hot-swappable.Este é um switcher de imagem CSS puro, leve e compatível com os padrões. Pode ser usado para uma galeria ou qualquer função semelhante. Qualquer número de opções de seleção de lista pode ser usado, desde que a largura possa acomodá-los.
Alterar as imagens conforme você se move por um link é o que este elenco de tela ensina sem a ajuda de JavaScript. Você só precisa alternar o z-index ao passar o mouse e um pouco de posicionamento absoluto para conseguir isso.
22.Construindo uma galeria de fotos
Como muitas pessoas por aí, você pode querer criar um site para mostrar suas fotos de amigos, família, férias, casamento, etc. Bem, este pequeno tutorial irá mostrar como criar uma galeria de fotos e fazer o upload para a Internet.
Uma galeria de fotos que se constrói automaticamente com as imagens de um diretório e também dos subdiretórios é possível por CSS. Chris Coyier ensina neste elenco de tela a construir uma galeria de fotos automática.
23.Incorporando áudio
Como você incorpora um arquivo MP3 (como um podcast, música ou música de fundo) em uma página da web ou feed RSS para que os visitantes possam ouvir o áudio no próprio navegador sem a necessidade de um reprodutor externo como QuickTime ou Windows Media Player.
A maior parte da imagem usamos uma imagem ou um arquivo de áudio. Mas uma imagem com áudio de fundo deixa o usuário bastante confortável para entender as informações. Chris Coyier ensina o mesmo com a ajuda de JavaScript e Flash neste elenco de tela.
24.Usando CSS3
Muitas novas funções e recursos interessantes estão sendo pensados para CSS3. Tentaremos mostrar alguns deles nesta página da Web. Para aprimoramentos visuais, como fundos múltiplos, RGB, imagem de borda, raio de borda, face @font, animações / transições e muito mais, o CSS3 está em movimento agora.
Para acompanhar esta última onda, dê uma olhada neste elenco de tela.
25.Apresentando o firebug
Você pode obter as informações sobre a marcação, CSS, layout e DOM de um elemento em uma página com Firebug, uma extensão do Firefox que se tornou inevitável para Web designers e desenvolvedores, onde você pode editar e ver os resultados diretamente no navegador.
Para saber mais aprenda este elenco de tela.
26.Página única para atualizações do twitter
Quando projetado corretamente, um Twitter O feed pode melhorar a estética do layout de um site da Web. Se tweetar é o seu passatempo, você deve estar ansioso para exibi-los do início ao fim. Por exemplo, você pode cobrir o design no Photoshop e também estilizar sua página.
Para realizar esta tarefa, siga este elenco de tela que o orienta do material javascript ao CSS para estilizar sua página.
Código de ignição:
27.Screencasts básicos
Code Igniter é um aplicativo da web de código aberto para escrever programas PHP e também para criar aplicativos da web com recursos completos. Escrever código do zero, fornecendo um rico conjunto de bibliotecas para tarefas comumente necessárias, bem como uma interface simples e estrutura lógica para acessar essas bibliotecas.
Neste screencast, você encontra uma introdução sobre o CodeIgniter e também como criar um blog no CodeIgniter usando PHP de Derek Jones.
28.Fácil desenvolvimento com codeigniter
Com o PHP bruto, isso pode consumir algum tempo. Porém, com CodeIgniter, é simplesmente uma questão de referenciar a biblioteca correta e passar algumas opções de configuração! Vamos mergulhar.
Ansioso para ajustar as habilidades do PHP depois de aprender a introdução, vá para a próxima etapa, este screencast ensina você a carregar uma imagem e salvá-la após a validação inicial usando PHP no CodeIgniter.
29.Screencasts de inicialização do assassino para codeigniter
Prepare-se para criar seu primeiro aplicativo com CodeIgniter, crie um formulário usando o Form builder, construa um aplicativo de amostra, crie um blog em 20 minutos, crie uma Paginação, envie e receba dados via jQuery Post e JSON neste screencast de 10 minutos de Derek Jones .
Esperamos que você aprenda mais sobre Framework de desenvolvimento de aplicativos CodeIgniter depois de assistir screencast.
XML:
30.Construir um sistema de login e registro com xml
Construir um sistema de associação completo pode ser uma tarefa tediosa e demorada. Tim Cooper vai nos mostrar como construir TODA a coisa em cerca de trinta minutos.
Usando XML, poderíamos criar um formulário de login e registro em muito menos tempo do que o MySQL. Tim Cooper neste elenco de tela nos mostra isso revisando PHP, .htaccess, arquivos, sessões e muito mais.
31.Construtor de formulários
Pode parecer estranho tentar padronizar os tipos de dados em um sistema PROJETADO PARA SER TÃO FLEXÍVEL, mas mais de uma instituição relata que definir expectativas razoáveis para implantações de portfólio em todo o campus e gerenciar seus recursos de TI para alavancar alguma quantidade de padronização ajuda muito no projeto sustentável.
Aprenda os fundamentos da construção de um formulário usando a ferramenta de construção de formulários, que pode ser usada para construir um arquivo de esquema XML e também para muitos propósitos múltiplos em muitos formulários. Sean Keesler ensina você a construir um formulário neste elenco de tela.
32.Parametrizar dados de teste usando XML
Crie scripts de automação para testar a funcionalidade do aplicativo da web no Internet Explorer no Windows.
A partir dessa projeção de tela, execute essa tarefa com a ajuda de Pamie - um arquivo de classe Python que cria um script de teste Pamie para automatizar um formulário, criar um arquivo XML, ler dados e executar o teste.
Mostra a você:
- Como criar um script de teste Pamie para automatizar um formulário
- Como encontrar os nomes e IDs de elementos DOM para automatizar
- Criação de um arquivo XML do zero usando o Notepad ++
- Como ler os dados em um arquivo XML usando ElementTree
- Como fazer o teste
33.Projeções de tela para você chutar a bunda com drupal
Para ter dificuldade em aprender o Drupal, este screencast facilita o aprendizado prático do processo passo a passo, começando com a instalação, sistema de nó, sistema de bloco, tipos de conteúdo, desenvolvimento de tema e muito mais.
Além disso, você pode encontrar recursos para livros Drupal, podcasts Drupal, fóruns Drupal, canais Drupal.
34. Resumo do Drupal
Obtenha todas as informações que você queria saber sobre o Drupal, este screencast oferece o melhor dos screencasts do Drupal, os melhores livros sobre o Drupal, recursos, módulos e também os aborrecimentos do Drupal. Obtenha os screencasts mais recentes no Drupal 6, Aprenda sobre CSS Injector, Node Convert, síndrome de buffet aberto, criação de um backup, sobre Webform, Login Toboggan, Filtros de entrada, duração do teaser e muito mais sobre esta plataforma de gerenciamento de conteúdo - Drupal.