34 kvalitních screencastů

Už jsem pro vás udělal nějaké screencasty, které vám usnadní učení, ale pokud je vaše věc angličtina, myslím, že si s tímto vstupem, který vám přinesu, budete hodně užívat.

Un screencast je digitální záznam výstupu z obrazovky computadora, někdy obsahující zvukové vyprávění. Ačkoli termín screencast data z 2004, výrobky jako Lotus ScreenCam byly používány od roku 1993. Průkopnické produkty produkovaly obrovské soubory a měly omezené editační funkce. Nejnovější produkty podporují kompaktnější formáty souborů, jako jsou Macromedia Flash a mají propracovanější editační funkce umožňující změny sekvence, pohybu myši a zvuku.

K dispozici je ne méně než třicet čtyři screencastů, které vám zdokonalí navrhování a programování, vše v angličtině, ale velmi dobře vysvětlené a ve vynikající kvalitě, takže se nemusíte bát.

Zdroj | 1. kolo

AJAX:

1.AJAX osvěžující obsah RSS

Překonejte potíže s obnovováním stránky aktualizací obsahu bez manuálního obnovení stránky. Toto video ukazuje, co a jak obnovit kanály RSS pomocí AJAX.

Pokud děláte pouze jeden zdroj, myslím, že by bylo efektivnější zavést vlastní kód JavaScript, zvláště pokud se jedná pouze o analýzu RSS. Z toho, co si pamatuji, se SimplePie zdál být hodně režijní.

2.Simple-Jquery-spy-efekt

Skvělá věc na webu Realmac QuickSnapper je, že pokud je JavaScript vypnutý, seznam snímků je ve výchozím nastavení viditelný. Budeme ho následovat.

Za zmínku stojí také to, že jejich verze stále vytahuje nové položky, dokud nenarazí na konec. Ukážu vám, jak můžete udržovat smyčku seznamu, a v návazném tutoriálu vám ukážu, jak to zapojit do zásahu Ajaxu, který nezatěžuje váš server a udržuje efekt pěkný a hladký.

3.Top 25 video návodů AJAX z youtube

Výukové programy zde uvedené začínají od nuly, jak vytvořit dokument HTML, přidat javascript a také k tomu připojit externí javascript, vytvořit chat AJAX, přidat prvky AJAX na webovou stránku pomocí Spy framework, vložit objekty AJAX do Adobe Dreamweaver, jak vytvářet Mash up aplikace pomocí AJAX framework, vytvořit Delphi pro web PHP také o databázi AJAX MySql

jquery:

4.Posuvné hlavičky jako iphone

Někdy jste frustrovaní, když při procházení obsahu nemůžete najít záhlaví a ztratili jste se s předmětem
při přechodu na další stránku toto obsazení obrazovky pomáhá hlavičce zůstat v obsahu a také nahradí další nadpis současně, když se jemným způsobem přesunete na další stránku. Je to velmi užitečné pro všechny webové designéry, kteří sledují trend.

5.Znovu se vrátil skok animace slidesown

Všimli byste si, že vaše animace skočí ke konci, což může být kvůli problémům s výškou. Toto obsazení obrazovky vám pomůže najít řešení zvážením faktorů výšky uložením výšky řádku a nastavením výšky řádku později a podle toho postupovat, zda prvek odhalujeme nebo skrýváme. Tuto akci můžeme použít k zobrazení našich výsledků, nebo ji můžeme použít také v častých dotazech. Stránku tedy není nutné obnovovat.

6.Posuvná galerie

Chcete vytvořit galerii pomocí snímku pro navigaci v položkách? Toto obsazení obrazovky vám pomůže při jednoduchých krocích překládat polohu posuvníků a obráceně posouvat produkty pomocí značek, ovládacích prvků posuvníku, jQueryUI, CSS a určitých doplňků, které poskytují rychlejší posouvání a v případě potřeby pauzu. Můžete zobrazit své produkty a můžete svinovat obrázky atd.

7.Jquery pro absolutní začátečníky

15denní seriál Absolute pro začátečníky v Jquery s Theme forest.net jako reference od Jeffa Waya, který má pro každý den exkluzivní videa, kde se můžete naučit všechny metody, přepínač stylů Jquery, efekt přechodu a mnoho dalšího používaného v Themeforest.net.

Tato série obsazení obrazovky vás naučí Jquery jasně a efektivně.

8.Vytvořte navigační nabídku ve stylu lávové lampy

Naučte se od začátku vytvářet nabídku stylu lávové lampy, která zpočátku demonstruje stejný proces pomocí nabídky na třech úrovních, a poté vytvořte nabídku lávové lampy pomocí knihovny Javascript v této obrazovce.

