Основы jQuery (издатель LoftBlog, год 2014)

 

 

Часть 0
Основы jQuery – Введение в jQuery

Часть 1.
Основы jQuery – 1 Введение в селекторы

Часть 2
Основы jQuery – 2 Введение в селекторы

Часть 3
Основы jQuery – 3 Селекторы

Часть 4
Основы jQuery – 4 События

Часть 5
Основы jQuery – 5 События (часть 2)

Часть 6
Основы jQuery – 6 Создание элементов

Часть 7
Основы jQuery – 7 Манипуляции с элементами

Часть 8
Основы jQuery – 8 Базовые эффекты

Часть 9
Основы jQuery – 9 Анимация

Часть 10
Основы jQuery – 10 ajax

Оставляйте ваши комментарии ниже. Будем рады услишать обратную связь от курса.

8 изумительных примеров cURL в PHP

cURL, и его PHP расширение libcURL, очень практичный инструмент для симулирования браузера, заполнения форм или входа на веб сервисы. cURL позволяет работать с сервисами на расстоянии. Например, автоматически получать данные, которые доступны только после входа в аккаунт веб сервиса. Сегодня мы увидим 8 изумительных примеров работы с cURL в PHP.

Проверка сайта на доступность

Как узнать, доступен ли определенный сайт? На помощь придет cURL. Этот скрипт можно использовать по расписанию CRON, для мониторинга за вашими сайтами.

Это пример, вы можете автоматизировать прописывание URL в 3 строке скрипта. Очень простой и полезный скрипт для мониторинга за сайтами.

cURL аналог функции file_get_contents()

Функция file_get_contents(), очень удобная, но к несчастью отключена большинством хостингов. Используя cURL, мы можем написать аналог этой функции.

Получение последнего Twitter статуса

Используя PHP и cURL, очень просто получить последний статуй из Твиттера конкретного пользователя. Давайте посмотрим пример:

Эта функция еще проще в использовании:
echo get_status('sitearchitector');

Twitter: проверка на дружбу между двумя пользователями

Если вы хотите узнать, наследует ли вас конкретный пользователь в Твиттере, то вам необходимо использовать Twitter API. Этот пример кода возвратит true, если два определенных пользователя (строка 18 и 19) дружат. В ином случае, возвратит false.

Пример сохранения картинок со страницы с помощью cURL
Ниже несколько функций, которые очень удобны: просто дайте скрипту url страницы и он сохранит все картинки со страницы на ваш сервер.

Конвертация курса валют с помощью cURL и Google

Конвертировать валюты бывает сложно, необходимо знать хорошие источники для получения данных, потом умножать и так далее. Но с помощью Google и cURL, мы можем реализовать не плохой конвертор валют. Функция currency() принимает 3 параметра: текущая валюта, в которую будем переводить, сумма.

Пример получения размера файла с помощью cURL

Этот пример будет удобным, для тех, кто хочет узнать размер удаленного файла или веб страницы. Функция ниже принимает 3 параметра: URL, в случае паролированой страницы, имя пользователя и пароль.

FTP загрузка с помощью cURL

PHP имеет библиотеку для работы с FTP, но вы также можете использовать этот пример, который основан на использовании cURL для загрузки файлов на FTP сервер. А вот собственно пример:

Вот 8 примеров работы с cURL на PHP. Надеюсь, они были полезны для вас. Если имеете что-то дополнить, пишите в комментарии к статье

Функция ресайза и кропа изображений на PHP

Всем доброго времени суток.
Вот хорошая функция для ресайза и обрезания фотографии под необходимый размер на PHP. Работает таким образом: передаем в функцию путь до картинки и название нужного размера изображения, далее функция проверяет существует ли уже отрезайженная картинка в кэш-папке, если есть — то возвращает её путь, если нет — функция пропорционально уменьшит картинку до большей стороны, отцентрирует картинку, обрежет остатки и возвратит путь. Если новые размеры будут больше чем существующие, ресайза не произойдет и просто вернётся путь.

Код функции:

 

Теперь можно вызвать функцию например так:

Важное:

  • Прозрачность гифа будет утеряна.
  • В папке images надо создать папку resized.
  • Из-за кэширования уже созданных картинок, функция не будет перегружать сервер.

Эта функция есть небольшая модификация этой взятой с форума по NetCat.

Отправка Google Формы с сайта разными способами

