Статьи

30+ захватывающих скринкастов по веб-разработке

Мы все чувствовали ту мутность, которая возникает вокруг ваших глаз, когда вы пытаетесь изучить строки и строки кода из написанного учебника. Примерно через час ваши глаза просто становятся слишком ослабленными, чтобы продолжать читать. Вот почему я такой большой поклонник видеоуроков. Вы можете сидеть сложа руки и учиться в своем собственном темпе. Я собрал список из более чем тридцати скринкастов, которые гарантированно вам помогут.

глаз
  • Coda Slider Effect

    «Хотя Panic на самом деле не изобрел эффект, скользящие панели на Coda — отличная реализация этого эффекта. В этой статье будут разбираться части, необходимые для создания эффекта, и способы его улучшения».

    Посмотреть демо

    Смотреть видео

  • Изображение Cross Fade Transition

    «Частый запрос и запрос, которые я получаю (и получаю сам) как разработчик:« Как я могу добавить одно изображение другому? ». В частности, Натану Ригли из pictureandword.com, нужен был метод, при котором одно изображение переключалось на другую при наведении мыши. и медленно исчезает, как только мышь ушла «.

    Посмотреть демо

    Смотреть видео

  • Загрузка изображения

    «Этот урок покажет, как загружать изображения в фоновом режиме, а после загрузки обрабатывать событие и создавать свой собственный ответ».

    Посмотреть демо

    Смотреть видео

  • JQuery Tabs

    «Для этого урока я создал два скринкаста, демонстрирующих, как быстро применить штрих jQuery к разным макетам разметки, который, если разметка будет хорошо спроектирована, автоматически изменится без включения JavaScript».

    Посмотреть демо

    Смотреть видео


глаз
  • Разработка для WordPress: Часть 1

    «WordPress — чрезвычайно популярная CMS для ведения блогов. Раздел блогов CSS-Tricks работает на WordPress, и я очень доволен этим. По многочисленным просьбам мы собираемся пройтись по разработке для WordPress».

    Смотреть видео

  • Преобразование макета Photoshop

    В этой серии из трех частей Крис покажет вам, как именно конвертировать PSD в HTML. Эта серия настоятельно рекомендуется для тех, кто только выходит на поле.

    Смотреть видео

  • Разработка уникальной страницы для обновлений Twitter

    «Я проведу вас через создание простой веб-страницы для отображения ваших последних« твитов »из Twitter от начала до конца. Это включает в себя дизайн в Photoshop, включая добавление JavaScript-материала, предоставляемого Twitter для разметки, CSS-стиль» страница.»

    Смотреть видео

  • Введение в Google Analytics

    «Google Analytics — это бесплатный сервис для отслеживания всех видов информации о посетителях вашего веб-сайта. Недавно у меня был странный опыт использования Analytics для CSS-хитростей, поэтому я подумал, что сейчас самое время познакомить его с людьми, которые могут не знаю много об этом, а также поделиться этим опытом «.

    Смотреть видео

  • Поиск Google для вашего сайта

    «Интеграция поиска на веб-сайте может быть невероятно сложной задачей, выходящей далеко за рамки моих навыков веб-разработки. К счастью, Google предлагает услугу под названием« Система пользовательского поиска », которую вы можете интегрировать прямо в свой собственный сайт. Это использует потрясающую поисковую мощь Googles, и это все может произойти прямо на вашем сайте!

    Смотреть видео


глаз
  • Как динамически создавать миниатюры

    «На этой неделе я покажу вам, как загружать файлы, а затем PHP динамически создает миниатюру. Создаете ли вы сайт электронной коммерции или просто галерею, эти методы будут абсолютно полезны».

    Смотреть видео

  • Как конвертировать PSD в XHTML

    «Я по-прежнему поражаюсь тому, насколько хорошо продолжает работать учебник Коллиса« Создайте изящный сайт-портфолио с нуля ». Прошли месяцы, но он по-прежнему публикует сильные цифры каждую неделю. Учитывая этот факт, я решил создать скриншот, который показывает вам». как конвертировать PSD в идеальный XHTML / CSS. «

    Смотреть видео

  • Создание сайта администрирования фотографий с использованием PHP и jQuery

    «Мы будем извлекать изображения из базы данных, создадим простую форму входа в систему с аутентификацией, а затем разрешим асинхронное обновление нашей базы данных. Звучит хорошо? Если это так, давайте разберемся».

    Смотреть видео

  • Как читать RSS-канал с помощью PHP

    «В сегодняшнем видеоуроке я покажу вам, как это сделать с помощью PHP. Примерно через сорок пять минут вам может понадобиться быстрый« предварительный показ ванной ».

    Смотреть видео

  • Как искать на сайте с помощью ASP.NET 3.5

    «В этой экранной демонстрации я покажу вам, как внедрить простую функцию поиска в свой личный веб-сайт. Мы рассмотрим многие новые функции ASP.NET 3.5, такие как LINQ и многие элементы управления AJAX, которые поставляются с Visual Studio / Веб-разработчик. «

    Смотреть видео


