Всем привет. Прошел почти год с того момента, как я поставил на свой компьютер с морально устаревшим сокетом на материнской плате LGA 775, серверный четырехъядерный процессор Intel xeon E5450 с тактовой частотой 3.0 ГГц и 12 МБ кэша второго уровня. Было желание сразу написать отзыв о нем, но нужно было хорошо протестировать, чтобы вынести какой-то вердикт. Теперь я могу это сделать, но давайте по порядку. Пробежимся по характеристикам.

Совместимость Xeon 5450 с материнской платой

Совместимость с моей материнкой проверял на этом сайте. Кстати, у меня видеокарта ATI Radeon HD 4670 и плата Asus P5QL SE с чипсетом P43. Можно сказать старушка, но вполне пригодна для большинства задач. В том списке ее нет, но на форумах оверклокеров вычитал, что E5450 на нее должен встать, как родной. Только желательно, чтобы ревизия процессора (степпинг) была E0. Но продавец с Алиэкспресс что-то напутал и прислал мне C0. В итоге начались проблемы сразу после установки.

Охлаждение для E5450

Много слышал о том, что для охлаждения Xeon E5450 стандартный кулер не подойдет, он очень сильно греется, особенно в играх. Но я уже давно не играю и разгон процессора меня особо не интересовал, решил оставить охлаждение от старого проца. Перед тем, как ставить processor нужно обновить прошивку БИОС на модифицированную, иначе работать не будет. Я ее сохранил и вы можете скачать по прямой ссылке.

СКАЧАТЬ

Intel Xeon E5450 не запускается

Траблы начались сразу после первого запуска. Windows отказывалась грузиться и демонстрировала мне циклическую перезагрузку. Сначала было большое разочарование по поводу того, что целый месяц ждал этот злосчастный E5450, а он оказался нерабочим. Досадно. BIOS определял его вполне корректно. Стало быть дело в его настройках.

Поставил обратно старый камень, зашел в интернет и стал активно гуглить на предмет того, почему же не запускается E5450/ Причина крылась как раз в БИОС. Нужно было изменить одно значение,
какое именно уже не помню и все заработало. Драйвера встали автоматом, не пришлось танцевать вокруг компьютера с бубном. Работает по сей день. Справляется с такими задачами, как обработка фотографий в фотошопе, монтаж видео в премьере. При рендеринге иногда загрузка процессора достигает 100%, но это вполне нормально для него. Общая производительность по сравнению с предыдущим старичком выросла очень заметно.

Но появилась новая проблема, компьютер вместо выключения уходит в перезагрузку.
Что только я не делал, результата ноль. До сих пор не смог побороть этот баг. Если знаете решение, подскажите в каком направлении копать.

Цена E5450. Где купить

Так же, как и оперативку, я покупал на Aliexpress у этого продавца и на тот момент он стоил $23.99. Сейчас его цена 1276 рублей.

Можно поискать на Авито, но лично я сомневаюсь, что там найдете недорого. Хотя можно немного переплатить и получить товар гораздо быстрее. Или найти на том же Али гораздо дешевле. Например сейчас есть хорошие скидки и купить по дешевке очень просто, всего 897 руб.Вот здесь есть недорогой процессор Xeon E5450.

Надеюсь, что вы смогли осилить мою писанину. В завершении предлагаю посмотреть видео на эту же тему.

Пришло время разобраться, что такое Media Screen в CSS3 и как это применять в своих проектах. Это так называемые Медиа-запросы CSS, с помощью которых можно адаптировать элементы дизайна под разные размеры экранов. Например можно скрыть определенный блок на мобильных и наоборот показывать его только на широких экранах (десктопах). Как я с этим столкнулся. На клиентском сайте логотип на мобильных съезжает вправо, на компьютерах он наоборот слева. Была поставлена задача написать текст, который будет показан слева от лого на маленьких экранах. На больших его быть не должно. На выручку как раз и пришли медиа-запросы Media Screen CSS. Я знаю, что многие из вас очень любят, когда им показывают наглядно, поэтому приготовил пример.

Media-screen примеры

Если кто-то думает, что это очень сложно и непостижимо, то сейчас ваше мнение изменится и вы на моем примере убедитесь в том, что не так страшен черт, как его малюют. Итак, у нас есть страница, на которой есть шапка с картинкой и блок с контентом черного цвета на желтом фоне.

CSS код сейчас такой:

#header{
	height:120px;
	position:relative
	padding:5px;
}
#content{
	background:#fff000;
	padding:5px;
}
p {
    padding: 5px;
}	
 .txt {
    font: 65px Verdana bold;
    position: relative;
    top: 16px;
    color: #fff;
    left: 80px;
   }
img{
     margin:5px;
}

Ставим пред собой задачу на экранах шириной меньше 1000 px изменять цвет текста, фона, покрасить шапку, сместить значок вправо, а слева от него будет появляться надпись. И выглядеть это будет вот так:

То есть мы произведем кардинальные изменения на странице средствами Media screen CSS. Для этого пишем те самые медиа-запросы, которые будут определять ширину экрана девайса и выдавать тот или иной вид.

 @media screen and (max-width: 1000px) {
#header {
	background:#543567; /* Красим шапку */
	}
   }
 @media screen and (min-width: 1000px) {
 .txt {
      font: 25px Verdana bold; /* Показываем заголовок */
      position:relative;
      top; 15px;
      left: 30px;
      display:none;	
	}
   }
@media screen and (max-width: 1000px) {
#content {
	 background:#657493; /* Меняем цвет текста и фона содержимого */
	 color:#fff;			
	}
   }
@media screen and (max-width: 1000px) {
    img {
	float:right; /* Смещаем логотип вправо */			
	}
   } 

Более подробно можно посмотреть код демонстрационной страницы и самостоятельно разобраться что к чему.

Демо

Изменяйте ширину окна браузера, чтобы увидеть изменения. В Хроме есть функция просмотра на разных устройствах. Клавиша F12 Фактически в Media screen CSS мы создаем новые правила, которые вступят в силу только при определенных условиях. В данном случае, если дисплей будет меньше или равен 1000 px. Если будет больше, то ничего меняться не будет.

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

Можно так же взять готовые стили из Bootstrap CSS и подогнать под свой дизайн.

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

Когда у меня навернулся кулер на видеокарте, то она стала сильно нагреваться, вплоть до того, что пропадало изображение на мониторе (черный экран) и системный блок при этом пищал одним длинным сигналом и тремя короткими во время работы. Бывает так, что компьютер не запускается сразу, нужно было ждать, пока карточка остынет. После того, как поменял вентилятор, писки прекратились.

Пищит системный блок при включении

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

Сигналы спикера материнской платы

Расшифровка сигналов спикера у каждого BIOS своя, поэтому вы должны точно знать, какой версией БИОС прошита ваша материнка.

American Megatrends Inc (AMI)