Сейчас люди частенько юзают сервис google forms для любых форм на сайте. Поэтому часто возникает вопрос о встраивании Google формы на сайт, её стилизации и обработки ошибок в стиле сайта, поэтому мы разберем все это дело в текущей статье.

Зачем вообще использовать сервис гугл форм:

  • Формы создавать просто и быстро;
  • Результаты форм сразу сохраняются в таблице на облачном гугл диске;
  • Уведомление на email о заполнении вам так же приходит;
  • Это бесплатно.

Теперь к делу:

Создание формы:

Итак едем вот сюда жмем на всякие кнопки — создаем форму с нужными полями, там поддерживаются всякие разные типы полей. Я взял несколько стандартных типов полей и получилась вот такая форма.

Теперь будем втыкать форму на сайт.

Способ 1: iframe

Гугл предложит нам самый простой и быстрый способ встраивания — через iframe. Так что просто втыкаем айфрейм на страницу.

Конечно, он самый бичевский и отстилить его можно будет только хитрым способ через ж и вообще это айфрейм, но зато будет сразу встроенная валидация и вроде как защита от спама. xD

Способ 2: собственный html + jQuery + ajax

Инспектируем форму и достаем значения атрибутов name у полей и атрибут action у формы:

 

Отправка Google Формы с сайта разными способами

Создаем собственную форму и вставляем полям такие же атрибуты name как и у формы в айфрейме:

 

Теперь отправим форму аяксом с помощью jQuery:

Этот способ подойдет, если ничего важного в форме нет, и нет опасности что вас заспамят.

Способ 3: собственный html + jQuery + ajax + php

Теперь сделаем собственную форму, отправим её аяксом к нам на сервер, там все проверим и обработаем, и отправим в гугл уже на стороне сервера.
Делаем форму, нэймы полей уже не важны, присвоим нужные нэймы потом в php обработчике.

Вешаем на неё событие:

И пишем php-обработку под это дело:

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

 

ДЕМО.

Примeр ajax отпpавки фoрмы на еmаil с пoмoщью jQuеry и phр

Пoкa писaть нe прo чтo, нaпишу прo примeр oтпрaвки фoрмы нa email ajax’oм и прилoжу примeр php-oбрaбoтчикa для нee. Пo сути тут ничeгo слoжнoгo, нo чтoбы сaмoму пoстoяннo нe искaть примeр — oстaвлю eгo тут.
Знaчит, aлгoритм слeдующий: зaпoлняeм фoрму, eё oтпрaвку пeрeхвaтывaeм jQuery скриптoм, прoвeряeм и oбрaбaтывaeм дaнныe, oтпрaвляeм бeз пeрeзaгрузки стрaницы в oбрaбoтчик, тaм всe eщe рaз прoвeряeм, oтпрaвляeм нa email, вoзврaщaeм oтвeт, принимaeм eгo и пишeм, чтo всe oк(или нe oк), прoфит.

oбычнaя html фoрмa

Тут всe прoстo и пoнятнo, aтрибут action пустoй ибo в скриптe укaжeм.

Сoбытиe error лучшe убрaть пoслe тeстирoвaния для лучшeй бeзoпaснoсти.

Тут вся мaгия в echo json_encode($json), т.e. вывeсти прeoбрaзoвaнный в json фoрмaт мaссив кoтoрый принимaeт нaш jQuery скрипт и вывoдит рeзультaт.

