Чи робив я коли-небудь скринкасти для вас, щоб полегшити навчання, але якщо англійська мова - це ваша річ, я думаю, ви будете дуже насолоджуватися цим вступом, який я вам приношу.
Un скрінкасти являє собою цифровий запис вихідних даних на екрані комп'ютер, іноді містить аудіо-розповідь. Хоча термін скрінкасти датується з 2004, такі продукти, як Лотос ScreenCam використовувались з 1993. Продукти піонера видавали величезні файли та мали обмежені можливості редагування. Найновіші продукти підтримують більш компактні формати файлів, такі як Macromedia Flash і мають більш складні функції редагування, що дозволяють змінювати послідовність, рух миші та звук.
Для покращення ваших навичок проектування та програмування існує не менше тридцяти чотирьох екранізацій, всі англійською мовою, але дуже добре роз’яснені та у відмінній якості, тому не потрібно хвилюватися.
Джерело | 1 -й привід
AJAX:
1.AJAX, освіжаючий вміст RSS
Подолайте клопоти щодо оновлення сторінки, оновлюючи вміст без оновлення сторінки вручну. Це відео демонструє, як і як оновити RSS-канали за допомогою AJAX.
Якщо ви робите лише одну стрічку, я вважаю, що було б ефективніше прокрутити власний код JavaScript, особливо якщо це просто синтаксичний розбір RSS. Наскільки я пам’ятаю, SimplePie здавався багато накладних.
2.Простий-Jquery-шпигунський ефект
Чудова річ на сайті QuickSnapper від Realmac полягає в тому, що якщо JavaScript вимкнено, список знімків відображається за замовчуванням. Тож ми підемо за їхнім прикладом.
Варто також зазначити, що їх версія лише продовжує втягувати нові предмети, поки не досягне кінця. Я покажу вам, як ви можете тримати цикл у списку, і в наступному підручнику я покажу вам, як підключити це до удару Ajax, який не забиває ваш сервер і зберігає ефект гарним і плавним.
3.25 найкращих відео-посібників AJAX з YouTube
Наведені тут підручники дають початок з нуля, як створити HTML-документ, додавши javascript, а також прив’язавши до нього зовнішній javascript, побудувавши чат AJAX, додавши елементи AJAX до веб-сторінки за допомогою Spy framework, вставляючи об’єкти AJAX Adobe Dreamweaver, як створити додатки Mash up за допомогою фреймворка AJAX, створити Delphi для PHP, а також про базу даних AJAX MySql
JQuery:
4.Розсувні заголовки, як iphone
Коли-небудь засмучувався, коли ти не можеш знайти заголовок під час перегляду вмісту і загубився з предметом
при переході на наступну сторінку цей привід на екрані допомагає заголовку залишатись вмістом, а також одночасно замінює наступний заголовок, коли ви тонко переходите до наступної сторінки. Це дуже корисно для кожного веб-дизайнера, який дотримується тенденції.
5.Повторно переглянуто перехід до анімації слайдів
Ви б помітили, що ваша анімація стрибає до кінця, що може бути через проблеми з висотою. Цей приклад екрану допомагає вам знайти рішення, враховуючи фактори висоти, зберігаючи висоту рядка та встановлюючи висоту рядка пізніше, і продовжуйте відповідно, чи ми розкриваємо або приховуємо елемент. Ми можемо використати цю дію, щоб показати наші результати, або також у розділі поширених запитань. Тому немає необхідності оновлювати сторінку.
6.Галерея слайдерів
Хочете створити галерею зі слайдом для навігації по елементах? Цей приклад екрану допомагає вам простими кроками перевести положення повзунків, щоб зсунути продукти навпаки за допомогою розмітки, управління віджетом-повзунком, jQueryUI, CSS та певних плагінів, що забезпечує швидшу прокрутку та паузу за потреби. Ви можете відобразити ваші продукти, і ви можете прокрутити свої зображення тощо.
7.JQuery для абсолютно початківців
15-денна абсолютна серія для початківців у Jquery з темою Forest.net як довідник Джеффа Уейя, який пропонує ексклюзивні відео на кожен день, де ви можете вивчити всі методи, перемикач стилів Jquery, ефект наведення та багато іншого, що використовується в Themeforest.net.
Ця серія акторських кадрів навчить вас Jquery чітко та ефективно. Кожен скринкаст має свій власний стиль, і це було б дуже корисно для початківців, яким потрібно навчитися Jquery дефектно.
8.Побудуйте меню навігації в стилі лампи
Навчіться створювати меню стилю лави-лампи з самого початку, яке спочатку демонструє той самий процес, використовуючи трирівневе меню, а потім створюйте меню лави-лампи за допомогою бібліотеки Javascript у цьому екрані.
Це високопрофесійний спосіб монетизації вашого веб-сайту, і цей тип меню дасть вам гарний вигляд вашого веб-сайту.
9.Автоматична нескінченна карусель
У більшості випадків дія прокрутки не зупиняється автоматично, і нам доводиться керувати нею вручну, коли це необхідно, тому, щоб зробити дію прокрутки автоматичною і призупинити її, коли миша знаходиться над каруселлю за допомогою Jquery, показано в цьому екрані.
Ми можемо використовувати цю карусель і для динамічних цілей.
10.Jquery погляд Тим ван Дамм
Ключові ефекти ефекту Tim the Accordion і Hover, які працюють лише в 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, потім завантажуємо файл, і наше джерело даних заповнюється.
Щоб вивчити всі кроки, перегляньте повний склад анімації. Це вдосконалений скринкаст для любителів 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, створіть форму за допомогою Конструктора форм, створіть зразок програми, створіть щоденник за 20 хвилин, створіть пагінацію, надсилайте та отримуйте дані через jQuery Post та JSON у цьому 10-хвилинному скринкасті Дерека Джонса .
Ми сподіваємось, що ви дізнаєтесь далі Структура розробки додатків CodeIgniter після стежити за скринкастом.
XML:
30.Створіть систему входу та реєстрації за допомогою xml
Побудова цілої системи членства може бути нудним та трудомістким завданням. Тім Купер збирається показати нам, як побудувати ВСЮ річ приблизно за тридцять хвилин.
Використовуючи XML, ми можемо створити форму для входу та реєстрації за набагато менше часу, ніж MySQL, Тім Купер на цьому екрані показує це, переглядаючи PHP, .htaccess, файли, сеанси тощо.
31.Формувальник
Може здатися дивним намагатися стандартизувати типи даних у системі, ПРОЕКТУВАНІЙ ДЛЯ НАСТОЛЬКО ГНУЧКОЇ, але більше ніж одна установа повідомляє, що встановлення обґрунтованих очікувань щодо розгортання портфоліо в кампусі та управління вашими ІТ-ресурсами для залучення певної кількості стандартизації багато що робить для проект сталий.
Вивчіть основи побудови форми за допомогою інструмента конструктора форм, який можна використовувати для створення файлу схеми XML, а також використовувати для багатьох різних цілей у багатьох формах. Шон Кіслер вчить вас будувати форму в цьому акторському складі.
32.Параметризуйте тестові дані за допомогою XML
Створіть сценарії автоматизації для перевірки функціональності веб-додатків в Internet Explorer у Windows.
На цьому екрані виконайте це завдання за допомогою Pamie - файлу класу Python, який створює тестовий скрипт Pamie для автоматизації форми, створення XML-файлу, зчитування даних та запуску тесту.
Це покаже вам:
- Як створити тестовий скрипт Памі для автоматизації форми
- Як знайти імена та ідентифікатори елементів DOM для автоматизації
- Створення XML-файлу з нуля за допомогою Notepad ++
- Як читати дані у файлі XML за допомогою ElementTree
- Як запустити тест
33.Екран робить вас, щоб збити вас попкою з друпалом
Вам важко вивчити Drupal, цей скринкаст полегшує практичне вивчення поетапного процесу, починаючи з інсталяції, системи вузлів, блокової системи, типів вмісту, розробки теми тощо.
Також ви можете знайти ресурси для книг Drupal, подкастів Drupal, форумів Drupal, каналів Drupal.
34. Друпал-раунд
Отримайте всю інформацію, яку ви хотіли знати про Drupal, ця скрінкаст надає вам найкращі скриншоти Drupal, найкращі книги про Drupal, ресурси, модулі, а також прикрощі Drupal. Отримайте останні скринкасти на Drupal 6, Дізнайтеся про CSS Injector, Node Convert, синдром відкритого буфету, створення резервної копії, про Webform, Login Toboggan, вхідні фільтри, довжину тизера та багато іншого про цю платформу управління вмістом - Drupal.