34 сапаттуу скринкаст

Окууну жеңилдетүү үчүн мен сизге скринкасттарды жасадым беле, бирок англис тили сизге таандык болсо, мен сизге алып келген бул жазуу менен сизге көп нерсе жагат деп ойлойм.

Un скринкаст экрандын чыгышынын санарип жазуусу компьютер, кээде аудио баяндоону камтыйт. Мөөнөтү болсо да скринкаст даталар 2004сыяктуу өнүмдөр Lotus Бери ScreenCam колдонулган 1993. Пионердик өнүмдөр чоң файлдарды чыгарып, түзөтүү мүмкүнчүлүктөрү чектелүү болгон. Акыркы өнүмдөр файл форматтарын тыгызыраак колдойт Macromedia Flash жана ырааттуулугун, чычкан кыймылын жана аудиону өзгөртүүгө мүмкүндүк берген кыйла татаал түзөтүү функциялары бар.

Дизайн жана программалоо көндүмдөрүн өркүндөтүү үчүн отуз төрттөн кем эмес скринкаст бар, алардын бардыгы англис тилинде, бирок абдан жакшы түшүндүрүлгөн жана мыкты сапатта болгондуктан, кооптонуунун кажети жок.

Булак | 1stWD

көрсөткүч

AJAX:

1.AJAX сергитүүчү RSS мазмуну

Мазмунду кол менен жаңылабай мазмунду жаңыртып, баракчаны жаңыртуудагы кыйынчылыктардан арылыңыз. Бул видео AJAX жардамы менен эмне кылуу керектигин жана RSS каналдарын кантип жаңыртуу керектигин көрсөтөт.

Эгер сиз бир эле канал жасап жатсаңыз, анда мен сиздин JavaScript кодуңузду, айрыкча RSSди талдап жаткан болсоңуз, анда андан да натыйжалуу болмок деп ойлойм. Эсимде, SimplePie бир топ ашыкча болуп көрүнгөн.

2.Жөнөкөй-Jquery-тыңчы-эффект

Realmacтын QuickSnapper сайтындагы эң сонун нерсе, эгер JavaScript өчүрүлсө, анда үзүндүлөрдүн тизмеси демейки боюнча көрүнүп турат. Ошентип, биз дагы ошону туурайбыз.

Ошондой эле, алардын версиясы жаңы нерселерди акырына чейин көтөрө бергенин белгилей кетүү керек. Мен сизге тизмени кантип улай берсеңиз болорун көрсөтөм жана кийинки окуу куралымда сизди Ajax хитине байлап, сиздин серверди чаппаган жана эффектиңизди жакшы жана жылмакай кылып көрсөткөн.

3.YouTube'дан алынган мыкты 25 AJAX видео сабактары

Бул жерде келтирилген окуу куралдары HTML документин кантип түзүү, JavaScriptти кошуу жана ага тышкы javascriptти шилтеме берүү, AJAX чатын түзүү, AJAX элементтерин Spy фреймерлерин колдонуп веб-баракчага кошуу, AJAX объектилерин киргизүү сыяктуу нерселерди башынан баштайт. Adobe Dreamweaver, AJAX фреймерлерин колдонуп Mash up тиркемелерин кантип түзүү керек, PHP веб үчүн Delphi түзүү, ошондой эле AJAX MySql маалымат базасы жөнүндө

JQuery:

4.Iphone сыяктуу жылма баштар

Мазмунду карап жатып, башты таба албай, темаңыз менен адашып калганыңызга эч качан капа болгон жокмун
кийинки бетке өткөндө, бул экранга чыгаруу мазмунун сактап калууга жардам берет, ошондой эле кийинки бетке кылдаттык менен өткөндө кийинки баш аталышты бир эле учурда алмаштырат.

5.Slidedown кыймылдуу секирүүсү кайрадан каралды

Сиздин анимацияңыз бийиктиктеги көйгөйлөргө байланыштуу секирип, аягына чейин секирип жаткандыгын байкасаңыз болот, бул экранда сиз бийиктик факторлорун эске алып, бийиктикти сактап, кийинчерээк сызыктын бийиктигин орнотуп, чечимди табууга жардам берет. биз элементти ачып жатабыз же жашырып жатабыз. Бул иш-аракетти натыйжаларыбызды көрсөтүү үчүн же КБС да колдонсок болот, андыктан баракты жаңыртуунун кажети жок.

6.Слайдер галереясы

