34 kalidad na mga screencast

Nagawa ko na ba ang mga screencast para mas madali mo ang pag-aaral, ngunit kung English ang bagay mo sa palagay ko masisiyahan ka sa marami sa entry na ito na dinadala ko sa iyo.

Un screen cast ay isang digital recording ng output ng screen ng computer, minsan naglalaman ng pagsasalaysay ng audio. Bagaman ang term screen cast mula sa 2004, mga produkto tulad ng Lotus Ginamit ang ScreenCam mula noon 1993. Gumawa ang mga produktong payunir ng malalaking mga file at may limitadong mga tampok sa pag-edit. Sinusuportahan ng pinakabagong mga produkto ang higit pang mga compact format ng file tulad ng Macromedia Flash at may mas sopistikadong mga tampok sa pag-edit na pinapayagan ang mga pagbabago sa pagkakasunud-sunod, paggalaw ng mouse, at audio.

Walang mas mababa sa tatlumpu't apat na mga screencast upang mapabuti ang iyong mga kasanayan sa pagdidisenyo at pagprograma, lahat sa Ingles ngunit napakahusay na ipinaliwanag at sa mahusay na kalidad, kaya't hindi kailangang magalala.

Pinagmulan | 1stWD

AJAX:

1.AJAX nagre-refresh ng nilalaman ng RSS

Pagtagumpayan ang mga abala ng pag-refresh ng pahina sa pamamagitan ng pag-update ng mga nilalaman nang walang pag-refresh ng manu-manong pahina. Ipinapakita ng video na ito ang mga dapat gawin at kung paano i-refresh ang mga RSS feed sa tulong ng AJAX.

Kung gumagawa ka lamang ng isang feed, sa palagay ko mas mahusay na i-roll ang iyong sariling JavaScript code, lalo na kung ang pag-parse lamang ng RSS. Mula sa kung ano ang naaalala ko, ang SimplePie ay tila maraming overhead.

2.Simpleng-Jquery-spy-effect

Ang dakilang bagay tungkol sa site ng QuickSnapper ng Realmac ay na kung naka-off ang JavaScript, ang listahan ng mga snaps ay makikita bilang default. Susundan namin ang suit.

Mahalaga rin na tandaan na ang kanilang bersyon ay patuloy lamang na kumukuha ng mga bagong item hanggang sa maabot ang pagtatapos. Ipapakita ko sa iyo kung paano mo mapapanatili ang listahan ng looping, at sa isang follow up na tutorial ipapakita ko sa iyo kung paano ito maiugnay sa isang Ajax hit na hindi pinupuno ang iyong server at pinapanatili ang epekto na maganda at makinis.

3.Nangungunang 25 AJAX video tutorials mula sa youtube

Ang mga tutorial na ipinakita dito ay nagbibigay ng isang simula mula sa simula ng kung paano lumikha ng isang dokumento ng HTML, pagdaragdag ng javascript at pag-uugnay din ng isang panlabas na javascript doon, na nagtatayo ng AJAX chat, pagdaragdag ng mga elemento ng AJAX sa isang web page gamit ang Spy framework, ipinasok ang mga bagay na AJAX sa Ang Adobe Dreamweaver, kung paano lumikha ng Mash up na mga aplikasyon gamit ang AJAX framework, lumikha ng isang Delphi para sa PHP web din tungkol sa AJAX MySql database

jquery:

4.Mga sliding header tulad ng iphone

Kailanman Nabigo kapag hindi mo mahanap ang header habang nagba-browse ng isang nilalaman at nawala sa iyong paksa
kapag lumipat sa susunod na pahina, tumutulong ang screen cast na ito sa header na manatiling nilalaman at pinapalitan din ang susunod na heading nang sabay-sabay kapag lumipat ka sa susunod na pahina sa isang banayad na paraan. Napaka kapaki-pakinabang para sa bawat web designer na sumusunod sa trend.

5.Muling binisita ang slide jump ng slide