Здесь не так все однозначно, как в предыдущих версиях. Сигналы в основном все короткие, но имеют паузу, например если обозначением 1-3-4, это значит один короткий-пауза-три коротких-пауза-четыре коротких. Причем в старых версиях БИОС сигналы состоят из трех серий, а в новых из четырех. Вот таблица:

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

Приветствую вас, дорогой друг. Немного предыстории, почему родилась статья на тему настройки роутера Ростелеком f@st 1744 v2.2 для дом ру. На днях в квартире, где подключен интернет от билайна сломался WiFi роутер Keenetic start, который верой и правдой прослужил целый год и так, как гарантия на него 2 года, отдали его в сервис. Но есть еще один роутер, который остался от Ростелекома и сейчас он стоит в другой квартире, где подключен Дом.ру. Решил я его принести и подключить к билайну, пока родной находится в ремонте, но не тут-то было. Не смотря на то, что он считается универсальным и подходит под большинство провайдеров, с Beeline он дружить напрочь отказался. Листая интернет в надежде получить ответ на вопрос: как настроить роутер Ростелеком для билайна, выяснилось, что настроить его для раздачи вайфай не получится. Везде писали именно об этом. У них там какие-то другие протоколы передачи данных и устройство  f@st 1744 v2.2 от  компании Sagemcom их не поддерживает.

Настройка роутера Ростелеком sagemcom f@st 1744 v2.2

А вот для Дом ру этот роутер вполне пригоден и если вы не знаете, как подключить его, чтобы он полноценно мог раздавать WIFI, то сейчас расскажу, как произвести настройку. Сложного ничего нет, настройка происходит в полуавтоматическом режиме. Для начала нужно подключить питание и вставить кабель интернета. Gосле чего нужно перейти по IP адресу, который написан на задней крышке и вводим данные для входа.

Если вы ранее сменили пароль, то необходимо его вспомнить, иначе ничего не выйдет.

Переходим во вкладку Мастер настройки и жмем соответствующую кнопку.

Далее — Начать работу мастера.

На следующем этапе выбираем регион и услугу.

Вводим имя пользователя и пароль, полученные от провайдера.

На следующем этапе предлагается сменить имя сети и пароль для входа.

Вот, собственно, и вся настройка. Нажимаем продолжить, ждем несколько секунд и проверяем все ли работает. Проблем возникнуть не должно. Если сеть не появилась, пробуем перезагрузить компьютер, а так же сбросить настройки роутера, нажав кнопку сброса (reset) на задней панели. Для этого понадобится спичка, проволока или иголка и повторить процедуру заново.

Это была настройка wifi роутера Ростелеком f@st 1744 v2.2 для дом ру. У меня все работает без нареканий и, думаю, что у вас никаких заморочек с этим возникнуть не должно, все предельно просто и ясно. Пользуйтесь. И напишите в комментарии, помогла ли вам эта инструкция или нет.

Привет, друзья. После того, как роутер приказал долго жить, об этом я писал в предыдущей статье, встал вопрос: Как раздать вайфай с ноутбука. И, как оказалось, все довольно просто и довольно быстро. Сейчас вы в этом убедитесь сами, даже не нужны никакие программы для этого. Буду показывать на примере Windows 7, но сам принцип применим и к Виндовс 10 и к XP. Поэтому, если вы хоть немного разбираетесь в интерфейсе операционной системы, то без труда сможете реализовать раздачу WiFi со своего ноутбука на телефон или планшет (Android, IOS).

Раздаем интернет по WiFi с ноутбука

Прежде всего нужно убедиться в том, что ваш ноутбук (в моем случае это Acer) оснащен вайфай модулем, способным принимать и передавать сигнал, иначе ничего не получится. Второй шаг — создание беспроводного подключения. И на этом мы остановимся более подробно. В этом нам поможет командная строка. Если вас пугает одно это слово, то вы напрасно переживаете, все гораздо проще. чем вы думаете. Итак, идем в меню Пуск и пишем в поиске cmd. Нажимаем на найденном приложении правой кнопкой мыши и выбираем пункт: запуск от имени администратора. Это важно.

Затем нужно скопировать и вставить в открывшееся окно эту строчку через правую кнопку мышки и нажать Enter:

netsh wlan set hostednetwork mode=allow ssid="Noutbook" key="SzR7e4yhW67" keyUsage=persistent

Где Noutbook — это название точки WiFi, а SzR7e4yhW67 — пароль, лучше придумать понадежнее, чтобы не смогли взломать доморощенные хакеры. По желанию можете придумать свои. Теперь давайте проверим, появилась ли возможность раздавать вайфай с ноутбука. Для этого кликаем в системном трее ЛКМ по значку интернета и выбираем: Центр управления сетями и общим доступом.

Видим, что появилось Беспроводное сетевое соединение 2 и теперь нужно открыть к нему доступ. Кликаем правой кнопкой по основному соединению, жмем Свойства, далее — Доступ и ставим галочку: Разрешить другим пользователям сети использовать подключение к интернету данного компьютера и выбираем в списке только что созданное новое подключение.

Теперь, чтобы раздать WiFi с ноутбука, необходимо запустить сеть. Создаем на рабочем столе или любом другом месте текстовый файл.

Вносим в него это содержимое:

netsh wlan start hostednetwork

Сохраняем под любым именем, но с расширением BAT.

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

Проверьте на смартфоне, находит ли он указанную точку доступа.

Но после того, как вы выключите компьютер, нужно будет заново запускать соединение таким образом. поэтому я предлагаю поместить этот файл в автозагрузку, чтобы все работало в автоматическом режиме. Идем в Пуск — Все программы — Автозагрузка. Открываем папку и помещаем в нее наш файл start wifi.bat

Возможные проблемы и их решение

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

Напишите в комментариях, удалось ли вам раздать WiFi с ноутбука или компьютера без роутера по этой инструкции и с какими проблемами вы столкнулись.

Здравствуйте. Когда-то, давным давно, а именно 4 года тому назад, я размещал для скачивания большую коллекцию кириллических шрифтов и в комментариях, некий Паха, хотел увидеть здесь и скачать трафаретный шрифт. Я его очень долго искал и вот теперь готов поделиться совершенно бесплатно.

Помнится, когда я учился в школе, был еще Великий Могучий Советский Союз и среди учащихся были весьма популярны линейки-трафареты. Мы подписывали трафаретными буквами тетради, составляли интересные, как нам казалось, тексты и пытались реализовать свои детские творческие идеи. Время шло, все это стало никому не нужным, а с появлением графических редакторов, таких, как фотошоп, стало проще раскрывать и развивать свои таланты. Я бы не сказал, что трафаретный шрифт кириллица сейчас в тренде, но небольшой спрос на него все же есть. К примеру трафаретный шрифт по Госту 14192-96. Это межгосударственный стандарт маркировки грузов. В моей коллекции он тоже присутствует. не говоря о том, что он идеально подойдет для ретро стилизации работ как в Word, так и Coreldraw и Photoshop, но так же используется там, где применение любого другого шрифта недопустимо.