Слайддар менен галерея түзүп, элементтерди багыттагыңыз келеби? Бул экрандуу экран сизге белгилердин жардамы менен слайдерлердин позициясын которуу үчүн жөнөкөй кадамдар менен жардам берет, слайдер-виджет көзөмөлү, jQueryUI, CSS жана кээ бир плагиндер, бул тезирээк жылдырууну жана керектүү учурда тыныгууну камсыз кылат. Сиздин өнүмдөр жана сиз сүрөттөрдү ж.б.

7.Абсолюттук башталгычтар үчүн Jquery

15 күндүк JQuery программасында Theme forest.net менен тартылган Абсолюттук башталгыч серия Джефф Вейндин шилтемеси катары, ар бир күн үчүн эксклюзивдүү видеолору бар, анда сиз бардык ыкмаларды, Jquery стилин алмаштыргычты, алып баруучу эффектти жана Themeforest.net сайтында колдонулган көп нерселерди билип алсаңыз болот.

Бул экрандык сериал сизге Jquery программасын так жана эффективдүү үйрөтөт.Ар бир скринкасттын өзүнчө стили бар жана Jqueryди туура эмес үйрөнүшү керек жаңы үйрөнчүктөр үчүн пайдалуу болмок.

8.Lava чырак стилиндеги навигация менюсун түзүңүз

Башынан эле үч деңгээлдүү менюну колдонуп, ошол эле процессти көрсөткөн лава-лампа стилиндеги меню түзүүнү үйрөнүп, андан соң ушул экранга Javascript китепканасын колдонуу менен лава-лампа менюсун түзүңүз.

Бул веб-сайтыңыздан акча табуунун жогорку деңгээлдеги профессионалдык ыкмасы жана менюнун бул түрү сиздин веб-сайтыңызга жакшы көрүнүш берет.

9.Автоматтык чексиз карусель

Көбүнчө жылдыруу аракети автоматтык түрдө токтоп калбайт жана биз аны кол менен көзөмөлдөп турушубуз керек, андыктан жылдыруу аракетин автоматтык түрдө жасап, чычкан каруселдин үстүнөн Jquery колдонуп токтото туруу үчүн ушул экран экранында көрсөтүлгөн.

Бул каруселди динамикалык максатта колдонсок болот.

10.Jquery карап Тим ван Дамм

Вебкитте гана иштеген Tim Accordion жана Hover эффекттеринин негизги эффекттери jQuery-де иштей алат, андыктан эки фактор, тактап айтканда, анимациялык маржа - сол жана Фонд rgba crossfade эффектиси эске алынган.

Көбүрөөк маалымат алуу үчүн скринкасттан өтүп, аны өз алдынча табыңыз.

11.Калкыма кирүү терезеси

Аутентификация ар дайым сыр сөздүн жардамы менен жүргүзүлөт, бул экранга чыгаруу авторизация максатында абдан пайдалуу болот.

Бул экранда биз жөнөкөй калкып чыкчу терезени түзөбүз, ал LDAP сервериндеги каттоо эсебинин паролун текшерет жана маалыматтар шилтемеден динамикалык түзүлгөн терезеге өтөт.

12.Өзүңүздүн jquery плагининди куруу үчүн скринкасттар

Jquery плагиндерин түзүп, аларды программаларыңызда колдонуу үчүн ушул экрандагы эксперт Джеймс Падолси, Джефери Уэй жана Дэн Веллмандын жетекчилигин алыңыз. Демейки шарттарды коюуну, сүрөттөрдү алдын-ала жүктөөнү, чалуу ыкмаларын түзүүнү жана Jquery, CSS колдонуп, динамикалык радио баскычтарды түзүүнү үйрөндү.

Толук кадамдарды билүү үчүн экранга чыгарылган толук экранды изилдеңиз.

13. Jquery видео сериясы

Themeforest.net үчүн 10 мүнөттүк тыкыр жана так машыгуу режими, ошондой эле Jquery китепканасын кантип колдонсоңуз болот жана 15 күн бою видео серия сүрөттөмөсүнүн жардамы менен өз долбоорлоруңузду түзүңүз.

Бул серия башталгычтарды Jquery программасында ийгиликтүү адис катары алып келет, алар Jquery тиркемелерин ийкемдүү оңдоп жана ыңгайлаштыра алышат.

PHP скринкасттары:

14.PHPге сүңгүү