Napansin mo na ang iyong animasyon ay tumatalon patungo sa dulo, na maaaring dahil sa mga problema sa taas. Tinutulungan ka ng screen cast na makahanap ng solusyon sa pamamagitan ng pagsasaalang-alang sa taas ng mga kadahilanan sa pamamagitan ng pag-iimbak ng isang taas na taas at pagtakda ng isang taas na nasa taas mamaya at magpatuloy nang naaayon isiniwalat namin o tinatago ang elemento. Maaari naming gamitin ang aksyon na ito upang maipakita ang aming mga resulta o magagamit din ito sa mga FAQ. Kaya't hindi na kailangang i-refresh ang pahina.

6.Gallery ng slider

Nais bang lumikha ng isang gallery na may isang slide upang mag-navigate sa mga item? Tinutulungan ka ng screen cast na ito sa mga simpleng hakbang upang isalin ang posisyon ng mga slider upang i-slide ang mga produkto nang inversely sa tulong ng Markup, control ng slider-widget, jQueryUI, CSS at ilang mga plug-in na nagbibigay ng mas mabilis na pag-scroll at isang pag-pause kung kinakailangan. Maaari mong ipakita ang iyong mga produkto at maaari mong pagulungin ang iyong mga imahe atbp.

7.Jquery para sa ganap na mga nagsisimula

Isang 15 araw na Ganap na serye ng nagsisimula sa Jquery na may Theme jung.net bilang isang sanggunian ni Jeff Way na may mga eksklusibong video para sa bawat araw kung saan matututunan mo ang lahat ng mga pamamaraan, Jquery style switch, hover effect at marami pang ginagamit sa Themeforest.net.

Ituturo sa iyo ng serye ng cast ng screen na malinaw at mabisa ang Jquery. Ang bawat screencast ay may sariling estilo at magiging kapaki-pakinabang ito para sa mga nagsisimula na kailangang malaman ang Jquery sa isang masamang pamamaraan.

8.Bumuo ng menu ng nabigasyon na istilo ng Lava lamp

Alamin na lumikha ng isang menu ng istilong lava-lampara mula sa simula na sa simula ay ipinapakita ang parehong proseso sa pamamagitan ng paggamit ng isang tatlong antas ng menu at pagkatapos ay lumikha ng isang menu ng lava-lamp sa pamamagitan ng paggamit ng isang library ng Javascript sa cast ng screen na ito.

Ito ay lubos na propesyonal na paraan upang gawing pera ang iyong website at ang ganitong uri ng menu ay magbibigay sa iyo ng magandang pagtingin sa iyong website.

9.Awtomatikong walang katapusang carousel

Karamihan sa mga oras na ang isang aksyon ng pag-scroll ay hindi awtomatikong titigil at kailangan nating kontrolin ito nang manu-mano kapag kinakailangan, Kaya upang gawing awtomatiko ang isang pagkilos na pag-scroll at i-pause ito kapag ang mouse ay nasa ibabaw ng carousel gamit ang Jquery ay ipinakita sa cast ng screen na ito.

Maaari naming gamitin ang carousel na ito para sa dinamikong layunin din.

10.Jquery tingnan ang tim van damme

Ang mga pangunahing epekto ng Tim the Accordion at Hover effect na gumagana lamang sa Webkit ay maaari ring gumana sa jQuery kapag ang dalawang kadahilanan na animated margin - left at Background rgba crossfade effect ay isinasaalang-alang.

Para sa karagdagang mga detalye dumaan sa screencast at hanapin ito sa iyong sarili.

11.Popup window ng pag-login

Ang isang pagpapatotoo ay laging ginagawa sa tulong ng isang password. Ang screen cast na ito ay magiging lubhang kapaki-pakinabang para sa mga layunin ng pahintulot.

Sa cast ng screen na ito, lumikha kami ng isang simpleng window ng pop up na napatunayan ang password ng isang account sa isang LDAP server at kung saan ipinapasa ang data mula sa isang link patungo sa palihim na nilikha na window.

12.Mga screenshot upang bumuo ng iyong sariling plugin ng jquery