Je to vysoce profesionální způsob zpeněžení vašeho webu a tento typ nabídky vám poskytne dobrý vzhled vašeho webu.

9.Automatický nekonečný kolotoč

Většinou se akce posouvání automaticky nezastaví a v případě potřeby ji musíme ovládat ručně, takže v tomto obsazení obrazovky je ukázána akce posouvání automaticky a pozastavit ji, když je myš nad karuselem pomocí Jquery.

Tento kolotoč můžeme použít i pro dynamické účely.

10.Jquery vypadá Tim van Damme

Klíčové efekty efektu Tim the Accordion a Hover, které fungují pouze ve Webkitu, mohou také fungovat v jQuery, když jsou brány v úvahu dva faktory, jmenovitě animovaný okraj - levý a Background rgba crossfade efekt.

Další podrobnosti najdete na obrazovce a najdete ji sami.

11.Vyskakovací přihlašovací okno

Ověření se vždy provádí pomocí hesla. Toto obsazení obrazovky bude pro účely autorizace velmi užitečné.

V tomto obsazení obrazovky vytvoříme jednoduché vyskakovací okno, které ověří heslo účtu na serveru LDAP a kde jsou data předávána z odkazu do dynamicky vytvořeného okna.

12.Screencasty k vytvoření vlastního pluginu jQuery

Vezměte si pod vedením odborníků Jamese Padolseyho, Jefferyho Way a Dana Wellmana v tomto obsazení obrazovky, abyste vytvořili své pluginy Jquery a použili je ve svých programech. Naučili jsme se, jak nastavit výchozí hodnoty, předem načíst obrázky, vytvořit metody zpětného volání a vytvořit dynamické přepínače pomocí Jquery, CSS.

Chcete-li se naučit celé kroky, prostudujte si kompletní obsazení obrazovky.

13. Video seriál JQuery

Propracovanější a přesnější tréninkový režim 10 minut pro Themeforest.net a stejné používání knihovny Jquery a vytváření vlastních projektů pomocí popisu video série po dobu 15 dnů.

Celá řada přinese začátečníkům úspěšného profesionála v Jquery, kteří mohou flexibilně upravovat a přizpůsobovat aplikace Jquery.

Screencasty PHP:

14.Ponořte se do PHP

Krátká prohlídka různých témat v PHP je uvedena jako samostatné výukové programy. Tyto samostatné výukové programy od Jeffery Way vás naučí nahrávat soubory pomocí PHP pomocí blogu ThemeForest, který je úplným zdrojem dotazů PHP.

Toto obsazení obrazovky pokrývá různé typy témat pro začátečníky a středně pokročilé uživatele.

15.Screencast PHP Json Jquery Ajax

Chcete-li vytvořit komunikaci mezi zdrojem dat PHP a JSON pomocí funkce AJAX jQuery, kde vytvoříme skript pro odeslání dat JSON, pak pole PHP, pak načteme soubor a náš zdroj dat je naplněn.

Chcete-li se dozvědět celé kroky, podívejte se na kompletní obsazení obrazovky. Je to pokročilé vysílání pro milovníky PHP.

16. Stránka pro správu fotografií pomocí PHP a Jquery

Tento screencast vám pomůže vytvořit web s fotografiemi pomocí PHP a jQuery, kde je vytvořena databáze se sbírkou fotografií, a správci jsou poskytována práva na aktualizaci názvu fotografií a udržování všech podadresářů kliknutím na text .

Můžete spravovat celou fotogalerii podle svého požadavku. Specialitou tohoto obsazení obrazovky je používání Jquery, do kterého vstupujeme.

Screencasty CSS:

17.HTML a CSS úplně základy

Pomozte absolutnímu začátečníkovi se základy HTML a CSS, které jsou pouze textovými soubory, na úrovni, kde je můžete použít jako náhled na svém webu.

Toto obsazení obrazovky vás naučí, že HTML je obsah a CSS je design webu a také to, jak vytvořit web v dobré kvalitě. Zde se můžete naučit základy HTML i CSS, abyste se s webem mohli snadno naučit základy dobře.

18.Upravitelná galerie obrázků CSS3

Vytváříme docela typický návrhový vzor galerie obrázků, mřížku obrázků, které se po kliknutí objeví větší. Tato galerie obrázků vám poskytne vysoce profesionální vzhled vašeho webového vývoje.

Ale tato stránka galerie obrázků využívá horké sémantické značení HTML5, spoustu vizuálních lahůdek s CSS3 a jQuery a je upravitelná prostřednictvím CMS PageLime.

19.Jak používat skřítky CSS

