Olenko koskaan tehnyt kuvaruutuja sinulle helpottamaan oppimista, mutta jos englanti on sinun juttusi, luulen, että nautit paljon tästä tuotavasta merkinnästä.
Un screencast on digitaalinen tallennus computadora, joka sisältää joskus äänikertomusta. Vaikka termi screencast on peräisin 2004, tuotteita, kuten Lootus ScreenCamia on käytetty siitä lähtien 1993. Pioneerituotteet tuottivat valtavia tiedostoja ja niillä oli rajoitetut muokkausominaisuudet. Uusimmat tuotteet tukevat pienempiä tiedostomuotoja, kuten Macromedia Flash ja niillä on kehittyneemmät muokkausominaisuudet, jotka mahdollistavat sekvenssin, hiiren liikkeen ja äänen muutokset.
Suunnittelu- ja ohjelmointitaitosi parantamiseksi on vähintään kolmekymmentäneljä kuvaruutua, kaikki englanniksi, mutta hyvin selitetyt ja erinomaisessa laadussa, joten ei tarvitse huolehtia.
Lähde | 1.WD
AJAX:
1.AJAX päivittää RSS-sisältöä
Voit voittaa sivun päivittämisen ongelmat päivittämällä sisällön ilman manuaalista sivun päivitystä. Tämä video osoittaa, mitä ja miten RSS-syötteet voidaan päivittää AJAX: n avulla.
Jos teet vain yhtä syötettä, mielestäni on tehokkaampaa rullata oma JavaScript-koodi, varsinkin jos se vain jäsentää RSS: ää. Muistan, että SimplePie näytti olevan paljon yleiskustannuksia.
2.Simple-Jquery-spy-vaikutus
Realmacin QuickSnapper-sivustossa on hienoa, että jos JavaScript ei ole käytössä, napsautusten luettelo on oletusarvoisesti näkyvissä. Joten me seuraamme esimerkkiä.
On myös syytä huomata, että heidän versionsa vain vetää uusia esineitä, kunnes se saavuttaa lopun. Näytän sinulle, kuinka voit pitää luettelon silmukkaan, ja jatko-opetusohjelmassa näytän sinulle, kuinka kytkeä tämä Ajax-osumaan, joka ei haittaa palvelinta ja pitää vaikutuksen mukavana ja sujuvana.
3.25 parasta AJAX-video-opetusohjelmaa YouTubesta
Tässä esitetyt opetusohjelmat antavat alun HTML-asiakirjan luomisesta, lisäämällä javascript ja liittämällä siihen myös ulkoinen javascript, rakentamalla AJAX-chat, lisäämällä AJAX-elementtejä verkkosivulle Spy-kehyksen avulla, lisäämällä AJAX-objekteja Adobe Dreamweaver, kuinka luoda Mash up -sovelluksia AJAX-kehyksellä, luoda Delphi for PHP -verkko myös AJAX MySql -tietokannasta
jquery:
4.Liukuvat otsikot, kuten iPhone
Oletko koskaan turhautunut, kun et löydä otsikkoa selatessasi sisältöä ja eksynyt aiheesi kanssa
kun siirryt seuraavalle sivulle, tämä näyttösarja auttaa otsikkoa pysymään sisällössä ja korvaa myös seuraavan otsikon samanaikaisesti, kun siirryt seuraavalle sivulle hienovaraisesti. Se on erittäin hyödyllinen kaikille trendejä seuraaville web-suunnittelijoille.
5.Slidedown-animaatiohyppy palasi
Olisit huomannut, että animaatiosi hyppää loppua kohti, mikä voi johtua korkeusongelmista. Tämä näyttökuva auttaa sinua löytämään ratkaisun huomioimalla korkeustekijät tallentamalla sisäkorkeuden ja asettamalla linjakorkeuden myöhemmin ja jatkamalla vastaavasti paljastamme tai piilotamme elementin. Voimme käyttää tätä toimintoa tulojemme näyttämiseen tai käyttää sitä myös usein kysytyissä kysymyksissä. Sivua ei siis tarvitse päivittää.
6.Liukusäädin galleria
Haluatko luoda gallerian dialla kohteiden navigointiin? Tämä näytön suoratoisto auttaa sinua siirtämään liukusäätimien asennon kääntämällä käänteisesti yksinkertaisilla vaiheilla Markupin, liukusäätimen widget-ohjauksen, jQueryUI, CSS: n ja tiettyjen laajennusten avulla, jotka mahdollistavat nopeamman vierityksen ja tauon tarvittaessa. Voit näyttää tuotteitasi ja voit rullata kuviasi jne.
7.Jquery aivan aloittelijoille
15 päivän Absolute-aloittelijasarja Jqueryssä, jonka teemana on forest forest.net Jeff Wayn referenssinä. Hänellä on jokaiselle päivälle eksklusiivisia videoita, joissa voit oppia kaikki Themeforest.net-sivustossa käytettävät menetelmät, Jquery-tyylinvaihtajan, hiiren vaikutus ja paljon muuta.
Tämä näyttelijäsarja opettaa sinulle Jqueryä selkeästi ja tehokkaasti. Jokaisella kuvaruudulla on oma tyyli, ja se olisi erittäin hyödyllistä aloittelijoille, jotka tarvitsevat oppia Jqueryä viallisella tavalla.
8.Rakenna Lava-lampun tyyppinen navigointivalikko
Opi luomaan alusta alkaen laavavalaisimen tyyppinen valikko, joka osoittaa alun perin saman prosessin käyttämällä kolmitasoista valikkoa, ja luo sitten laavalamppu-valikko käyttämällä Javascript-kirjastoa tässä näyttösarjassa.
Se on erittäin ammattimainen tapa ansaita rahaa verkkosivustollesi, ja tämän tyyppinen valikko antaa sinulle hyvän ulkonäön verkkosivustollesi.
9.Automaattinen ääretön karuselli
Useimmiten vieritystoiminto ei lopu automaattisesti, ja meidän on tarvittaessa ohjattava sitä manuaalisesti. Joten vieritystoiminnon tekeminen automaattiseksi ja keskeyttäminen, kun hiiri on karusellin päällä Jqueryä käyttämällä, on esitetty tässä näyttökerrassa.
Voimme käyttää tätä karusellia myös dynaamiseen tarkoitukseen.
10.Jquery näyttää tim van damme
Tim Accordion- ja Hover-efektin keskeiset vaikutukset, jotka toimivat vain Webkitissä, voivat toimia myös jQueryssä, kun otetaan huomioon kaksi tekijää eli animoitu marginaali - vasen ja Background rgba crossfade -efekti.
Saat lisätietoja käymällä näyttöruudun läpi ja etsimällä sen itse.
11.Ponnahdusikkuna kirjautumisikkuna
Todennus tehdään aina salasanan avulla.Tämä näyttösarja on erittäin hyödyllinen valtuutustarkoituksiin.
Tässä näyttöruudussa luomme yksinkertaisen ponnahdusikkunan, joka tarkistaa LDAP-palvelimen tilin salasanan ja jossa tiedot siirtyvät linkistä dynaamisesti luotuun ikkunaan.
12.Kuvaruutujen avulla voit luoda oman jquery-laajennuksen
Ohjaa asiantuntijoita James Padolsey, Jeffery Way ja Dan Wellman tässä näyttelijässä luodaksesi Jquery-laajennuksesi ja käyttääksesi niitä ohjelmissasi. Opi määrittämään oletusasetukset, lataamaan kuvat valmiiksi, luomaan soittopyyntömenetelmiä ja luomaan dynaamisia radiopainikkeita Jquery, CSS: n avulla.
Jos haluat oppia täydet vaiheet, tutki koko näyttökertaa.
13.Jquery-videosarja
Tarkempi ja tarkempi 10 minuutin harjoitteluohjelma Themeforest.net-sivustolle ja samalla tavoin kuin Jquery-kirjastoa ja luoda omia projekteja videosarjojen kuvauksen avulla 15 päivän ajan.
Koko sarja tuo aloittelijoille menestyvän Jquery-ammattilaisen, joka voi muokata ja mukauttaa Jquery-sovelluksia joustavasti.
PHP-näyttölaitteet:
14.Sukellus PHP: hen
Lyhyt esittely PHP: n eri aiheista annetaan erillisinä oppaina. Nämä Jeffery Wayn itsenäiset opetusohjelmat opettavat sinua lataamaan tiedostoja PHP: llä ThemeForest-blogin avulla, joka on täydellinen lähde PHP-kyselyille.
Tämä näyttökuva kattaa erityyppiset aiheet aloittelijoille ja keskitason käyttäjille.
15.PHP Json Jquery Ajax -näyttö
Luodaksemme viestinnän PHP: n ja JSON-tietolähteen välille käyttämällä jQueryn AJAX-toiminnallisuutta, jossa luomme komentosarjan JSON-tietojen lähettämiseksi, sitten PHP-taulukko, sitten lataamme tiedoston ja tietolähteemme täytetään.
Jos haluat oppia täydet vaiheet, katso koko näyttökertaa. Se on edistyksellinen kuvaruutu PHP-ystäville.
16.Kuvanvalvojan sivusto PHP: llä ja Jqueryllä
Tämän kuvaruudun avulla voit luoda valokuvasivuston PHP: n ja jqueryn avulla, jossa luodaan tietokanta valokuvakokoelmalla, ja järjestelmänvalvojalle annetaan oikeus päivittää valokuvien otsikko ja ylläpitää alihakemistoja napsauttamalla tekstiä .
Voit hallinnoida koko valokuvagalleria vaatimuksesi mukaan. Tämän näyttelijän erikoisuus on Jquery, jota käytämme gallerioihin.
CSS-näyttölaitteet:
17.HTML ja CSS ovat perusteet
Auta aloittelijaa HTML: n ja CSS: n perusteilla, jotka ovat vain tekstitiedostoja tasolle, jossa voit käyttää niitä esikatseluna verkkosivustollasi.
Tämä näyttökuva opettaa sinulle, että HTML on sisältö ja CSS on verkkosivuston suunnittelu ja kuinka luoda laadukkaita verkkosivustoja. Täällä voit oppia sekä HTML: n että CSS: n perusteet, jotta voit käsitellä verkkosivustoja helposti opittuasi perusasiat hyvin.
18.Muokattava CSS3-kuvagalleria
Rakennamme melko tyypillisen kuvagallerian suunnittelukuvion, ruudukon kuvia, jotka avautuvat suuremmiksi napsautettaessa.Tämä kuvagalleria antaa sinulle erittäin ammattimaisen ilmeen verkkokehityksellesi.
Mutta tämä kuvagalleriasivu käyttää kuumia semanttisia HTML5-merkintöjä, paljon visuaalisia herkkuja CSS3: lla ja jQueryllä ja tehty muokattavaksi CMS PageLime -palvelun kautta.
19. miten CSS-sprittejä käytetään
CSS Sprites on ollut kuuma aihe jo pitkään. Tosiasia on, että jokainen verkkosivun kuva on erillinen palvelinpyyntö ja voit lisätä huomattavasti sivun suorituskykyä. HTTP-pyyntöjen määrän vähentäminen parantaa latausaikoja. Tämän saavuttamiseksi käytämme CSS-sprittejä, kuinka luoda CSS-sprite ja miten nuo spritit kuvaavat tässä.
Tämä antaa sinulle hyvän kuvan CSS-spritistä ja siitä, miten sitä voidaan käyttää web-kehityspuolellasi.
20.Yksityiskohtainen kuvaus 960 CSS -kehyksestä
960 Grid -järjestelmä pyrkii virtaviivaistamaan verkkokehityksen työnkulkua tarjoamalla yleisesti käytetyt mitat 960 pikselin leveyden perusteella. Vaihtoehtoja on kaksi: 12 ja 16 saraketta, joita voidaan käyttää erikseen tai yhdessä.
Sinun ei tarvitse hallita koodia verkkosovelluksen luomiseen. CSS-kehykset ovat siellä, jotta voit kirjoittaa koodisi. Vietä jonkin aikaa tämän näyttösarjan kanssa oppiaksesi kehyksistä ja kehittääksesi verkkosovelluksiasi tehokkaasti.
21. Kuvakytkin
Image Switcher on ilmainen JavaScripti, joka lisää automaattisesti sarjan kuvia yhdeksi nopeasti vaihdettavaksi näkymäksi. Tämä on puhdas CSS-kuvakytkin, joka on kevyt ja standardien mukainen. Sitä voidaan käyttää galleriaan tai vastaavaan toimintoon. Mitä tahansa luettelon valintavaihtoehtoja voidaan käyttää, kunhan leveys mahtuu niihin.
Kuvien vaihtaminen linkin yli on mitä tämä näyttökuva opettaa sinulle ilman JavaScriptiä. Tämän saavuttamiseksi tarvitset vain z-indeksin kytkemisen päälle ja hiukan absoluuttista sijaintia.
22.Kuvagallerian rakentaminen
Kuten monet siellä olevat ihmiset, kannattaa ehkä luoda verkkosivusto esittelemään valokuvia ystävistä, perheestä, lomasta, hääistä jne. No, tämä pieni opetusohjelma näyttää, kuinka voit luoda valokuvagallerian ja ladata sen Internetiin.
CSS: llä on mahdollista kuvagalleria, joka rakentaa itsensä automaattisesti hakemiston kuvien ja alihakemistojen avulla. Chris Coyier opettaa tässä näyttelijässä rakentamaan automaattisen valokuvagallerian.
23.Ääni upotetaan
Kuinka upotat MP3-tiedoston (kuten podcastin, kappaleen tai taustamusiikin) verkkosivulle tai RSS-syötteeseen, jotta kävijät voivat kuunnella itse selaimen ääntä tarvitsematta ulkoista soitinta, kuten QuickTime tai Windows Media Player.
Suurin osa kuvasta käytämme joko kuvaa tai äänitiedostoa. Mutta kuva, jonka taustalla on ääni, tekee käyttäjästä melko mukavan tarttua tietoon. Chris Coyier opettaa samaa JavaScriptin ja Flashin avulla tässä ruudussa.
24.CSS3: n käyttö
Monia uusia jännittäviä toimintoja ja ominaisuuksia suunnitellaan CSS3. Yritämme esitellä joitain niistä tällä verkkosivulla. Visuaalisille parannuksille, kuten useille taustoille, RGB, reunakuva, reunan säde, @ font-kasvot, animaatiot / siirtymät ja paljon muuta CSS3: lle, on nyt liikkeellä.
Voit seurata tätä viimeisintä aaltoa tutustumalla tähän näyttelijään.
25.Esittelyssä tulivika
Saat tietoja elementin merkinnöistä, CSS: stä, asettelusta ja DOM: sta sivulta, jossa on Firebug, Firefoxin laajennus, josta on tullut väistämätöntä verkkosuunnittelijoille ja kehittäjille, jossa voit muokata ja nähdä tuloksia suoraan selaimessa.
Jos haluat tietää enemmän, opi tämä näyttelijä.
26.Ainutlaatuinen sivu Twitter-päivityksiä varten
Kun se on suunniteltu oikein, a Twitter syöte voi parantaa verkkosivuston ulkoasun esteettisyyttä. Jos tweeting on harrastustasi, sinun on oltava innokas näyttämään twiitit alusta loppuun. Esimerkiksi voisit kattaa suunnittelun Photoshopissa myös tyylittää sivusi.
Voit saavuttaa tämän tehtävän seuraamalla tätä näyttökuvaa, joka opastaa sinut tyylisi avulla javascript-sisällöstä CSS: ään.
Koodimerkintä:
27.Perusnäyttö
Code Igniter on avoimen lähdekoodin verkkosovellus PHP-ohjelmien kirjoittamiseen ja myös kaikkien ominaisuuksien web-sovellusten luomiseen. Koodin kirjoittaminen alusta alkaen tarjoamalla runsaasti kirjastoja yleisesti tarvittaviin tehtäviin sekä yksinkertainen käyttöliittymä ja looginen rakenne nämä kirjastot.
Tässä kuvaruudussa se antaa sinulle johdannon CodeIgniterista ja blogin luomisen CodeIgniteriin käyttämällä Derek Jonesin PHP: tä.
28.Helppo kehittää koodigniterillä
Raakalla PHP: llä tämä voi olla jonkin aikaa vievää. Kuitenkin kanssa CodeIgniter, kyse on vain viittauksesta oikeaan kirjastoon ja joidenkin määritysvaihtoehtojen toimittamiseen! Sukelletaan sisään.
Haluaa virittää PHP-taitoja johdannon oppimisen jälkeen. Siirry seuraavaan vaiheeseen, tämä kuvaruutu opettaa sinua lataamaan kuvan ja tallentamaan sen alkuperäisen vahvistuksen jälkeen käyttämällä PHP: tä CodeIgniterissa.
29.Killer-aloituskuvaruudut koodigniterille
Valmistaudu luomaan ensimmäinen sovelluksesi CodeIgniterillä, luo lomake Lomakkeen rakennustyökalulla, luo mallisovellus, luo blogi 20 minuutissa, luo sivutus, lähetä ja vastaanota tietoja jQuery Postin ja JSON: n kautta tässä Derek Jonesin 10 minuutin kuvakaappauksessa .
Toivomme oppivasi lisää CodeIgniter -sovelluskehys varoen kuvaruutua.
XML:
30.Rakenna sisäänkirjautumis- ja rekisteröintijärjestelmä xml: llä
Koko jäsenjärjestelmän rakentaminen voi olla työläs ja aikaa vievä tehtävä. Tim Cooper näyttää meille, kuinka rakentaa KOKO asia noin XNUMX minuutissa.
XML: ää käyttämällä voimme luoda sisäänkirjautumis- ja rekisteröintilomakkeen paljon lyhyemmässä ajassa kuin MySQL, Tim Cooper tässä näytössä näyttää tämän meille tarkastelemalla PHP: tä, .htaccessia, tiedostoja, istuntoja ja muuta.
31.Lomakkeen rakentaja
Voi tuntua oudolta yrittää standardisoida tietotyyppejä järjestelmässä, joka on suunniteltu niin joustavaksi, mutta useampi kuin yksi laitos kertoo, että kohtuullisten odotusten asettaminen salkun käyttöönotolle kampuksella ja tietoteknisten resurssien hallinta jonkin verran standardointia hyödyntävät tekevät paljon projekti kestävä.
Opi lomakkeen rakentamisen perusteet käyttämällä Form builder -työkalua, jota voidaan käyttää XML-skeematiedoston rakentamiseen ja jota voidaan käyttää myös moniin tarkoituksiin monissa muodoissa. Sean Keesler opettaa rakentamaan lomakkeen tässä näyttelijässä.
32.Parametroi testitiedot XML: n avulla
Luo automaatio-komentosarjoja testataksesi verkkosovellusten toimivuutta Internet Explorerissa Windowsissa.
Tässä näytössä suorita tämä tehtävä Pamie-toiminnolla - Python-luokan tiedosto, joka luo Pamie-testiskriptin lomakkeen automatisoimiseksi, XML-tiedoston luomiseksi, tietojen lukemiseksi ja testin suorittamiseksi.
Se näyttää sinulle:
- Pamie-testiskriptin luominen lomakkeen automatisoimiseksi
- Kuinka löytää automatisoitavien DOM-elementtien nimet ja tunnukset
- XML-tiedoston luominen alusta alkaen Notepad ++ -ohjelmalla
- XML-tiedoston tietojen lukeminen ElementTree-sovelluksella
- Kuinka suorittaa testi
33.Näytön heittää sinut potkimaan persettä drupalin kanssa
Drupalin oppiminen on vaikeaa, tämän kuvaruudun avulla on helppo oppia käytännössä vaihe vaiheelta alkaen asennuksesta, solmujärjestelmästä, lohkojärjestelmästä, sisältötyypeistä, teemakehityksestä ja muusta.
Löydät myös resursseja Drupal-kirjoille, Drupal-podcasteille, Drupal-foorumeille, Drupal-kanaville.
34. kaksoiskierros
Hanki kaikki tiedot, jotka halusit tietää Drupalista, tämä kuvaruutu antaa sinulle parhaan Drupalin näyttökerrat, parhaat Drupal-kirjat, resurssit, moduulit ja myös Drupalin ärsytykset. Hanki Drupal 6: n uusimmat näyttöruudut, lisätietoja CSS-injektorista, solmumuunnoksesta, avoimen buffet-oireyhtymästä, varmuuskopion luomisesta Webformista, sisäänkirjautumisvaunusta, syöttösuodattimista, kiusaajan pituudesta ja paljon muuta tästä sisällönhallinta-alustasta - Drupalista.