Трафаретный шрифт русский и английский

Не все трафаретные шрифты универсальны. То есть писать ими можно как по русски, так и английски. Но я выбрал 8 самых выдающихся, на мой взгляд. Один из них наиболее популярный, это шрифт Trafaret Kit. Вот так они выглядят:

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

СКАЧАТЬ

Привет, друзья. Не так давно я писал статью о настройке роутера для дом ру и, как раз от него начались неожиданности. А именно, в браузере начала всплывать реклама от  провайдера при переходе по какой-либо ссылке. Честно говоря я недоумеваю по этому поводу. Это самая, настоящая навязчивая реклама. Агрессивный маркетинг, если хотите. Но это очень раздражает. И, что самое интересное, блокировщики на это безобразие никак не реагируют. Так как же отключить рекламу дом ру?

Ответ на этот вопрос не заставил себя долго ждать. Как и предполагалась, эта опция включена в личном кабинете. Только вот в чем загвоздка, я ее не включал. Что примечательно, этим грешат все провайдеры без исключения, как мобильные, так и интернета. Хорошо, что еще не какая-нибудь платная подписка. Для того, чтобы отключить рекламу дом ру, нужно зайти в личный кабинет. Данные для входа вам должны были дать при заключении договора. Если их нет, обратитесь в службу поддержки, проблема решается на раз-два.

Итак, заходим в настройки профиля. Ссылка вверху справа.

Листаем страницу до самого низа и жмем на ссылку Настройка уведомлений от Дом.ru. Там нужно снять галочку с пункта Оповещать в веб-браузере и нажать на кнопку Сохранить, которая находится чуть ниже.

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

Приветствую вас, друзья. Отдельный привет тем, кто увлекается веб-разработкой потому, что этот пост посвящен именно вам. С этого момента в разделе: Инструменты будет работать сервис форматирования HTML кода онлайн. Все мы прекрасно понимает, что такое правильная структура HTML документа, но не у всех получается ее создать. Или же по долгу службы вам приходится ковыряться в чужом коде, а написан он так, что только от одного взгляда на него может пойти кровь из глаз. Логическое форматирование HTML кода онлайн поможет легко превратить кашу из кода в красивый структурированный, удобочитаемый.

Пользоваться им очень просто. Вставляете код в поле и нажимаете кнопку Форматировать HTML. При необходимости можно воспользоваться настройками, при помощи которых можно задать необходимые отступы. Сервис так же умеет форматировать CSS код, который имеется в HTML коде, но в некоторых случаях может возникнуть путаница. Особенно, если в таблице стилей прописаны пути к изображениям. Имейте это в виду. А в остальном работает отлично. Имеется нумерация строк, а так же подсветка синтаксиса для удобства восприятия кода.

Пример онлайн форматирования HTML кода

Я открыл исходный код своего блога и выделил и скопировал архив записей. Вот  так выглядит он в сжатом виде:

А вот так уже после форматирования:

Разница, как говорится, на лицо или — найдите 10 отличий. Данный инструмент будет полезен хотя бы для того, чтобы посмотреть исходный код какой-либо страницы в более читаемом виде. Попробуйте открыть главную страницу яндекса и посмотреть исходный код. А потом его отформатируйте. Чтобы не потерять, добавьте страницу в закладки. Пишите в комментариях, как вы форматируете HTML код и какими сайтами пользуетесь.

Приветствую всех, кто зашел на мой блог. В сети уже очень много обзоров и отзывов владельцев смартфона от компании LG модели X-Power или K220DS. Но мой отзыв лишним не будет потому, как расскажу о плюсах и минусах, с которыми мне пришлось столкнуться за 7 месяцев использования с позиции обычного пользователя. Не буду перечислять характеристики смартфона LG X-Power, их вы можете найти на любом продающем сайте.

Смарфон LG X-Power и его плюсы

У X-Power есть 2, на мой взгляд, самых весомых плюса. Первый, это достаточно емкая батарея на 4100 мАч, а второй — функция быстрой зарядки. Если при активном использовании зарядки хватает на 3 дня, то зарядить аппарат можно за один час. В буквальном смысле. К плюсам так же можно отнести его необыкновенную легкость по сравнению с другими смартфонами такого же размера. Все, кто брал его в руки были удивлены. Складывалось впечатление, что он совершенно пустой внутри. Но не смотря на это телефон довольно шустрый и мощный. За все время не было ни единого зависания. С десяток приложений в фоне, браузер с 20-ю вкладками и просмотр видео на YouTube для него не проблема. Тач скрин очень отзывчивый, четко реагирует на касания.

Я читал отзывы покупателей LG X-Power и в своем большинстве они положительные. В основном у не го один существенный недостаток, о котором все пишут, но об этом немного позже. У него хороший, громкий динамик, яркий дисплей, рамка по периметру экрана совсем небольшая, яркая вспышка, хорошая камера. Мне телефончик очень нравится, в нем есть все необходимое и самое главное, он дал мне ощущение не зря потраченных денег ввиду хорошего качества.

Минусы смартфона LG X-Power

Наверное не повезло только мне одному, потому что где бы я не искал информацию о проблемах и поломках X-Power, натыкался только на положительные отзывы. Спустя полгода что-то случилось с качелькой громкости. Сначала работала через раз, потом совсем перестала откликаться на нажатия. Пришлось обратиться в сервисный центр, где по гарантии произвели небольшой ремонт. Сказали, что был плохой контакт. Вечером отвез, а на следующий день в обед уже забрал. Теперь о том, о чем все говорят. Это совмещенный слот сим карты и флешки. У меня версия 16 Гб, используются 2 симки и этой встроенной памяти, честно говоря маловато. Очень много отъедает система. Приходится периодически его чистить.

Кто-то скажет, что камера у него не очень. Но в условиях хорошего освещения, днем на улице например, снимает довольно хорошо. В помещении при лампах накаливания — не очень, много шума.

Пример снимков:

При плохом освещении:

Я не играю в игры, поэтому не могу сказать как он себя ведет. Но все другие задачи выполняет быстро и без тормозов. Не греется. Нагревается только при быстрой зарядке, но это не критично. Я не знаю является ли недостатком то, что у LG X-Power несъемная батарея, но по всей вероятности у большинства производителей сейчас такая тенденция делать компактные смартфоны. Больше недостатков я не выявил.

Итог

Возможно я недостаточно требователен к этому чуду техники и кому-то мой отзыв покажется не полным. но я всего лишь простой обыватель, который высказал свое субъективное мнение по поводу смартфона LG X-Power K220DS Black Blue Dual Sim. Лично я им полностью доволен. Если у вас остались какие-то вопросы, можете задать их в комментариях. Если вы имеете такой же аппарат, то напишите о своих впечатлениях.

