Коммуникации
Современный дом или квартира – это целый комплекс различных инженерных коммуникаций. Это и электропроводка, водоснабжение (горячее и холодное), вентиляция, канализация, газоснабжение, подача тепла, кабельные сети телевидения и интернета. Часто мы их даже не замечаем, но вот обойтись без них мы уже не можем, настолько мы привыкли к их наличию в наших домах и квартирах. Поэтому правильное и рациональное их установка и использование, залог беззаботной и беспроблемной жизни в доме или квартире. О различных системах коммуникаций будет рассказано в данном разделе.
Подкатегории
Электропроводка и электрооборудование Кол-во материалов: 36
В данной категории вы найдете информацию по монтажу, замене электропроводки в вашем доме или квартире (офисе), любом другом помещении. Кроме того, статьи помогут вам определиться с выбором компонентов для электрических систем, начиная от проводки, датчиков и заканчивая сложными электрическими приборами. После выбора соответсвующих электрических комплектующих (электросчетчик, БП, светодиодная лента и т.д.), вы сможете также найти информацию о типовых способах их подключения. В категории приведена и справочная информаци, что позволит вам выполнить электрический монтаж в соответствии с принятыми нормами.
Канализация Кол-во материалов: 9
В данной категории приведены статьи по установке и обслуживанию сантехнического оборудования. Подробно описанные процессы в статьях данной категории, помогут вам производить установку, ремонт и обслуживание канализации своими руками, без привлечения специалистов.
В категории также приведены материалы по подключению бытовой техники (стиральной машины) к канализации в вашем доме, квартире.
Водоснабжение Кол-во материалов: 27
Водоснабжение одна из приоритеныз задач при строительстве и реконструкции помещений. В этой категории вы сможете найти рекомендации и примеры монтажа водоподводящих элементов и компонентов (монтаж труб, установка смесителей, электронагревателей и т.д.) в единую систему водоснабжение - канализация. От правильной работы и монтажа систем водоснабжения будет зависеть срок ее эксплуатации, удобство пользования ею и соответсвенно сэкономленные нервы и деньги.
Вентиляция и кондиционирование Кол-во материалов: 3
В данной категории вы сможете найти материал, о системах кондиционирования и вентиляции воздуха в вашей квартире, офисе, складе, цехе.
Информация из категории "Вентиляция и кондиционирование" будет полезна при проектировании, монтаже и эксплуатации вентиляционных систем в помещениях. Также приведена информация о отдельных элементах системы вентиляции, от правильного выбора которых в последствии будет зависеть функциональность системы, удобство работы с ней и конечно ваш комфорт
Компьютер, оргтехника, интернет, ПО, телекоммуникации Кол-во материалов: 52
Интернет и телевидение давно и прочно вошли в нашу жизнь. Под ними мы прежде всего подразумеваем и полезную информацию для работы и после возможность приятно скоротать вечерний отдых после трудового дня. Посмотреть телепередачу или фильм, сыграть в онлайн игру, а также и возможность найти полезную.
Однако для обеспечения работоспособности компьютера и телевизора потребуется кое что знать и уметь. Ведь здесь может пригодиться информация по подключению компьютера, установки ПО, монтажу теле антенны на крышу дома и тому подобное... В данной категории сайта вы как раз и найдете аналогичную полезную информацию, которая вам пригодится если в вашем доме имеется компьютер или телевизор!
Администрирование компьютерных сетей Кол-во материалов: 12
Определенная потребность общаться у людей была всегда. Однако с изменением времен, технологий и как следствие общих тенденций, люди на протяжении всей своей исторической цепочки общались по-разному.
Не буду перечислять все коммуникационные навыки, это и долго и не по теме, но одним из актуальных на сегодня средством связи является сеть Ethernet. Здесь же сразу надо сказать, что это всего лишь частный случай сети, ведь локальная сеть из собственных компьютеров планшетов и компьютеров уступает по факту лишь количеством подключенных к ней устройств, а реализована может быть все на тех же маршрутизаторах... Однако здесь же сразу надо оговориться, что в ход могут пойти не маршрутизаторы, но и коммуникаторы, при этом топология сети может быть организована по принципу соединения устройств в цепочку или по кольцу или звездой и т.д. В общем, начинаются свои нюансы, о которых я и буду писать статьи в этой самой категории, дабы самому потом было легче в этом ориентироваться и еще кого-либо надоумить, как же все это реализовано и работает. Начинаем!
Электроника Кол-во материалов: 95
В категории приведены описания радиоэлементов применяемых в конструировании электросхем различных радиоприборов.
Также представлены принципиальные схемы электронных помощников, которые сделают вашу жизнь более комфортной и уютной. Воспользовавшись материалами данной категории вы сможете собрать полезные электронные устройства для дома, автомобиля, дачи. Также хочется сказать и о том, что для кого то увелечение электроникой может стать хобби, и в этом случае наша категория предложит вам теоретический материал для него.
Arduino Кол-во материалов: 22
Arduino в свое время организовали два человека. Американец Дэвид и Итальянец Массимо. Видимо они были каким-то программистами - электронщиками. В итоге получилась такая игрушка в виде микроконтроллера, который можно программировать, а значит с помощью этих самых программ выполнять какие-то действия и задачи. По сути это небольшой компьютер без монитора, без порта для принтера, без видеокарты, то есть с минимальными возможностями, но все же значительным потенциалом! Здесь все зависит от того, как применить этот самый Arduino.
Микроконтроллеров - сборок Arduino довольно много. То есть Arduino может быть в зависимости от исполнения сборки представлен в различном виде. Если провести аналогию с машинами, то Arduino это марка, а вот возможные сборки Arduino (UNO, Leonardo, Nano, One...) это модели этой марки. Именно поэтому не стоит мешать все в одну кучу, не смотря на то, что они очень между собой похожи. Основные их различия заключаются в объеме памяти Arduino, в размерах, в выводах, в частных особенностях...
Так что выберите для себя какой-то один Arduino и начните работать с ним. Для того чтобы вам было проще определиться, мы вам посоветуем взять Arduino UNO, как наиболее распространенный.
(Китайский Arduino на Али - некая аналогия "подделка", но при этом дешевле раз в 6 оригинала. Функционально один в один. Стоит около 4,5 долларов)
Когда освоите его, то дальше можно будет продолжить работать и с другими подобными сборками. А сейчас о проектах и подключении Arduino в нашем разделе.
Микроконтроллеры Кол-во материалов: 6
Дабы не изъясняться "сухим" языком, что же такое микроконтроллер, скажу сразу.... Как только я начал знакомиться с микроконтроллерами, то есть делать на них хоть какие-то мало-мальские поделки, то сразу понял, что аналоговая техника по сравнению с этими букашками жутко проигрывает. По крайней мере это касается всевозможных таймеров, с объемными конденсаторами, мультивибраторов и иже с ними! В этом отношении микроконтроллеры просто поразительны "гибкие" радиодетали. Они занимают минимум места, они не дорогие, они потребляют мощность порой на уровне пары светодиодов!
Теперь если без эмоций, то микроконтроллер это по сути маленький компьютер, разве что монитора у него нет. Зато есть вычислительное ядром (микропроцессор), интерфейсы для подключения всевозможных устройств для ввода и вывода информации, для управления устройствами и измерения различных параметров, есть память, таймер...
Осталось лишь только правильно загрузить этот "маленький компьютер", чтобы он работал на благо нас же и на наши задачи! Именно этому и будет посвящена эта категория, именно статьи на эту тему я и буду писать здесь. Надеюсь к меня найдется и время и желание и возможности пополнять раздел новыми статьями постоянно, на свое благо и других, кто возможно заинтересуется этими наработками!
Сайтостроение Кол-во материалов: 123
Все то, благодаря чему вы сейчас смотрите и то, что видите, скрывает в себе не столь явное и визуально пригодное для восприятия. Ведь за страницами любого сайта в интернете скрыто множеств кода, тегов, описаний... В общем всего того, что делает сайт наглядным не только вам, но и электронным машинам и роботам, которые с ним работают.
Если вы по долгу своей профессии, а может по увлечению все-таки каким-о образом связаны с процессом создания сайтов, то мы думаем вам будет полезна данная категория. Ведь в ней мы как раз и расскажем о том, как можно сделать визуализацию, оптимизацию, всевозможные улучшения и изменения для сайтов и их страниц...
HTML Кол-во материалов: 8
Раздел посвящен разметке страниц, то есть формированию кода, как правило тегов по определенному алгоритму. Здесь именно правильно сказать на мой взгляд, что HTML, это прежде всего, разметка, а не язык, так как алгоритмы и логика подразумевают так скажем прикрепление каких-то ярлыков к тегам, а не выполнение непосредственных активных задач. Это потом уже с этими ярлыками работают языки, а вот HTML ставит как раз границы с чем работать.
PHP Кол-во материалов: 5
Собственно создание такого раздела как JavaScript на этом сайте не оставило вариантов по поводу того, что раздел с HTML все же должен был когда-то появиться. Ибо даже за небольшими какими-то символами приходилось лазить по всему интернету, то там, то сям.
В итоге, было решено завести свой какой-то небольшой "склад" или "архив" это уж как угодно, куда можно будет обратиться даже за элементарными синтаксическими писаниями кода, ведь если даже представляешь как и что, все равно в голове порой не держится или элементарно вылетает на время, как же это все пишется.
В некоторых случаях здесь не только можно будет подсмотреть написания, но надеюсь со временем хранить какие-то формы, которые можно будет использовать для оформления страничек сайта. Хотя если речь идет о полноценном оформлении, то без CSS уже не обойтись...
P.S. Пока в этот же раздел будут попадать и странички про динамичный HTML, то есть про PHP, а там будет видно.
Java Script Кол-во материалов: 51
Как это бы не звучало странно, но интересоваться 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 |
|
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"); |
Присваиваем значение для переменной. Можно использовать присвоение через document.getElementById("id"). id - в данном случае берется скажем из формы ввода где форма расположена в document. |
|
if |
if (условие) {делаем} |
Условие для одного раза |
|
while |
Смотри if |
Тоже, что и if, только будет повторяться, пока не уйдет далее. Может зациклить машину. |
|
switch |
switch(i) { |
Выполняем одно из условии исходя из критерия, скажем для переменной i. Как только условие будет выполнено, то цикл перебора закончится. (пример) default: - если ни одно из условий не сработало. |
|
for |
for (let i=0; i<10; i++) {что делаем} |
Применяется, как правило, для работы с массивами, перебирая от i = 0 до i<10 с шагом i++. (пример) |
CSS Кол-во материалов: 14
Ну уж и никаких шансов у меня и не оставалось, чтобы обойти стороной CSS с тех пор, как я любительски связался с JS и с HTML, ну или PHP. Собственно раз это должно было произойти, то почему бы и нет...!?
Так вот, все полезные и интересные "фишки" я и буду утягивать к себе сюда, на этом и закончу пока вступление для моей категории CSS.
Более подробные примеры использования CSS будут приведены в конкретных статьях этой категории.
Краткий справочник* - дополняется
animation: show 3s 1; /* Указываем название анимации, её время и количество повторов*/
animation-fill-mode: forwards; /* Чтобы элемент оставался в конечном состоянии анимации */
animation-delay: 1s; /* Задержка перед началом */
opacity:0; прозрачность /* от 0 до 1 */
width:300px;
background:#176387; /* фон */
color:#fff; /* цвет шрифта */
font-size:25px; /* размер шрифта */
border:3px solid #2BA2DB; /* рамка */
padding:20px; /* отступ снаружи */
margin:auto; /* отступ внутри */
margin-bottom:20px; /* отступ */
text-align:center; /* выравнивание */
transition: 1s; /*Скорость перехода состояния элемента*/