PHPдеги ар кандай темадагы кыскача экскурсия өзүнчө окуу куралдары катары берилет.Жеффери Вейдин өз алдынча камтылган куралдары PHP сурамдарынын толук булагы болгон ThemeForest блогунун жардамы менен PHP файлдарын жүктөөгө үйрөтөт.

Бул экранда жаңы башталгыч жана орто деңгээлдеги колдонуучулар үчүн ар кандай тема камтылган.

15.PHP Json Jquery Ajax скринкастасы

PHP менен JSON маалымат булагы ортосунда байланыш түзүү үчүн, jQuery AJAX функциясын колдонуп, анда JSON маалыматтарын жөнөтүү үчүн скрипт түзүп, андан кийин PHP массивин жүктөп, файлды жүктөйбүз жана биздин маалымат булагыбыз жайгашат.

Бардык кадамдарды билүү үчүн, экранга чыгарылган экранды толугу менен карап чыгыңыз. Бул 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 face, анимациялар / өткөөлдөр жана башка көптөгөн нерселер сыяктуу CSS3 үчүн визуалдык өркүндөтүү иштери жүрүп жатат.

Ушул акыркы толкунду ээрчиш үчүн, экранга чыгарылган тасманын элесин алыңыз.

25.Өрт өчүргүч менен тааныштырабыз

Элементтин белгилениши, CSS, макети жана DOM жөнүндө маалыматты Firebug, Firefoxтун кеңейтүүсү болгон веб-дизайнерлер жана иштеп чыгуучулар үчүн түздөн-түз браузерден көрө аласыз.

Көбүрөөк билүү үчүн бул экранга чыгарууну үйрөнүңүз.

26.Twitter жаңыртуусу үчүн уникалдуу баракча

Туура иштелип чыкканда, а Twitter канал веб-сайттын макетинин эстетикасын жакшырта алат. Эгер твиттерде жазуу сиздин көңүл ачууңуз болсо, анда твиттериңизди башынан аягына чейин чагылдырууга дилгир болушуңуз керек. Мисалы, сиз Photoshop программасынын дизайнын жаап, баракчаңыздын стилин түзсөңүз болот.

Бул максатка жетүү үчүн, баракчаңызды жасалгалоо үчүн javascript материалдарынан CSSке чейинки экрандуу экранды аткарыңыз.

Codeigniter:

27.Негизги скринкасттар

Code Igniter - бул PHP программаларын жазуу үчүн, ошондой эле веб-тиркемелердин толук өзгөчөлүктөрүн түзүү үчүн, кодду нөлдөн баштап жазуу үчүн, жалпыга керектүү маселелер үчүн китепканалардын бай топтомун, ошондой эле жөнөкөй интерфейсти жана логикалык түзүлүштү камсыз кылуу үчүн ачык булактуу веб тиркеме. бул китепканалар.

Бул скринкастта сизге CodeIgniter жөнүндө маалымат берилет, ошондой эле Дерек Джонстун PHP колдонуп CodeIgniterде блог түзөсүз.

28.Codeigniter менен оңой өнүгүү

Чийки PHP менен, бул бир аз убакытты талап кылышы мүмкүн. Бирок, менен CodeIgniter, бул жөн гана туура китепканага шилтеме берүү жана айрым конфигурация параметрлерине өтүү маселеси! Сууга түшөлү.

Киришмени үйрөнгөндөн кийин PHP көндүмдөрүн жөндөөгө дилгирленип, Кийинки кадамга өтүңүз, бул скринкаст сүрөттү жүктөп, CodeIgniter программасында PHP аркылуу баштапкы текшерүүдөн өткөндөн кийин сактоого үйрөтөт.

29.Codeigniter үчүн киллердик стартаптар

Дерек Джонстун бул 20 мүнөттүк скринкасында CodeIgniter менен биринчи тиркемеңизди түзүүгө, Form builder программасынын жардамы менен форма түзүп, колдонмонун үлгүсүн түзүп, 10 мүнөттүн ичинде блог түзүп, Pagination түзүп, jQuery Post жана JSON аркылуу маалымат жөнөтүп, кабыл алууга даяр болуңуз. .

Мындан ары дагы үйрөнөсүз деп үмүттөнүп жатабыз CodeIgniter тиркемесин иштеп чыгуу алкагы скринкастты көргөндөн кийин.

XML:

30.XML менен кирүү жана каттоо тутумун түзүңүз