Горячо приветствую каждого, кто зашел на эту страницу. Возможно после получения этой информации ваша жизнь начнет круто меняться в лучшую сторону, как это происходит сейчас у меня. Хочу рассказать о том, как я начал инвестировать в лендинг криптовалюты Bitconnect и о результатах, которые меня очень сильно порадовали. В общем — вся правда, как вы любите. ))

Bitconnect отзывы

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

Bitconnect, что это за система

Прежде всего это криптовалюта, которая использует агрессивную систему продвижения за счет Лендирования и построена по принципу сети. В ней все участники находятся на равных условиях. Нет такого, что кто-то получает больше, а кто-то меньше. Заработок напрямую зависит от суммы, которую вы инвестируете в Lending. Чем она больше, тем больше ваш доход.

Риски

Риски заключаются в том, что вам никто никаких гарантий не дает. Вообще. По факту я получаю в среднем 1% в день от вложенной суммы. Но никто мне этого не обещает. Нужно быть готовым к тому, что в любой момент можно все потерять. Так же депозит замораживается на определенный срок и снять его до конца срока нельзя. Пока все говорит в пользу того, что Битконнект будет жить. Если посмотреть на Биткоин, то он процветает и растет с каждым днем. Сегодня его цена достигла отметки в $7000. А Bitconnect с ним тесно связан. Да и в рейтинге криптовалют по капитализации  он занимает уже 7 место. Буквально пару недель назад был на 9-ом. А это уже говорит о многом. Многие говорят, что за ним будещее.

Как зарабатывать на Bitconnect

Зарабатывать в проекте можно 4-мя способами.

1. Непосредственно майнинг Битконнекта
2. Хранить монеты на кошельке (примерно 120% в год)
3. Торговать на биржах
4. Лендинг (Инвестиции около 30% в месяц)

Я выбрал самый прибыльный, но в то же время самый рискованный способ заработка. Дело в том, что вложенные деньги можно отбить уже через 2.5-3 месяца. Курс Битконнекта к доллару стремительно растет, поэтому и срок окупаемости может быть сокращен. В итоге я ничего не потеряю, Поэтому будет уже не страшно. 2 недели назад цена 1 монеты составляла $198,  сегодня уже $260. В течении дня курс постоянно колеблется и его стоимость доходила до $272. Это видно на графике.

Сколько можно заработать

Минимальная сумма депозита — $100. Максимальная $100 000. Чем больше сумма, тем меньше срок заморозки. Плюс дополнительный ежедневный бонус, если сумма вклада:

• от $1010 до $5000 — 0.10%
• от 5010 до $10 000 — 0.20%
• от 10010 до $100 000 — 0.25%

Вот таблица:

На официальном сайте Битконнект есть специальный калькулятор. Можете примерно прикинуть, какую прибыль можно извлечь из вашей суммы, если решите инвестировать в лендинг.

Лично я начал со $100, но недолго думая решил внести куда большую сумму, а именно $6550 и за 8 дней заработал порядка $800 с учетом роста курса. А увеличив тело инвестиции можно получать гораздо больше.
Этим я и хочу заняться в ближайшее время. Так выглядит Bitconnect Wallet — личный кабинет в системе.

А так отображаются ежедневные начисления:

Есть определенные хитрости и тонкости в этом непростом деле и с первого взгляда разобраться во всем этом сложно без посторонней помощи. Лично меня провели за ручку от регистрации в Битконнект до непосредственного инвестирования. Не уверен, что смог бы самостоятельно с этим справиться. У меня есть инвестиционный план на год вперед с ежемесячной прогрессией роста. То есть каждый месяц мой доход будет расти.

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

P.S. Все общение будет проходить в телеграме. Если долго не отвечаю, просьба набраться терпения, обязательно отвечу. На вопросы, типа: когда рухнет битконнект — не отвечаю, только по теме! Напишите свой логин в системе.

Здравствуйте, друзья. В этой статье речь пойдет о настройке контекстной рекламы Яндекс Директ и Google Adwords. Кто-то из вас наверное помнит, что некоторое время назад я занимался CPA — партнерками и даже записал обучающий курс, посвященный этому виду заработка. С тех пор вектор моего развития немного сместился, а знания и опыт остались. Помню, когда только начинал зарабатывать в интернете, где-то начитался, что можно легко и просто настроить контекстную рекламу самостоятельно, что и попытался сделать. В итоге благополучно слил 10 тыс. руб. впустую без какой-либо отдачи. Это было первое большое разочарование, и одновременно с этим получил хороший урок.

Сдаваться после первой же неудачи не в моих правилах и я продолжил копать дальше. Нашел серьезный видеокурс по настройке Яндекс Директ. Взвесив все за и против, решился на приобретение. На тот момент цена его была не маленькой — 10 000 рублей. Но после его изучения у меня открылись глаза, я понял все свои ошибки и, что самое главное, вложенные деньги в рекламу стали приносить дивиденды. Ко мне периодически начали обращаться за помощью по профессиональной настройке контекстной рекламы. Многим предприятиям я помог существенно увеличить прибыль.

Сейчас я работаю с несколькими компаниями и продолжаю оказывать услуги по настройке и ведению контекстной рекламы. Вот пример одной из кампаний:

Поэтому, если вам самому это дается трудно, а времени на обучение совсем нет, то можете заказать грамотную настройку контекстной рекламы Яндекс Директ и Гугл Адвордс, а так же управление рекламными кампаниями. Стоимость обговаривается индивидуально. Помимо всего прочего делаю сайты, лендинги. Не стесняйтесь, пишите. Вместе мы выведем ваш бизнес на новый уровень.

Приветствую вас, дорогой товарищ! Вы пришли узнать,что такое бэкенд и фронтэнд и в чем между ними разница? Очень емкий ответ на этот вопрос дает основная картинка к этому посту. Она многое объясняет. Костыли и велосипеды нарисованы не просто так. Опытные ребята поймут о чем речь )). Если простыми словами, то Frontend — это то, что видит пользователь, например страница сайта, и с чем он может взаимодействовать. Backend — наоборот, все, что скрыто от глаз, программная часть, которая работает «за кулисами», но тесно взаимодействует с фронтэндом. Еще можно сравнить с айсбергом. Мы видим только малую часть. Теперь давайте разберем каждый пункт более подробно.

Что нужно знать о фронтенде

Если вы хотите стать frontend разработчиком, то необходимо изучить несколько смежных технологий, а именно:

• HTML
• CSS
• JavaScript
• Основы дизайна
• Верстка

Можно назвать это базовым минимумом. С этими знаниями уже можно делать какие-то проекты для личного пользования, но о коммерческой разработке говорить еще рано. К примеру для устройства на работу в веб-студию этих навыков будет явно недостаточно. Абсолютное большинство работодателей выставляют требования, которые выходят далеко за рамки базовых. Они работают с определенным стеком технологий и готовы рассматривать кандидатов, которые им владеют, плюс ко всему это всегда командная разработка и опыт очень желателен. Полистайте вакансии и поймете, что необходимо знать для полноценной работы. Заодно взгляните на зарплаты фронтенд разработчика.

