Har jag någonsin gjort screencasts för att du ska göra inlärningen enklare, men om engelska är din grej tror jag att du kommer att njuta mycket av det här inlägget som jag ger dig.
Un screencast är en digital inspelning av skärmutgången på computadora, ibland innehåller ljudberättelse. Även om termen screencast datum från 2004, produkter som Lotus ScreenCam användes sedan 1993. Pionjärprodukterna producerade enorma filer och hade begränsade redigeringsfunktioner. De senaste produkterna stöder mer kompakta filformat som Macromedia Flash och de har mer sofistikerade redigeringsfunktioner som möjliggör ändringar i sekvens, musrörelse och ljud.
Det finns inte mindre än trettiofyra skärmutsändningar för att förbättra din design och programmering, allt på engelska men mycket väl förklarade och i utmärkt kvalitet, så det finns ingen anledning att oroa dig.
Källa | 1:a WD
AJAX:
1.AJAX uppfriskande RSS-innehåll
Övervinna besväret med att uppdatera sidan genom att uppdatera innehållet utan en manuell uppdatering av sidan. Den här videon visar hur man gör och hur man uppdaterar RSS-flödena med hjälp av AJAX.
Om du bara gör ett flöde, tror jag att det skulle vara effektivare att rulla din egen JavaScript-kod, speciellt om det bara analyserar RSS. Enligt vad jag minns verkade SimplePie vara mycket overhead.
2.Enkel-Jquery-spion-effekt
Det fantastiska med Realmacs QuickSnapper-webbplats är att om JavaScript är avstängt är listan över snaps som standard synlig. Så vi följer efter.
Det är också värt att notera att deras version bara fortsätter att dra in nya saker tills den når slutet. Jag visar dig hur du kan hålla listan slingrande, och i en uppföljningshandledning visar jag hur du kopplar in det här till en Ajax-träff som inte hamrar din server och håller effekten fin och smidig.
3.Topp 25 AJAX videohandledning från youtube
Självstudierna som presenteras här ger en början från början av hur man skapar ett HTML-dokument, lägger till javascript och kopplar också ett externt javascript till det där, bygger AJAX-chatt, lägger till AJAX-element på en webbsida med Spy-ramverk, infogar AJAX-objekt i Adobe Dreamweaver, hur man skapar Mash up-applikationer med AJAX-ramverk, skapar en Delphi för PHP-web även om AJAX MySql-databas
jquery:
4.Glidande rubriker som iphone
Har någonsin blivit frustrerad när du inte hittar rubriken när du surfar i ett innehåll och går vilse med ditt ämne
när du går vidare till nästa sida hjälper den här skärmen att rubriken förblir innehåll och ersätter också nästa rubrik samtidigt när du går till nästa sida på ett subtilt sätt. Det är mycket användbart för alla webbdesigners som följer trenden.
5.Slidesown animationshopp återbesökt
Du skulle ha märkt att din animation hoppar mot slutet, vilket kan bero på höjdproblem. Denna skärmgjutning hjälper dig att hitta en lösning genom att överväga höjdfaktorerna genom att lagra en inlinehöjd och ställa in en inline-höjd senare och fortsätt därefter om vi avslöjar eller döljer elementet. Vi kan använda den här åtgärden för att visa våra resultat eller kan också använda detta i vanliga frågor. Så det finns ingen anledning att uppdatera sidan.
6.Skjutreglaget
Vill du skapa ett galleri med en bild för att navigera i objekten? Den här skärmgjutningen hjälper dig med enkla steg för att översätta skjutreglage för att skjuta produkterna omvänd med hjälp av Markup, reglage-widget-kontroll, jQueryUI, CSS och vissa plugin-program som ger snabbare rullning och en paus vid behov. Du kan visa dina produkter och du kan rulla dina bilder etc.
7.Jquery för absoluta nybörjare
En 15-dagars absolut nybörjarserie i Jquery med Theme forest.net som referens av Jeff Way som har exklusiva videor för varje dag där du kan lära dig alla metoder, Jquery-stilomkopplare, svävareffekt och mycket mer som används i Themeforest.net.
Den här skärmen kommer att lära dig Jquery tydligt och effektivt.
8.Skapa navigeringsmeny i Lava-stil
Lär dig att skapa en lavalampstil-meny från början som initialt visar samma process genom att använda en tre nivå-meny och skapa sedan en lavalampmeny med hjälp av ett Javascript-bibliotek i den här skärmgjutningen.
Det är ett mycket professionellt sätt att tjäna pengar på din webbplats och denna typ av meny ger dig en bra titt på din webbplats.
9.Automatisk oändlig karusell
För det mesta stannar inte en rullningsåtgärd automatiskt och vi måste styra den manuellt vid behov, så för att göra en rullningsåtgärd automatisk och pausa den när musen är över karusellen med Jquery visas i denna skärmgjutning.
Vi kan också använda denna karusell för dynamiska ändamål.
10.jquery look tim van damme
Nyckeleffekterna av Tim the Dragspel och Hover-effekten som bara fungerar i Webkit kan också fungera i jQuery när två faktorer, nämligen animerad marginal - vänster och Bakgrund rgba crossfade-effekt, beaktas.
För mer information, gå igenom skärmutsändningen och hitta den själv.
11.Popup-inloggningsfönster
En autentisering görs alltid med hjälp av ett lösenord. Denna skärmgjutning kommer att vara mycket användbar för auktoriseringsändamål.
I den här skärmgjutningen skapar vi ett enkelt popup-fönster som verifierar lösenordet för ett konto i en LDAP-server och där data skickas från en länk till det dynamiskt skapade fönstret.
12.Screencasts för att bygga ditt eget jquery-plugin
Ta vägledningen från experterna James Padolsey, Jeffery Way och Dan Wellman i den här skärmgjutningen för att skapa dina Jquery-plugins och använda dem i dina program. Lärde mig hur man ställer in standardinställningar, förläser bilder, skapar återuppringningsmetoder och skapar dynamiska alternativknappar med Jquery, CSS.
För att lära dig de fullständiga stegen, studera hela skärmgjutningen.
13.Query-videoserie
En mer detaljerad och exakt träningsplan på 10 minuter för Themeforest.net och använder samma hur man använder Jquery-biblioteket och skapar egna projekt med hjälp av beskrivningen av videoserien i 15 dagar.
Hela serien kommer att ge nybörjare en framgångsrik professionell inom Jquery, de kan redigera och anpassa Jquery-applikationerna flexibelt.
PHP-skärmutsändningar:
14.Dyk in i PHP
En kort rundtur om olika ämnen i PHP ges som separata självstudier. Dessa självstudier av Jeffery Way lär dig att ladda upp filer med PHP med hjälp av ThemeForest-bloggen som är en komplett källa för PHP-frågor.
Denna skärmgjutning täcker olika typer av ämnen för nybörjare och medelnivåanvändare.
15.PHP Json Jquery Ajax screencast
För att skapa en kommunikation mellan PHP och JSON-datakälla med jQuerys AJAX-funktionalitet där vi skapar ett skript för att skicka JSON-data, sedan en PHP-array läser vi in filen och vår datakälla fylls.
För att lära dig de fullständiga stegen, se hela casten på skärmen. Det är en avancerad screencast för PHP-älskare.
16. Fotoadministrationssida med PHP och Jquery
Denna screencast hjälper dig att skapa en fotosida med hjälp av PHP och jquery där en databas skapas med samling av foton, och administratören ges rätten att uppdatera titeln på bilderna samt att underhålla eventuella underkataloger genom att klicka på texten .
Du kan administrera hela fotogalleriet enligt dina önskemål.Specialiteten för denna skärmgjutning är att använda Jquery vi har åtkomst till gallerierna.
CSS-skärmvisning:
17.HTML och CSS själva grunderna
Hjälp den absoluta nybörjaren med grunderna i HTML och CSS som bara är textfiler till en nivå där du kan använda dem som en förhandsgranskning på din webbplats.
Denna skärmgjutning lär dig att HTML är innehållet och CSS är designen på webbplatsen och också hur man skapar en webbplats med god kvalitet. Här kan du lära dig grunderna i både HTML och CSS så att du enkelt kan hantera webbplatserna när du lär dig grunderna väl.
18.Redigerbart CSS3-bildgalleri
Vi bygger ett ganska typiskt mönster för bildgalleridesign, ett rutnät med bilder som dyker upp större när du klickar på. Detta bildgalleri ger dig ett mycket professionellt utseende för din webbutveckling.
Men den här bildgallerisidan använder sig av het semantisk HTML5-markering, massor av visuella godsaker med CSS3 och jQuery, och görs redigerbar via CMS PageLime.
19. Hur man använder CSS sprites
CSS Sprites har varit ett hett ämne under lång tid nu. Faktum är att varje bild på en webbsida är en separat serverförfrågan och du kan dramatiskt öka en sidas prestanda. Att minska antalet HTTP-förfrågningar förbättrar laddningstiderna. För att uppnå detta använder vi CSS-sprites, hur man skapar en CSS-sprite och hur man beskriver dessa sprites här.
Detta ger dig en bra uppfattning om CSS-sprites och hur du använder detta med din webbutvecklingssida.
20.Detaljerad titt på 960 CSS-ramverk
960 Grid System är ett försök att effektivisera arbetsflödet för webbutveckling genom att tillhandahålla vanliga dimensioner, baserat på en bredd på 960 pixlar. Det finns två varianter: 12 och 16 kolumner, som kan användas separat eller tillsammans.
Du behöver inte behärska koden för att skapa en webbapplikation. CSS-ramar finns där för att du ska kunna skriva din kod. Tillbringa lite tid med den här skärmgjutningen för att lära dig mer om ramarna och för att effektivt utveckla dina webbapplikationer.
21. Bildomkopplare
Image Switcher är ett gratis JavaScript som automatiskt infogar en serie bilder i en enda hot-swappable view-port. Detta är en ren CSS-bildomkopplare som är lätt och standardkompatibel. Det kan användas för ett galleri eller någon liknande funktion. Valfritt antal listval kan användas så länge som bredden rymmer dem.
Att ändra bilderna när du rör dig över en länk är vad den här skärmgruppen lär dig utan hjälp av JavaScript. Du behöver bara z-index slå på svävaren och lite absolut positionering för att uppnå detta.
22.Bygga ett fotogalleri
Som många människor där ute kanske du vill skapa en webbplats för att visa dina foton på vänner, familj, semester, bröllop etc. Tja, den här lilla handledningen visar hur du skapar ett fotogalleri och laddar upp det till Internet.
Ett fotogalleri som automatiskt bygger sig med bilderna från en katalog såväl som underkatalogerna är möjligt av CSS. Chris Coyier lär i den här skärmen att bygga ett automatiskt fotogalleri.
23.Bädda in ljud
Hur bäddar du in en MP3-fil (som en podcast, sång eller bakgrundsmusik) på en webbsida eller ett RSS-flöde så att besökare kan lyssna på ljudet i webbläsaren utan att kräva en extern spelare som QuickTime eller Windows Media Player.
Det mesta av bilden använder vi antingen en bild eller en ljudfil. Men en bild med ett ljud i bakgrunden gör en användare ganska bekväm att förstå informationen. Chris Coyier lär ut detsamma med hjälp av JavaScript och Flash i den här skärmen.
24.Använda CSS3
Många spännande nya funktioner och funktioner funderas på CSS3. Vi kommer att försöka visa upp några av dem på denna webbsida. För visuella förbättringar som flera bakgrunder, RGB, gränsbild, kantradie, @font-ansikte, animationer / övergångar och mycket mer för CSS3 är på gång nu.
För att följa den här senaste vågen få en glimt av den här skärmen.
25.Vi presenterar firebug
Du kan få information om markering, CSS, layout och DOM för ett element på en sida med Firebug, en förlängning av Firefox som har blivit oundviklig för webbdesigners och utvecklare där du kan redigera och se resultaten direkt i webbläsaren.
För att lära dig mer lära dig den här skärmen.
26.Unik sida för twitteruppdateringar
När den är utformad rätt, a Twitter feed kan förbättra estetiken i webbplatsens layout. Om twitring är ditt tidsfördriv måste du vara ivrig att visa dina tweets från början till slut. Till exempel kan du täcka designen i Photoshop också utforma din sida.
För att uppnå denna uppgift, följ denna skärmgjutning som leder dig från javascript-grejer till CSS för att utforma din sida.
Kodigniter:
27.Grundläggande skärmutsändningar
Code Igniter är en öppen källkod webbapplikation för att skriva PHP-program och också för att skapa fullständiga funktioner webbapplikationer. Skriva kod från grunden, genom att tillhandahålla en rik uppsättning bibliotek för vanliga uppgifter, samt ett enkelt gränssnitt och logisk struktur för åtkomst dessa bibliotek.
I denna screencast ger det dig introduktion om CodeIgniter och även att skapa en blogg i CodeIgniter med PHP av Derek Jones.
28.Enkel utveckling med codeigniter
Med rå PHP kan det vara lite tidskrävande. Men med CodeIgniter, det handlar helt enkelt om att referera till rätt bibliotek och skicka in några konfigurationsalternativ! Låt oss dyka in.
Ivrig efter att ställa in PHP-färdigheter efter att ha lärt sig introduktionen. Gå vidare till nästa steg, den här skärmutsändningen lär dig att ladda upp en bild och spara den efter första validering med PHP i CodeIgniter.
29.Killer start screencasts för codeigniter
Gör dig redo att skapa din första applikation med CodeIgniter, skapa ett formulär med hjälp av Form Builder, skapa ett exempel på en applikation, skapa en blogg på 20 minuter, skapa en Pagination, skicka och ta emot data via jQuery Post och JSON i denna 10 minuters screencast av Derek Jones .
Vi hoppas att du kommer att lära dig vidare CodeIgniter Application Development Framework efter watch-out screencast.
XML:
30.Bygg ett inloggnings- och registreringssystem med xml
Att bygga ett helt medlemssystem kan vara en tråkig och tidskrävande uppgift. Tim Cooper kommer att visa oss hur man bygger HELA saken på ungefär trettio minuter.
Med hjälp av XML kan vi skapa ett inloggnings- och registreringsformulär på mycket kortare tid än MySQL, Tim Cooper i denna skärmgjutning visar oss detta genom att granska PHP, .htaccess, filer, sessioner och mer.
31.Formbyggare
Det kan tyckas konstigt att försöka standardisera datatyper i ett system som är designat för att vara så flexibelt, men mer än en institution rapporterar att det att göra rimliga förväntningar på portföljdistribution över campus och hantera dina IT-resurser för att utnyttja en viss standardisering gör mycket projekt hållbart.
Lär dig grunderna för att skapa ett formulär med hjälp av verktyget Form Builder som kan användas för att bygga en XML-schemafil och även använda för många olika ändamål i många former. Sean Keesler lär dig att bygga en form i den här skärmen.
32.Parametrera testdata med hjälp av XML
Skapa automatiseringsskript för att testa funktionerna för webbapplikationer i Internet Explorer i Windows.
Från denna skärmgjutning uppnå denna uppgift med hjälp av Pamie - en Python-klassfil som skapar ett Pamie-testskript för att automatisera ett formulär, skapa en XML-fil, läsa data och köra testet.
Det visar dig:
- Hur man skapar ett Pamie-testskript för att automatisera ett formulär
- Hur man hittar namnen och ID: n för DOM Elements att automatisera
- Skapa en XML-fil från grunden med Notepad ++
- Hur man läser data i en XML-fil med ElementTree
- Hur man kör testet
33.Skärmskärmar för att få dig att sparka röv med drupal
Det är svårt att lära sig Drupal, den här skärmutsändningen gör det enkelt för praktiskt taget att lära sig steg för steg process med installation, nodsystem, blocksystem, innehållstyper, temautveckling och mer.
Du kan också hitta resurser för Drupal-böcker, Drupal podcasts, Drupal-forum, Drupal-kanaler.
34. Drupal-sammanställning
Få all information du ville veta om Drupal, den här screencast ger dig det bästa av Drupals screencasts, de bästa böckerna om Drupal, resurser, moduler och även Drupals irritationer. Få de senaste screencasts på Drupal 6, Lär dig mer om CSS Injector, Node Convert, open buffet syndrom, skapa en backup, om Webform, Login Toboggan, Input filter, Teaser längd och mycket mer om denna innehållshanteringsplattform - Drupal.