CSS Sprites jsou již dlouho aktuálním tématem. Faktem je, že každý obrázek na webové stránce je samostatným serverovým požadavkem a můžete výrazně zvýšit výkon stránky. Snížení počtu požadavků HTTP zlepší dobu načítání. K dosažení tohoto cíle používáme sprites CSS, How to create a CSS sprite and how to those sprites describe here.

Získáte tak dobrou představu o spritech CSS a o tom, jak je používat s vaší stránkou vývoje webu.

20.Podrobný pohled na rámec 960 CSS

Mřížkový systém 960 je snahou o zefektivnění pracovního postupu vývoje webu poskytnutím běžně používaných rozměrů na základě šířky 960 pixelů. Existují dvě varianty: 12 a 16 sloupců, které lze použít samostatně nebo v tandemu.

Při vytváření webové aplikace nemusíte ovládat kód. Rámečky CSC vám umožňují psát váš kód. Věnujte nějaký čas tomuto obsazení obrazovky, abyste se dozvěděli o rámcích a efektivně vyvinuli vaše webové aplikace.

21. Přepínač obrazu

Image Switcher je bezplatný JavaScript, který automaticky vloží sérii obrázků do jednoho jediného zobrazovacího portu vyměnitelného za provozu. Jedná se o čistý přepínač obrázků CSS, který je lehký a odpovídá standardům. Může být použit pro galerii nebo jakoukoli podobnou funkci. Lze použít libovolný počet možností výběru seznamu, pokud se do nich vejde šířka.

Chcete-li změnit obrázky při pohybu po odkazu, toto vás obsazení obrazovky naučí bez pomoci JavaScriptu. K dosažení tohoto cíle potřebujete pouze přepínání z-indexu při najetí myší a trochu absolutního umístění.

22.Vytváření fotogalerie

Stejně jako mnoho jiných lidí i zde můžete vytvořit web, který by předvedl vaše fotografie přátel, rodiny, dovolené, svatby atd. Tento malý výukový program vám ukáže, jak vytvořit fotogalerii a nahrát ji na internet.

CSS umožňuje fotogalerii, která se automaticky vytváří s obrázky z adresáře i podadresářů. Chris Coyier učí na tomto obsazení obrazovky vytvářet automatickou fotogalerii.

23.Vkládání zvuku

Jak vložíte soubor MP3 (například podcast, skladbu nebo hudbu na pozadí) na webovou stránku nebo do kanálu RSS, aby návštěvníci mohli poslouchat zvuk v samotném prohlížeči, aniž by vyžadovali externí přehrávač, jako je QuickTime nebo Windows Media Player.

U většiny obrázků používáme buď obraz, nebo zvukový soubor. Ale obrázek se zvukem na pozadí umožňuje uživateli docela dobře uchopit informace. Chris Coyier učí totéž pomocí JavaScriptu a Flash v tomto obsazení obrazovky.

24.Pomocí CSS3

Mnoho vzrušujících nových funkcí a funkcí se vymýšlí CSS3. Pokusíme se některé z nich předvést na této webové stránce. Pro vizuální vylepšení, jako je více pozadí, RGB, obrázek ohraničení, poloměr ohraničení, obličej @font, animace / přechody a mnohem více pro CSS3 je nyní v pohybu.

Chcete-li sledovat tuto nejnovější vlnu, zahlédněte toto obsazení obrazovky.

25.Představujeme firebug

Informace o označení, CSS, rozložení a DOM prvku na stránce můžete získat pomocí Firebug, rozšíření Firefoxu, které se stalo nevyhnutelným pro webové designéry a vývojáře, kde můžete upravovat a zobrazit výsledky přímo v prohlížeči.

Chcete-li se dozvědět více, naučte se toto obsazení obrazovky.

26.Unikátní stránka pro twitterové aktualizace

Pokud je navržen správně, a X feed může zlepšit estetiku rozložení webových stránek. Pokud je tweeting vaší zábavou, musíte být připraveni zobrazit své tweety od začátku do konce. Můžete například pokrýt design ve Photoshopu a také upravit styl stránky.

Chcete-li dosáhnout tohoto úkolu, postupujte podle tohoto obsazení obrazovky, které vás provede stylem stránky z jazyka JavaScript do CSS.

Codeigniter:

27.Základní screencasty

Code Igniter je otevřená webová aplikace pro psaní programů PHP a také pro vytváření plnohodnotných webových aplikací. Psaní kódu od nuly tím, že poskytuje bohatou sadu knihoven pro běžně potřebné úkoly, stejně jako jednoduché rozhraní a logickou strukturu pro přístup tyto knihovny.