Dalhin ang patnubay ng mga eksperto na sina James Padolsey, Jeffery Way at Dan Wellman sa cast ng screen na ito upang likhain ang iyong mga plugin ng Jquery at gamitin ang mga ito sa iyong mga programa. Natutunan kung paano magtakda ng mga default, paunang pag-load ng mga imahe, lumikha ng mga pamamaraan ng call back at lumikha ng mga dynamic na radio button gamit ang Jquery, CSS.

Upang malaman ang buong hakbang na pag-aralan ang kumpletong screen cast.

13. Serye ng video ng query

Ang isang mas detalyadong at tumpak na pamumuhay ng pagsasanay na 10 minuto para sa Themeforest.net at ginagamit ang pareho kung paano gamitin ang Jquery library at lumikha ng iyong sariling mga proyekto sa tulong ng paglalarawan ng serye ng video sa loob ng 15 araw.

Dadalhin ng buong serye ang mga nagsisimula bilang isang matagumpay na propesyonal sa Jquery. Maaari nilang mai-edit at ipasadya ang mga aplikasyon ng Jquery nang may kakayahang umangkop.

Mga screencast ng PHP:

14.Sumisid sa PHP

Ang isang maikling paglilibot sa iba't ibang mga paksa sa PHP ay ibinibigay bilang magkakahiwalay na mga tutorial. Ang mga ito na naglalaman ng mga tutorial ni Jeffery Way ay nagtuturo sa iyo na mag-upload ng mga file gamit ang PHP sa tulong ng blog ng ThemeForest na isang kumpletong mapagkukunan sa mga query sa PHP.

Saklaw ng screen cast na ito ang magkakaibang uri ng mga paksa para sa mga nagsisimula at gumagamit ng antas ng gitna.

15.PHP Json Jquery Ajax screencast

Upang lumikha ng isang komunikasyon sa pagitan ng PHP at JSON na mapagkukunan ng data gamit ang pag-andar ng AJAX ng jQuery kung saan lumilikha kami ng isang script upang maipadala ang data ng JSON, pagkatapos ay isang PHP array pagkatapos ay mai-load namin ang file at ang aming mapagkukunan ng data ay pinunan.

Upang malaman ang buong mga hakbang mangyaring tingnan ang kumpletong screen cast. Ito ay isang advanced na screencast para sa mga mahilig sa PHP.

16. Ang site ng admin ng larawan gamit ang PHP at Jquery

Tinutulungan ka ng screencast na ito upang lumikha ng isang site ng larawan gamit ang PHP at jquery kung saan nilikha ang isang database na may koleksyon ng mga larawan, at binigyan ng karapatan ang admin ng pag-update ng pamagat ng mga larawan pati na rin ang pagpapanatili ng anumang mga sub-direktoryo sa pamamagitan ng pag-click sa teksto .

Maaari mong pangasiwaan ang buong gallery ng larawan ayon sa iyong kinakailangan. Ang specialty ng screen cast na ito ay gumagamit ng Jquery na ina-access namin ang mga gallery.

Mga screencast ng CSS:

17.HTML at CSS ang pinaka-pangunahing kaalaman

Tulungan ang ganap na nagsisimula sa mga pangunahing kaalaman sa HTML at CSS na mga file ng teksto lamang sa isang antas kung saan mo magagamit ang mga ito bilang isang preview sa iyong website.

Itinuro sa iyo ng screen cast na ito na ang HTML ay ang nilalaman at ang CSS ay ang disenyo ng website at kung paano din lumikha ng isang website na may mahusay na kalidad. Dito maaari mong malaman ang mga pangunahing kaalaman ng parehong HTML at CSS upang madali mong mahawakan ang mga website kapag natutunan ang pangunahing kaalaman ay mabuti.

18.Na-e-edit na gallery ng imahe ng CSS3

Bumubuo kami ng isang medyo tipikal na pattern ng disenyo ng gallery ng imahe, isang parilya ng mga imahe na mas lumalaki kapag na-click. Ang gallery ng imahe na ito ay magbibigay sa iyo ng isang propesyonal na hitsura para sa iyong pag-unlad sa web.