глаз
  • <br /> Пользовательские функции PHP

    «Функции — это небольшие фрагменты кода, которые могут обрабатывать информацию, обновлять базы данных, отправлять по электронной почте друзьям или печатать данные на экран. PHP поставляется из коробки с сотнями замечательных функций для начала, но в этом видео мы сделаем некоторые из наших собственный!»

    Смотреть видео

  • <br /> PHP Условные выражения

    «В этом видео мы рассмотрим часто используемые выражения, такие как if, if else, switch и т. Д.»

    Смотреть видео

  • <br /> Cookies в PHP

    «Файлы cookie используются для сохранения информации в течение длительных периодов времени. Обычное использование содержит такие вещи, как кнопки« запомнить меня »на часто посещаемых веб-сайтах или, возможно, установка предпочитаемого языка на международном веб-сайте».

    Смотреть видео


глаз
  • <br /> Как мне: LINQ to SQL: обзор

    «Новые языковые функции для C # и VB поддерживают доступ к данным напрямую из кода без написания SQL. В этом видео показаны минимальные шаги для использования LINQ (Language Integrated Query) для запроса, обновления, добавления и удаления строк из базы данных Northwind».

    Смотреть видео

  • <br /> Как мне начать работу с ASP.NET AJAX?

    «Обратите внимание, что ASP.NET AJAX включен как часть .NET 3.5, поэтому установочная часть этого видео актуальна, только если вы используете .NET FX 2.0».

    Смотреть видео

  • <br /> Защита вашего веб-сайта с помощью контроля членства и входа

    «На этом уроке вы изучите новые возможности членства в ASP.NET 2.0. Кроме того, вы узнаете о безопасности на основе ролей и о том, как вы можете использовать роли для управления доступом к вашему веб-сайту».

    Смотреть видео

  • <br /> Изучите советы и хитрости экспертов

    «Просмотрите советы и рекомендации, включая шифрование конфиденциальной информации, хранящейся в файле web.config, размещение контента на другой странице, упрощение сложных URL-адресов с помощью переназначения URL-адресов и многое, многое другое».

    Смотреть видео


глаз
  • jQuery для абсолютных новичков - серия

    «Я запускаю ежедневную серию видео, которая научит вас ТОЧНО использовать библиотеку jQuery в ваших собственных проектах. Мы начнем с загрузки фреймворка, создания нашей первой функции, изучения синтаксиса и многого другого. Каждый день я Я опубликую пятидесятиминутный «режим тренировок», который расширит то, чему вы уже научились ».

    Смотреть видео

  • Ускоренный курс по регулярным выражениям

    «Для начинающего веб-разработчика регулярные выражения выглядят как самая страшная вещь на планете. Кто мог бы разобрать такой блок кода и расшифровать его значение? К счастью, его лай намного хуже, чем его укус. Вы быстро найдете это регулярные выражения довольно просты и просты для понимания — как только вы изучите синтаксис «.

    Смотреть видео

  • Как создать контактную форму, используя PHP и AJAX

    «Я заметил на форумах ветку, в которой обсуждалось, как именно внедрить рабочую форму контакта в шаблон сайта. Поэтому я подумал:« Какой лучший способ продемонстрировать процесс, чем с помощью экранной передачи! »»

    Смотреть видео


глаз
  • <br /> Установка WordPress

    «Я разместил свои видео там, где я говорю, и создал серию видеоуроков по WordPress. Надеюсь, вы найдете их полезными».

    Смотреть видео

  • <br /> Зачем изучать объектно-ориентированный PHP

    «Люди приходят в замешательство при программировании из-за некоторого непонимания основ. Имея это в виду, мы собираемся постепенно переходить к ключевым принципам ООП при создании наших собственных объектов PHP. С этими знаниями вы сможете исследовать ООП. в дальнейшем.»

    Смотреть видео


глаз
  • <br /> Создание блога за 15 минут

    «Через 15 минут мы с нуля завершаем работу над механизмом веб-блогов: с комментариями и административным интерфейсом. Но поскольку для выполнения самого приложения потребовалось всего 58 строк, у нас также есть время, чтобы выполнить модульное тестирование, изучить журналы и воспроизвести вокруг с моделью предметной области. «

    Смотреть видео

  • <br /> Помещение Flickr на Rails

    «Ruby on Rails предназначен не только для игры с вашей локальной базой данных, но и для работы в Интернете. Поэтому за 5 минут мы создадим поисковую систему для Flickr на основе веб-интерфейса, используя их общедоступный API со всеми фейдерами и гламуром Ajax».

    Смотреть видео

  • <br /> Развитие вашей схемы базы данных без пота

    «Прежде чем вы это узнаете, у вас будут данные, которые вам нужны в вашем приложении. Это делает добавление, удаление или изменение схемы подверженным ошибкам, длительным и разочаровывающим процессом. То есть, если вы не используете Ruby on Rails. За 20 минут вы узнаете все о том, как миграция баз данных может сделать вашу схему такой же гибкой, как и ваш код, не опасаясь потери данных ».

    Смотреть видео


глаз
  • <br /> Джанго с нуля

    «Django с нуля — это серия скринкастов, в которых рассказывается о процессе создания веб-приложения с помощью Django».

    Смотреть видео

  • <br /> Настройка среды разработки Django

    «В этом эпизоде ​​я покажу простой способ настройки среды разработки Django. Он охватывает установку Django, установку повторно используемого приложения и настройку персонального набора утилит».

    Смотреть видео

  • <br /> Нижний колонтитул Web 2.0 в Photoshop

    «С тех пор, как Web 2.0 появился в интернете, нижние колонтитулы стали важнее, чем когда-либо, и внизу была проделана прекрасная работа. В этом уроке я покажу вам, как создать в Photoshop гладкий на вид нижний колонтитул сайта — Daniel Lopes»

    Смотреть видео


Любой, что я пропустил?