Коммуникации

  Современный дом или квартира – это целый комплекс различных инженерных коммуникаций. Это и электропроводка, водоснабжение (горячее и холодное), вентиляция, канализация, газоснабжение, подача тепла, кабельные сети телевидения и интернета. Часто мы их даже не замечаем, но вот обойтись без них мы уже не можем, настолько мы привыкли к их наличию в наших домах и квартирах. Поэтому правильное и рациональное их установка и использование, залог беззаботной и беспроблемной жизни в доме или квартире. О различных системах коммуникаций будет рассказано в данном разделе.

Подкатегории

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

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

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

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

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

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

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

 Микроконтроллеров - сборок Arduino довольно много. То есть Arduino может быть в зависимости от исполнения сборки представлен в различном виде. Если провести аналогию с машинами, то Arduino это марка, а вот возможные сборки Arduino (UNO, Leonardo, Nano, One...) это модели этой марки. Именно поэтому не стоит мешать все в одну кучу, не смотря на то, что они очень между собой похожи. Основные их различия заключаются в объеме памяти Arduino, в размерах, в выводах, в частных особенностях...
 Так что выберите для себя какой-то один Arduino и начните работать с ним. Для того чтобы вам было проще определиться, мы вам посоветуем взять Arduino UNO, как наиболее распространенный.

(Китайский Arduino на Али - некая аналогия "подделка", но при этом дешевле раз в 6 оригинала. Функционально один в один. Стоит около 4,5 долларов)

Когда освоите его, то дальше можно будет продолжить работать и с другими подобными сборками. А сейчас о проектах и подключении Arduino в нашем разделе.

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

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

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

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

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

Наименование

Пример использования или синтаксис

Примечание

HTML  формы для ввода

<input   id="ida" >

<input   id="ida" >

Форма для ввода, рамка ida – свой уникальный id - a на страницу для элемента, для считывания переменной добавляем value 

<input type="radio" > 

<input type="radio" > 

 Примерно тоже самое, что и просто input, но обработка данных сложнее. (пример)

<input type="checkbox">

<input type="checkbox">

Примерно тоже самое, что и radio, только можно установить несколько значений.

onchange

<select onchange="...">

 Позволяет выбирать значение из списка (пример)

 

 

 

HTML  формы для вывода

<div>

<div id="demo1">Текст</div>

Используется для вывода данных, с возможностью подмены их через JS

<pre>

<pre id="demo1"></pre>

 Можно также как и в div выводить значение, но форма отображения блока будет уже со стилями свойственными pre

 Арифметические операторы

 

плюс 

-

 

минус 

*

 

умножить 

 **

 

степень 

/

 

делить

%

(* -при делении на 2 можно использовать для нахождения чет, нечет)

модуль 

++

(инкремент) 

прибавить в виде приращения 

--  (декремент)

убавить в виде сокращения 

Элементы активности

<button onclick="myF()">Кнопка</button>

<button onclick="myF()">Кнопка</button>

Можем ссылаться как на выполнение функции myF(), так и на вывод информации сразу

onclick

см. выше пример для кнопки

При кликании будет активироваться, можно добавлять к картинкам, кнопкам, ссылкам (пример)

onmouseover 

см. выше пример для кнопки

активируется при наведении на элемент курсора мышки

onmouseout

см. выше пример для кнопки

активируется при уводе мышки с элемента
onkeydown см. выше пример для кнопки активируется при нажатии клавиш на клавиатуре
onload window.onload=function(…){…} активизируется при загрузке страницы
onkeyup
onkeyup="function(this.value)"
активизируется в момент отпускания нажатой клавиши

getElementById

document.getElementById("email") (берет значение из ID email)

document - Обращение к файлу html
getElementById() – получить элемент по идентификатору() (можно и при помощи других критериев)
email - id элемента

getElementsByClassName

getElementsByClassName("...")[0]; Берет элементы по классу (пример)

getElementsByTagName

getElementsByTagName("...")[0]

Берет элементы по названию блока div, p... (пример)

document.body.innerHTML.

document.body.innerHTML.replace(/8/g, '7'); (замена 8 на 7 подмена)

document.body.innerHTML.style (меняет стиль)

выводит значение, стиль в HTML

 document.location.href =

 document.location.href = (пример)

  перенаправляет со страницы что ввели или то, что взяли из формы (переменной)

setInterval

setInterval(function(){ ….},1000);

Вызывает функцию с заданной периодичностью многократно. (пример)

setTimeout

см. setInterval

Схожее с setInterval, но вызывает код один раз. (пример)

 

 

 

 

 

 

Сервисные (исполнительные) элементы

<script type="text/javascript">

</script>

 

 

Обрамляем JS

typeof x

document.getElementById("demo1").innerHTML = typeof x;

Х – переменная, для которой хотим узнать тип. Его выводим для нашего случая через запрос для блока ID demo1. Блок конечно тоже должен быть в наличии, а то куда же выводить то?!

let и var

 

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

let x = 5;

let x = document.getElementById("id");
var a = document.getElementById("x").value;

Присваиваем значение для переменной. Можно использовать присвоение через document.getElementById("id"). id - в данном случае берется скажем из формы ввода где форма расположена в document.

if

if (условие) {делаем}

Условие для одного раза

while

Смотри if

Тоже, что и if, только будет повторяться, пока не уйдет далее. Может зациклить машину.

switch

switch(i) {
  case i=0:
    ...
    break;
  case i=1:
    ...
    break;
  case i=2:
    ...
  default:
    ...
}

Выполняем одно из условии исходя из критерия, скажем для переменной i. Как только условие будет выполнено, то цикл перебора закончится. (пример)

default: - если ни одно из условий не сработало.

 

 

 

 Собственно создание такого раздела как JavaScript на этом сайте не оставило вариантов по поводу того, что раздел с HTML все же должен был когда-то появиться. Ибо даже за небольшими какими-то символами приходилось лазить по всему интернету, то там, то сям.
 В итоге было решено завести свой какой-то небольшой "склад" или "архив" это уж как угодно, куда можно будет обратиться даже за элементарными синтаксическими писаниями кода, ведь если даже представляешь как и что, все равно в голове порой не держится или элементарно вылетает на время, как же это все пишется.
 В некоторых случаях здесь не только можно будет подсмотреть написания, но надеюсь со временем хранить какие-то формы, которые можно будет использовать для оформления страничек сайта. Хотя если речь идет о полноценном оформлении, то без CSS уже не обойтись...

P.S. Пока в этот же раздел будут попадать и странички про динамичный HTML, то есть про PHP, а там будет видно.

 Ну уж и никаких шансов у меня и не оставалось, чтобы обойти стороной CSS с тех пор, как я любительски связался с JS и с HTML, ну или динамичным PHP. Собственно раз это должно было произойти, то почему бы и нет...!?
 Так вот, все полезные и интересные "фишки" я и буду утягивать к себе сюда, на этом и закончу пока вступление для моей категории CSS.