Heb ik ooit screencasts voor je gedaan om het leren gemakkelijker te maken?, maar als Engels jouw ding is, denk ik dat je veel plezier zult beleven aan dit bericht dat ik je breng.
Un screencast is een digitale opname van de schermuitvoer van de computadora, soms met gesproken tekst. Hoewel de term screencast dateert uit 2004, producten zoals Lotus ScreenCam werden sindsdien gebruikt 1993 De pioniersproducten produceerden enorme bestanden en hadden beperkte bewerkingsfuncties. De nieuwste producten ondersteunen compactere bestandsindelingen zoals Macromedia Flash en hebben meer geavanceerde bewerkingsfuncties die wijzigingen in de volgorde, muisbewegingen en audio mogelijk maken.
Er zijn niet minder dan vierendertig screencasts om je ontwerp- en programmeervaardigheden te verbeteren, allemaal in het Engels maar zeer goed uitgelegd en van uitstekende kwaliteit, dus je hoeft je geen zorgen te maken.
Bron | 1e WD
AJAX:
1.AJAX verfrissende RSS-inhoud
Overwin het gedoe van het vernieuwen van pagina's door de inhoud bij te werken zonder handmatig de pagina te vernieuwen. Deze video toont de do's en hoe u de RSS-feeds kunt vernieuwen met behulp van AJAX.
Als je maar één feed doet, denk ik dat het efficiënter zou zijn om je eigen JavaScript-code te rollen, vooral als het alleen maar het parseren van RSS is. Van wat ik me herinner, leek SimplePie veel overhead te zijn.
2.Simple-JQuery-spy-effect
Het mooie van de QuickSnapper-site van Realmac is dat als JavaScript is uitgeschakeld, de lijst met snaps standaard zichtbaar is. Dus we volgen het voorbeeld.
Het is ook vermeldenswaard dat hun versie alleen nieuwe items blijft binnenhalen tot het einde is bereikt. Ik zal je laten zien hoe je de lijst in een lus kunt houden, en in een vervolgstudie laat ik je zien hoe je dit kunt koppelen aan een Ajax-hit die je server niet hamert en het effect mooi en soepel houdt.
3.Top 25 AJAX-videozelfstudies van YouTube
De tutorials die hier worden gepresenteerd, geven vanaf het begin een begin met het maken van een HTML-document, het toevoegen van javascript en ook het koppelen van een extern javascript daaraan, het bouwen van AJAX-chat, het toevoegen van AJAX-elementen aan een webpagina met behulp van Spy-framework, het invoegen van AJAX-objecten in Adobe Dreamweaver, hoe Mash-up-applicaties te maken met behulp van AJAX-framework, maak een Delphi voor PHP-web ook over AJAX MySql-database
JQuery:
4.Schuifkoppen zoals iphone
Ooit gefrustreerd geraakt als je de koptekst niet kunt vinden tijdens het bladeren door een inhoud en verdwaald bent geraakt met je onderwerp
bij het doorgaan naar de volgende pagina helpt deze screencast de koptekst inhoud te behouden en vervangt hij ook de volgende koptekst tegelijkertijd wanneer je op een subtiele manier naar de volgende pagina gaat. Het is erg handig voor elke webdesigner die de trend volgt.
5.Teruggeschoven animatiesprong opnieuw
Je zou hebben gemerkt dat je animatie naar het einde springt, wat kan komen door hoogteproblemen. Deze screencast helpt je een oplossing te vinden door de hoogtefactoren in overweging te nemen door een inline-hoogte op te slaan en later een inline-hoogte in te stellen en dienovereenkomstig te werk te gaan of we onthullen of verbergen het element. We kunnen deze actie gebruiken om onze resultaten te tonen of we kunnen dit ook gebruiken in FAQ's. Het is dus niet nodig om de pagina te vernieuwen.
6.Schuifregelaar galerij
Wil je een galerij maken met een dia om door de items te navigeren? Deze screencast helpt u met eenvoudige stappen om de positie van de schuifregelaars te vertalen om de producten omgekeerd te verschuiven met behulp van Markup, schuifregelaar-widgetbesturing, jQueryUI, CSS en bepaalde plug-ins die sneller scrollen en een pauze bieden wanneer dat nodig is. U kunt weergeven uw producten en u kunt uw afbeeldingen rollen enz.
7.JQuery voor absolute beginners
Een 15-daagse Absolute beginnersserie in Jquery met Theme forest.net als referentie door Jeff Way die elke dag exclusieve video's heeft waarin je alle methoden, JQuery-stijlwisselaar, zweefeffect en nog veel meer kunt leren die in Themeforest.net worden gebruikt.
Deze serie screencasts leert je JQuery duidelijk en effectief.Elke screencast heeft zijn eigen stijl en het zou erg handig zijn voor beginners die JQuery op een gebrekkige manier moeten leren.
8.Bouw navigatiemenu in lavalampstijl
Leer vanaf het begin een menu in lavalampstijl te maken dat aanvankelijk hetzelfde proces demonstreert door een menu met drie niveaus te gebruiken en vervolgens een lavalampmenu te maken met behulp van een Javascript-bibliotheek in deze schermafbeelding.
Het is een zeer professionele manier om geld te verdienen met uw website en dit soort menu geeft u een goed beeld van uw website.
9.Automatische oneindige carrousel
Meestal stopt een scroll-actie niet automatisch en moeten we deze handmatig bedienen wanneer dat nodig is, dus om een scroll-actie automatisch te maken en deze te pauzeren wanneer de muis zich boven de carrousel bevindt met behulp van Jquery, wordt in deze screencast gedemonstreerd.
We kunnen deze carrousel ook voor dynamische doeleinden gebruiken.
10.Kijk eens naar Tim van Damme
De belangrijkste effecten van Tim the Accordion en Hover-effect, die alleen in Webkit werken, kunnen ook werken in jQuery wanneer er rekening wordt gehouden met twee factoren, namelijk geanimeerde marge - left en Background rgba crossfade effect.
Ga voor meer informatie door de screencast en zoek deze zelf op.
11.Pop-up inlogvenster
Een authenticatie wordt altijd gedaan met behulp van een wachtwoord. Deze screencast is erg handig voor autorisatiedoeleinden.
In deze screencast maken we een eenvoudig pop-upvenster dat het wachtwoord van een account op een LDAP-server verifieert en waar gegevens worden doorgegeven van een link naar het dynamisch gemaakte venster.
12.Screencasts om uw eigen jQuery-plug-in te bouwen
Volg de begeleiding van experts James Padolsey, Jeffery Way en Dan Wellman in deze screencast om uw Jquery-plug-ins te maken en deze in uw programma's te gebruiken. Geleerd hoe u standaardinstellingen instelt, afbeeldingen vooraf laadt, terugbelmethoden maakt en dynamische keuzerondjes maakt met Jquery, CSS.
Bestudeer de volledige schermafbeelding om de volledige stappen te leren.
13.JQuery videoserie
Een uitgebreider en nauwkeuriger trainingsregime van 10 minuten voor Themeforest.net en dezelfde manier om de Jquery-bibliotheek te gebruiken en uw eigen projecten te maken met behulp van een videoseriebeschrijving gedurende 15 dagen.
De hele serie brengt de beginners als een succesvolle professional in Jquery en kunnen de Jquery-applicaties flexibel bewerken en aanpassen.
PHP-screencasts:
14.Duiken in PHP
Een korte rondleiding over verschillende onderwerpen in PHP wordt gegeven als afzonderlijke tutorials. Deze zelfstandige tutorials van Jeffery Way leren je om bestanden te uploaden met behulp van PHP met behulp van de ThemeForest-blog die een complete bron is voor PHP-queries.
Deze screencast behandelt de verschillende soorten onderwerpen voor beginners en intermediaire gebruikers.
15.PHP Json Jquery Ajax-screencast
Om een communicatie tussen PHP en JSON-gegevensbron tot stand te brengen met behulp van de AJAX-functionaliteit van jQuery, waar we een script maken om de JSON-gegevens te verzenden, vervolgens een PHP-array, vervolgens laden we het bestand en wordt onze gegevensbron gevuld.
Bekijk de volledige screencast om de volledige stappen te leren Het is een geavanceerde screencast voor PHP-liefhebbers.
16.Foto admin-site met behulp van PHP en Jquery
Deze screencast helpt je om een fotosite te maken met behulp van PHP en jQuery waar een database wordt gemaakt met een verzameling foto's, en de admin krijgt de rechten om de titel van de foto's bij te werken en om eventuele submappen te onderhouden door op de tekst te klikken .
U kunt de hele fotogalerij beheren volgens uw vereisten. De specialiteit van deze schermcast is het gebruik van Jquery, we hebben toegang tot de galerijen.
CSS-screencasts:
17.HTML en CSS de basisprincipes
Help de absolute beginner met de basisprincipes van HTML en CSS, die slechts tekstbestanden zijn tot een niveau waarop u ze als voorbeeld op uw website kunt gebruiken.
Deze screencast leert je dat HTML de inhoud is en CSS het ontwerp van de website is en ook hoe je een website van goede kwaliteit maakt. Hier kun je de basisprincipes van zowel HTML als CSS leren, zodat je de websites gemakkelijk kunt gebruiken als je ze leert de basis goed.
18.Bewerkbare CSS3-afbeeldingengalerij
We bouwen een vrij typisch ontwerppatroon voor afbeeldingengalerieën, een raster van afbeeldingen die groter worden wanneer erop wordt geklikt. Deze afbeeldingengalerij geeft u een zeer professionele uitstraling voor uw webontwikkeling.
Maar deze afbeeldingsgalerijpagina maakt gebruik van hete semantische HTML5-markeringen, heel veel visuele traktaties met CSS3 en jQuery, en bewerkbaar gemaakt via het CMS PageLime.
19. Hoe CSS-sprites te gebruiken
CSS Sprites zijn al heel lang een hot topic. Het feit is dat elke afbeelding op een webpagina een afzonderlijk serververzoek is en dat u de prestaties van een pagina drastisch kunt verhogen. Door het aantal HTTP-verzoeken te verminderen, worden de laadtijden verbeterd. Om dit te bereiken gebruiken we CSS-sprites, hoe u een CSS-sprite maakt en hoe die sprites hier beschrijven.
Dit geeft u een goed idee over CSS-sprites en hoe u dit kunt gebruiken met uw webontwikkelingskant.
20.Gedetailleerde kijk op het 960 CSS-framework
Het 960 Grid-systeem is een poging om de webontwikkelingsworkflow te stroomlijnen door veelgebruikte afmetingen te bieden, gebaseerd op een breedte van 960 pixels. Er zijn twee varianten: 12 en 16 kolommen, die afzonderlijk of achter elkaar kunnen worden gebruikt.
U hoeft de code niet te beheersen om een webapplicatie te maken. CSS-frameworks zijn er voor u om uw code te schrijven. Besteed wat tijd met deze screencast om meer te weten te komen over de frameworks en om uw webapplicaties efficiënt te ontwikkelen.
21. Afbeelding wisselaar
Image Switcher is een gratis JavaScript dat automatisch een reeks afbeeldingen invoegt in één enkele hot-swappable viewport. Dit is een pure CSS-image-switcher die licht van gewicht is en voldoet aan de standaarden. Het kan worden gebruikt voor een galerij of een vergelijkbare functie. Een willekeurig aantal lijstselectie-opties kan worden gebruikt, zolang de breedte er maar geschikt voor is.
Om de afbeeldingen te veranderen terwijl je over een link beweegt, leert deze screencast je zonder de hulp van JavaScript.Je hebt alleen de z-index nodig om de zweeftekst in te schakelen en een beetje absolute positionering om dit te bereiken.
22.Een fotogalerij bouwen
Zoals veel mensen die er zijn, wil je misschien een website maken om te pronken met je foto's van vrienden, familie, vakantie, bruiloft, enz. Welnu, deze kleine zelfstudie laat u zien hoe u een fotogalerij maakt en deze uploadt naar internet.
Een fotogalerij die zichzelf automatisch opbouwt met de afbeeldingen uit een directory en de sub-directories is mogelijk door CSS. Chris Coyier leert in deze filmcast om een automatische fotogalerij te bouwen.
23.Audio insluiten
Hoe integreer je een mp3-bestand (zoals een podcast, liedje of achtergrondmuziek) in een webpagina of een RSS-feed zodat bezoekers naar de audio in de browser zelf kunnen luisteren zonder dat een externe speler zoals QuickTime of Windows Media Player nodig is.
Het grootste deel van de afbeelding gebruiken we ofwel een afbeelding of een audiobestand. Maar een afbeelding met een geluid op de achtergrond maakt het voor een gebruiker redelijk comfortabel om de informatie te begrijpen. Chris Coyier leert hetzelfde met behulp van JavaScript en Flash in deze screencast.
24.CSS3 gebruiken
Er worden veel spannende nieuwe functies en features bedacht CSS3 We zullen proberen een aantal van hen op deze webpagina te laten zien.Voor visuele verbeteringen zoals meerdere achtergronden, RGB, randafbeelding, randradius, @font-gezicht, animaties / overgangen en nog veel meer, is CSS3 nu in beweging.
Om deze laatste golf te volgen, kun je een glimp opvangen van deze filmcast.
25.Introductie van firebug
U kunt de informatie over de opmaak, CSS, lay-out en DOM van een element op een pagina krijgen met Firebug, een extensie van Firefox die onvermijdelijk is geworden voor webontwerpers en ontwikkelaars, waar u de resultaten rechtstreeks in de browser kunt bewerken en bekijken.
Leer deze screencast voor meer informatie.
26.Unieke pagina voor twitter-updates
Wanneer goed ontworpen, a Twitter feed kan de esthetiek van de lay-out van een website verbeteren.Als tweeten uw tijdverdrijf is, moet u graag uw tweets van begin tot eind willen weergeven. U kunt bijvoorbeeld het ontwerp in Photoshop bedekken en ook uw pagina opmaken.
Om deze taak te bereiken, volgt u deze screencast die u van de javascript-dingen naar CSS leidt om uw pagina op te maken.
medeontsteker:
27.Basisscreencasts
Code Igniter is een open source webtoepassing voor het schrijven van PHP-programma's en ook voor het maken van webtoepassingen met volledige functionaliteit. Code helemaal opnieuw schrijven door een uitgebreide set bibliotheken te bieden voor veelgebruikte taken, evenals een eenvoudige interface en logische structuur om toegang te krijgen deze bibliotheken.
In deze screencast geeft het je een introductie over CodeIgniter en ook om een blog te maken in CodeIgniter met behulp van PHP door Derek Jones.
28.Eenvoudige ontwikkeling met codeigniter
Met onbewerkte PHP kan dit wat tijdrovend zijn. Met CodeIgniter, het is gewoon een kwestie van verwijzen naar de juiste bibliotheek en enkele configuratie-opties doorgeven! Laten we erin duiken.
Gretig om PHP-vaardigheden af te stemmen na het leren van de introductie, ga verder met de volgende stap, deze screencast leert je een afbeelding te uploaden en op te slaan na de initiële validatie met behulp van PHP in CodeIgniter.
29.Geweldige start-up screencasts voor codeigniter
Maak je klaar om je eerste applicatie te maken met CodeIgniter, maak een formulier met Form builder, bouw een voorbeeldapplicatie, maak een blog in 20 minuten, maak een paginering, verstuur en ontvang data via jQuery Post en JSON in deze 10 minuten durende screencast door Derek Jones .
We hopen dat u verder leert CodeIgniter-framework voor applicatieontwikkeling na het bekijken van screencast.
xml:
30.Bouw een login- en registratiesysteem met xml
Het opbouwen van een volledig lidmaatschapssysteem kan een vervelende en tijdrovende taak zijn. Tim Cooper gaat ons laten zien hoe we het GEHELE ding in ongeveer dertig minuten kunnen bouwen.
Met behulp van XML konden we een inlog- en registratieformulier maken in veel minder tijd dan MySQL, Tim Cooper in dit scherm laat ons dit zien door PHP, .htaccess, bestanden, sessies en meer te bekijken.
31.Vormbouwer
Het lijkt misschien vreemd om te proberen datatypes te standaardiseren in een systeem DAT ZO FLEXIBEL IS ONTWORPEN, maar meer dan één instelling meldt dat het stellen van redelijke verwachtingen voor portfolio-implementaties op de campus en het beheren van uw IT-middelen om een zekere mate van standaardisatie te benutten, veel project duurzaam.
Leer de basisprincipes van het bouwen van een formulier met behulp van de Form Builder-tool die kan worden gebruikt om een XML-schemabestand te bouwen en ook voor veel verschillende doeleinden in vele vormen kan worden gebruikt. Sean Keesler leert je een formulier te bouwen in deze cast.
32.Parametreer testgegevens met behulp van XML
Maak automatiseringsscripts om de functionaliteit van webtoepassingen in Internet Explorer op Windows te testen.
Vanuit dit scherm kunt u deze taak uitvoeren met behulp van Pamie - een Python-klassenbestand dat een Pamie-testscript maakt om een formulier te automatiseren, een XML-bestand te maken, gegevens te lezen en de test uit te voeren.
Het laat je zien:
- Hoe u een Pamie-testscript maakt om een formulier te automatiseren
- Hoe u de namen en ID's van DOM Elements kunt vinden om te automatiseren
- Een geheel nieuw XML-bestand maken met Notepad ++
- Hoe de gegevens in een XML-bestand te lezen met ElementTree
- Hoe de test uit te voeren
33.Screencasts om je in de maling te nemen met drupal
Vind het moeilijk om Drupal te leren, deze screencast maakt het gemakkelijk om praktisch stap voor stap te leren, te beginnen met de installatie, het knooppuntsysteem, het bloksysteem, inhoudstypen, thema-ontwikkeling en meer.
U kunt ook bronnen vinden voor Drupal-boeken, Drupal-podcasts, Drupal-forums, Drupal-kanalen.
34 Drupal-verzameling
Krijg alle informatie die je wilde weten over Drupal, deze screencast geeft je het beste van Drupal's screencasts, beste boeken over Drupal, bronnen, modules en ook de ergernissen van Drupal. Ontvang de nieuwste screencasts op Drupal 6, leer meer over CSS Injector, Node Convert, open buffetsyndroom, een back-up maken, over Webform, Login Toboggan, Inputfilters, Teaser-lengte en nog veel meer over dit contentmanagementplatform - Drupal.