V tomto screencastu vám představíme úvod o CodeIgniteru a také o vytvoření blogu v CodeIgniteru pomocí PHP od Dereka Jonese.

28.Snadný vývoj pomocí codeigniteru

U surového PHP to může být trochu časově náročné. Nicméně s CodeIgniter, je to prostě otázka odkazu na správnou knihovnu a předání některých možností konfigurace! Pojďme se ponořit.

Toužíte vyladit dovednosti PHP po osvojení úvodu. Přejděte k dalšímu kroku, tento screencast vás naučí nahrát obrázek a uložit ho po počátečním ověření pomocí PHP v CodeIgniteru.

29.Killer spouštěcí screencasty pro codeigniter

Připravte se na vytvoření své první aplikace s CodeIgniter, vytvořte formulář pomocí nástroje pro tvorbu formulářů, vytvořte ukázkovou aplikaci, vytvořte blog za 20 minut, vytvořte stránkování, odesílejte a přijímejte data prostřednictvím jQuery Post a JSON v tomto 10minutovém screeningu Derek Jones .

Doufáme, že se dozvíte dále CodeIgniter Framework pro vývoj aplikací po sledování obrazovky.

XML:

30.Vytvořte přihlašovací a registrační systém pomocí XML

Budování celého systému členství může být zdlouhavý a časově náročný úkol. Tim Cooper nám ukáže, jak postavit CELOU věc za zhruba třicet minut.

Pomocí XML jsme mohli vytvořit přihlašovací a registrační formulář v mnohem kratším čase než MySQL, Tim Cooper v tomto obsazení obrazovky nám to ukazuje kontrolou PHP, .htaccess, souborů, relací a dalších.

31.Tvůrce formulářů

Může se zdát divné pokusit se standardizovat datové typy v systému DESIGNED TO BE SO FLEXIBLE, ale více než jedna instituce hlásí, že stanovení rozumných očekávání pro nasazení portfolia v kampusu a správa vašich IT zdrojů k využití určité míry standardizace hodně projekt udržitelný.

Naučte se základy vytváření formulářů pomocí nástroje pro vytváření formulářů, který lze použít k vytvoření souboru schématu XML a který lze také použít pro mnoho různých účelů v mnoha formách. Sean Keesler vás v tomto obsazení obrazovky učí budovat formu.

32.Parametrizujte data testu pomocí XML

Vytvářejte automatizační skripty pro testování funkčnosti webových aplikací v aplikaci Internet Explorer ve Windows.

Z tohoto obsazení obrazovky dosáhnete tohoto úkolu pomocí Pamie - souboru třídy Pythonu, který vytvoří testovací skript Pamie pro automatizaci formuláře, vytvoření souboru XML, čtení dat a spuštění testu.

Ukáže vám:

  • Jak vytvořit testovací skript Pamie pro automatizaci formuláře
  • Jak najít názvy a ID prvků DOM, které chcete automatizovat
  • Vytvoření souboru XML od nuly pomocí programu Poznámkový blok ++
  • Jak číst data v souboru XML pomocí ElementTree
  • Jak spustit test

33.Screen casts, který vás nakopne do zadku s drupalem

Je těžké se naučit Drupal, tento screencast usnadňuje praktické učení krok za krokem počínaje instalací, uzlovým systémem, blokovým systémem, typy obsahu, vývojem motivů a dalšími.

Také můžete najít zdroje pro knihy Drupal, podcasty Drupal, fóra Drupal, kanály Drupal.

34. Drupal Roundup

Získejte všechny informace, které jste o Drupalu chtěli vědět, tento screencast vám poskytne to nejlepší z screencastů Drupalu, nejlepší knihy o Drupalu, zdroje, moduly a také nepříjemnosti Drupalu. Získejte nejnovější screencasty na Drupalu 6, Zjistěte více o CSS Injector, Node Convert, syndromu otevřeného bufetu, vytvoření zálohy, o Webformu, Login Tobogganu, vstupních filtrech, délce Teaseru a spoustě dalšího o této platformě pro správu obsahu - Drupal.


Zanechte svůj komentář

Vaše e-mailová adresa nebude zveřejněna. Povinné položky jsou označeny *

*

*

  1. Odpovědný za údaje: Miguel Ángel Gatón
  2. Účel údajů: Ovládací SPAM, správa komentářů.
  3. Legitimace: Váš souhlas
  4. Sdělování údajů: Údaje nebudou sděleny třetím osobám, s výjimkou zákonných povinností.
  5. Úložiště dat: Databáze hostovaná společností Occentus Networks (EU)
  6. Práva: Vaše údaje můžete kdykoli omezit, obnovit a odstranit.