Ngunit ang pahinang gallery ng imahe na ito ay gumagamit ng marka ng mainit na semantiko HTML5, maraming mga visual na paggagamot sa CSS3 at jQuery, at ginawang mai-edit sa pamamagitan ng CMS PageLime.

19. Paano gamitin ang mga CSS sprite

Ang CSS Sprites ay naging isang mainit na paksa sa mahabang panahon ngayon. Ang katotohanan ay ang bawat imahe sa isang web page ay isang hiwalay na kahilingan ng server at maaari mong madagdagan ang pagganap ng isang pahina. Ang pagbawas ng bilang ng mga kahilingan sa HTTP ay nagpapabuti sa mga oras ng pag-load. Upang makamit ito ginagamit namin ang mga CSS sprite, Paano lumikha ng isang CSS sprite at kung paano ilalarawan dito ang mga sprite.

Bibigyan ka nito ng isang magandang ideya tungkol sa mga CSS sprite at kung paano ito magagamit sa iyong panig sa pag-unlad ng web.

20.Detalyadong pagtingin sa 960 framework ng CSS

Ang 960 Grid System ay isang pagsisikap upang streamline ang daloy ng trabaho sa pagbuo ng web sa pamamagitan ng pagbibigay ng karaniwang ginagamit na mga sukat, batay sa isang lapad na 960 pixel. Mayroong dalawang magkakaibang: 12 at 16 na mga haligi, na maaaring magamit nang hiwalay o magkasabay.

Hindi mo kailangang master ang code upang lumikha ng isang web application. Naroroon ang mga framework ng CSS para isulat mo ang iyong code. Gumugol ng kaunting oras sa cast ng screen na ito upang malaman ang tungkol sa mga balangkas at upang mabuo nang mahusay ang iyong mga web application.

21. Tagalipat ng imahe

Ang Image Switcher ay isang libreng JavaScript na awtomatikong nagsisingit ng isang serye ng mga imahe sa isang solong hot-swappable view port. Ito ay isang purong CSS tagalipat ng imahe na magaan at sumusunod sa pamantayan. Maaari itong magamit para sa isang gallery o anumang katulad na pagpapaandar. Ang anumang bilang ng mga pagpipilian sa pagpipilian ng listahan ay maaaring magamit hangga't ang akad ay maaaring tumanggap ng mga ito.

Upang baguhin ang mga imahe habang lumilipat ka sa isang link ay itinuturo sa iyo ng cast ng screen na ito nang walang tulong ng JavaScript. Kailangan mo lamang ng paglipat ng z-index sa hover at kaunting ganap na pagpoposisyon upang makamit ito.

22.Pagbuo ng isang gallery ng larawan

Tulad ng maraming tao diyan, baka gusto mong lumikha ng isang web site upang ipakita ang iyong mga larawan ng mga kaibigan, pamilya, bakasyon, kasal, atbp. Sa gayon, ipapakita sa iyo ng maliit na tutorial na ito kung paano lumikha ng isang gallery ng larawan at i-upload ito sa Internet.

Ang isang gallery ng larawan na awtomatikong nagtatayo mismo ng mga imahe mula sa isang direktoryo pati na rin ang mga sub-direktoryo ay posible ng CSS. Nagtuturo si Chris Coyier sa screen cast na ito upang bumuo ng isang awtomatikong photo gallery.

23.Pag-embed ng audio

Paano mo mai-embed ang isang MP3 file (tulad ng isang podcast, kanta o background music) sa isang web page o isang RSS feed upang ang mga bisita ay makinig sa audio sa browser mismo nang hindi nangangailangan ng isang panlabas na manlalaro tulad ng QuickTime o Windows Media Player.

Karamihan sa imahe ay gumagamit kami ng isang imahe o isang audio file. Ngunit ang isang imahe na may isang audio sa background ay ginagawang komportable ang isang gumagamit na maunawaan ang impormasyon. Si Chris Coyier ay nagtuturo ng pareho sa tulong ng JavaScript at Flash sa cast ng screen na ito.