Супeр клaсс oтпрaвки TEmail и функцию mime_header_encode я дaвнo спeр нa кaкoм-тo блoгe, сeйчaс ужe нe нaшeл нa кaкoм =(, нe зaмaрaчивaйтeсь пo пoвoду этoгo клaссa и функции — вы мoжeтe испoльзoвaть и oбычный вaриaнт mail(), нo я всeгдa испoльзую eгo и прoблeм с кoдирoвкaми никoгдa нe былo.

ДeМo

Работа с API облачного хранилища copy.com

Регистрация и подготовка:

  • Едем сюда https://www.copy.com/developer/signup и регистрируемся как разработчик.
  • Потом здесь регистрируем наше приложение и ставим все галочки. Получаем Consumer key и Consumer secret и запоминаем их.
  • Качаем мастер архив отсюда и заливаем папку на хостинг, в файле config.php изменяем значение параметра $callbackURL на верный путь до файла get_access_token.php.
  • Заходим в эту папочку и вписываем на странице Set Consumer Key/Secret наши запомненные ранее данные
  • Теперь едем в Default App Permissions и внизу жмем Manually continue to Copy Auth page на следующей странице жмем Allow — нас возвратят обратно и вручат Access Token и Access Token Secret

Обязательно потыкайтесь по страницам из скаченного архива, там есть примеры реализации работы с API, и собственно, весь код ниже взят от туда. Еще вот тут официальная документация.

На этом танцы с бубном завершены и можно приступать к самой работе.

Закачивание и изменение:

Тут соль в том, что типа есть форма, в которую подгружают файл и пишут его название, а он попадает в наше облачное хранилище:

 

Удаление

Вот и все, вроде совсем не сложно

Нужно ли выключать компьютер?

Одни специалисты рекомендуют включать/выключать компьютер не чаще 1-2 раза в сутки, потому что частые включения/выключения вредят ему больше, чем бесперебойная работа. Для любой техники самый опасный момент — это момент включения. При запуске ПК задействует все свои ресурсы, и частое включение-выключение изматывает систему: детали компьютера изнашиваются и ломаются. Кроме этого, может «полететь» жесткий диск, который страдает во время запуска машины.

Если перерыв в работе с ПК небольшой (до нескольких часов), то можно использовать энергосберегающий режим — ждущий или спящий. Можно отключить монитор, модем, сканер, а системник оставить включенным. Из режима сна машина выходит очень быстро и позволяет хозяину сразу же начать работу. А вот включение ПК может занимать до 10-15 минут (в зависимости от быстродействия устройства). В общем, если вы отлучаетесь от компьютера ненадолго, и ваша электрическая сеть работает без сбоев, то одни специалисты советуют использовать спящий режим.

Но все чаще и громче звучат советы других специалистов. Что вышеуказанные советы касаются давно прошедших времен. А сейчас компьютеры такие, что уже неважно, как часто их включать/выключать.

Вот вы каким специалистам больше верите? А как часто включаете/выключаете компьютер?

Как отключить защищенный просмотр

Как отключить защищенный просмотр

«Этот файл загружен из Интернета и может быть небезопасен. Щелкните для получения дополнительных сведений». Знакомая фраза? Word и Excel выдают ее, когда вы открываете файлы, полученные по e-mail. Меня жутко раздражает необходимость каждый раз кликать на кнопку «Разрешить редактирование», поэтому опишу способ, как отключить эту функцию. Описание будет на примере Word, но в Excel нужно сделать все то же самое.

Итак, заходим в меню «Файл», затем «Параметры»:

Как отключить защищенный просмотр

Далее идем в «Центр управления безопасностью» и «Параметры центра управления безопасностью»:

Далее идем в «Центр управления безопасностью» и «Параметры центра управления безопасностью»:

Заходим в меню «Защищенный просмотр» и снимаем все галочки:

Заходим в меню «Защищенный просмотр» и снимаем все галочки:

Вот и все, теперь можно редактировать полученные вложения. Но должен напомнить, что не стоит открывать файлы, полученные от незнакомых людей, во избежание заражения вирусами и других бед. Хорошей недели всем!
Бывают моменты, когда такие маленькие секреты и подсказки могут значительно увеличить эффективность труда и сэкономить время. Например, довольно часто возникает потребность показать фрагмент своего экрана или какое-то действие человеку, находящемуся очень далеко от нас.

Здесь есть несколько вариантов управления. Вкладка «Уведомления» позволяет отключить сообщения о ваших действиях в прошлом.

Не люблю, когда мне что-то навязывают, пусть это даже мои прошлые посты. А вот функция (точнее приложение) Facebook под названием «В этот день» упорно напоминает о постах прошлогодней свежести. Чтобы урегулировать это безобразие, нужно пройти по этой ссылке.

Как отключить приложение «В этот день» на Facebook

Здесь есть несколько вариантов управления. Вкладка «Уведомления» позволяет отключить сообщения о ваших действиях в прошлом.

Здесь есть несколько вариантов управления. Вкладка «Уведомления» позволяет отключить сообщения о ваших действиях в прошлом.

Во вкладке «Настройка» вы можете отфильтровать даты или людей, о которых не хотите вспоминать.

Во вкладке «Настройка» вы можете отфильтровать даты или людей, о которых не хотите вспоминать.

Должен резюмировать, что количество «фич» на Facebook растет быстрее, чем того бы хотелось консервативной части населения планеты.