Правил ли съм някога скрийнкасти, за да улесните ученето, но ако английският е вашето нещо, мисля, че ще се радвате много на тази публикация, която ви предлагам.
Un Screencast е цифров запис на изхода на екрана на computadora, понякога съдържащ аудио разказ. Въпреки че терминът Screencast датира от 2004, продукти като Lotus ScreenCam бяха използвани от 1993. Продуктите на пионера произвеждат огромни файлове и имат ограничени функции за редактиране. Най-новите продукти поддържат по-компактни файлови формати като Macromedia Flash и имат по-сложни функции за редактиране, позволяващи промени в последователността, движението на мишката и аудиото.
Има не по-малко от тридесет и четири екранни предавания за подобряване на вашите умения за проектиране и програмиране, всички на английски, но много добре обяснени и с отлично качество, така че няма нужда да се притеснявате.
Източник | 1-ви WD
AJAX:
1.AJAX освежаващо RSS съдържание
Преодолейте неприятностите при опресняването на страниците, като актуализирате съдържанието без ръчно опресняване на страницата. Това видео демонстрира как да направите и как да опресните RSS емисиите с помощта на AJAX.
Ако правите само една емисия, мисля, че би било по-ефективно да превъртите собствения си JavaScript код, особено ако това е просто синтактичен анализ на RSS. От това, което си спомням, SimplePie изглеждаше много над главата.
2.Simple-Jquery-spy-ефект
Страхотното в сайта QuickSnapper на Realmac е, че ако JavaScript е изключен, списъкът с щраквания се вижда по подразбиране. Така че ще последваме примера.
Също така си струва да се отбележи, че тяхната версия продължава да дърпа нови елементи, докато стигне до края. Ще ви покажа как можете да запазите цикъла на списъка и в последващ урок ще ви покажа как да свържете това към Ajax хит, който не забива сървъра ви и поддържа ефекта хубав и гладък.
3.Топ 25 видео урока за AJAX от youtube
Представените тук уроци дават начало от нулата как да създадете HTML документ, добавяйки javascript и също свързвайки външен javascript към него, изграждайки AJAX чат, добавяйки AJAX елементи към уеб страница с помощта на Spy framework, вмъквайки AJAX обекти в Adobe Dreamweaver, как да създавам Mash up приложения, използвайки AJAX framework, създавам Delphi за PHP web също за базата данни AJAX MySql
jquery:
4.Плъзгащи се заглавки като iphone
Винаги сте се разочаровали, когато не можете да намерите заглавката, докато разглеждате съдържание, и сте се загубили с обекта си
при преминаване към следващата страница, този екран гласовете помага на заглавката да остане съдържание, а също така замества следващото заглавие едновременно, когато преминете към следващата страница по фин начин. Това е много полезно за всеки уеб дизайнер, който следва тенденцията.
5.Прескачане на анимацията на Slidedown отново
Бихте забелязали, че вашата анимация скача към края, което може да се дължи на проблеми с височината.Този екранен актьор ви помага да намерите решение, като вземете предвид факторите на височината, като съхраните вътрешна височина и зададете вътрешна височина по-късно и продължете съответно дали ние разкриваме или скриваме елемента. Можем да използваме това действие, за да покажем резултатите си, или да използваме това и в често задавани въпроси. Така че няма нужда да опреснявате страницата.
6.Плъзгаща галерия
Искате ли да създадете галерия със слайд за навигация в елементите? Този глас на екрана ви помага с лесни стъпки за превеждане на позицията на плъзгачите, за да плъзнете продуктите обратно с помощта на Markup, управление на плъзгача, jQueryUI, CSS и някои приставки, което осигурява по-бързо превъртане и пауза, когато е необходимо. вашите продукти и можете да навивате вашите изображения и т.н.
7.Jquery за абсолютно начинаещи
15-дневна абсолютна серия за начинаещи в Jquery с Theme Forest.net като справка от Джеф Уей, който има ексклузивни видеоклипове за всеки ден, където можете да научите всички методи, превключвател на стил Jquery, ефект на задържане и много други, използвани в Themeforest.net.
Тази поредица от екрани ще ви научи на Jquery ясно и ефективно. Всеки скрийнкаст има свой собствен стил и би било много полезно за начинаещи, които трябва да научат Jquery по дефектен начин.
8.Изградете меню за навигация в стил лава
Научете се да създавате меню от стил лава-лампа от самото начало, което първоначално демонстрира същия процес, като използвате меню от три нива и след това създайте меню лава-лампа, като използвате библиотека на Javascript в този екран.
Това е изключително професионален начин за осигуряване на приходи от вашия уебсайт и този тип меню ще ви даде добър поглед към вашия уебсайт.
9.Автоматична безкрайна въртележка
В повечето случаи действието на превъртане не спира автоматично и трябва да го контролираме ръчно, когато е необходимо, така че за да превърнем действието за превъртане автоматично и да го поставим на пауза, когато мишката е над въртележката, използвайки Jquery, е демонстрирано в този екран.
Можем да използваме тази въртележка и за динамични цели.
10.Jquery поглед Тим ван дам
Ключовите ефекти на ефекта Тим акордеон и ховър, които работят само в Webkit, могат да работят и в jQuery, когато се вземат предвид два фактора, а именно анимиран марж - ляв и фонов rgba кръстосан ефект.
За допълнителни подробности преминете през скринкаста и го намерете сами.
11.Изскачащ прозорец за вход
Удостоверяването винаги се извършва с помощта на парола. Този екран ще бъде много полезен за целите на оторизацията.
В този екран се създава прост изскачащ прозорец, който потвърждава паролата на акаунт в LDAP сървър и където данните се предават от връзка към динамично създадения прозорец.
12.Скрийнкасти, за да създадете свой собствен jquery плъгин
Вземете ръководството на експертите Джеймс Падолси, Джефри Уей и Дан Уелман в този екран, за да създадете вашите приставки за Jquery и да ги използвате във вашите програми. Научихте как да задавате настройки по подразбиране, предварително да зареждате изображения, да създавате методи за обратно извикване и да създавате динамични радио бутони с помощта на Jquery, CSS.
За да научите пълните стъпки, изучете пълния състав на екрана.
13. Jquery видео поредица
По-сложен и прецизен тренировъчен режим от 10 минути за Themeforest.net и използване на същия начин за използване на библиотеката Jquery и създаване на собствени проекти с помощта на видео серия описание за 15 дни.
Цялата серия ще доведе начинаещите като успешен професионалист в Jquery, които могат да редактират и персонализират приложенията на Jquery гъвкаво.
PHP скрийнкасти:
14.Гмуркане в PHP
Кратко турне по различни теми в PHP са дадени като отделни уроци. Тези самостоятелни уроци от Jeffery Way ви учат да качвате файлове с помощта на PHP с помощта на блога ThemeForest, който е пълен източник на PHP заявки.
Този глас на екрана обхваща различните видове теми за начинаещи и потребители на средно ниво.
15.PHP Json Jquery Ajax екранна предавка
За да създадем комуникация между PHP и JSON източник на данни, използвайки AJAX функционалността на jQuery, където създаваме скрипт за изпращане на JSON данни, след това PHP масив, след което зареждаме файла и нашият източник на данни се попълва.
За да научите пълните стъпки, моля, вижте пълния екран на гласовете.
16. Фото администраторски сайт с помощта на PHP и Jquery
Този скринкаст ви помага да създадете сайт за снимки с помощта на PHP и jquery, където се създава база данни с колекция от снимки, а администраторът получава правата да актуализира заглавието на снимките, както и да поддържа всякакви поддиректории, като щракне върху текста .
Можете да администрирате цялата фотогалерия според вашите изисквания. Специалността на този екранен актьор е използването на Jquery, имаме достъп до галериите.
CSS екранни предавания:
17.HTML и CSS самите основи
Помогнете на абсолютно начинаещия с основите на HTML и CSS, които са само текстови файлове до ниво, където можете да ги използвате като визуализация във вашия уебсайт.
Този екранен актьор ще ви научи, че HTML е съдържанието, а CSS е дизайнът на уебсайта, а също и как да създадете уебсайт с добро качество. Тук можете да научите самите основи на HTML и CSS, за да можете лесно да работите с уебсайтовете, когато се научите основите добре.
18.Редактируема CSS3 галерия с изображения
Изграждаме доста типичен модел на дизайн на галерия с изображения, мрежа от изображения, които се появяват по-големи при щракване. Тази галерия с изображения ще ви даде високо професионален външен вид за вашата уеб разработка.
Но тази страница на галерията с изображения използва горещо семантично HTML5 маркиране, много визуални третирания с CSS3 и jQuery и направени за редактиране чрез CMS PageLime.
19. Как да използвам CSS спрайтове
CSS Sprites отдавна са гореща тема. Факт е, че всяко изображение на уеб страница е отделна заявка на сървъра и можете драстично да увеличите производителността на дадена страница.Намаляването на броя на HTTP заявките подобрява времето за зареждане. За да постигнем това, използваме CSS спрайтове, Как да създадем CSS спрайт и как да ги опишем тук.
Това ще ви даде добра представа за CSS спрайтовете и как да използвате това с вашата страна за уеб разработка.
20.Подробен поглед върху 960 CSS рамка
960 Grid System е усилие за рационализиране на работния процес за уеб разработка, като предоставя често използвани размери, базирани на ширина от 960 пиксела. Има два варианта: 12 и 16 колони, които могат да се използват отделно или в тандем.
Не е нужно да овладявате кода, за да създадете уеб приложение. CSS рамките са там, за да напишете кода си. Прекарайте известно време с този екранен актьор, за да научите за рамките и за ефективното разработване на вашите уеб приложения.
21. Превключвател на изображения
Image Switcher е безплатен JavaScript, който автоматично вмъква поредица от изображения в един единствен порт за изглед с възможност за бърза размяна.Това е чист CSS превключвател на изображения, който е лек и отговаря на стандартите. Може да се използва за галерия или друга подобна функция. Може да се използва произволен брой опции за избор на списък, стига ширината да ги побере.
За да промените изображенията, докато се придвижвате по дадена връзка, този екран ви учи без помощта на JavaScript. Необходимо ви е само включване на z-индекс при задържане и малко абсолютно позициониране, за да постигнете това.
22.Изграждане на фотогалерия
Подобно на много хора там, може да искате да създадете уеб сайт, който да показва вашите снимки на приятели, семейство, ваканция, сватба и т.н. Е, този малък урок ще ви покаже как да създадете фотогалерия и да я качите в Интернет.
Фото галерия, която автоматично се изгражда с изображенията от директория, както и поддиректориите, е възможна от CSS. Крис Койер учи в този актьорски състав да изгражда автоматична фотогалерия.
23.Вграждане на аудио
Как да вградите MP3 файл (като подкаст, песен или фонова музика) в уеб страница или RSS емисия, така че посетителите да могат да слушат аудиото в самия браузър, без да изискват външен плейър като QuickTime или Windows Media Player.
По-голямата част от изображението или използваме изображение или аудио файл. Но изображение с аудио във фонов режим прави потребителя доста удобен да разбере информацията. Крис Койър учи на същото с помощта на JavaScript и Flash в този екран.
24.Използване на CSS3
Измислят се много вълнуващи нови функции и функции CSS3. Ще се опитаме да покажем някои от тях на тази уеб страница. За визуални подобрения като множество фонове, RGB, изображение на границата, радиус на границата, @font лице, анимации / преходи и много повече за CSS3 е в движение сега.
За да следвате тази последна вълна, хвърлете един поглед на този екран.
25.Представяме ви firebug
Можете да получите информацията за маркирането, CSS, оформлението и DOM на елемент на страница с Firebug, разширение на Firefox, което е станало неизбежно за уеб дизайнери и разработчици, където можете да редактирате и да видите резултатите директно в браузъра.
За да научите повече, научете този екран.
26.Уникална страница за актуализации в Twitter
Когато е проектиран правилно, a Twitter емисията може да подобри естетиката на оформлението на уебсайта. Ако чуруликането е ваше забавление, трябва да сте готови да показвате вашите туитове от началото до края. Например, можете да покриете дизайна в Photoshop и да оформите вашата страница.
За да постигнете тази задача, следвайте този екран, който ви води от неща за javascript до CSS, за да оформите вашата страница.
Codeigniter:
27.Основни екранни предавания
Code Igniter е уеб приложение с отворен код за писане на PHP програми и също така за създаване на пълни характеристики на уеб приложения. Писане на код от нулата, като предоставя богат набор от библиотеки за често необходими задачи, както и опростен интерфейс и логическа структура за достъп тези библиотеки.
В този скринкаст ви дава въведение за CodeIgniter, както и да създадете блог в CodeIgniter с помощта на PHP от Дерек Джоунс.
28.Лесна разработка с codeigniter
Със суровия PHP това може да отнеме малко време. Въпреки това, с CodeIgniter, просто е въпрос на препратка към правилната библиотека и предаване на някои опции за конфигуриране! Да се потопим.
Желаещи да настроите PHP умения след изучаване на въведението, преминете към следващата стъпка, този скринкаст ви учи да качите изображение и да го запазите след първоначално валидиране с помощта на PHP в CodeIgniter.
29.Скрийн касти за стартиране на убийци за codeigniter
Пригответе се да създадете първото си приложение с CodeIgniter, създайте формуляр с помощта на Builder на формуляри, създайте примерно приложение, създайте блог за 20 минути, създайте Pagination, изпращайте и получавайте данни чрез jQuery Post и JSON в този 10-минутен скринкаст от Дерек Джоунс .
Надяваме се, че ще научите по-нататък Рамка за разработване на приложения CodeIgniter след гледайте скрийнщаст.
XML:
30.Изградете система за вход и регистрация с xml
Изграждането на цяла система за членство може да бъде досадна и отнемаща време задача. Тим Купър ще ни покаже как да изградим ЦЯЛОТО нещо за около тридесет минути.
Използвайки XML, бихме могли да създадем формуляр за вход и регистрация за много по-малко време от MySQL, Тим Купър в този екранен актьор ни показва това, като преглежда PHP, .htaccess, файлове, сесии и други.
31.Формуляр
Може да изглежда странно да се опитваме да стандартизираме типовете данни в система, ПРОЕКТИРАНА ДА БЪДЕ ТОЛКОВА ГЪВКАВА, но повече от една институция съобщава, че определянето на разумни очаквания за разполагане на портфолио в кампуса и управлението на вашите ИТ ресурси, за да се използва някаква степен на стандартизация, допринася много за проект устойчив.
Научете основите на изграждането на формуляр с помощта на инструмента за изграждане на формуляри, който може да се използва за изграждане на файл с XML схема и също така да се използва за много различни цели в много форми. Шон Кийслер ви учи да изграждате формуляр в този екран.
32.Параметризирайте тестовите данни с помощта на XML
Създайте скриптове за автоматизация, за да тествате функционалността на уеб приложения в Internet Explorer под Windows.
От този Screen cast постигнете тази задача с помощта на Pamie - файл от клас на Python, който създава тестов скрипт на Pamie за автоматизиране на формуляр, създаване на XML файл, четене на данни и стартиране на теста.
Той ви показва:
- Как да създам тестов скрипт на Пами за автоматизиране на формуляр
- Как да намерите имената и идентификационните номера на DOM елементите за автоматизиране
- Създаване на XML файл от нулата с помощта на Notepad ++
- Как да четем данните в XML файл с помощта на ElementTree
- Как да стартирате теста
33.Екранни роли, за да ви накара да ритате задника с drupal
Затруднявайте се да научите Drupal, този скрийнкаст улеснява практически процеса на обучение стъпка по стъпка, започвайки с инсталацията, възелната система, блоковата система, типовете съдържание, разработването на теми и др.
Също така можете да намерите ресурси за Drupal книги, Drupal подкасти, Drupal форуми, Drupal канали.
34. Друпал
Вземете цялата информация, която сте искали да знаете за Drupal, тази скринкаст ви дава най-доброто от скрипкастите на Drupal, най-добрите книги за Drupal, ресурси, модули, както и досадите на Drupal. Вземете най-новите скрийнкасти на Drupal 6, Научете за CSS Injector, Node Convert, синдром на отворен бюфет, създаване на резервно копие, за Webform, Login Toboggan, входни филтри, дължина на тийзър и много повече за тази платформа за управление на съдържанието - Drupal.