24.Paggamit ng CSS3

Maraming kapanapanabik na mga bagong pag-andar at tampok ay pinag-iisipan para sa CSS3. Susubukan naming ipakita ang ilan sa mga ito sa web page na ito. Para sa mga visual na pagpapahusay tulad ng maraming mga background, RGB, border image, border radius, @ font face, mga animasyon / transisyon at marami pang iba para sa CSS3 ay kumikilos na ngayon.

Upang sundin ang pinakabagong alon na ito ay masulyap ang isang cast ng screen na ito.

25.Ipinakikilala ang firebug

Maaari mong makuha ang impormasyon tungkol sa markup, CSS, layout at DOM ng isang elemento sa isang pahina gamit ang Firebug, isang extension ng Firefox na naging hindi maiiwasan para sa mga taga-disenyo ng Web at developer kung saan maaari mong mai-edit at makita ang mga resulta nang direkta sa browser.

Upang malaman ang higit pa alamin ang screen cast na ito.

26.Natatanging pahina para sa mga pag-update sa kaba

Kapag dinisenyo nang tama, a kaba maaaring mapabuti ng feed ang mga estetika ng layout ng isang website. Kung ang pag-tweet ang iyong pampalipas oras pagkatapos ay dapat kang maging sabik na ipakita ang iyong mga tweet mula simula hanggang katapusan. Para sa hal maaari mong masakop ang disenyo sa Photoshop din ang istilo ng iyong pahina.

Upang makamit ang gawaing ito sundin ang cast ng screen na gumagabay sa iyo mula sa mga bagay na javascript hanggang sa CSS upang mai-istilo ang iyong pahina.

Codeigniter:

27.Pangunahing screencast

Ang Code Igniter ay isang bukas na application ng web na mapagkukunan para sa pagsusulat ng mga programa sa PHP at upang lumikha din ng mga buong tampok na web application. Pagsulat ng code mula sa simula, sa pamamagitan ng pagbibigay ng isang mayamang hanay ng mga aklatan para sa mga karaniwang kinakailangang gawain, pati na rin isang simpleng interface at lohikal na istraktura upang ma-access ang mga aklatan na ito.

Sa screencast na ito binibigyan ka ng pagpapakilala tungkol sa CodeIgniter at din upang lumikha ng isang blog sa CodeIgniter gamit ang PHP ni Derek Jones.

28.Madaling pag-unlad na may codeigniter

Sa hilaw na PHP, maaari itong maging medyo matagal. Gayunpaman, kasama ang CodeIgniter, ito ay simpleng isang bagay lamang ng pagsangguni sa tamang silid aklatan, at pagpasa sa ilang mga pagpipilian sa pagsasaayos! Sumisid tayo.

Nais na ibagay ang mga kasanayan sa PHP pagkatapos malaman ang pagpapakilala, Lumipat sa susunod na hakbang, tinuturo sa iyo ng screencast na ito na mag-upload ng isang imahe at i-save ito pagkatapos ng paunang pagpapatunay gamit ang PHP sa CodeIgniter.

29.Ang mga starter ng killer startup para sa codeigniter

Maghanda upang likhain ang iyong unang application sa CodeIgniter, lumikha ng isang form gamit ang Form builder, bumuo ng isang sample na application, lumikha ng isang blog sa loob ng 20 minuto, lumikha ng isang Pagination, magpadala at tumanggap ng data sa pamamagitan ng jQuery Post at JSON sa 10 minutong screencast na ito ni Derek Jones .

Inaasahan namin na malalaman mo pa Framework sa Pag-unlad ng Application ng CodeIgniter pagkatapos abangan ang screencast.

XML:

30.Bumuo ng isang sistema ng pag-login at pagrehistro gamit ang xml

Ang pagbuo ng isang buong sistema ng pagiging kasapi ay maaaring maging isang nakakapagod, at matagal na gawain. Ipapakita sa amin ni Tim Cooper kung paano mabuo ang BUONG bagay sa halos tatlumpung minuto.