Что нужно знать о бэкенде и на чем его пишут

Backend это серверное программирование, проектирование баз данных. Новичку довольно сложно понять на начальном этапе что к чему и разобраться в терминах. Вот несколько языков программирования, на котором пишут бэкенд:

• PHP
• Python
• Java
• C#
• Ruby
• JavaScript (Node JS)

Этот список относится в основном к веб-разработке, но использование бэкенд этим не ограничивается, он так же нужен для десктопных и мобильных приложений, серверных продуктов, робототехнике и еще много где. Если вы хотите изучать и не знаете с чего начать, то чисто для себя можно выбрать PHP или Python. Относительно не сложны в понимании. Если говорить о бэкенде, как о выборе профессии, то нужно подстраиваться под рынок и подробно его изучать. Необходимо отслеживать тенденции. IT — одна из самым быстроразвивающихся сфер. Здесь очень быстро меняются тренды. Что сейчас имеет большую популярность, завтра может затмить новая уникальная библиотека или фреймворк и все массово будут переходить на них, потому что они лучше быстрее, легче и т.д. Такова реальность. Поэтому нужно быть, что называется «на волне». А вот и зарплаты backend разработчиков на конец 2019 года.

Чем фронтенд отличается от бэкенда

Наверное вы и сами уже догадались в чем основные отличия Frontend и Backend. Первые имеют бОльшую востребованность и огромную конкуренцию, ведь освоить гораздо проще, чем вторую. Помимо этих двух понятий существует еще и третий — Full stack. Фулл стек разработчик — это человек, который знает и ту и другую сторону и хорошо ими владеет. Это уже высший пилотаж, но зависит от уровня. Иногда лучше знать хорошо что-то одно, чем плохо всего понемногу. Надеюсь этой статьей я ответил на все ваши вопросы. А если они остались, то милости прошу задать их в комментариях.

Всем привет. Рассмотрим варианты отправки и получение писем на PHP. Кстати, я уже публиковал пост на тему создания простой контактной формы для сайта. В этот раз рассмотрим отправку писем на почту более детально, так как в большинстве мой сайт читают новички. Но прежде, чем приступить к написанию скрипта отправки писем на PHP, нам нужна форма, с которой будут собираться данные. Для примера я возьму Bootstrap и сделаю несколько полей, а именно:

• Для ввода email адреса отправителя
• Тема сообщения
• Поле ввода сообщения

Для всех полей, в том числе и кнопки отправки, которую поставим внизу, прописываем атрибут name, которому присваиваем какое-то значение (имя), оно может быть любым, но символичным и желательно писать латиницей. И в итоге должно получиться. что-то вроде этого:

Теперь напишем сам скрипт отправки писем. Это можно сделать прямо в этом файле, но лучше будет вынести обработчик в отдельный. MySql нам не нужен. Для каждого поля нужно создать переменную и присвоить им значения глобального массива POST, то есть то, что мы прописали до этого в атрибутах name. Отправлять будем письмо в HTML формате, поэтому создадим небольшую таблицу, в которую и поместим все данные полей плюс дополнительно напишем откуда была произведена отправка. К примеру со страницы Спасибо за комментарий. В итоге письмо должно прийти на почту в таком виде:

Простой скрипт отправки писем PHP

";
$email = $_POST['email'];
$subject = $_POST["theme"];
$page = 'Страница спасибо за комментарий'; 
$message = '


	

 
Информация
 

  
Откуда
  
'.$page.'
 
 

  
Адресат
  
'.$email.'
 
 

  
Тема
  
'.$subject.'
 
 

  
Сообщение
  
'.$_POST['message'].'
 

	

'; 
$headers  = "Content-type: text/html; charset=utf-8\r\n";
if (!empty($email) && !empty($subject) && !empty($message)) {
$result = mail($to, $subject, $message, $headers);
}	
if ($result) {
	echo '

  Сообщение успешно отправлено! Вы можете закрыть это сообщение.
  
    ×
  
';
}else{
	echo '

  Сообщение не отправлено! Попробуйте еще раз.
  
    ×
  
';
}
?>

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

c 7 по 31 строки — шаблон HTML письма

32 — указание типа письма и его кодировка

33 — проверка на пустые поля

С 36 строки и до конца идет условие. Если произошла успешная отправка, то будет выведено уведомление об успешной отправке в виде зеленого алерта (бутстрап). В противном случае будет выведено сообщение об ошибке.

Что делать, если не приходят письма через mail PHP

Для начала проверить все ли правильно вы сделали. Скажу сразу, что с локального сервера никакой отправки вы не увидите. Данные просто записываются в лог-файл. Если вы это делаете на реальном хостинге, то ваш хостер мог заблокировать почтовый модуль из-за подозрения на рассылку спама. Так было у меня несколько раз, когда был взлом и распространили кучу вирусов. Попробуйте написать в поддержку. И как вы уже поняли, этот PHP скрипт не подходит для массовой рассылки, для таких целей используют SMTP, но об этом мы поговорим в другой раз. Так же в будущем рассмотрим способ отправки писем через Ajax, с вложениями (картинки, файлы и пр.) при помощи PHPMailer. И как обычно можете скачать готовое решение по прямой ссылке.

СКАЧАТЬ

Привет, друзья. Пришло время поговорить о том, что такое PHP cookie, как их установить, удалить, перезаписать и где они используются. Этот урок для начинающих и полных чайников в программировании, поэтому буду показывать на конкретных практических примерах. Итак, что же такое куки в PHP? Это один из способов хранения определенных данных на стороне клиента. Если говорить проще, то куки хранятся в браузере пользователя. Например при авторизации. Когда юзер отправляет данные, они сохраняются на устройстве. Теперь давайте ближе к делу.

Как установить куки в PHP

Все не так сложно, как может показаться. Установка cookie происходит следующим образом:

setcookie('name', 'value');

Это базовые значения, которые обязательны для заполнения. Но параметров гораздо больше, а именно 7! Семь, Карл! И вот для чего каждый из них нужен.

В подавляющем большинстве случаев используются первые 3 параметра чтобы записать cookie в PHP. То есть имя, значение и время жизни. Этого вполне достаточно для полноценной работы. Давайте к практике.

setcookie('name', 5, time()+60)

Здесь я установил cookie name со значением — 5, которая удалится через 1 минуту.

Как получить, прочитать, проверить cookie в PHP

В этом нам поможет глобальный массив COOKIE. Чтобы получить значение куки нам нужно вызвать ее по имени.

echo $_COOKIE['name'];

Как вы уже догадались, на экран выведется пятерка. Теперь сделаем проверку. Если данная кука была установлена, то выедем одно сообщение, если не была, то другое.

if(isset($_COOKIE['name'])){
  echo 'Куки успешно установлены!';
}else{
  echo 'Куки НЕ установлены!';
}

