Am făcut vreodată screencasts pentru ca învățarea să fie mai ușoară, dar dacă engleza este lucrul tău, cred că te vei bucura mult cu această intrare pe care ți-o aduc.
Un ecran turnat este o înregistrare digitală a ieșirii pe ecran a computer, conținând uneori narațiune audio. Deși termenul ecran turnat datează din 2004, produse precum Lotus ScreenCam au fost folosite de atunci 1993. Produsele pionier au produs fișiere uriașe și au caracteristici limitate de editare. Cele mai recente produse acceptă formate de fișiere mai compacte precum Macromedia Flash și au funcții de editare mai sofisticate care permit modificări ale secvenței, mișcării mouse-ului și audio.
Există nu mai puțin de treizeci și patru de ecrane pentru a vă îmbunătăți abilitățile de proiectare și programare, toate în limba engleză, dar foarte bine explicate și de o calitate excelentă, deci nu este nevoie să vă faceți griji.
Sursa | 1stWD
AJAX:
1.Conținut RSS răcoritor AJAX
Depășește problemele de reîmprospătare a paginii prin actualizarea conținutului fără o reîmprospătare manuală a paginii. Acest videoclip demonstrează lucrurile de făcut și cum se reîmprospătează fluxurile RSS cu ajutorul AJAX.
Dacă faceți un singur feed, cred că ar fi mai eficient să vă rulați propriul cod JavaScript, mai ales dacă este doar analizarea RSS. Din ceea ce îmi amintesc, SimplePie părea să fie o mulțime de cheltuieli generale.
2.Efect-spion simplu-Jquery
Lucrul grozav despre site-ul QuickSnapper al Realmac este că, dacă JavaScript este dezactivat, lista de snaps este vizibilă în mod implicit. Așa că vom urma exemplul.
De asemenea, merită remarcat faptul că versiunea lor continuă să atragă elemente noi până când ajunge la final. Vă voi arăta cum puteți păstra lista în buclă și, într-un tutorial de urmărire, vă voi arăta cum să conectați acest lucru la o lovitură Ajax care nu vă afectează serverul și păstrează efectul frumos și neted.
3.Top 25 de tutoriale video AJAX de pe YouTube
Tutorialele prezentate aici oferă un început de la zero despre cum să creați un document HTML, adăugând javascript și, de asemenea, conectând un javascript extern la acesta, construind chat AJAX, adăugând elemente AJAX într-o pagină web utilizând cadrul Spy, inserând obiecte AJAX în Adobe Dreamweaver, cum să creați aplicații Mash up folosind cadrul AJAX, creați un Delphi pentru PHP web și despre baza de date AJAX MySql
jquery:
4.Anteturi glisante precum iPhone
S-a frustrat vreodată când nu puteți găsi antetul în timp ce navigați prin conținut și v-ați pierdut cu subiectul
când treceți la pagina următoare, această distribuție pe ecran ajută antetul să rămână conținut și înlocuiește simultan titlul următor simultan când treceți la pagina următoare într-un mod subtil. Este foarte util pentru fiecare web designer care urmează tendința.
5.Saltul de animație cu diapozitiv revizuit
Ați fi observat că animația dvs. sare spre final, ceea ce ar putea fi din cauza problemelor de înălțime. Acest ecran de ecran vă ajută să găsiți o soluție luând în considerare factorii de înălțime, stocând o înălțime în linie și setând o înălțime în linie mai târziu și procedați în consecință dezvăluim sau ascundem elementul. Putem folosi această acțiune pentru a afișa rezultatele noastre sau o putem folosi și în întrebări frecvente. Deci nu este nevoie să reîmprospătăm pagina.
6.Galeria de glisante
Vrei să creezi o galerie cu un diapozitiv pentru a naviga prin articole? Această ecranare vă ajută cu pași simpli pentru a traduce poziția glisorelor pentru a glisa produsele invers cu ajutorul Markup, control glisor-widget, jQueryUI, CSS și anumite plug-in-uri care oferă derulare mai rapidă și o pauză atunci când este necesar. Puteți afișa produsele dvs. și vă puteți rula imaginile etc.
7.Jquery pentru începători absolut
O serie de 15 zile Absolute pentru începători în Jquery cu Tema forest.net ca referință de către Jeff Way, care are videoclipuri exclusive pentru fiecare zi în care ai putea învăța toate metodele, comutatorul de stil Jquery, efectul hover și multe altele folosite în Themeforest.net.
Această serie de distribuție pe ecran vă va învăța Jquery în mod clar și eficient. Fiecare scenariu are propriul stil și ar fi foarte util pentru începătorii care trebuie să învețe Jquery într-un mod defect.
8.Construiți meniul de navigare în stil lampă Lava
Aflați cum să creați un meniu stil lampă de lavă de la început, care demonstrează inițial același proces utilizând un meniu pe trei niveluri și apoi creați un meniu de lampă de lavă utilizând o bibliotecă Javascript în acest ecran.
Este un mod extrem de profesionist de a-ți genera bani din site-ul tău web și acest tip de meniu îți va oferi un aspect bun al site-ului tău.
9.Carusel infinit automat
De cele mai multe ori o acțiune de defilare nu se oprește automat și trebuie să o controlăm manual atunci când este necesar, așa că pentru a face o acțiune de defilare automată și pentru a o întrerupe când mouse-ul este deasupra caruselului utilizând Jquery este demonstrat în acest ecran.
Putem folosi acest carusel și în scopuri dinamice.
10.Jquery arata tim van damme
Efectele cheie ale efectului Tim the Accordion și Hover care funcționează numai în Webkit pot funcționa și în jQuery atunci când sunt luați în considerare doi factori și anume marja animată - stânga și efectul de fundal rgba de fundal.
Pentru detalii suplimentare, parcurgeți screencast-ul și găsiți-l singur.
11.Fereastra de autentificare pop-up
Autentificarea se face întotdeauna cu ajutorul unei parole. Această ecranare va fi foarte utilă în scopul autorizării.
În acest ecran, creăm o fereastră pop-up simplă care verifică parola unui cont într-un server LDAP și unde datele sunt transmise de la un link la fereastra creată dinamic.
12.Screencasts pentru a crea propriul plugin jquery
Luați îndrumarea experților James Padolsey, Jeffery Way și Dan Wellman în acest ecran pentru a crea pluginurile Jquery și a le utiliza în programele dvs. Am învățat cum să setați valorile implicite, să încărcați în prealabil imaginile, să creați metode de apel înapoi și să creați butoane radio dinamice folosind Jquery, CSS.
Pentru a afla pașii complet studiați ecranul complet.
13. Serii video de interogare
Un regim de antrenament mai elaborat și mai precis de 10 minute pentru Themeforest.net și folosind același mod de utilizare a bibliotecii Jquery și de a crea propriile proiecte cu ajutorul descrierii seriilor video timp de 15 zile.
Întreaga serie îi va aduce pe începători ca un profesionist de succes în Jquery. Ei pot edita și personaliza aplicațiile Jquery în mod flexibil.
Screencasts PHP:
14.Scufundare în PHP
Un scurt tur despre diverse subiecte în PHP sunt oferite ca tutoriale separate. Aceste tutoriale autonome de Jeffery Way vă învață să încărcați fișiere folosind PHP cu ajutorul blogului ThemeForest, care este o sursă completă de interogări PHP.
Această distribuție pe ecran acoperă diferitele tipuri de subiecte pentru începători și utilizatori de nivel intermediar.
15.Screencast PHP Json Jquery Ajax
Pentru a crea o comunicare între sursa de date PHP și JSON utilizând funcționalitatea AJAX a jQuery în care creăm un script pentru a trimite datele JSON, apoi o matrice PHP apoi încărcăm fișierul și sursa noastră de date este populată.
Pentru a afla pașii completi, vă rugăm să vizualizați ecranul complet. Este un ecran avansat pentru iubitorii de PHP.
16. Site de administrare a fotografiilor folosind PHP și Jquery
Această screencast vă ajută să creați un site de fotografii utilizând PHP și jQuery unde este creată o bază de date cu colecție de fotografii, iar administratorului i se acordă drepturile de actualizare a titlului fotografiilor, precum și de menținere a oricărui subdirector făcând clic pe text .
Puteți administra întreaga galerie foto conform cerințelor dvs. Specialitatea acestei distribuții pe ecran este utilizarea Jquery, accesăm galeriile.
Screencasts CSS:
17.HTML și CSS sunt elementele de bază
Ajutați începătorul absolut cu elementele de bază ale HTML și CSS, care sunt doar fișiere text la un nivel în care le puteți folosi ca previzualizare pe site-ul dvs. web.
Această distribuție pe ecran vă învață că HTML este conținutul și CSS este designul site-ului web și, de asemenea, cum să creați un site web de bună calitate. Aici puteți afla elementele de bază ale HTML și CSS, astfel încât să puteți gestiona site-urile web cu ușurință atunci când învățați elementele de bază bine.
18.Galerie de imagini CSS3 editabilă
Construim un model destul de tipic de design al galeriei de imagini, o grilă de imagini care apar mai mari atunci când faceți clic. Această galerie de imagini vă va oferi un aspect extrem de profesional pentru dezvoltarea dvs. web.
Dar această pagină a galeriei de imagini folosește marcaje HTML5 semantice fierbinți, o mulțime de tratamente vizuale cu CSS3 și jQuery și se poate modifica prin CMS PageLime.
19. Cum se utilizează sprite CSS
CSS Sprites au fost un subiect fierbinte de mult timp. Faptul este că fiecare imagine dintr-o pagină web este o cerere separată de server și puteți crește dramatic performanța unei pagini. Reducerea numărului de solicitări HTTP îmbunătățește timpul de încărcare. Pentru a realiza acest lucru, folosim sprite CSS, Cum se creează un sprite CSS și cum descriu acele sprite aici.
Acest lucru vă va oferi o idee bună despre sprit-urile CSS și despre cum să utilizați acest lucru cu partea dvs. de dezvoltare web.
20.O privire detaliată asupra cadrului 960 CSS
960 Grid System este un efort de a eficientiza fluxul de lucru de dezvoltare web prin furnizarea de dimensiuni utilizate în mod obișnuit, bazate pe o lățime de 960 pixeli. Există două variante: 12 și 16 coloane, care pot fi utilizate separat sau în tandem.
Nu trebuie să stăpâniți codul pentru a crea o aplicație web. Framework-urile CSS vă stau la dispoziție pentru a vă scrie codul. Petreceți ceva timp cu acest ecran proiectat pentru a afla mai multe despre cadre și pentru a vă dezvolta în mod eficient aplicațiile web.
21. Comutator de imagini
Image Switcher este un JavaScript gratuit care introduce automat o serie de imagini într-un singur port de vizualizare care poate fi schimbat la cald. Acesta este un switcher de imagine CSS pur, ușor și conform standardelor. Poate fi folosit pentru o galerie sau pentru orice funcție similară. Orice număr de opțiuni de selectare a listei poate fi utilizat atât timp cât lățimea le poate găzdui.
Schimbarea imaginilor pe măsură ce vă deplasați printr-un link este ceea ce vă învață acest ecran fără ajutorul JavaScript. Aveți nevoie doar de pornirea indexului z și de o poziționare absolută pentru a realiza acest lucru.
22.Construirea unei galerii foto
La fel ca mulți oameni de acolo, poate doriți să creați un site web pentru a vă arăta fotografiile cu prietenii, familia, vacanța, nunta etc. Ei bine, acest mic tutorial vă va arăta cum să creați o galerie foto și să o încărcați pe Internet.
O galerie foto care se construiește automat cu imaginile dintr-un director, precum și din subdirectoare, este posibilă de către CSS. Chris Coyier învață în această distribuție pe ecran să construiască o galerie foto automată.
23.Încorporarea sunetului
Cum încorporați un fișier MP3 (cum ar fi un podcast, o melodie sau o muzică de fundal) într-o pagină web sau un flux RSS, astfel încât vizitatorii să poată asculta audio în browserul propriu-zis, fără a necesita un player extern, cum ar fi QuickTime sau Windows Media Player.
Majoritatea imaginii folosim fie o imagine, fie un fișier audio. Dar o imagine cu un sunet în fundal face un utilizator destul de confortabil să înțeleagă informațiile. Chris Coyier ne învață la fel cu ajutorul JavaScript și Flash în această distribuție pe ecran.
24.Folosind CSS3
Multe funcții și caracteristici noi interesante sunt gândite CSS3. Vom încerca să prezentăm unele dintre ele pe această pagină web. Pentru îmbunătățiri vizuale, cum ar fi fundaluri multiple, RGB, imagine de margine, rază de margine, față @font, animații / tranziții și multe altele pentru CSS3 sunt în mișcare acum.
Pentru a urmări acest ultim val, aruncați o privire asupra acestei distribuții pe ecran.
25.Vă prezentăm firebug
Puteți obține informații despre marcajul, CSS, aspectul și DOM-ul unui element într-o pagină cu Firebug, o extensie a Firefox care a devenit inevitabilă pentru proiectanții și dezvoltatorii de web, unde puteți edita și vedea rezultatele direct în browser.
Pentru a afla mai multe, aflați această distribuție pe ecran.
26.Pagină unică pentru actualizări twitter
Când este proiectat corect, a Twitter feedul poate îmbunătăți estetica aspectului unui site web. Dacă tweetingul este distracția dvs., atunci trebuie să fiți dornici să vă afișați tweet-urile de la început până la sfârșit. De exemplu, puteți acoperi designul în Photoshop și stilizați-vă pagina.
Pentru a îndeplini această sarcină, urmați acest ecran care vă ghidează de la lucrurile javascript la CSS pentru a vă stiliza pagina.
Codeagniter:
27.Screencasts de bază
Code Igniter este o aplicație web open source pentru scrierea de programe PHP și, de asemenea, pentru a crea aplicații web cu caracteristici complete. Scrierea codului de la zero, oferind un set bogat de biblioteci pentru sarcinile obișnuite necesare, precum și o interfață simplă și o structură logică pentru a accesa aceste biblioteci.
În acest screencast vă oferă o introducere despre CodeIgniter și, de asemenea, pentru a crea un blog în CodeIgniter folosind PHP de Derek Jones.
28.Dezvoltare ușoară cu codeigniter
Cu PHP brut, acest lucru poate dura oarecum. Cu toate acestea, cu CodeIgniter, este pur și simplu o chestiune de a face referință la biblioteca corectă și de a introduce câteva opțiuni de configurare! Hai să ne scufundăm.
Dornic să reglați abilitățile PHP după ce ați învățat introducerea, treceți la pasul următor, acest screencast vă învață să încărcați o imagine și să o salvați după validarea inițială folosind PHP în CodeIgniter.
29.Screencasts de pornire Killer pentru Codeigniter
Pregătiți-vă să creați prima aplicație cu CodeIgniter, creați un formular folosind Form Builder, creați un exemplu de aplicație, creați un blog în 20 de minute, creați o paginare, trimiteți și primiți date prin jQuery Post și JSON în acest screencast de 10 minute de Derek Jones .
Sperăm că veți învăța mai departe Cadrul de dezvoltare a aplicației CodeIgniter după ce ai grijă la screencast.
XML:
30.Construiți un sistem de autentificare și înregistrare cu xml
Construirea unui întreg sistem de membru poate fi o sarcină plictisitoare și consumatoare de timp. Tim Cooper ne va arăta cum să construim ÎNTREGUL lucru în aproximativ treizeci de minute.
Folosind XML, am putea crea un formular de autentificare și înregistrare în mult mai puțin timp decât MySQL, Tim Cooper în acest ecran ne arată acest lucru prin revizuirea PHP, .htaccess, fișiere, sesiuni și multe altele.
31.Constructor de forme
Poate părea ciudat să încerci să standardizezi tipurile de date într-un sistem PROIECTAT PENTRU A FI ATÂT DE FLEXIBIL, dar mai mult de o instituție raportează că stabilirea așteptărilor rezonabile pentru implementarea portofoliului în campus și gestionarea resurselor IT pentru a valorifica o anumită cantitate de standardizare fac mult proiect sustenabil.
Aflați noțiunile de bază ale construirii unui formular utilizând instrumentul Generator de formulare care ar putea fi utilizat pentru a construi un fișier schemă XML și, de asemenea, utiliza în mai multe scopuri multiple în multe forme. Sean Keesler te învață să construiești un formular în acest cast.
32.Parametrează datele de testare folosind XML
Creați scripturi de automatizare pentru a testa funcționalitatea aplicațiilor web în Internet Explorer pe Windows.
Din acest ecran, realizăm această sarcină cu ajutorul lui Pamie - un fișier de clasă Python care creează un script de test Pamie pentru a automatiza un formular, a crea un fișier XML, a citi date și a rula testul.
Vă arată:
- Cum să creați un script de test Pamie pentru a automatiza un formular
- Cum să găsiți numele și ID-urile elementelor DOM de automatizat
- Crearea unui fișier XML de la zero folosind Notepad ++
- Cum să citiți datele într-un fișier XML folosind ElementTree
- Cum să rulați testul
33.Aruncă ecran pentru a te lovi cu fundul cu drupal
Găsiți dificil să învățați Drupal, acest screencast facilitează practic procesul de învățare pas cu pas, începând cu instalarea, sistemul de noduri, sistemul de blocare, tipurile de conținut, dezvoltarea temelor și multe altele.
De asemenea, puteți găsi resurse pentru cărți Drupal, podcast-uri Drupal, forumuri Drupal, canale Drupal.
34. Rundă de drupal
Obțineți toate informațiile pe care le-ați dorit să știți despre Drupal, acest screencast vă oferă cele mai bune dintre screencast-urile Drupal, cele mai bune cărți despre Drupal, resurse, module și, de asemenea, supărările Drupal. Obțineți cele mai recente screencast-uri pe Drupal 6, aflați mai multe despre CSS Injector, Node Convert, sindromul bufetului deschis, crearea unei copii de rezervă, despre Webform, Slogan de autentificare, Filtre de intrare, Lungimea teaserului și multe altele despre această platformă de gestionare a conținutului - Drupal