Gamit ang XML maaari kaming lumikha ng isang form sa pag-login at pagrehistro sa mas kaunting oras kaysa sa MySQL, ipinapakita sa amin ito ni Tim Cooper sa screen cast na ito sa pamamagitan ng pagsusuri sa PHP, .htaccess, mga file, session at marami pa.

31.Bumubuo ng form

Maaaring mukhang kakaiba upang tangkain upang gawing pamantayan ang mga uri ng data sa isang system na NILALAKING GUMAGING FLEXIBLE, ngunit higit sa isang institusyon ang nag-uulat na ang pagtatakda ng makatuwirang mga inaasahan para sa mga pag-deploy ng portfolio sa buong campus at pamamahala ng iyong mga mapagkukunan sa IT upang makamit ang ilang halaga ng pagsasama-sama ay maraming ginagawa sa sustainable proyekto.

Alamin ang mga pangunahing kaalaman sa pagbuo ng isang form gamit ang tool ng tagabuo ng Form na maaaring magamit upang bumuo ng isang XML schema file at magamit din para sa maraming maramihang mga layunin sa maraming mga form. Tinuturo sa iyo ni Sean Keesler na bumuo ng isang form sa cast ng screen na ito.

32.Parametrize data ng pagsubok gamit ang XML

Lumikha ng mga script ng awtomatiko upang subukan ang pagpapaandar ng web application sa Internet Explorer sa Windows.

Mula sa Screen cast na makamit ang gawaing ito sa tulong ng Pamie - isang file ng klase ng Python na lumilikha ng script ng pagsubok ng Pamie upang i-automate ang isang form, lumikha ng isang XML file, basahin ang data at patakbuhin ang pagsubok.

Ipinapakita nito sa iyo:

  • Paano lumikha ng isang script ng pagsubok ng Pamie upang Mag-automate ng isang form
  • Paano makahanap ng mga pangalan at ID ng Mga elemento ng DOM upang i-automate
  • Lumilikha ng isang XML file mula sa simula gamit ang Notepad ++
  • Paano basahin ang data sa isang XML file gamit ang ElementTree
  • Paano patakbuhin ang pagsubok

33.Nag-cast ng screen upang ma-kicking ass ka gamit ang drupal

Mahirap malaman ang Drupal, ginagawang madali ng screencast na ito para sa praktikal na pag-aaral ng sunud-sunod na proseso na nagsisimula sa pag-install, node system, block system, uri ng nilalaman, pagbuo ng tema at marami pa.

Maaari ka ring makahanap ng mga mapagkukunan para sa mga libro ng Drupal, mga podcast ng Drupal, mga forum ng Drupal, mga channel ng Drupal.

34. Pag-ikot ng disputal

Kunin ang lahat ng impormasyong nais mong malaman tungkol sa Drupal, binibigyan ka ng screencast na ito ng pinakamahusay na mga screencast ng Drupal, pinakamahusay na mga libro sa Drupal, mga mapagkukunan, mga module at pati na rin ang mga inis ng Drupal. Kunin ang pinakabagong mga screencast sa Drupal 6, Alamin ang tungkol sa CSS Injector, Node Convert, bukas na buffet syndrome, lumilikha ng isang backup, tungkol sa Webform, Login Toboggan, Mga filter ng input, haba ng Teaser at marami pa tungkol sa platform ng pamamahala ng nilalaman na ito - Drupal.


Iwanan ang iyong puna

Ang iyong email address ay hindi nai-publish. Mga kinakailangang patlang ay minarkahan ng *

*

*

  1. Responsable para sa data: Miguel Ángel Gatón
  2. Layunin ng data: Kontrolin ang SPAM, pamamahala ng komento.
  3. Legitimation: Ang iyong pahintulot
  4. Komunikasyon ng data: Ang data ay hindi maiparating sa mga third party maliban sa ligal na obligasyon.
  5. Imbakan ng data: Ang database na naka-host ng Occentus Networks (EU)
  6. Mga Karapatan: Sa anumang oras maaari mong limitahan, mabawi at tanggalin ang iyong impormasyon.