Есть один маленький нюанс. При первом заходе на страницу будет выведено сообщение, что куки не установлены, однако, если заглянуть в консоль браузера, то увидим, что она там есть. В чем же дело? Элементарно. Дело в том, что запрос на проверку и сама установка куки идут ОДНОВРЕМЕННО. Поэтому сообщение об успешной установке мы увидим только после следующей перезагрузке страницы.

Теперь у нас есть условие и его можно использовать в некоторых случаях.

Авторизация с использованием PHP Cookie

Для примера я создам 2 формы. Первая с одним единственным полем, в которое будем писать свое имя. Пока не будет введено и отправлено имя, пользователю будут недоступны некоторые элементы страницы. То есть, если он не авторизован, то какие-то функции сайта от него будут скрыты, а так же показано приветствие. После того, как данные с формы будут отправлены, эта форма будет скрыта и показана другая, которая просто будет запоминать все данные, введенные пользователем.

Код PHP

$name = $_POST['name'];
if (isset($_POST['submit'])) {
  setcookie('name, $name);
  header('Location: ' .$_SERVER["HTTP_REFERER"]);
}
$name_c = $_COOKIE['name'];
$val_1 = $_POST['val1'];
$val_2 = $_POST['val2'];
if(isset($_POST['submin_two'])){
  setcookie('val1, $val_1);
  setcookie('$val_2, $val_2);
}
$val1_c = $_COOKIE['val1'];
$val2_c = $_COOKIE['val2'];
if(isset($_COOKIE['name'])){
  $head = '
Привет, '.$name_c. '!
';
  $form = '

Теперь осталось в HTML вставить нужные переменные.

Счетчик просмотров страницы на PHP + cookie

недавно я публиковал материал на тему создания счетчика просмотров страниц. Но там он считает общее количество просмотров всеми посетителями. Здесь же мы сделаем некую индивидуальность и покажем сколько раз каждый их юзеров был на этой странице. Благо делается он очень просто. Вот его код:

$count = 0;
if (isset($_COOKIE['count'])) {
  $count = $_COOKIE['count'];
  $count++;
}
setcookie('count', $count);

Потом просто выводим на странице переменную count. Протестировать и посмотреть пример работы PHP cookie можно на этой странице:

Демо

Время жизни cookie в PHP

Если не указан третий параметр (Expires), то куки будут храниться до окончания сессии, то есть пока вы не закроете браузер. Но можно выставить и другие временные рамки, к примеру на 1 час или на 1 день и т. д. Вот некоторые примеры:

• time()+3600 — один час
• time()+86400 — один день
• time()+86400 * 30 — 30 дней
• time()+86400 * 30 * 12 — 1 год

Этого вполне достаточно, но многие интересуются, как сделать так, чтобы куки жили вечно или сделать время жизни бесконечным. Не очень понимаю в каких случаях это может понадобиться, однако ответ на этот вопрос будет — НЕТ, нельзя. Но можно поставить максимальное время. Пишется так: 0x7FFFFFFF — дата 19.01.2038 года.

Как удалить или очистить (unset) куки в PHP

Удаление куки в PHP можно сделать двумя способами. Оставить значение пустым или установить прошедшую дату, со знаком минус:

setcookie('name', '');
setcookie('name', '$value', time()-86400);

Надеюсь это руководство было максимально понятным и исчерпывающим. Если вам есть что добавить по этой теме или у вас не работают cookie в PHP, то напишите об этом в комментариях, будем разбираться вместе. Так же можете скачать пример из этой статьи и попрактиковаться самостоятельно.

СКАЧАТЬ

Я вас приветствую! Разговор пойдет о том, как сделать всплывающее окно на сайте, оно же Popup. Он может быть на WordPress, Joomla или просто HTML страничка. У меня уже есть несколько публикаций на тему создания модальных окон, но эта инструкция не будет лишней, так как мы затронем некоторые нюансы, о которых раньше не было упомянуто.

Но перед тем, как начать, нужно выяснить когда всплывающее окно будет появляться. Например при нажатии на какой-то элемент (кнопку, ссылку, текст), при наведении на него, при закрытии страницы или при скролле. Второй момент — это ЧТО будет находится внутри. Это может быть форма авторизации или подписки, рекламная информация или уведомление для посетителей. Все эти факторы необходимо учесть, чтобы понимать в какое время показывать всплывающее окно. Будем рассматривать сразу несколько сценариев развития событий.

Верстаем всплывающее окно на HTML и CSS

Займемся подготовкой будущего попапа. Что нужно сделать:

• Задать размеры окна
• Задать оформление через CSS
• Внести необходимые данные

HTML разметка

  
Оставьте свой Email, чтобы не пропускать новых выпусков
  

    
    
  
  ×

CSS стили оформления

.block-popup{
  position: absolute;
  background: #fff;
  width: 37%;
  height: 135px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 5px;
  border: 1px solid #ccc;
  padding: 10px;
  box-shadow: 0 12px 20px -10px;
  text-align: center;
  display: none;
}
.block-popup span{
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}

И не забываем про overlay. Это затемнение фона. Стили для него будут такими:

.overlay {
  width: 100%;
  height: 100%;
  background: rgba(51, 51, 51, 0.78);
  position: fixed;
  top: 0;
  left: 0;
  display: none;
}

В результате должно получится что-то вроде этого:

Я бы не сказал, что это прям окно, скорее небольшое всплывающее окошко. Теперь нам нужно его запрограммировать. Будем это делать конечно же на JS, он же JavaScript. А вот библиотека jQuery для таких задач подходит идеально. Итак, сначала сделаем всплывающее окно при клике. Для этого элементу, на котором будем кликать зададим специальный класс под названием open-modal. И при нажатии на крестик будем его закрывать.

jQuery

$('.open-modal').click(function(){
  $('.block-popup, .overlay').fadeIn();
})
$('.block-popup span').click(function(){
  $('.block-popup, .overlay').fadeOut();
})

Буквально 4 строчки кода и всплывающее окно полностью в рабочем состоянии. Но это всего лишь один небольшой пример. Чтобы не засорять статью лишним кодом, я не стал писать адаптивные стили под все разрешения экранов. Прочитать о том, как делаются медиа запросы можно в этой статье.

Еще один вариант, это когда появление окна происходит при скроллинге до определенного блока. Этому способу посвящен целый пост с демонстрацией и примерами кода.

Всплывающее окно при заходе на сайт

Не очень хорошо, когда заходишь на какой-нибудь сайт и первое что видишь, это всплывающее окно, которое ты точно не ожидал увидеть и оно полностью перекрывает тот контент, который тебе нужен. Это не есть хорошо, такой подход не рекомендую. Мы будем делать небольшую задержку перед показом окна. Пусть это будет через 10 секунд после того, как человек зашел на станицу.

setTimeout(function(){
  $('.block-popup').fadeIn();
},10000)

Всплывающее окно при уходе с сайта

Здесь не все так однозначно. Дело в том, что мы не можем сделать так, чтобы при закрытии вкладки браузера всплывало созданное нами окно. Мы сможем показать только стандартный Алерт. делается это так:

$(window).on('beforeunload', function () {
  return "Хотите уйти?";
});

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

$(window).mouseleave(function(e){
    if (e.clientY 
Всплывающее окно при наведении на элемент
$('.open-modal').mouseover(function(){
    $('.block-popup, .overlay').fadeIn();
})

А чтобы показывать это окно только один раз, прочитайте про Cookie. И в завершении предлагаю посмотреть все примеры на отдельной странице. При желании такую штуку можно прикрутить к сайту на Tilda или Wix, если вам не понравились встроенные или просто использовать готовые варианты от Bootstrap.
Демо

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

Что такое мультилендинг простыми словами

Итак, что же это такое и с чем его едят. Это тот же лендинг, в который внедрен специальный скрипт (чаще всего PHP), который в зависимости от запроса пользователя подставляет максимально релевантный контент. Приведу пример. Если человек забивает в поиске «купить мойку для кухни в питере», а на сайте ему показывается заголовок, вида: «Большой выбор сантехники в Санкт-Петербурге по доступным ценам», то мягко говоря это не очень подходящий заголовок для этого запроса. Как раз это и можно исправить при помощи мультилендинга. Делается это в совокупности с UTM-метками. Поэтому если вы пока не знаете, что это такое и никогда не применяли их на практике, то настоятельно рекомендую для начала изучить эту тему. так как данная статья предполагает, что эти знания у вас уже есть.

Принцип создания мультилендинга прост. Необходимо создать условия, в зависимости от которых будет показан тот или иной контент. Другими словами — если существует определенная UTM-метка, то показывать одно, если другая метка — показывать второе, если еще одна — третье и так далее. таким образом страница будет соответствовать и объявлению и самому запросу. Сравните эти 2 варианта.

Рабочий скрипт мультилендинга

PHP

HTML

Доставка  по Москве

Теперь разберем скрипт мультилендинга. В самом начале 1 и 2 строка — мы объявили 2 переменные и присвоили им значение по умолчанию. То есть, что будет подставлено в них в случае, когда никаких меток в ссылке не будет. И далее на 4, 8, 12 и 16 строках идет проверка на существование определенных меток и в зависимости от того, какая из них существует — присваивать переменной значение. utm_term=fialka — метка, которую вы заранее прописали под конкретную ключевую фразу. Посмотрите как работает мультилендинг на живом примере.

Демо

Как видите, сделать мультилендинг не сложно. Основные трудности в том, что нужно прописывать метки вручную. Это немного утомительно, особенно, если объявлений очень много. Есть специальная платформа, типа Тильда или Ягла, где можно их копипастить, но все равно потратите энное количество времени. Но результат практически всегда оправдывает усилия, тем более если немного проявить фантазию, то на мультилендинге можно поменять не только заголовок и изображение, но и целые блоки, а то и всю страницу целиком. Делается это по тому же принципу, все, что нужно показать по тем или иным ключевым словам — заносим в переменную. Так же условий может быть гораздо больше. Для определенного типа трафика показывать персонифицированное предложение или простое приветствие. Например. если переход был из социальной сети vk, то создать УТП специально для тех, кто пришел именно оттуда. Я думаю смысл вы уловили. Цель — повышение конверсии. Если есть вопросы по этой теме -задавайте их в комментариях.

Привет. Не так давно мне понадобилось распечатать несколько страниц своего сайта и когда я попытался вывести их на печать, то был, мягко говоря, удивлен от увиденного. Если вы сейчас нажмете CTRL + P, то поймете чем идет речь. Дело в том, что очень давно при оптимизации сайта я благополучно выпилил все лишнее, в том числе и CSS стили для печати. Распечатать контент конечно можно, но там очень много лишнего. У себя я вряд ли что-то буду менять в этом плане, а для тех, кому это действительно необходимо, будем разбирать как сделать отображение печатной версии страниц максимально корректным.

@Media print CSS на примерах

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

• Media print в основном файле стилей
• С подключением отдельного файла

Первый вариант

@media print{
  .sidebar{
  display: none;
  }
}

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

Второй вариант

Здесь мы подключаем отдельный CSS файл, в котором записываем стили для печати. Пишем как обычно, без дополнительных media? мы это делаем при подключении.

Предпросмотр перед печатью страницы

По идее се, что нужно сделать, это нажать CTRL + P и уже будет видно как будет выглядеть распечатанная страница. Но в современных браузерах есть дополнительные инструменты, которые позволяют сделать эмуляцию печати. Давайте посмотрим как это сделать в Хроме. Жмем F12 Затем на 3 точки справа — More Tools — Renderig.

Затем листаем открывшуюся панель вниз и в самом низу ищем кнопку-переключатель, который и будет переключать стили.

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

Не так давно я публиковал материал на тему отправки писем при помощи PHP-функции mail. Теперь мы возьмем тот же скрипт, слегка его изменим, вынесем в отдельный файл под названием mail.php и добавим немного магии, будем отправлять данные без перезагрузки страницы. Помогут нам в этом библиотека jQuery и технология Ajax. Все тот же POST запрос мы будем обрабатывать в фоновом режиме, но для того, чтобы было понятно, что на странице что-то происходит, отобразим процесс отправки данных в виде небольшой анимации, а по окончании выведем сообщение об успешной отправке или об ошибке.

PHP обработчик данных форм

";
$email = $_POST['email'];
$subject = $_POST["theme"];
$page = 'Страница спасибо за комментарий'; 
$message = '


	

 
Информация
 

  
Откуда
  
'.$page.'
 
 

  
Адресат
  
'.$email.'
 
 

  
Тема
  
'.$subject.'
 
 

  
Сообщение
  
'.$_POST['message'].'
 

	

'; 
$headers  = "Content-type: text/html; charset=utf-8\r\n";
$result = mail($to, $subject, $message, $headers);
?>

Письмо будет приходить на почту в том же виде, что и в предыдущем посте, я лишь убрал вывод сообщений. Форма тоже идентична. Теперь, нужно подключить jQuery. Я использую Bootstrap, чтобы не писать свой велосипед, вы можете сделать так же. И теперь, чтобы отправка происходила без перезагрузки станицы, мы пропишем вполне стандартный Ajax запрос и немного его кастомизируем под свои нужды.

Теперь давайте во всем этом разберемся построчно.

3. При отправке формы запускаем функцию
4. Вносим все данные в переменную
5. Открываем Ajax соединение
6. Указываем тип передачи данных
7. Ссылка на обработчик
8. Прогоняем данные через функцию serialize() (преобразование данных в строку)
9. Запуск функции перед отправкой данных
10. Делаем текст на кнопке прозрачным
11. Добавляем кнопке бутстраповские стили от анимированного прогресс-бара
12. Запуск функции при ошибке отправки данных
13. Вывод сообщения об ошибке на экран
14. Запуск функции после успешной отправки
15. Возвращаем тексту кнопки начальный цвет
16. Удаляем анимацию
17. Выводим сообщение об успешной отправке
18. Запускаем функцию очистки полей формы с интервалом в 2 секунды

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

СКАЧАТЬ

Привет, друзья. В этот раз мы еще больше углубимся в бэкенд и будем делать более серьезные вещи на PHP и даже задействуем для этого базу данных MySQL. В конце можно будет скачать рабочий пример. После того, как вы пройдет этот урок, поймете, что это совсем не больно. Но для начала давайте определимся с понятиями, что же такое CRUD в программировании и какой у него функционал.

• CREATE — создание
• READ — чтение
• UPDATE — обновление
• DELETE — удаление

Проектирование базы данных

Вся архитектура БД делается на начальном этапе, чтобы в дальнейшем избежать путаницы и не пришлось все переделывать заново. Наше CRUD приложение будет состоять из одной таблицы, в которую будем добавлять пользователей. В ней будет 4 поля и выглядеть она будет примерно так:

• id — идентификатор пользователя
• name — имя
• last_name — фамилия
• pos — должность

Заходим в PHPMyadmin и создаем таблицу для CRUD приложения. (клик для увеличения)

Веб-интерфейс для CRUD приложения

Фронтенд будем писать на Bootstrap, так как это в разы быстрее, чем писать собственные стили. Вряд ли кто-то будет оспаривать его преимущества. Данные из БД будем заносить в HTML таблицу. А так же подключим иконки Font Awesome. Давайте создадим разметку во вновь созданном файле index.php. В самом верху разместим кнопку по нажатию на которую будет вызываться всплывающее окно с формой через которую будем вносить записи о новых пользователях в базу данных.

Не буду расписывать весь HTML для нашего CRUD, так как это займет очень много места. Весь код будет доступен для скачивания. Покажу лишь основные.

Модальное окно и форма вполне стандартные, ничего особенного. Вы можете легко скопировать со страницы бутстрапа.

Форма

Подключение к базе данных

На этом этапе нужно создать конфигурационный файл, в котором будем соединяться с БД. Назовем его config.php. Для CRUD будем использовать PDO, поэтому в файле напишем следующее:

try {
  $pdo = new PDO('mysql:dbname=test; host=localhost', 'root', '');
} catch (PDOException $e) {
  die($e->getMessage());
}

Это была подготовка, теперь приступи к самому основному.

CREATE

Созданием еще один PHP файл, в котором будут исполняться все запросы к БД. Назовем его func.php и запишем первый запрос, который будет вносить записи в таблицу на сервере.

include 'config.php';
$name = $_POST['name'];
$last_name = $_POST['last_name'];
$pos = $_POST['pos'];
// Create
if (isset($_POST['submit'])) {
	$sql = ("INSERT INTO `users`(`name`, `last_name`, `pos`) VALUES(?,?,?)");
	$query = $pdo->prepare($sql);
	$query->execute([$name, $last_name, $pos]);
	$success = '

  Данные успешно отправлены! Вы можете закрыть это сообщение.
  
    ×
  
';	
}else{
	echo 'error';
}

При успешной отправке будет выводится соответствующее сообщение, в противном случае — ошибка. теперь можно попробовать сделать первые несколько записей. Не знаю как у вас, а у меня все прекрасно работает.

READ

Теперь прочитаем эти данные и выведем их на страницу в HTML таблицу, которую мы недавно создали. Запрос на выборку будет таким:

$sql = $pdo->prepare("SELECT * FROM `users`");
$sql->execute();
$result = $sql->fetchAll();

И в индексном файле, в том месте, где будем выводить записи создадим цикл foreach

В последней колонке будет 2 кнопки, которые так же будут вызывать модальное окна. Одна на редактирование, вторая на удаление. Сейчас они пока не работают. если вы все прописали правильно, то наша таблица теперь заполнена данными.

UPDATE

Теперь рассмотрим как редактировать уже имеющиеся записи через CRUD приложение. Для еще большего удобства я предлагаю вынести popup окна с формой в отдельный файл под названием modal.php, а в месте, где их нужно вывести, просто их заинклюдим подключим.

  

    

      

        
Редактировать запись № 
        
          ×
        
      
      

        

        	

        		
        	
        	

        		
        	
        	

        		
        	
        	

        		Обновить
        	
        
	
      
    
  

Сама кнопка при этом будет иметь следующий вид:

Как вы успели заметить, вызов осуществляется по идентификатору юзера. В поля формы мы получаем данные и можем их изменять.

Давайте напишем для этого SQL-запрос.

// Update
$edit_name = $_POST['edit_name'];
$edit_last_name = $_POST['edit_last_name'];
$edit_pos = $_POST['edit_pos'];
$get_id = $_GET['id'];
if (isset($_POST['edit-submit'])) {
	$sqll = "UPDATE users SET name=?, last_name=?, pos=? WHERE id=?";
	$querys = $pdo->prepare($sqll);
	$querys->execute([$edit_name, $edit_last_name, $edit_pos, $get_id]);
	header('Location: '. $_SERVER['HTTP_REFERER']);
}

DELETE

Осталось совсем немного, в именно операция удаления в CRUD приложении. Все записи будут безвозвратно удаляться из базы данных. Принцип такой: при нажатии кнопки с корзиной будет всплывать окошко с кнопками подтверждения или отмены удаления. Давайте это реализуем.

  

    

      

        
Удалить запись № 
        
          ×
        
      
      

        Отмена
        

        	Удалить
    	
      
    
  

if (isset($_POST['delete_submit'])) {
	$sql = "DELETE FROM users WHERE id=?";
	$query = $pdo->prepare($sql);
	$query->execute([$get_id]);
	header('Location: '. $_SERVER['HTTP_REFERER']);
}

Мы с вами создали полноценное CRUD приложение, которое отлично работает и хорошо смотрится. Но всем интересующим вас нюансам пишите в комментариях.

СКАЧАТЬ

Я постараюсь дать максимально развернутый ответ на вопрос: как сделать первую букву заглавной в PHP. Хотя это из разряда стандартных функций языка, которая способна хоть немного, но упростить жизнь, но если вы сюда зашли, значит не все так однозначно. Встречается довольно часто, можно использовать практически в любых проектах, например в том же CRUD приложении. Что ж, давайте разбираться. Изначально функция выглядит так:

$string = "hello";
ucfirst($string); // Hello

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

$txt = "привет мир!";
echo mb_convert_case($txt, MB_CASE_TITLE); // Привет Мир!

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

$txt = "привет букет";
 $str = mb_strtoupper(substr($txt,0,2));
 $txt[0] = $str[0];
 $txt[1] = $str[1];
 echo $txt; // Привет букет

Теперь вы знаете как сделать первую букву заглавной в PHP в кириллическом тексте.