Бүткүл мүчөлүк тутумун түзүү түйшүктүү жана көп убакытты талап кылган маселе болушу мүмкүн. Тим Купер бизге отуз мүнөттө бүтүндөй нерсени кантип курууну көрсөтөт.

XML колдонуп, биз MySQLге караганда бир аз убакыттын ичинде логинди жана каттоо формасын түзө алабыз, Тим Купер бул экранга PHP, .htaccess, файлдар, сеанстар жана башка нерселерди карап чыгуу менен көрсөтөт.

31.Форма куруучу

Ушунчалык ийилчээк деп эсептелген тутумдагы маалыматтардын түрлөрүн стандартташтырууга аракет жасоо кызыктай сезилиши мүмкүн, бирок бир нече мекеме кампуста портфолио жайылтуу үчүн күтүүлөрдү белгилөө жана стандартташтыруунун кандайдыр бир көлөмүн пайдалануу үчүн сиздин IT ресурстарды башкаруу көп нерсени жасайт деп билдирет. долбоор туруктуу.

XML схемасы файлын курууда колдонула турган жана ошондой эле көптөгөн формаларда көптөгөн максаттарда колдонула турган Form builder куралы аркылуу форма куруунун негиздерин үйрөнүңүз. Шон Кийслер бул экранга форма түзүүнү үйрөтөт.

32.XML колдонуп, тестирлөөнүн маалыматтарын параметрлештирүү

Веб тиркемелердин иштешин текшерүү үчүн автоматташтыруу сценарийлерин түзүңүз Windows Internet Explorer.

Ушул экранга чыгаруучулардан Pamie - Python класстык файлынын жардамы менен форма автоматташтыруу, XML файлын түзүү, маалыматтарды окуу жана тестти иштетүү үчүн Pamie тест сценарийин түзгөн.

Бул сага көрсөтөт:

  • Форманы автоматташтыруу үчүн Pamie тесттик скриптин кантип түзүү керек
  • Автоматташтыруу үчүн DOM элементтеринин аттарын жана IDлерин кантип табууга болот
  • Notepad ++ аркылуу нөлдөн баштап XML файлын түзүү
  • ElementTree колдонуп XML файлындагы маалыматтарды кантип окуу керек
  • Тестти кантип жүргүзүү керек

33.Эшекти дупупал менен тепкилөө үчүн экран ачылат

Drupal программасын үйрөнүү кыйынга турат, бул скринкаст орнотуу, түйүн тутуму, блок тутуму, мазмунунун түрлөрү, теманы иштеп чыгуу жана башкалардан баштап этап-этабы менен үйрөнүүнү жеңилдетет.

Ошондой эле Drupal китептери, Drupal подкасттары, Drupal форумдары, Drupal каналдары үчүн ресурстарды таба аласыз.

34. Эки жолку жыйынтыктоо

Drupal жөнүндө билгиңиз келген бардык маалыматтарды алыңыз, бул скринкаст Drupalдин мыкты скринкасттарын, Drupal боюнча мыкты китептерди, ресурстарды, модулдарды жана ошондой эле Drupalдин кыжырдануусун камсыз кылат. Drupal 6дан акыркы скринкасттарды алыңыз, CSS инжектору, Node Convert, ачык буфет синдрому, резервдик көчүрмөсүн түзүү, Вебформ, Кирүү Toboggan, Киргизүү чыпкалары, Тизердин узактыгы жана ушул контентти башкаруу платформасы жөнүндө көп нерселерди билип алыңыз - Drupal.


Макаланын мазмуну биздин принциптерге карманат редакциялык этика. Ката жөнүндө кабарлоо үчүн чыкылдатыңыз бул жерде.

Комментарий биринчи болуп

Комментарий калтырыңыз

Сиздин электрондук почта дареги жарыяланбайт. Милдеттүү талаалар менен белгиленет *

*

*

  1. Маалыматтар үчүн жооптуу: Мигель Анхель Гатан
  2. Маалыматтын максаты: СПАМды көзөмөлдөө, комментарийлерди башкаруу.
  3. Мыйзамдуулук: Сиздин макулдугуңуз
  4. Маалыматтарды берүү: Маалыматтар үчүнчү жактарга юридикалык милдеттенмелерден тышкары билдирилбейт.
  5. Маалыматтарды сактоо: Occentus Networks (ЕС) тарабынан уюштурулган маалыматтар базасы
  6. Укуктар: Каалаган убакта маалыматыңызды чектеп, калыбына келтирип жана жок кыла аласыз.