<MyRusakov.ru />

Создание нейросетей на Python

Создание нейросетей на Python

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

Из курса Вы узнаете всю необходимую теорию и терминологию. Научитесь создавать нейросети самых разных архитектур и обучать их. Также Вы создадите собственный фреймворк. Что очень важно проделать для грамотного использования того же PyTorch. Затем Вы изучите и сам PyTorch.

Помимо уроков к курсу идут упражнения для закрепления материала.

Ещё Вы получите Бонусы, дополняющие основной курс: "Распознавание изображений", "Анализ настроения по тексту отзыва", "Программирование на Python с Нуля до Гуру".

Подробнее
Уроки и статьи
Подписка

Подпишитесь на мой канал на YouTube, где я регулярно публикую новые видео.

YouTube Подписаться

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Какая тема Вас интересует больше?

Поиск: script ()

Что искали: script ()

Всего найдено: 895 записей

... подстроки и ее соответствующее значение: const formatmap = {   mm: date.getmonth() + 1,     dd: date.getdate(),     yy: date.getfullyear().tostring().slice(-2), ...
... идентификатор, полученный при использовании метод settimeout():var id = settimeout("3 + 4", 5000);cleartimeout(id);то есть сразу после запуска таймера, мы его останавливаем, ...
... можете добавить метод с тем же именем, что и метод в базовом классе. и при вызове этого метода производного класса, он будет затенять, скрывать ...
... гринвиче.противоположные методам get() являются методы - set(). если первые возвращают определённые значения, то последние, наоборот, их изменяют. ...
... асинхронность. на протяжении многих лет, при работе с асинхронным кодом лет мы полагались на callback-функции: settimeout(function() {   console.log('потом, около 13 млрд. лет назад произошел большой  взрыв'); ...
...                     name = _item.find('name').text().trim(),                     desc = _item.find('description').text().trim()                 //console.log(id, name, desc) ...
... console.log('некоторый код');   </script> в среднем на веб-странице в 2018 году используется 25 отдельных скриптов, но это не практическое решение: ...
... randomresult.pop() ); } для более больших наборов чисел: создайте и заполните массив случайными целыми числами, отклоняя любое, которое уже было ранее сгенерировано: ...
... класса без оператора new приведет к ошибке, как показано в следующем примере.   let duck = sanimal('утка');   // непойманное исключение typeerror: конструктор ...
javascript является языком программирования с нестрогой типизацией данных. что это означает на практике? например присвоив переменной x число 10 ...
... такой вариант часто используется для тега input с атрибутом type="date". в консоли вывелась указанная в атрибутах дата и с нулевыми значениями времени. ...
...     const hammer = new hammer(swipearea);     hammer.on('swipeleft', function() {       alert('swiped left!');     });     hammer.on('swiperight', function() { ...
... первого вхождения - 2 console.log(numb.lastindexof(3)); // индекс последнего вхождения - 7 console.log(numb.indexof(17)); // -1 т.к. число не найдено console.log(numb.lastindexof(17)); // -1 т.к. число ...
... возврат, если он вам не нужен. однако, если все-таки вам очень нужно убрать его из скомпилированного кода, то просто добавьте пустой return в конце. greet ...
... массива, тогда как call() просто отдельные значения. таким образом, методы bind(), apply() и call() используются при установке контекста вызываемой функции ...
... совпадений будет найдено несколько, то вернётся самое первое. а если не найдено ни одного, то вернётся "-1". также у метода indexof() существует и второй ...
... один элемент больше другого. давайте, например, сделаем так: если элемент равен "5", то тогда одно заведомо больше другого. если ни один из элементов ...
... отключают javascript. и большинство web-мастеров просто "забивают" на них, однако, иногда хочется дать совет, чтобы пользователь включил javascript. и вот как ...
... на вкладку консоль . введем команду localstorage , и увидим текущие данные. например (предполагая, что он изначально пуст): localstorage storage {length: 0} ...
...         //.pipe(autoprefixer(['last 2 versions']))         .pipe(dest('./dist/styles')) ); // сборка скриптов const scripts = () => (     src(config.paths.scripts) ...
...         .pipe(removeemptylines())           // удаляем лишние пробелы         .pipe(dest('dist'))                 // сохраняем результат в папке dist ...
...       { imgsrc: 'https://source.unsplash.com/200x200/?gift', name: 'gift 1', description: 'some description', price: 22.95 },       { imgsrc: 'https://source.unsplash.com/201x200/?gift', name: 'gift 2', description: 'some description', price: 19.35 }, ...
всем привет! сегодня мы поговорим, что такое coffeescript, а также, как и где его использовать. coffeescript - это язык программирования, позволяющий добиться ...
... получаем дочерние элементы   for (var i = 0; i < elements.length; i++) {     $(elements.get(i)).attr("title", "заголовок"); // устанавливаем атрибут title="заголовок"   ...
... нужно отправить на сервер для обработки. в этом примере мы используем fetch api для отправки аудиофайла в формате webm на внешний api. пример отправки ...
... }</style><script language = 'javascript'>var default_color = "white";function settempcolor(color) {  document.bgcolor = color;}function setdefaultcolor(color) {  default_color = color;  document.bgcolor = default_color;}function defaultcolor() {  ...
...     $(this).val("не в фокусе"); }); <input type="text"> <br> <br> <input type="text"> <br> <br> <input type="text"> jquery событие загрузки страницы // load() - устанавливает ...
... между тегами <body> и </body>): <div>   <p style = 'text-align: center;'>     <img id='bigimgslide' src='images/javascript/space_1.jpg' height='150' alt='главное изображение' ...
... tostring(), чтобы вы поняли, как он вообще работает. а в следующих статьях я вам покажу, как его надо использовать при создании собственных объектов.var ...
... console.log(moment().format('dd.mm.yyyy')); в консоли вывелась дата, которую мы и хотели получить. если вместо точек в качестве разделителей использовать косые линии, ...
... свое существование. таким образом мы получим несколько экземпляров области видимости, внутри которых существуют свои переменные a. function wrap() ...
... он изменит свою ширину до 350 пикселей. $(document).ready(function(){     $(".changewidth").click(function(){     $("#test").animate({width: '350px'}, 2000); }); }); ...
... поговорим о таком языке программирования как typescript. язык был создан в 2012 в microsoft году как улучшенная замена javascript для написания больших веб-приложений. ...
... внутри которой можно рисовать разные фигуры и анимировать их при помощи javascript. создание области для рисования прописываем парный тег canvas ...
... требуется работа с cookie через javascript. например, cookie может быть альтернативным вариантом обмена данными между php и javascript. допустим, javascript записывает ...
... app.textcontent = datestamp; see the pen jvzqvg by chris ferdinandi (@cferdinandi) on codepen. здесь внимательный читатель может заметить, что формат вывода данного кода следующий ...
... javascript для работы со строками. рассмотрим на примерах каждый из них, что они делают и чем отличаются от от друга . пример использования includes() ...
... этот api позволяет: - выбирать и открывать файлы и папки - читать содержимое файлов - записывать данные в существующие или новые файлы пример ...
... уходит в минус (популярный вопрос на форумах)? такая проблема возникает у новичков на таймере обратного отсчета, если не использовать метод cleartimeout(). ...
... сортирует элементы по алфавиту, как строку. let cars = ["mazda", "opel", "audi", "honda"]; cars.sort(); document.getelementbyid("demo_sort").innerhtml = cars; в параграфе на html-странице выведет: ...
... }  document.write("</table>");  document.writeln("</div>");}</script>код html (вставлять между тегами <body> и </body>):<script language = 'javascript'>  calendar();</script>
... страницей идет взаимодействие прямо сейчас if( ifvisible.now() ) {   // показать всплывающее окно   openpopup(); } вы можете отследить, если пользователь перешел ...
... данную задачу. для начала подключим библиотеку jquery.   <script src="jquery.min.js"></script> отключение правой кнопки отключение щелчка ...
... параметра z является сумма x и y. функция bar() возвращает сумму x, y и z , теперь вы должны хорошо понимать параметры javascript по умолчанию и знать, как применять ...
... можно повесить несколько обработчиков. <button id="btn" value="submit"> <script> function hello1() {     alert('hello vova!'); } function hello2() {     alert('hello ...
... let list = [1, 2, 3, 4, 5]; let elementtoremove = 3; let index = list.indexof(elementtoremove); if (index !== -1) {   list.splice(index, 1); // удаляет элемент со значением 3 в количестве 1 штуки ...
...     video.requestfullscreen().catch(err => {       alert("ошибка входа в полноэкранный режим: " + err.message);     });   } else {     document.exitfullscreen(); ...
...                     // после выбора конечной точки рисуем маршрут                     updateroute(startmarker.getlatlng(), endmarker.getlatlng()); ...
... true;     }   </script>   <p>     <input type="submit" value="отправить" />   </p> </form> на первый взгляд, кажется, что код очень сложный. ...
... же server.php, который будет складывать 2 числа и возвращать нам их сумму. $a = $_post['a']; $b = $_post['b']; echo $a+$b; html разметка у нас то же будет такая ...
...     return this.length === 0;    }   }   var customers = new queue ();   customers.enqueue('а');   customers.enqueue('b');   customers.enqueue('c');   while (!customers.empty ...
... элементы, но и на те, которые были созданы уже с помощью javascript. для этого раньше был метод live(), однако, в новых версиях jquery он уже не работает, поэтому ...
...             drawhand(ctx, hour, radius * 0.5, radius * 0.07);             // минутная             minute = (minute * math.pi / 30) + (second * math.pi / (30 * 60)); ...
... этом уроке мы будем учиться рисовать линии, используя тег canvas и язык javascript. на предыдущем уроке мы рисовали геометрические фигуры. для начала ...
... функция fetch(), с помощью которой можно делать запросы аналогично xmlhttprequest (xhr). но в отличие от xmlhttprequest данная функция возвращает объект javascript обещания ...
... ним. ошибка новичков в чем состоит типичная ошибка новичков? они тег script помещают не в конец страницы, а между тегами head. чего категорически ...
... выборки элементов на странице. в данном случае, мы взяли тот элемент, у которого id="block". дальше мы к этой выборке применили метод hide(), который и спрятал ...
... ключевое слово new и запускает функцию, которая создаёт пустой объект, на который ссылается this. дальше функция просто присваивает свойствам name и age переданные ...
... подключаем библиотеку jquery. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> jquery код <script> $(document).ready(function(){ //1   $("#demoinput").on("keyup", ...
... <link rel="stylesheet" href="slick/slick.css"/> и подключите скрипты <script src="//code.jquery.com/jquery-1.11.0.min.js"></script> <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> <script ...
... которые извлекают ключи объекта object.keys(obj) - извлекает все строковые перечисляемые ключи свойств object.getownpropertynames(obj) - извлекает все строковые ключи ...
...     /* в данном случае для примера я добавил функцию, которая будет запускаться после завершения анимации, аналогичная функция может быть вызвана ...
... они уже давно используются в таких языках, как typescript и python, а с 2024 года начали входить в стандарт ecmascript как часть stage 3 спецификации tc39. в 2025 году они ...
... snow[i].style.top=snow[i].posy;    if (snow[i].posy>=marginbottom-2*snow[i].size || parseint(snow[i].style.left)>(marginright-3*lftrght[i])) {      snow[i].posx=randommaker(marginright-snow[i].size);      ...
... 'application/x-www-form-urlencoded'); // отправляем кодировку     xmlhttp.send("a=" + encodeuricomponent(a) + "&b=" + encodeuricomponent(b)); // отправляем post-запрос     xmlhttp.onreadystatechange ...
... за структуру, а css отвечает за стиль, javascript обеспечивает интерактивность веб-страниц в браузере. но javascript никогда не должен был стать краеугольным ...
... }  else {    charno = 0;    timerid = settimeout("showline()", 3000);  }}function gotourl() {  location.href = urlline;}</script>код html (вставлять между тегами <body onload = "startshow()"> ...
... представьте, что вам это нужно 3, 4 или большее число раз. разумеется, неудобно писать постоянно этот повторяющийся код. гораздо проще написать ...
... перебираем этот объект в цикле for in. в переменную key попадает артикул товара и мы получаем доступ к данному объекту. при втором прохождении цикла ...
... вызываем функцию starttime(). вот такой классический алгоритм реализации таймера.это был пример использования таймеров. в категории javascript скрипты находятся ...
... когда нужно повесить событие, а потом его где-то удалить. за удаление события отвечает метод removeeventlistener(), который принимает такие же параметры, ...
...         // функция для отображения вопросов в списке         function displayquestions(questionsarray) { ...
... свою базу рассылок. давайте посмотрим, как нам настроить отправку формы нашего popup окна, применяя технологию ajax. в статье ajax-форма без перезагрузки ...
... приглядевшись, мы видим, что зачем-то использовали знак сравнения вместо знака присваивания. исправив ошибку и расскоментировав весь код: var a = ...
...         </div>     </div>     <script src="https://www.google.com/recaptcha/api.js?hl=ru" async defer></script>     <!-- добавляем модули firebase --> ...
... onclick="loadtxt()">изменить контент</button> будет вызван обработчик события onreadystatechange, если состояние готовности запроса readystate равно 4 (прием ответа завершен) ...
... асинхронного запроса $(document).ready(function() {   $("#submit").click(function() {    var fnumb = $("#a").val();    var snumb = $("#b").val();    $.ajax({     url: "server.php",     ...
... getxy(obj_event);     new_w = delta_w + point[0]; // изменяем новое приращение по ширине     new_h = delta_h + point[1]; // изменяем новое приращение по высоте     ...
... программу hello world на языке javascript, а также ознакомимся с основами синтаксиса этого языка.сразу привожу код hello world на javascript, а дальше объясню, что ...
... вызове функции мы передали undefined функции foo (), поэтому параметр bar также имеет значение по умолчанию 10. в третьем вызове мы передали значение по умолчанию ...
... ctx.beginpath(); ctx.linewidth = 7; ctx.strokestyle = "green"; ctx.fillstyle="yellow"; ctx.arc(150, 150, 85, 0, 2*pi, false); ctx.stroke(); ctx.fill(); ctx.beginpath(); ctx.linewidth = 7; ctx.strokestyle = "gray"; ctx.fillstyle="pink"; ctx.arc(250, ...
... случайное число через команду random умножаем его на 1000, чтобы число было в нужном диапазоне округляем число до целого через команду round окончательный ...
... длина массива не равна нулю, значит, в массиве ещё есть элементы. array.length !=0 если есть, то вызываем рекурсию и начинаем все сначала - возвращаемся ...
... соответствующих заголовков. пример запроса с поддержкой cors: fetch('https://api.example.com/data', {   method: 'get',   mode: 'cors' // включаем режим cors ...
... любая ошибка, возникающая во втором методе, будет перехвачена в вызове метода catch(). таким образом, если товар с id 456 не существует, мы также получим ...
... javascript представлен ниже.результат: // digitalwatch(); код javascript (вставлять между тегами <head> и </head>): <script type="text/javascript">   function digitalwatch() ...
... ссылку на js файл перед закрывающим тегом body, в теге script. запускает плагин функция - new wow().init() подключение через cdn <script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script> ...
... smins+":"+ssecs; settimeout('getsecs()', 1000); } //]]> вы здесь уже: минут/секунд. getsecs(); код javascript (вставлять между тегами <head> и </head>):<script language="javascript">startdate ...
... ''') scriptjs.write(''' function myfunc(){   console.log("hello world"); } ''') indexhtml.close() stylecss.close() scriptjs.close() данный скрипт создаст и ...
... user2.sayhello(); // hi alex на практике this часто используется в обработчиках событий, чтобы увидеть элемент, на котором вызван данный обработчик. заключение ...
...                 // очищаем содержимое поля ввода и снимаем фокус при нажатии клавиши delete                 inputelement.value = ''; ...
... веб-сайты. в этой статье мы рассмотрим, как использовать javascript console (консоль javascript) в браузере для изучения основ этого языка. что такое javascript ...
... запускаются все необходимые другие функции: <head> <script type="text/javascript">   function a() {     b()     c();   }   function b() {     alert("функция ...
... $("#phone").mask("+7 (999) 99-99-999"); в итоге наш код будет таким: <script>     $(document).ready(function() {     $("#phone").mask("+7 (999) 99-99-999");   }); </script> ...
... несколько безопасных альтернатив eval() для создания калькулятора: 1. использование математической библиотеки javascript вы можете использовать библиотеки, ...
... рассмотрим с вами как можно остановить http-запрос в javascript. в примере мы будем использовать javascript fetch api. код html-страницы <!doctype html> <html lang="ru"> ...
...    return result;   } что делать, если кто-то пытается вызвать power (“javascript”, 10)? ну, это, очевидно, ошибка программиста. как насчет power (5, 0.2)? быстрый ...
... красивый способ решения: var temp = "строка<br>строка<br>строка"; temp = temp.replace(/<br>/g, "\n"); мы заменили строку на регулярное выражение с глобальным поиском ...
... то есть когда вы передаёте объект в качестве строки, то тут же срабатывает метод tostring() для данного объекта и возвращает строку, которая уже и ...
... name="logo-css3"></ion-icon> css</div>         <div><ion-icon name="logo-javascript"></ion-icon> javascript</div>         <div><ion-icon name="logo-figma"></ion-icon> ...
...     <meta http-equiv="x-ua-compatible" content="ie=edge">     <title>html 2 csv</title>     <script type="text/javascript" src="jquery-1.7.1.js" ></script>     <script type="text/javascript" src="html2csv.js" ></script> ...
... качестве первого аргумента оно принимает значение обещания. onrejected – вызывается, когда обещание не выполнено. в качестве первого аргумента ...
...     "manifest_version": 3,     "name": "my history",     "description": "featured chrome history",     "version": "1.0", ...
... нам необходимо подключить библиотеку jquery:   <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> jquery нам нужен для расчета значений ...
... всплывающей подсказке. <script>     $(function () {       $(document).tooltip();     }); </script> теперь мы видим на примере, ...
...   function right() {     var image = document.getelementbyid("rotatorbutton");     i++;     if (i == array.length) i = 0;     image.src = array[i];   } </script> код html ...
... применяется два подхода: на чистом javascript или с использованием фреймворков. в чем разница? при написании программы на чистом javascript, принято выносить js код ...
...   <textarea class=long-press id="ta" placeholder="hello"></textarea>   <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>   <script>window.jquery || document.write('<script src="js/vendor/jquery-1.8.2.min.js"><\/script>')</script> ...
... function(files) {      var formdata = new formdata(),       xhr = new xmlhttprequest(),       x;      for(x = 0; x < files.length; x++) {       ...
...   const numbers = document.getelementbyid("numbers").checked;   const symbols = document.getelementbyid("symbols").checked;   const password = generatepassword(length, lowercase, uppercase, numbers, symbols); ...
...         'notblank'  => 'поле \':field\' не может быть пустым!',         'length'    => 'длина поля \':field\' не может быть меньше :min или больше :max символов!', ...
... will be displayed there   chart.container("container");   // call the chart draw() method to initiate chart display   chart.draw();   }); </script> более подробную информацию вы можете получить ...
... нам надо узнать только число, введенное пользователем в поле input - значение value. document.getelementbyid('inp_1').value получить элемент с id inp_1 и из него ...
... использовать библиотеки, которые выполняют некую работу и возвращают нам результат в виде объекта promise. однако в будущем может возникнуть необходимость ...
... this.something;   }   set something(value) {    this.something = value;   } } var smth = new classsomething("something"); alert(smth.something); smth.something = "something here"; ну, что же. мы разобрались, как ...
... document.getelementbyid("rotator_many_1").src = path + cats[counter];     document.getelementbyid("rotator_many_2").src = path + dogs[counter];     counter++;     if (counter == cats.length) counter = 0;     settimeout(rotatormany, ...
... некоторые могли подумать. bar b = 2; function x(a) {   alert(a + b); } function y() {   var b = 4;   x(1); } y(); это все была прелюдия только для того, чтобы вы поняли, ...
... рассмотрим варианты реализации кода. использование свойства длины массива. свойство length возвращает количество элементов в массиве. вычитание 1 из ...
... загрузки этой самой страницы. javascript сценарий обычно включается в страницу таким образом:   <script src="script.js"></script> и всякий ...
... дерева и поместим код ниже остальных скриптов. <script type="text/javascript">   $(document).ready(function()   { $('#tab-container').easytabs();   }); </script> ...
... селекторами в html/css. в примере ниже идет привязка к классу button. эта строка получает все элементы с классом button. кавычки могут быть как двойные, ...
... занимается сменой изображения. изображению присваивается тот путь к картинке, которому соответствует флаг. после смены изображения меняется и значение ...
...                 const newheight = newwidth / aspectratio;                 // устанавливаем размер canvas                 canvas.width = newwidth; ...
... использовать для написания каких-нибудь приложений. по сути, это надстройка над javascript, повторяющая его функции, но более простым и коротким кодом. в разделе ...
... ссылки, vlinkcolor - цвет посещённой ссылки, а свойство alinkcolor - цвет активной ссылки (то есть ту, которую мы в данный момент нажимаем). давайте простейший пример ...
... var passwordform = document.getelementbyid('passwordform'); // добавляем обработчик события для отправки формы passwordform.addeventlistener('submit', function(event) { ...
... $test->setgrapharea(50, 30, 585, 200); // установка области графика   $test->drawfilledroundedrectangle(7, 7, 693, 223, 5, 240, 240, 240); // выделяем плоскость прямоугольником   $test->drawroundedrectangle(5, ...
...         </form>     </div>     <script src="script.js"></script> </body> </html> файл style.css @import url('https://fonts.googleapis.com/css?family=nunito&display=swap'); ...
...         console.log('element is in viewport:', iselementinviewport(element));     </script> </body> </html> пример 3: анимация элемента <!doctype html> <html lang="en"> <head>     <meta charset="utf-8"> ...
... программированием на js - видеокурс "javascript, jquery и ajax с нуля до гуру" эта строчка $('.menuburger').on('click', function(){ отслеживает событие на клик по элементу ...
... loader.importjs('https://cdnjs.cloudflare.com/ajax/libs/timeago.js/3.0.2/timeago.js') // timeago().format(new date()) loader.importjs('https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js') // moment().format('dddd') ...
... css стилей. но менять стили можно и через javascript. когда же наступает необходимость это делать через javascript? первое, что приходит в голову - это для ...
... кадре (100%) для оси y установим значение -1200% с нулевой прозрачностью. пузырьки поднимутся вверх и исчезнут (станут прозрачными). @keyframes animate { ...
... text.length) position=0;  id = settimeout("scrolling()", speed);}function gotourl() {  location.href = "http://myrusakov.ru"; //адрес перехода при нажатии на кнопку}</script>код html (вставлять между ...
... function() {       $('.message').html('the clock has stopped!')       }      }     });     clock.settime(220880); ...
...             callback.call(this, diff);         }, that);     }()); }; // данный метод срабатывает когда отсчет таймер достиг нуля ...
... делать стилизацию select через javascript. фактически, в этой статье мы с вами создадим свой собственный select с помощью javascript. есть масса готовых плагинов, ...
...         messagebox.showinfo("успех", f"виртуальное окружение &#039;{env_name}&#039; создано!")     except exception as e: ...
... используем метод navigator.geolocation.getcurrentposition. он запрашивает у браузера широту, долготу и погрешность местоположения. создание карты используем ymaps.map ...
... проверяем наличие переданного логина в массиве с уже занятыми ?> безусловно, этот код из этого файла далёк от реальной практики, но вы его прямо ...
... javascript стал определенно выше, и поэтому время необходимое для того чтобы освоить его на должном уровне также увеличилось. к тому же, помимо javascript ...
... поговорим об различиях этих двух объявлений функции. function declaration sum(); function sum() {   alert('сработало!'); } прежде чем читать дальше, подумайте, ...
... что некоторые из этих сайтов не валидны только по причине написания javascript. фактически, чуть-чуть не хватило им до хорошего, грамотного и чистого ...
... официального сайта. безусловно, его можно менять на своё усмотрение. так же подключается jquery и сам плагин. дальше создаётся форма, а у input с type="file" ...
... программировании на любом языке являются переменные. и javascript не стал исключением из этого правила, и переменные в javascript являются основным инструментом при написании ...
...                         data: revenues,                         bordercolor: 'green',                         fill: false, ...
... storage. local storage сохраняет данные на постоянной основе, даже после закрытия браузера, а session storage – только в рамках текущей сессии. пример работы с ...
... его использовать. для начала надо подключить сами библиотеки: <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/loupe.js"></script> ...
... что комментарий состоит только из текста, и что, при его сохранении в базе данных разработчик сайта не фильтрует входные данные, т.е. на сайте ...
... давайте рассмотрим математические функции в php. и начнём с двух функций: min() и max(). обе функции принимают два параметра и возвращают минимальный или ...
... и качественную библиотеку выбора даты на javascript. описание datedropper.js – это маленькая, но мощная javascript библиотека, с помощью которой вы сможете ...
... for (let i = 0; i < 100 * 100; i++) {   canvas.appendchild(createpixel()); }   </script> </body> </html> таким образом, мы создали подобие холста ...
... рассмотрим 6 советов по изучению javascript, которые помогут вам освоить его быстрее. когда люди пытаются изучить javascript или какое-нибудь другое умение, ...
... $('.show_popup').click(function() { // вызываем функцию по нажатию на кнопку     var popup_id = $('#' + $(this).attr("rel")); // связываем rel и popup_id     $(popup_id).show(); // открываем ...
... основную структуру html документа, включая контейнер для пагинации. css: мы добавляем стили для пагинации, определяя внешний вид ссылок на страницы ...
... for="option3">3<br>выбор</label>    <input id="option4" name="options" type="radio">    <label for="option4">4<br>выбор</label>    <input id="option5" name="options" type="radio"> ...
... для рисования квадратичной кривой в canvas используется метод quadraticcurveto(). сделаем необходимую заготовку из html / css кода. <canvas id="curve" width="600" ...
... использования blob и file обработка файлов на клиенте: javascript позволяет работать с файлами прямо на стороне клиента без необходимости отправлять ...
... h+":"+m+":"+s;     settimeout(starttimer, 1000);   } </script> код html (вставлять между тегами <body onload="starttimer()"> и </body>): <p><span id="my_timer" style="color: #f00; ...
...             const filtered = places.filter(place =>                 (category === "all" || place.category === category) &&                 place.name.tolowercase().includes(searchtext) ...
... проект будет собран в папке dist. если вы заглянете в нее, то увидите файлы app.bundle.js и index.html. если запустить команду yarn prod - то проект соберется в режиме ...
...     function() {       i++;       if (i > total_pics_num) i=1;       fade_to_next();     }, interval   ); </script> код html (вставлять ...
... пройти!') : () => alert("вход запрещен!"); welcome(); примеры es5 против es6 // раньше let add = function(x, y) {     return x + y; }; // сейчас let add = (x, y) ...
... необходимо оставить в массиве с повторяющимися цифрами, только уникальные элементы, используя set. const myarray = [1, 2, 3, "яблоко", "апельсин", "банан", ...
... истечения окончания времени задержки. в других языках программирования для параллельного выполнения кода, можно создавать многопоточность. javascript ...
... сообщения. всё это делается с помощью css. теперь займёмся javascript: <script type="text/javascript">   function send() {     var message = document.getelementbyid("message").value;     ...
...         controlpluskey('d', () => console.log('нажаты клавиши cntrl + d'));         controlpluskey('z', () => console.log('нажаты клавиши cntrl + z')); ...
...         console.log(`article #${id} author: ${author}`);     },               // контроллер блога компаний     company_blog: function(name,id) { ...
... соответствующие поиску скрываются, а все найденные совпадения возвращаются в список. // вызываем функцию. filter(); пример фильтра товаров на javascript
... head и выше чем main.js. <!—подключить библиотеку jquery --> <script src="js/jquery-2.1.1.min.js"></script> <!—подключить плагин lazylinepainter --> <script src="js/jquery.lazylinepainter-1.7.0.min.js"></script> ...
...   }   function updatechat() {     if (now_no_active >= no_active_delay) { // проверяем не превышен ли "предел активности" пользователя       alert("пользователь ...
... несколько популярных конкурирующих форматов определения модулей в javascript. к ним относятся: commonjs - module.exports, применяется синтаксис, используемый ...
... укажите имя для скрипта, например, "myscript". шаг 3: редактирование скрипта на c++ откройте созданный скрипт "myscript" в выбранной вами среде разработки ...
... globaltest() {     return x; // область видимости } аргументы javascript функции рассмотрим на примере сложения двух чисел, что такое аргументы. в круглых ...
...                 .then(data => console.log(data.message));             });         }); ...
...                                    str(i) + ']/a[1]/div[1]/img')         # установка местоположения для загрузки ...
... давайте этот код разберём более подробно. вначале мы пишем две функции: одна для вывода формы входа, а вторая функция возвращает true, если данные ...
...     background: #e91e63;     animation: animate 5s linear infinite; } javascript код javascript умеет создавать любые элементы на ходу и вставлять генерируемые ...
... какого-нибудь объекта на странице, например, кружочка, демонстрацию которого вы можете посмотреть на официальном сайте. таким образом, подключением ...
здравствуйте! javascript (js) является одним из наиболее мощных и распространенных языков программирования для веб-разработки. он позволяет создавать ...
... про наследование. чтобы унаследовать свойства и методы какого-то класса, нужно добавить ключевое слово extends. class webdeveloper extends person если конструктор ...
... данных в языке coffeescript. обязательно копируйте и вставляйте код в свой компилятор, чтобы посмотреть, что будет на выходе в чистом javascript. итак, первое ...
...                 justify-content-center align-items-center                  theme theme--${theme}             `; ...
... статье мы рассмотрим, как создавать условия в coffeescript. опять же, я буду приводить код сначала на coffeescript, а затем то, что в итоге скомпилируется в javascript. ...
... "#'+arrcolor[15-i]+'0'+arrcolor[15-i]+'fff";', i * 50);}function mouseover() {  for (i = 0; i < 15; i++)    settimeout ('document.blinkbutton.button.style.background = "#'+arrcolor[i]+'0'+arrcolor[i]+'f31";', i * 50);}</script>код html (вставлять ...
... авторизованным пользователям. в свою очередь авторизованные пользователи могут делится на пользователей с разными ролями: админов (admin), модераторов (moderator), ...
... кнопку download it. теперь подключите библиотеку jquery <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> а дальше все необходимые файлы для плагина ...
... })(); как видите, все очень просто. сначала мы проверяем, какой браузер, затем создаем нужный объект, передаем параметры и в конце закидываем видео ...
... необходимое. рассмотрим использование. скачайте файлы и подключите их <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script type="text/javascript" ...
... if(isset($this->js)) {    foreach($this->js as $js) {     echo '<script src="'.url.'views/'.$js.'"></script>';    }   } ?> откроем файл index.php, который ...
... списки одного и того же типа в один с помощью метода addrange(): list<string> names1 = new list<string> { "c#", "f#", "kotlin"}; list<string> names2 = new list<string> { "python", "javascript"}; ...
... начальная позиция x координаты ctx.beginpath(); ctx.fillstyle = "pink"; // цвет заливки ctx.rect(positionx, 75, 75, 75); // x, y, width, height ctx.fill(); анимация движения квадрата ...
... src="scrolltrigger.min.js"></script> <script> document.addeventlistener('domcontentloaded', function(){   var trigger = new scrolltrigger(); }); </script> вы можете провести более точную настройку. ...
...              //пример запуска из файла index.php:       //       //   require_once 'htmlpage.php'; ...
... режиме - исключение.   delete object.prototype; // удаление встроенного свойства в нестрогом режиме возвращает false. но в строгом режиме выбрасывается исключение. ...
...    model: 's',    year: '2014'   };   for (let key in oldcar)   {    console.log(`${key} --> ${oldcar[key]}`);   }   // make --> tesla   // model --> s ...
... = {    id: 003,    name: 'борис',    email: 'boris\@site.com'   };   function replacer(key, value) {    console.log(typeof value);    if (key === 'email') ...
... выражение, состоящее из немедленно выполняющейся функции. (function() { // а здесь у нас код })(); весь код модуля существует в закрытой области видимости. ...
...         "title": "web-разработчик",         "description": "описание вакансии с html-тегами",         "salary": "от 150 000 до 300 000 ₽", ...
...         company = bs.select_one('.company_name')         companyabout = bs.select_one('.company_about')         title = bs.select_one('.page-title__title') ...
... преобразовать строку в число в js предусмотрено автоматическое преобразование типов данных. если браузер видит, что мы пытаемся выполнить математическое ...
... this.type = type;    }    identify() {     console.log(this.type);    }    static create(type) {     return new animal(type);    }   }   var mouse = animal.create('мышь'); ...
итак продолжаем изучать fetch api в javascript. первую статью из цикла вы можете найти здесь. для загрузки json данных на страницу, а формат json, как вы ...
... заполнены. создадим условие, если первое поле оказалось без числа (isnan), то передадим ему значение 0. такую же проверку сделаем и для второго поля. ...
...                     listitem.queryselector(".delete").addeventlistener("click", function () {                         tasklist.removechild(listitem);                     }); ...
...           const routecontrol = l.routing.control({             waypoints: waypoints,             routewhiledragging: true  // позволяет перетаскивать маркеры ...
... typescript. в этой мы продолжим рассматривать typescript и поговорим о типах данных этого языка. далее представлен список основных типов данных typescript: ...
... function() {     console.log('start'); }); dragend событие dragend возникает в момент отпускания элемента. elem.addeventlistener('dragend', function() {     console.log('end'); ...
... package.json {   "name": "weather-react",   "version": "0.1.0",   "scripts": {     "dev":  "rm -rf ./.cache && rm -rf ./dist && npx parcel src/index.html", ...
... что уменьшает время загрузки страницы и снижает нагрузку на сервер. в javascript существует прикладной интерфейс, известный как cache api, который обеспечивает ...
... $(function() {     /**      * левое меню      */     //$('.sidebar-menu__subitems').hide();     $('.sidebar-menu__item-title').click(function() { ...
...      }     };     settimeout(function() {      getcomments(count);     }, 3000);    }   </script> </body> не пугайтесь, тут все просто. ...
...       const angle = math.pi / 3; // 60°       const xc = xa + (dx * math.cos(angle) - dy * math.sin(angle));       const yc = ya + (dx * math.sin(angle) + dy * math.cos(angle)); ...
... такой прямоугольник с дыркой) рисуем линии beginpath() - говорим, что начинаем рисовать closepath() - говорим, что закончили рисовать stroke() - обводит ...
... существует уже: lifesite(); код javascript (вставлять между тегами <head> и </head>): <script type="text/javascript">   function lifesite() {     var start = new date('march 27, ...
... <link rel="stylesheet" href="style.css">   <link rel="stylesheet" href="fort.min.css">   <script src="fort.min.js"></script> </head> <body>   <div class="form-wrapper">    <div class="top"> ...
... // добавляем событие на прокрутку окна window.onscroll = function () {     togglescrolltopbtn(); }; // функция для отображения или скрытия кнопки ...
... независимо от положения полосы прокрутки. и, наконец, javascript, в котором мы используем jquery: <script type="text/javascript">   var top_show = 150; // в каком положении ...
...     // console.log(y); // referenceerror: y is not defined } // использование const function exampleconst() {     if (true) {         const z = 30; ...
... href="#">ссылка</a> <p class="link"></p> <p class="link"></p> <div id="links"></div> <script type="text/javascript">   $("p.link").append("<a href='#'>ссылка внутри тега p</a>"); // добавляем ...
... pointer;) для красоты. переходим к javascript: наша задача при клике отправить запрос на сервер, передав id статьи: <script type="text/javascript" src="js/jquery.js"></script> ...
... rel="external" href="http://myrusakov.ru">как создать свой сайт</a> <script type="text/javascript">   externallinks(); </script> в данном коде мы в самом конце (перед закрывающим ...
...     previous: true,     position: 'bottom'    });    $.tourtip.start();   }); </script> отбираем наш элемент, задаем параметры: заголовок, описание, ...
...                 for (let i = 0; i < words.length; i++) {                     const testline = line + words[i] + ' ';                     const metrics = ctx.measuretext(testline); ...
... следующий package.json: {   "name": "staff-app",   "version": "0.1.0",   "scripts": {     "dev": "rm -rf ./.cache && rm -rf ./dist && npx parcel src/index.html", ...
...             newwindow.document.write('<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>ваше резюме</title></head><body>');             newwindow.document.write('<h1>' + resume.name + '</h1>'); ...
... простой пример на языке программирования javascript с использованием библиотеки rxjs (reactive extensions for javascript), которая предоставляет реактивные возможности. ...
...                   localstorage.setitem('theme', 'light');               }           });       }); ...
... document.changecolorbutton.but.style.background;  document.changecolorbutton.but.style.background = "red";}function mouseout() {  document.changecolorbutton.but.style.background = default_color;}</script>код html (вставлять между тегами <body> и </body>):<form ...
... <link rel="stylesheet" type="text/css" href="style.css" />     <script type="text/javascript" src="jquery-1.12.4.min.js"></script>   </head>   <body>     ...
... пригодилась function expression. повторюсь, мы рассмотрели все это только для того, чтобы вы поняли, как работают модули, которые мы будем рассматривать ...
... false;    };    dropzone.ondragleave = function() {     this.classname = 'dropzone';     this.innerhtml = 'перетащите файлы сюда';     return false; ...
... код javascript (вставлять между тегами <head> и </head>):<script type="text/javascript">   var array = new array(     "images/javascript/foto1.jpg",     "images/javascript/foto2.jpg", ...
...     $('.toggle').click(function(){       $('.inner').toggleclass('active')     })   }) </script> посмотрите пример на ...
... мне потребовалось на javascript создать ассоциативный массив. удивительным образом, он мне раньше никогда не был нужен в javascript. я полез искать в интернет, ...
...       { coords: [51.505, -0.09], popup: 'первая метка' },       { coords: [51.51, -0.1], popup: 'вторая метка' },       { coords: [51.515, -0.11], popup: 'третья метка' }, ...
... показать вам как можно скопировать некторый текст в буфер обмена с помощью javascript. где это может понадобиться? допустим вы у себя на сайте генерируете ...
... рассмотрим, как визуализировать графики и сделать их интерактивными на javascript. в современных системах графики используются очень часто. это и понятно, ...
... document.getelementbyid("style").href = "css/night.css"; // если сейчас ночь, то меняем файл стилей </script> код очень простой. по умолчанию подключается дневной файл стилей. ...
... любом языке программировании существуют различные типы переменных и javascript тут сюрпризов не преподносит. как правило, это стандартный набор типов: ...
... function() { to.datepicker( "option", "mindate", getdate( this ) );   }), to = $( "#to" ).datepicker при смене выбранной даты находим первый datepicker и устанавливаем максимальную дату, ...
... свойство. метод element.requestfullscreen() переводит элемент страницы в полноэкранный режим. метод document.exitfullscreen() выходит из полноэкранного режима ...
... onchange="changecountry(this.value)">       <option value="">выберите страну</option>       <option value="0">россия</option>       <option ...
... прокрутке скролла у div. большинство программистов делает так: <script type="text/javascript">   var block = document.getelementbyid("block");   block.scrolltop = 9999; </script> ...
... покажу код, который добавляет обработчик события колёсика мыши в javascript. вот код javascript, который, во-первых, добавляет требуемое нам событие на страницу, ...
... сервер, их надо обязательно проверить через javascript. и в этот раз мы обсудим динамическую проверку формы на javascript. начнём мы с html-формы: <form name="myform" ...
...                 const route = data.routes[0].geometry;                 l.geojson(route, { color: 'blue' }).addto(map);             }) ...
... скрипт перед закрывающим тегом body. <script type="text/javascript"> $(function(){ $(window).scroll(function() { var top = $(document).scrolltop(); if (top < 100) $(".nav").css({top: '0', position: 'relative'}); ...
... букве из слова, давайте напишем ее заглавными буквами. в javascript есть вызываемый метод touppercase(), который мы можем вызывать для строк - в итоге получим ...
... существующего blob. если вам нужно изменить содержимое, необходимо создать новый blob. ограниченная поддержка в некоторых старых браузерах хотя ...
... использовать деструктурирование массива и игнорировать некоторые значения перед возвращением. предположим, вас интересует только первый и третий ...
... (добавил курсивное начертание). в конструкции innerhtml, теги обрабатываются браузером. p.innerhtml += ' <i>на сайте</i>'; теги выводятся, но не обрабатываются. ...
... часть else если не сработали первые два условия, тогда число больше 10. else { s.innerhtml = 'число больше 10'; } весь js код // внутри фигурных скобочек ...
...             }             e.addeventlistener('keyup', function () {                 format(e); ...
...     xmlhttp.send("site=" + encodeuricomponent("http://ya.ru/?a=5")); // отправляем post-запрос     xmlhttp.onreadystatechange = function() { // ждём ответа от сервера       if (xmlhttp.readystate ...
... javascript для простоты понимания, добавим событие клик на весь документ. document.onclick = function(event){ console.log(event); } отследить событие в javascript ...
... какой-либо задачи в javascript коде не из вредности, а с целью защиты части кода от пользователя или программиста. зачем это нужно, если любой javascript код мы можем ...
... мы рассмотрим с вами, что такое шина событий и как использовать ее в javascript. шина событий обычно используется в качестве механизма связи между ...
...     if (is_b) rating++; // если в пароле есть символы в верхнем регистре, то увеличиваем рейтинг сложности     if (is_d) rating++; // если в пароле есть цифры, ...
... recognition.onresult = (event) => {     const command = event.results[0][0].transcript.tolowercase();     if (command.includes('снимок') || command.includes('сфотографируй')) { ...
...     document.getelementbyid("latestby").innerhtml=record.data[0].latestby;     document.getelementbyid("deathnew").innerhtml=record.data[0].deathnew; } fetchdata(); и последний файл, позволяющий превратить наш ...
... } #canvas {   display: none; } и, конечно же, двигатель нашей задумки - javascript. (function() {   var video = document.getelementbyid('video'),    canvas = document.getelementbyid('canvas'), ...
...                 messageinput.value = '';             }         };         messageinput.addeventlistener('keypress', function(event) { ...
... 500 мс. для первой функции. зачем мы это сделали? function call(){     settimeout (function(){     console.log('я тебе звоню');     }, ...
... и вставьте его в head. <link href="patternlock.css" rel="stylesheet"> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="patternlock.js"></script> создайте блок div ...
... rel=" stylesheet" type="text/css" href="tinytools.progressbar.min.css">   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.j  "></script>   <script src="tinytools.progressbar.min.js"></script> ...
... вставляем следующее <body> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="yourpath/animatedmodal.min.js"></script> </body> осталось только ...
... {type, checked, value} = field;             data[name] = ischeckboxorradio(type) ? checked : value;         }     }     console.log(data); ...
когда мы с вами изучали ооп в javascript, то я рассказывал о методе tostring(). так вот, ввиду того, что php также поддерживает ооп (хотя javascript не поддерживает ...
... rel="stylesheet" href="yourpath/fakeloader.css"> подключите скрипты <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> <script src="yourpath/fakeloader.min.js"> проведите базовую инициализацию ...
... вашего почтового провайдера. - your_email@example.com и your_password на ваш email и пароль. - recipient@example.com на email получателя. для некоторых почтовых сервисов (например, ...
... компоненты (слайдеры, аккордеоны, табы). если верстальщик не дружит с нативным javascript, тогда он должен уметь внедрять (стилизовать) в свой проект сторонние ...
... //  удаленный файл video.src =   &#039;https://archive.org/download/bigbuckbunny_124/content/big_buck_bunny_720p_surround.mp4&#039;; // устанавливаем постер для видео video.poster =   &#039;https://peach.blender.org/wp-content/uploads/title_anouncement.jpg?x11217&#039;; ...
... разик!">кликните!</span></p> теперь вешаем триггер. <script type="text/javascript">   $('#manual_example').click(function() {    $(this).dynamo_trigger();   }); </script> также вы можете ...
... class="timeago" datetime="17 september 2014 12:00"></time></p>   <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>   <script src="timeago.js"></script>   <script src="main.js"></script> ...
... location есть свойство href, с помощью которого и реализуется редирект на javascript. данное свойство доступно и для чтения, и для записи. для начала давайте ...
... // печатаем обратно на экране имя пользователя с некоторым опциональным текстом // как видите конкатенация (соединения строк) в c# производится с помощью знака + (как и в java и javascript) ...
... возможность, которая реализуется на javascript. и в этой статье я покажу, как делается перетаскиваемый div на javascript. давайте не будем лить воду, а сразу ...
... myrusakov.ru</title>     <link>http://myrusakov.ru</link>     <description>создание и раскрутка сайтов</description>     <item>       <title>как ...
... ).appendchild(   object.assign(     document.createelement('btn'),     { innerhtml : 'btn' ,       id:'btn-1'     } ...
... '/fancybox/jquery.fancybox.css' ); обращаться к плагину мы будем через ранее прописанный класс – fancybox. в файл footer.php текущей темы перед закрывающимся тегом body вставляем ...
... так же проверим в консоли клавишу shift. console.log('shift', shift); далее нужно связать булевое значение true с выводом ошибки. если функция вернула ...
...         };         // при щелчке на кнопку отправки формы         // отправляем форму на сервер ...
... поменять код сайта. javascript заново наполнит хранилище данными. пример использования localstorage в нашей логин форме имеется поле checkbox. если пользователь ...
vue.js (произносится /вью/) - это mvvm ( model–view-viewmodel) javascript–фреймворк с открытым исходным кодом, предназначенный для создания пользовательских интерфейсов. ...
... обратного вызова с помощью apply и передаем ей любые имеющиеся у нас аргументы. settimeout возвращает число, ссылку на конкретный тайм-аут. мы храним ...
...     }     sliderrow.style.left = -offset + 'px'; }); и последнее, отключим видимость слайдера за пределами родительского блока. добавим ...
... библиотеку jquery и скачанный с сайта плагин – parallax.js. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script src="/js/parallax.js"></script> выводим параллакс ...
...             if (currentindex === slides.length - 1) {                 direction = -1;             }             currentindex = (currentindex + direction + slides.length) % slides.length; ...
... преобразования числа к строке, существуют также методы parseint и parsefloat. parseint('100px', 10) // получим число 100, остальное будет отброшено. вторым параметром ...
... теперь массив можно создать просто с помощью [], как в языке javascript, а не писать array(). обращаться же к элементам массива можно точно так же, как и ...
... забудьте подключить библиотеку jquery): <script type="text/javascript">   $(document).ready(function() {     var w = $(window).width(); // получаем ширину окна     if (w ...
в этой статье вы узнаете о шаблонных строках в javascript, которые упрощают работу со строками. до es6 мы использовали только одинарные кавычки ...
... заявка получена. функция trigger позволяет закрыть окно, нажав на кнопку ok. alert("ваша заявка принята! спасибо."); $("#form").trigger("reset"); });     return ...
...   }),   headers: {     'content-type': 'application/json; charset=utf-8',   }, })   .then(response => response.json())   .then(data => console.log(data)) ...
... if-else. если (if) email прошел проверку по шаблону, то добавится класс valid (зеленый индикатор), а invalid (красный индикатор) удалится из формы. в противном ...
... function updatecounter() {     // здесь код } первым аргументом передаем название функции, вторым аргументом - время в миллисекундах. // запускаем ...
... на javascript в javascript event loop встроен в сам язык и используется вместе с обещаниями и колбэками. вот простой пример: console.log('начало'); settimeout(() => { ...
... result; result = multi_1*multi_2; вернемся к тегу span, где планируется вывод результата умножения. мне надо получить элемент span c id result_multi, мы получаем весь элемент ...
...     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>js - сортировка дупликатов</title> </head> <body>     <script src="sort_duplicated.js"></script> ...
... архив с исходниками и подключите скрипт: <script src="whistle.js"></script> проведите инициализацию whistle.init() метод init может принимать 3 параметра: ...
... демонстрировал скрипт ротатора изображений на javascript. однако, недавно у меня спросили: "как сделать ротатор текста на javascript?". и я решил написать такой скрипт, ...
... javascript. допустим, будем обрабатывать клик мышью по тексту: <p onclick="soundclick()">кликни по этому тексту</p> осталось лишь сделать функцию soundclick(): ...
... позже, а так же с заданными параметрами ширины и высоты. теперь код javascript: <script src="http://api-maps.yandex.ru/2.0/?load=package.full&lang=ru-ru" type="text/javascript"></script> <script ...
... библиотеку jquery перед закрывающим тегом body: <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script> создаем javascript файл и так же подключаем ...
...     <title>floating button</title>     <script src="https://unpkg.com/react@17/umd/react.development.js"></script>     <script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js"></script> ...
... это даты, которые ввел пользователь. document.queryselector('button').onclick = function (){     // получение значения инпутов     let startdate = document.queryselector('#startdate').value; ...
... отработать событие onclick все теги, учитывая, что их количество может меняться? обращение ко всем элементам задача 3: изменить цвет у всех элементов при ...
... использовать. для тех, кто не знаком с ооп предлагаю почитать эту статью: ооп в javascript. основой ооп является объект, а фабрикой для создания объектов является ...
...   <price>$5.95</price>   <description>   порция на одного человека, кетчуп и ложка салата, включены.   </description>   <calories>350</calories> ...
... суток! в данной статье я покажу вам как можно сделать удобную обертку над javascript localstorage. localstorage позволяет нам сохранять данные на стороне клиента на ...
... расскажу в этой статье. начнём с отслеживания лайков вконтакте: <script type="text/javascript">   vk.observer.subscribe('widgets.like.liked', function(param) {     alert("был нажат ...
...     <meta name="description" content="простой пример интеграции telegram webapp."> </head> <body>     <script src="https://telegram.org/js/telegram-web-app.js"></script> ...
... javascript.</title>    </head>    <body>        <form onsubmit="onformsubmit(); return false;">            <p>                <label for="demo_filename">название файла:</label><br>                <input type="text" id="demo_filename">            </p>            <p>                <label for="demo_content">содержимое:</label><br>                <textarea id="demo_content"></textarea>            </p>            <button type="submit">загрузка</button>        </form>        <script type="text/javascript">            function downloadfile(data="", filename="test.txt", type="text/plain") {                            // создаем невидимый элемент ссылки                const a = document.createelement("a");                a.style.display = "none";                document.body.appendchild(a);                                // в качестве данных для загрузки из ссылки устанавливаем данные из формы                a.href = window.url.createobjecturl(                    new blob([data], { type })                );                                // аттрибут download ссылки используется для загрузки файла                a.setattribute("download", filename);                // запускаем загрузку путем эмулирования нажатия клавиши                a.click();                // удаляем ссылку из dom                document.body.removechild(a);            }                        // вызывается при отправке формы            function onformsubmit() {                downloadfile(                    document.getelementbyid("demo_content").value,                    document.getelementbyid("demo_filename").value                );            }        </script>    </body></html> ...
...       print(content)              # обязательно(!) закрываем файлы, освобождая ресурсы ос       fin.close() ...
... = math.floor( t/(1000*60*60*24) );   return {    'total': t,    'days': days,    'hours': hours,    'minutes': minutes,    'seconds': seconds   ...
... просто колоссальная. посудите сами, вам больше не нужно самому писать javascript код, чтобы крутилась карусель, открывались табы и всплывали модальные ...
... любое другое число. // 0 рублей код javascript (вставлять между тегами <head> и </head>): <script type="text/javascript">   var earn_month = 0; //начальное значение ...
... между ними. в этой статье мы рассмотрим, как создать штрих-коды с помощью javascript. штрих-коды представляют собой графические изображения, состоящие ...
предположим, что мы создали html страницу с заголовком «урок по javascript #1» и неким текстом. затем мы передумали и решили заменить старый заголовок ...
... <head>   <link href='tabulous.css' rel='stylesheet' type='text/css'>   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>   <script type="text/javascript" ...
...       <div class="col-md-6 offset-md-3"> <!-- adjust the column width and offset as needed -->         <div class="card">           <div class="card-body">             <h5 class="card-title">ввод</h5> ...
... <link rel="stylesheet" type="text/css" href="css/tinytools.periodselector.min.css"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script src="tinytools.periodselector.min.js"></script> создайте ...
... писал статью о том, как сделать подобное на php, а теперь покажу пример на javascript. разметка страницы <!doctype html> <html lang="en"> <head> ...
...         display: flex;     } } файл script.js // самовызывающаяся функция для меню !function () {     const togglebutton = document.getelementsbyclassname('toggle-button')[0] ...
... делается это с помощью обработчиков событий (по аналогии с javascript). def btnclicked(): lbl.configure(text="вы нажали на кнопку!!!") // window - ссылка на окно ...
... циклы в языке программирования coffeescript. while цикл while очень похож в использовании на тот же цикл в чистом javascript. while isready   do something нужно в одну ...
... <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <script> $( function() {     $( "#datepicker" ).datepicker(); }); ...
... charset="utf-8">   <title>javascript loading indicator</title>   <script src="spin.min.js"></script> </head> <body>   <div id="loading"></div>   <script>    var opts = { ...
... name="camera-outline"></ion-icon></a>     </li> </div> <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script> <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script> ...
... передаются ключи, а вторым параметром передаются их значения. let map = new map(); map.set('str', 'string'); map.set(10, 'number'); map.set(true, 'boolean'); ...
... глобальной области видимости в javascript? для этого можно использовать немедленно вызываемые функции: var mymodule = (function(){          // объект, в котором содержатся открытые функции и свойства ...
... пользовательский опыт. одной из таких технологий являются веб-воркеры (web workers) в javascript. в этой статье мы разберем, что такое веб воркеры, и как они используются ...
... тест, на этот раз по javascript. теперь расскажу о тесте, а также о необходимых знаниях для успешного прохождения теста по javascript. чтобы пройти тестирование ...
...                 (id integer primary key,                 title text not null,                 description text, ...
... добавили бы следующую строчку. скобки после названия означают вызов функции без привязки к событиям и тогда текст на кнопке изменится сразу после ...
...             mediarecorder.stop();         })     }) }); вот таким образом можно сделать простой ...
...     <style type="text/css">       .container {         max-width: 500px;         padding-top: 100px; ...
...             let content = event.target.result;             let rows = content.split('\r\n');                          // выводим содержимое в консоль построчно ...
...                 var window_height = window.innerheight;      // 3) высота внутренней области окна документа                 var y             = yoffset + window_height; ...
... на javascript, позволяющий открыть, либо скрыть определённый текст (в общем случае, определённые элементы), то есть сделать скрытый текст на javascript.результат: ...
...     background-size: 100%; } </style> </head> <body class="bg"> <p>какой-то текст</p> lorem ipsum doloe sit umet, lorem ipsum doloe sit umet, lorem ipsum doloe sit umet, lorem ipsum doloe sit umet,  ...
... страницы. вызовите метод при загрузке страницы. $(document).ready(function(){   $('a').confirmmailto(); }); это все. теперь вы можете добавлять свои mailto, и скрипт ...
... для создания превью из pdf файла будем использовать библиотеки imagick и gostscript. код программы: <?php // путь к файлам с превью function coverimagepath(string $pdffilename) ...
...     <!-- подключаем библиотеку -->     <script src="http://cosmic.mearie.org/2011/01/qrjs/qr.js"></script>     <script>         /** ...
... этом уроке мы научимся применять анимированные градиенты, используя javascript библиотеку – granim.js. вы увидите, как просто работать с этой замечательной ...
... правильно и кроссбраузерно задавать стили в javascript. итак, те, кто из вас уже хоть немного знаком с javascript, знают, что у элементов есть свойство style, ...
... subject.subscribe(updatep3); // при вводе текста в поле ввода, оповещаем всех наблюдателей о событии input.addeventlistener('keyup', e => { ...
... overflow:auto;">   <a href="http://radiopotok.ru/" id="rp_link">онлайн радио</a>   <script type="text/javascript">     <!--     var rp_font_size = '16px'; // размер шрифта ...
... относительно левого и правого края. метод appendchild() добавит в body сгенерированный тег span. <script type="text/javascript">     document.addeventlistener("mousemove", ...
... использовать promise.all() для одновременного извлечения этих элементов. код будет выглядеть примерно так:   promise.all([     fetch('/profile/5'), // получаем ...
... ещё не знаете css, то сначала изучите его, а уже потом возвращайтесь к javascript. для тех же, кто уже знает css, разберём простой пример выборки элементов ...
... через <strong>javascript</strong>.</div> создание элемента через javascript теперь создадим такой же элемент div, используя javascript. первым делом ...
... #mybtn {   width: 250px;   font-size: 17px;   padding: 15px;   border: none;   background: #0e0d0d;   color: #f4f4f4;   cursor: pointer; } #mybtn:hover {   background: ...
... root.title("выпадающий список") root.geometry("300x200") # список значений для выпадающего списка options = ["python", "java", "c++", "javascript"] ...
... указывается имя файла, откуда происходит импорт. import {first, second} from './main.js' импортированные сущности в файлик main, можно сразу же использовать. ...
... visibility: visible;/*показать popup*/ top: 50%;/*появление окна сверху*/ <script> function popuptoggle(){     const popup = document.getelementbyid('popup');     popup.classlist.toggle('active') ...
... <form>, чтобы вам было понятнее назначение каждого из них:<form name = "form1" action = "script/request.php" method = "post"></form>здесь у нас начинается описание формы, у которой ...
...       <p>погода: {{ weather.weather[0].description }}</p>     </div>   </div> </template> <script> export default {   data() {     return { ...
... javascript файл. <script src="https://code.jquery.com/jquery-3.3.1.js"></script> <script src="js/index.js"></script> ждем когда загрузится документ. $(document).ready(function() { ...
... href="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.css"> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.min.js">>/script> ...
... табам и сделаем заготовку, чтобы было с чем работать - познавать язык javascript. html разметка создадим общий контейнер для всей разметки, сделаем ...
... async def main():     urls = [         'https://myrusakov.ru/image-format-learning.html',         'https://myrusakov.ru/protecting-a-page-with-javascript.html', ...
... принципиально новый вид программирования. ооп используется не только в javascript, но и в других языках тоже. и о понятии ооп я вам и расскажу в этой статье.в ...
... вами, о том, что такое indexeddb в javascript. indexeddb (indexed database) - это встроенная база данных в браузере, предоставляющая javascript-интерфейс для хранения и работы ...
... мыши. на это полезно посмотреть в учебных целях. но на практике, вряд ли вам потребуется выводить все имеющиеся данные у объекта. поэтому, чтобы ...
...       alert("укажите ваш е-майл");       return false;     }     let d = document.forms["myform"]["tel"].value;     if (d == "") {       alert("укажите ...
...     <p id="daynumber"></p>     <p id="year"></p> </div> javascript код у javascript уже имеется встроенный объект: дата и время. а также, необходимый ...
для представления числовых типов данных в javascript имеется объект number. данный класс содержит константы и методы, которые достаточно часто используются ...
... диапазон в javascript ориентируется не на сами буквы, а на коды их буквенных символов. например: console.log( 'a'.charcodeat(), //97 'b'.charcodeat(), //98 'c'.charcodeat(), ...
... программы, мы можем присвоить её переменной <?php   $func = function() {    // код   };   $func(); ?> заметьте, что в конце стоит ;, т.к. мы присваиваем ...
... кнопкой мыши на странице и выберите "инспектировать" (inspect), затем перейдите на вкладку "console" (консоль). вставьте код: вставьте код javascript в консоль ...
... окружностей и анимируем ее так, чтобы она летала. создание анимации в javascript состоит из повторяющегося набора действий. сначала рисуется объект, ...
... данные и записываем в переменную name. если не существует (то есть пользователь пришёл в первый раз), то устанавливаем переменной "name" в сессии значение ...
... def restart_service():     return "service restarted" # использование result = execute_command('start')  # результат: "service started" ...
... repudiandae reprehenderit suscipit quos aperiam, sed. facilis, quod recusandae?</p>   </div>   <script src="jquery.js"></script>   <script src="main.js"></script> </body> </html> код css: body ...
...         const reader = new filereader();         reader.onload = function(event) {             const img = new image();             img.onload = function() { ...
... запуска сборки, весь код преобразуется в чистый и дружелюбный к новичкам javascript код. на выходе нет никаких зависимостей и лишнего кода, а сам файл маленький. ...
... скрипты на javascript. и в этот раз решил всё-таки этим заняться и выложить простой, но в то же время популярный скрипт дерева на языке javascript.результат: ...
... волнах", написанный на javascript.результат: // text.length) n = 0; settimeout("dowave(\"" + text + "\", " + (n + 1) + ")", 50); } //]]> dowave('myrusakov.ru', 1); код javascript (вставлять между тегами ...
... переменными. давайте перечислим, а какие структуры данных вообще существуют в javascript. 1) переменные (variables) переменная относится к самой простой структуре ...
...         </div>     </div>     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"         integrity="sha384-gtejrd/sectmiskjknuaakmold0//elj19smozuhv6z3iehds+3ulb9bn9plx0x4" ...
... интересный скрипт, который создаёт выпадающее изображение из ссылки на javascript. вы просто наводите мышкой на ссылку и появляется соответствующее ...
... помощью svg, css и javascript доброго времени суток! в данном примере мы посмотрим как сделатиь анимацию загрузки, используя svg, css и javascript. <!doctype html> ...
при создании программ на javascript может понадобиться получить случайное значение из массива. а так как javascript позволяет нам расширять встроенные ...
...            || ru[ str[i].tolowercase() ] == undefined && str[i]            || ru[ str[i].tolowercase() ].replace(/^(.)/, function ( match ) { return match.touppercase() }) ...
... необходимо в самом цикле сделать так, чтобы "условие" стало ложным. если это не сделать, то произойдёт зацикливание, а, следовательно, ваш скрипт повиснет.давайте ...
... поместить *.bat файл (для windows) пример: <?php // файл script.php print_r($argv); код myscript.bat: rem отключаем вывод в консоль команд из данного файла ...
... root = tk.tk() root.title("обработка событий") root.geometry("300x200") # список значений options = ["python", "java", "c++", "javascript"] ...
... функции. если кто-то знает java, то он знает, что там имеется класс math (в javascript такой класс тоже есть), содержащий множество математических функций. ...
... является элементом a, имеет класс one и атрибут href со значением, начинающимся с http. <a class="one" href="http://mylife.ru">...</a> $('a.one[href^="http"]'); больше примеров ...
сегодня вышел мой новый видеокурс "javascript, jquery и ajax с нуля до гуру": http://srs.myrusakov.ru/javascript. теперь подробнее о том, что вы получите. просмотрев этот ...
...         writer.writerows(extracted_data)  # запись строк данных def main():     # настройка парсера аргументов командной строки ...
...             }             // показываем предыдущее изображение             imageelement.src = imagesurls[currentindex]; ...
... простой пример, связанный с теми же комментариями. если пользователь будет иметь право передавать html-код (а он это права всегда имеет), который ...
...     this.initialduration = this.duration;     return this; }; countdowntimer.prototype.start = function () {     // if timer is running simply return from it     if (this.running) { ...
... всевозможные исключения в javascript, то наш скрипт даст сбой. и о том, что такое исключения и как их обрабатывать в javascript, мы и поговорим.для обработки ...
... хоста:<a href = 'http://myrusakov.ru/mysql.html'>ссылка</a><script language = 'javascript'>  document.write(document.links[0].hostname);</script>в данном примере мы создали сначала ссылку, ...
... "on")    bad += "вы не согласились с правилами" + "\n";  if (file.length == 0)    bad += "вы не выбрали файл для загрузки" + "\n";  if (bad != "") {    bad = "неверно ...
... цепочки прототипов, находится последний прототип (стандартный объект javascript), выше которого уже ничего нет. прототип объекта в js чтобы увидеть ...
... функцию frame и проверять верно ли условие. let time = setinterval(frame, 10); если верно и позиция равна 150, то анимация остановится. значение переменной ...
...     <title>цифровая лупа на чистом js</title>     <link rel="stylesheet" href="style.css" />     <script src="script.js"></script> </head> <body> <div class="zoomer" onmousemove="zoom(event)" ...
... странице. <section>     <img id="background" src="" /> </section> <script src="rainyday.min.js"></script> кастомизация скрипта с помощью css кода растянем фоновую ...
... красный цвет. добавляем классы через объект classlist и метод add. перед каждым новым проходом цикла, все добавленные классы нужно удалять. иначе на ...
... строку до последнего символа. в метод string.slice мы передали следующие параметры: start index - индекс первого символа, который будет включен в новую строку. ...
... sass, подглядывая в документациюю. 7) уверенное знание javascript умение писать на чистом javascript без использования библиотек и фреймворков. даже если ...
... мир языка программирования javascript, не столько ради прогресс бара, а увидеть на конкретном примере, как работает javascript. демонстрация примера ...
... глобальная)   function myfunc1() {     $x = 7; // локальная переменная, доступная только внутри функции   }   function myfunc2() {     global $x; // указываем, ...
...                         print("[$counter] books/$foldername/$basename" . php_eol);                     }                     $counter++; ...
... скрипт на javascript. и вы не хотите, чтобы его исходный код кто-то мог увидеть и забрать к себе. вот в этой статье я расскажу, как зашифровать javascript. если ...
...     document.getelementbyid("myform").style.display = "block"; } функция closeform закрывает форму, получает элемент с #myform и скрывает его display = "none"; function closeform() {     document.getelementbyid("myform").style.display ...
... второй - это его степень. сразу пример:document.write(math.pow(2, 5));абсолютно логично, что будет 32.и, напоследок, рассмотрим группу методов, выполняющие тригономитреческие ...
... анимации*/ } разобьем наш текст на отдельные символы, используя javascript. <script>     const text = document.queryselector(".text p");     text.innerhtml ...
... последних версий браузеров. function css (){     return src(path.src.css, {base: "src/"})         .pipe(sass())         .pipe(autoprefixer({ ...
... stackoverflow.com toster.ru чаты в telegram сегодня как никогда популярен язык javascript, благодаря возможности делать на нем как фронтэнд, так и бэкэнд в веб-программировании. ...
... javascript я и представляю вашему вниманию сегодня.результат: // код javascript ...
описание: продолжу тему создания различных анимационных эффектов на javascript, и сегодня покажу вам ещё один интересный скрипт, который двигает изображение ...
... подключить ее и написать что-то вроде этого: is.chrome(); // вернет true, если это браузер chrome, и false в ином случае is.array(); // массив ? true : false is.ipod(); // ipod ? true : false is.mac(); ...
... лямбда-выражения в java сильно напоминают их аналоги - стрелочные функции из javascript, и служат для оптимизации кода. основной синтаксис лямбда-выражений ...
...     const questions = ...; //  данные пришли от api, например, и уже находятся на стороне браузера     const data = list2html(this.questions, ['title', 'type', 'theme', 'content', 'solution']);     downloadfile(data, `questions_${date.now()}.html`,'text/html'); ...
... веб-приложения является атака xss (cross-site scripting). в рамках этой атаки злоумышленник внедряет вредоносный javascript-код в веб-страницу, который выполняется ...
... его и подключите нужные файлы: <script src="notification-logger.js"></script> теперь проициниализируйте скрипт: logger.init(); var a = 2; var b = "i would like to alert this"; logger.log(b); ...
... сегодня я представляю вам простой, но в то же время интересный скрипт на javascript, который позволяет анимировать процесс написания текста. я думаю, ...
всем привет! в этой статье мы продолжим изучать coffeescript и поговорим про операторы. итак, первое, что стоит сказать, это то, что вместо привычных ...
... изображению. // код javascript (вставлять между тегами <head> и </head>):<script type="text/javascript">   function openimagewindow(src) {     var image = new image();     image.src ...
... используются библиотеки react, react-dom, а также сборщик модулей parcel. секция scripts содержит команду watch для запуска сервера разработки. {   "name": "react-dependent-select", ...
... xss(cross site scripting) - межсайтовый скриптинг. с помощью xss-уязвимостей обычно злоумышленники крадут cookies пользователей, используя вставки javascript кода. ...
... разобрали, как можно менять отдельные css свойства у элементов при помощи javascript. однако будет ли такое действие эффективным, если понадобится изменить ...
... которая находится между первым и вторым блоками выражений. строка, которая следует за вторым блоком ('.') второй аргумент равен 9, что является ...
... вычислить общую сумму всех заказов. это можно легко сделать с помощью javascript. в этой статье мы рассмотрим, как использовать метод reduce для суммирования ...
... исключение. переменная q не определена. преимущества строгого режима строгий режим изменяет ранее терпимый «плохой синтаксис» на ошибки. ...
... безусловно, без javascript тут то же не обошлось. поэтому в этой статье я покажу, как определить местоположение пользователя на javascript. сразу привожу ...
... применена сила. pressure.set('#element', {   start: function(){    // this вызван в начале   },   end: function(){    // this вызван в конце   },   startdeeppress: ...
всем привет! в этой статье мы рассмотрим небольшую и простую javascript библиотеку sharer.js, которая позволит вам создавать свои собственные кнопки ...
... полезную библиотеку для отслеживания позиции мышки пользователя на javascript. библиотека называется trial.js и, как уже было сказано, позволяет отслеживать ...
на первый взгляд с помощью javascript свойств innerhtml и textcontent, мы делаем примерно одно и тоже - меняем содержимое внутри html элемента на странице. так ...
...     async open() {         try {             this.db = await this.opendb();             console.log(`database ${this.dbname} opened successfully`); ...
...             context.fillstyle = 'black';             context.textalign = 'center';             context.textbaseline = 'middle'; ...
...     // вызов функции инициализации бокового меню при загрузке страницы     initsidebarmenu();     </script> </body> </html> этот код представляет собой веб-страницу ...
... такое движок v8 и какую роль он играет в платформе nodejs. что такое движок javascript? чтобы понять, как работает платформа nodejs, мы немножко рассмотрим ...
... глобальный объект. вы уже должны быть знакомы с этим понятием. когда мы пишем javascript код в браузере, то мы используем глобальный объект window. в nodejs тоже есть ...
... скачайте эти две библиотеки. в html документе подключите модернизр <script src="modernizr.js"></script> после этого перейдите на сайт http://www.readysetraphael.com/, куда ...
... const app = express(); // делаем доступными загрузку файлов app.use(fileupload({     createparentpath: true })); // добавляем мидлвары app.use(cors()); app.use(bodyparser.json()); ...
... bootstrap js. -->    <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-a7fzj7v+d/sdmmqp/noqwlilvusjfdhw+k9omg/a/eheadgtzns3hpfag6ed950n" crossorigin="anonymous"></script>    <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" ...
... папке views файл footer.php </div> <div id="footer">   &copy; footer </div> </body> </html> теперь откроем файл index.php в папке controllers и в конструктор добавим ...
... стилизации, но чаще всего они применяются для создания интерактивной логики в javascript. особенно их любят применять разные библиотеки, когда пользователю ...
...             if (event.target == modal) {                 modal.style.display = "none";             } ...
... return ключевое слово. вот функция mysql, похожая на функцию javascript выше: create function hello () returns varchar(20) deterministic return "hello world"; как ...
... это работает одинаково со всеми версиями jquery от 1.x до 2.x --> <script src="jquery.min.js"></script> <script src="jssor.slider.mini.js"></script> <script>   jquery(document).ready(function ...
... jquery. но если вам хочется поскорее его изучить, то рекомендую видеокурс javascript, jquery и ajax с нуля до гуру. до полуночи 10-го октября на курс действует ...
... должен перезаписывать стили текущей темы. подключение скриптов имеется функция, которая отвечает за подключение js скриптов. создадим файл ...
... двухколоночный отзывчивый макет с помощью html, css и совсем небольшого количества javascript. на мобильных устройствах макет будет перестраиваться в одну колонку. ...
... работу функции следует принудительно закончить с помощью метода clearinterval. в поисках информации насчет загрузки картинок, обратимся к непосредственному ...
... на которую будет добавлено видео, написать следующую строку: <script type="text/javascript" src="flowplayer/flowplayer-3.2.2.min.js"></script> после этого на странице нужно ...
... очень просто. пример ниже. <input type="text" value="75" class="dial"> <script> $(function() {   $(".dial").knob(); }); </script> устанавливать опции вы можете как через ...
... их текстовых полей получим значения data, а из поля с типом checkbox нам нужно получить состояние checked (отмеченную галочку). const data = {     name: ...
... "js/jquery.js". тогда подключается библиотека jquery следующим образом: <script type="text/javascript" src="js/jquery.js"></script> и последний шаг - это проверка работоспособности ...
... остальных. всё остальное, думаю, понятно. и, наконец, остался код javascript: <script type="text/javascript">   var course_delay = 500; // задержка при смене блока   ...
... сервера. примеры атак xss пример 1: отражённый xss http://example.com/search?q=<script>alert('xss')</script> если веб-приложение не проверяет и не фильтрует вводимые ...
... пароль станет видимым. сегодня мы реализуем функцию показа пароля на javascript. зачем пользователю нужно показывать пароль? скажем так, заполнять ...
всем привет! в этой статье мы рассмотрим, что такое обещания(promises) в javascript и как их использовать. до прихода es6 нам приходилось использовать различные ...
... = function() {     settimeout(function() {         popup.style.display = "block";     }, 2000); } javascript код для закрытия окна слушатель ...
...     </div>   </div> </div> <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script> <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script> ...
... }); event по умолчанию, событие клика, приводит аккордеон в действие. но событие клика можно изменить, на наведение мыши – mouseover. $('#accordion').accordion ...
... клиент. server_addr - ip-адрес сервера. remote_addr - ip-адрес клиента. document_root - физический путь к корневой директории сайта. это опция задаётся через конфигурационный ...
... вы скачаете библиотеку, подключите ее следующим образом: <script src="simplezoom.js"></script> и это все! заключение итак, сегодня мы рассмотрели, как ...
... между тегами div. а перед закрывающим тегом body вставьте две ссылки на javascript файлы данного модуля. <div class="container">     <div class="card"><ion-icon ...
... интересному - javascript. сразу после формы пишем следующее: <script>   var button = document.getelementbyid('button'),       xmlhttp = new xmlhttprequest();   button.addeventlistener('click', ...
... что делать, в противном случае. делаем все с точностью наоборот, точки скрываем, а текст показываем. else {     dots.style.display = "none";     btntext.innerhtml ...
... все! вы можете добавить любой, даже очень сложный функционал на ваш сайт букавально в пару строк кода, а как это делать подробно рассмотрено в видеокурсе ...
... # активируем ее >>>cd my_folder/scripts >>>activate # вывод >>> (my_folder) c:\users\узи\desktop\my_folder\scripts> # среда активирована, теперь установим библиотеки requests и tqdm ...
... 'bmw' }); самовызывающаяся функция выглядит следующим образом: (() => console.log('message'))(); если вам что-то не понятно, то советую обратить внимание ...
... файл header.php. если нам нужно что-то поменять в хедере, например title или description, то замена в одном файле, отобразится сразу на всех страницах. как ...
... библиотеки <link rel="stylesheet" type="text/css" href="path/to/assets/css/jquery.devicemock.css"> <script src="jquery.js"></script> <!-- v1.5.0〜 --> <script src="path/to/assets/jquery.devicemock.js"></script> ...
... максимальное значение по которым она самостоятельно сгенерирует массив. в javascript потребность в создании последовательностей чисел тоже есть, но нет ...
... <head>   <meta charset="utf-8">   <title>share buttons</title>   <script src="share.min.js"></script>   <style>    .share {     margin: 100px auto;    } ...
... шаблонной формы: <form #form="ngform" (ngsubmit)="onsubmit(form)">   <input name="email" ngmodel required email />   <button type="submit" [disabled]="form.invalid">отправить</button> ...
... привет! сегодня я расскажу про одну легкую и простую в использовании javascript библиотеку, которая позволит вам визуализировать ваши данные - timesheet.js. ...
... сделать горячие клавиши на сайте с помощью javascript я расскажу в данной статье. приведу небольшой пример: <script type="text/javascript">   function hotkey(event) {     ...
...         const reader = new filereader();         // устанавливаем обработчик события загрузки файла         reader.onload = () => { ...
... понадобится библиотека taggd скачайте ее и подключите нужные файлы <script src="js/jquery.js"></script> <script src="js/jquery.taggd.js"></script> <link href="css/taggd.css"> произведите ...
... анимированный фон с падающим снегом, не написав ни одной строчки кода на javascript. давайте разберем, какие шаги для этого нужно предпринять. 1) скачайте ...
... последнюю версию библиотеки jquery и плагин fancybox 3. <script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script> ...
... подключаем нужные файлы: <link rel="stylesheet" href="jquery.webui-popover.css"> ... <script src="jquery.js"></script> <script src="jquery.webui-popover.js"></script> использовать плагин ...
... активен ли пользователь?</title> </head> <body>   <script>    var pollcount = 1;    var poll = function() {    if(document.hidden) {     return;    }     ...
в этой статье мы поговорим о библиотеке scripty2, позволяющей делать потрясающие анимации очень и очень просто и быстро. найти домик данной библиотеки ...
...     <p><button class="w3-button w3-round w3-yellow" onclick="document.queryselector('#new-field-popup').style.display='block'">+ add field</button></p>     <script src="js-dynamic-text-change.js"></script> </body> </html> javascript функция function tagcontentchanger(selector,onblurcallback)  ...
... будем делать запросы к данному url. как это работает в общих чертах? в javascript мы передаем строку с url адресом, настраиваем fetch запрос, который будет ...
... гамбургера на крестик сама по себе не произойдет. javascript код создадим функцию togglemenu(), которая через объект classlist.toggle добавит активный класс ...
...     <table border="1" style="width: 80%;">         <thead>             <tr>                 <td>имя</td> ...
... javascript на текущий момент нет нативной (родной) реализации перечислений. поэтому давайте посмотрим как мы можем реализовать перечисления на javascript ...
... кликает где-то за пределами модального окна, оно закрывается, становиться невидимым. window.onclick = function(event) {   if (event.target == modal) {     modal.style.display ...
... booklist.innerhtml = ""; теперь нам необходимо сформировать верстку при помощи javascript и поместить ее на страницу. все элементы с которыми мы будем взаимодействовать, ...
...     '(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*'                   + // проверка порта и пути     '(\\?[;&a-z\\d%_.~+=-]*)?'                          + // проверка параметров запроса ...
... злоумышленник может создать url следующего вида: http://example.com/search?q=<script>alert('xss')</script> если жертва перейдет по этому url, скрипт выполнится в ...
об условном операторе я уже писал, когда говорил о javascript. разумеется, в php также этот оператор существует, и, разумеется, он является наиважнейшим ...
... причин, почему swiper лучший слайдер для сайта: swiper написан на чистом javascript и не требует подключения дополнительных библиотек. это значит, что ...
... javascript замечательный язык! и как сказал один человек: “все, что может быть написано на javascript, в конечном итоге будет написано на javascript.” ...
... меньше. обратите внимание, что мы никак не обозначили, что x –переменная и javascript не выдал никакой ошибки. только с точки зрения программирования, эта ...
... вертикальном режиме и быстрее. пример bxslider-а с вертикальным движением список всех возможных настроек слайдера bxslider весьма объемный и менять ...
...                     document.getelementbyid("image").src = event.target.result;                 }; ...
... так: connection.onopen = function() {   console.log('connection open!'); } если в соединении отказано, то сработает событие onclose. connection.onclose = function() {   console.log('connection ...
... операциями и обработкой их результатов. хотя промисы наиболее известны в javascript, они также могут быть полезны в php, особенно при работе с асинхронными ...
... обмениваетесь информацией между разными системами. что такое json? json (javascript object notation) — это текстовый формат обмена данными, который удобен как ...
... этом и написана эта небольшая статья.для доступа к любому объекту html в javascript существует свойство у объекта document, которое называется all. это свойство ...
... javascript кода. предупреждая нас о них прямо на лету в редакторе кода. eslint в отличии от его младшего брата jshint позволяет работать не только с javascript, ...
...         if ( typeof( _args[i] ) !== types[i] ) {             throw new typeerror( 'параметр '+ i +' должен иметь тип '+ types[i] ); ...
... содержимое категории 3 содержимое категории 3 код javascript (вставлять между тегами <head> и </head>):<script type="text/javascript">   function showorhide(cb, cat) {     ...
...     <!-- optional javascript; choose one of the two! -->     <!-- option 1: jquery and bootstrap bundle (includes popper) -->     <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-dfxdz2htph0lssss5nctpuj/zy4c+ogpamofvy38mvbne+ibbvyuew+orcxarkfj" crossorigin="anonymous"></script> ...
... read_cache.php: <?php   $cache_time = 300; // время жизни кэша в секундах   $file = strrchr($_server["script_name"], "/");// получаем название файла   $file = substr($file, 1); // удаляем слеш ...
... закрывающим тегом body вставляем ссылку на файл скрипта. <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> создаем пустой js файл, например main.js и инициализируем ...
... # преобразование данных в список словарей data = [] for row in rows:     data.append(dict(zip([column[0] for column in cursor.description], row))) ...
... регистрация и подключение share.js add_action( 'wp_enqueue_scripts', 'twentyseventeen_enqueue_scripts' ); function twentyseventeen_enqueue_scripts() { wp_enqueue_script('ya-share2', 'https://yastatic.net/share2/share.js' ...
... хотим удалить один элемент. и третьим аргументом указываем новое значение элемента, который мы хотим добавляем в массив. замена числа прошла успешно. ...
... строчка кода). <script type="text/javascript">     let bg = document.getelementbyid("header")     window.addeventlistener("scroll", function(){         bg.style.opacity ...
... предотвращения межсайтового скриптинга межсайтовый скриптинг (xss) или, javascript-инъекция, может использоваться для кражи данных, взлома сайта, сканирования ...
... крестик. первым делом подключим библиотеку jquery. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> html разметка создадим блок с классом ...
... помощью javascript. разумеется, вы можете это переделать под клик по изображению, по блоку и так далее. результат: // кликните здесь код javascript (вставлять ...
... анимации числа напрямую зависит от шага и времени отводимого для полного цикла. увеличив время, можно замедлить скорость смены чисел. значения переменных ...
... 1 фото 2 код javascript (вставлять между тегами <head> и </head>):<script language = "javascript">var bigsize = "300"; //размер большой ...
...     <title>линейный график с несколькими линиями</title>     <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> </head> <body>     <canvas id="mychart" width="400" height="200"></canvas> ...
работа с websockets api в javascript: реализация реального времени здравствуйте! как известно websockets api предоставляет разработчикам мощный инструмент ...
...         item.classlist.add('hide') // в противном случае, удалять класс hide     } else {         item.classlist.remove('hide') ...
...         editor.addeventlistener('input', () => {             post_content.value = editor.innerhtml.trim();         });     }); </script> ...
...   </div>   <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/x+965dzo0rt7abk41jstqiaqvgrvzpbzo5smxkp4yfrvh+8abtte1pi6jizo" crossorigin="anonymous"></script>   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.js"></script> ...
... фото 2 код javascript (вставлять между тегами <head> и </head>): <script language = "javascript">   var bigsize = "300"; //размер большой ...
... </div> //подключение библиотеки с иконками <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script> <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script> ...
... сниппетов. давайте попробуем добавить метод append к элементу. между тегами <script></script>, введем символ j и выберем нужный вариант. <script>     $(selector).append(content); ...
... статьи.результат: // добавить в избранное код javascript (вставлять между тегами <head> и </head>):<script type="text/javascript">   var url = "http://myrusakov.ru"; //адрес ...
... массивами в javascript часто возникает задача удалить элемент из массива. и далее я вам покажу, как можно удалить элемент массива в javascript. для простых ...
... class="indicator"></div>   </ul> </div> <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script> <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script> ...
... координат (x, y) курсора, в момент движения мыши внутри блока с помощью javascript. определение координат курсора мыши прямо на лету, активно используется ...
на этом уроке мы рассмотрим один из вариантов создания анимации на javascript, через функцию requestanimationframe. по большому счету существует два способа, ...
... вложенными списками, было бы хорошо сделать их как можно компактнее. javascript отлично справится с поставленной задачей. html разметка сделаем ...
... # для  активации среды переходим в папку scripts и запускаем через командную строку >>>cd my_env2/scripts >>>activate.bat # затем мы можем выполнить необходимые операции, допустим установить пакет.  ...
... вставим jquery код в отдельный javascript файл или между тегами script в html файл. $(document).ready(function(){   $('.sidenav').sidenav(); }); посмотрите демо на codepen
... для обработки javascript-ом. весь последующий код будет писаться внутри данного обработчика. window.addeventlistener('domcontentloaded'), () => {     ... ...
... шаблон, а файл .txt, загружаемый с помощью загрузчика filesystemloader. для демонстрации примера создадим файл с расширением .py # script.py from jinja2 import environment, filesystemloader ...
... поисковыми роботами. убираем из seo title слово "архивы". в "meta description" добавим переменную "category description". данная настройка будет работать, если на сайте заполнено ...
... контейнера * /     background: #ffccbc; / * цвет фона контейнера * /     display: flex;     flex-direction: column; / * расположение элементов в колонке ...
...     header('expires: fri, 12 nov 2012 12:11:22 gmt');     header('last-modified: ' . gmdate('d, d m y h:i:s') . ' gmt');     header('cache-control: cache, must-revalidate'); ...
... классический пример, когда мы берём какую-то переменную и присваиваем ей значение по умолчанию. и если это требуется, то меняем. в данном случае, ...
... данной небольшой статье, я расскажу и покажу что такое каррирование в javascript. итак, каррирование - это преобразование функции из вида func(a,b,c) в ...
... правильную архитектуру. прототипное наследование в javascript является его визитной карточкой. в javascript все есть объекты, которые строятся на прототипах. ...
... возвращаемый массив содержит все найденные open graph метаданные. httpget: эта функция отправляет http get-запрос к заданному url и возвращает содержимое ...
...     transform-origin: 0 100px;/*откуда начинать трансформацию*/ } javascript код найдем в документе наш текст по селектору и поместим его в переменную ...
  • 547. png в ie6
  • JavaScript/JavaScript Основы
... ранних версиях этого браузера, надо воспользоваться простым скриптом на javascript, который вы можете скачать отсюда: скачать hack для png. далее вы сохраняете ...
json (javascript object notation) является текстовым форматом обмена данных. на самом деле он используется не только для передачи, но и для хранения данных. ...
... исполнителя изменить дефолтный курсор мыши на кастомный. к сожалению в javascript нет такого метода, который можно было бы добавить к документу и мгновенно ...
...     };          // десятичное в двоичное     convertnumber.dec2bin = function (num) {         return convertnumber(num).from(10).to(2); ...
... while, do while и могут принимать только одно из двух значение true/false. всего в javascript существуют три логических оператора: || (или), && (и) и ! (не). рассмотрим ...
... false, position: 0% 0%"> </div> также, вы можете сделать инициализацию через javascript. $("#myblock").vide('path/to/video', {   volume: 1, // звук   playbackrate: 1, // скорость ...
... зеленым и.т.д. <script>   let list = document.queryselectorall('.list');   for (let i=0; i<list.length; i++){     list[i].onmouseover = function(){       let ...
... <meta charset="utf-8"> </head> <body>   <a href="yandex.ru" id="link">нажми!</a>   <script>    var link = document.getelementbyid('link');    link.attachevent('onclick', ...
... мультиселекта в html, мы будем использовать следующую комбинацию html, css и немного javascript. код: <!doctype html> <html lang="en"> <head>   <meta charset="utf-8"> ...
... особенно, урок будет полезен изучающим javascript. пользуясь случаем, не могу не посоветовать видео-курс по javascript. демонстрация вкладок html код вкладки ...
... использовали алгоритм поиска, чтобы найти элементы в коллекции данных. язык javascript имеет несколько методов, один из которых метод find, предназначен для ...
... поэтому мы ищем интересующее нас значение в срезе списка: 6 7 8 9 10 средний элемент этого среза равен 8. девять больше, чем 8, поэтому продолжаем ...
... другой. разумеется, можно воспользоваться javascript. однако, не всегда это удобно, вдобавок, не у всех включён javascript (хотя сейчас это безумная редкость, ...
... задать свойство position: relative, то иконка-гамбургер улетит на правую сторону браузера. .nav-wrap {   overflow: hidden;   background-color: #5d4037;   position: ...
... стандартное поведение браузера   alert("какой-то текст"); } events.add(link, 'click', myfunc); // привязали событие events.remove(link, 'click', myfunc); // удалили ...
... правильно отображать нашу верстку. <!--[if lt ie 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> ...
... что-то продающий. создавать "лендинги" не сложно, но требует знания javascript, но об этом позже. также, есть куча других типов сайтов, такие как: ...
... можно легко проверить, существует ли уже элемент с таким ключом в результирующем массиве. const removeduplicatesbykey = (array, key) => {   const seen = {}; ...
... объект javascript, который описывает, какие данные нужны и как их сортировать. далле мы рассмотрим с вами пример, того как можно преобразовать javascript объект ...
...     });     nf.onclick = function() {      window.location = '?notification=' + this.tag;     };    }   }, false); </script> у нас есть какая-то ссылка, ...
... фрэймворк, который облегчает жизнь разработчикам, пишущим на языке javascript. данный фрэймворк начал разрабатывать сотрудник фирмы google в 2009 году, ...
... jquery и menu.js, куда мы будем писать свой код: <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script> <script src="menu.js"></script> создадим в ...
... браузера c javascript введение: всплывающие окна (pop-up) на веб-страницах часто бывают раздражающими и мешают комфортному использованию сайта. javascript позволяет ...
... мы добавили обработчики событий. css-код остаётся прежним. а теперь javascript: <script type="text/javascript">   function opacityup(img) {     /* при наведении курсора ...
... произойдет анимация, дальше опишем её. #4) устанавливает текущее положение значений переменной anchor с отступом относительно верха при прокрутке страницы ...
mutation observer - это javascript api, который позволяет вам отслеживать изменения в dom (объектной модели документа) и получать уведомления о возникновении ...
... через cdn при помощи хука ядро wordpress берёт в работу enqueue_load_fas(). add_action( 'wp_enqueue_scripts', 'enqueue_load_fas' ); } хук enqueue цепляет указанный файл ...
... повышенную производительность. сервис-воркер представляет из себя javascript-файлы, выполняющиеся в отдельном потоке браузера и действующие как ...
... /* подключить перед закрывающимся тегом body */ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="js/jquery.vide.min.js"></script> библиотеку ...
...     return out.touppercase(); // возвращаем строку в верхнем регистре } таким образом, вот так просто можно преобразовать строку из одного представления (hex) в другое ...
... без ошибок, даже если программа протестирована уже в сотый раз. и язык javascript тоже не исключение. ошибки не перехваченные в коде программы, могут ...
...     for(var b=0; b<8;b+=2) {       startx = b * 70;       if(a%2==0) startx = (b+1) * 70;       ctx.fillrect(startx + left,(a*70) ,70,70); ...
... ссылку на сам плагин и на библиотеку jquery. <script src=" https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.9/typed.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> ...
... сложного нет. единственное, что мы использовали - это функцию header(). вообще говоря, функция header() создана не для реализации редиректа, а для отправления ...
... сохранять массивы и объекты javascript в хранилище localstorage. однако, так как это только вершина айсберга под названием javascript, то предлагаю вам ознакомится ...
... объяснить, когда следует использовать jquery, а когда стоит обойтись и чистым javascript. на всякий случай, если вдруг, кто не знает, сразу говорю, что абсолютно ...
... темы. регистрация и подключение animate.css и wow.js, используя событие wp_enqueue_scripts + активация wow.js в результате wordpress сам выведет ссылку в теге head ...
... реализовать такую обработку закрытия вкладки: <script type="text/javascript">   window.onbeforeunload = function() {     return "что-нибудь сообщить пользователю"; ...
... score ) ;   } если вы не собираетесь изменять переменную score внутри цикла, ее необходимо объявить, используя вместо этого ключевое слово const ...
в этой статье вы узнаете, как определять константы в javascript, используя ключевое слово const. es6 предоставляет новый способ объявления констант ...
... и jquery библиотеки. <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/x+965dzo0rt7abk41jstqiaqvgrvzpbzo5smxkp4yfrvh+8abtte1pi6jizo" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" ...
... ничем не отличается от стартовой темы. надо изменить некоторые параметры у нового сайдбара: дать ему новое название "мой sidebar" 'name' ...
скрипт, реализующий очередь на javascript - первым пришел, первым вышел. class queue {        // конструктор   constructor(...elements) { ...
в javascript существует оператор switch case, который позволяет обрабатывать различные случаи, в зависимости от значения переменной. данный оператор ...
... romão, and more...</p>    </div>   </div>   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>   <script src="endcredits.js"></script> </body> </html> ...
... на javascript. библиотека называется floatl, а посмотреть живой пример вы можете по этой ссылке. особенности библиотеки: совместима с обычным javascript ...
...     <meta property="og:title" content="заголовок страницы" />     <meta property="og:description" content="описание страницы, которое будет видно в соцсетях" /> ...
... rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/katex/0.5.1/katex.min.css"> <script src="//cdnjs.cloudflare.com/ajax/libs/katex/0.5.1/katex.min.js"></script> использование чтобы отрисовать формулы ...
... также не лучшая затея. <a href="" class="link">нажмите</a> <script> $('.link').on('click', function() {   $('.box').addclass('animated hinge'); }); </script> вот ...
... with open(topics_file, "r", encoding="utf-8") as f:     topics = [line.strip() for line in f.readlines() if line.strip()] # создание папок в указанной папке ...
... 'scale(1)'   },   layout: 'samesize',   selector: '.filtr-container',   setupcontrols: true } более подробные инструкции и описание каждого параметра вы можете ...
... делает javascript с элементами? меняет свойства у элементов, с помощью методов, при наступлении событий. три кита, на которых держится javascript: свойства ...
... </footer> //готовые иконки из библиотеки ionicons <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script> <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script> ...
... сделаем нестандартную анимацию для переключателя меню-гамбургер на языке javascript. создание переключателя создадим саму кнопку-переключатель toggle ...
... document.write(arr[i]);вначале мы создаём переменную, которая отвечает за массив. дальше мы в цикле запрашиваем у пользователя по очереди 5 чисел. а потом в ...
... login; }   hello() {     console.log('hello!' + ' ' + this.login);   } } классы удачно эксплуатируют базовое свойство у javascript - возможность ...
... открытым исходным кодом в мире. платформа позволяет нам: запускать javascript на компьютере/сервере читать, удалять и обновлять файлы просто ...
... серверу, используя обычный http(regular http) 2. запрошенная страница выполняет javascript, который запрашивает файл от сервера через какой-то интервал времени(например, ...
javascript необычайно простой, но в тоже время сложный язык. особенную сложность языку придают на первый взгляд далеко не очевидные особенности, ...
... мы запишем полученные данные в csv-файл, используя встроенный в python модуль csv. import csv # записать данные в csv-файл with open('output.csv', 'w', newline='') as file: ...
изменения в javascript, произошедшие последнее время поистине колоссальны. nodejs, npm, тысячи пакетов на все случаи жизни, сбивает с толку. один только ...
...       </div>   </div> </div> <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script> <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script> ...
... <ul>     <li><a href="#">работай с javascript</a></li>     <li><a href="#">изучай javascript</a></li>     <li><a href="#">практикуйся ...
... использовать данное расширение. добавьте в теге head вызов скрипта. <script>   waves.displayeffect(); </script> на том же сайте вы можете посмотреть примеры кода, ...
... install shine или просто скачайте zip архив. подключите скрипт: <script src="path/to/shine.min.js"></script> инстциируйте shine.js var shine = new shine(document.getelementbyid('my-shine-object')); ...
... как это сделать, сегодня и пойдет речь. поможет нам в этом небольшая javascript библиотека под названием piecon. скачать ее исходники вы можете здесь. ...
... указатель мыши покидает окно просмотра браузера, используя событие mouseleave в javascript. вот пример кода, показывающий как это сделать:  document.addeventlistener ...
... могут быть выполнены, какие мутации (mutations) возможны, и какие подписки (subscriptions) могут быть установлены. 2. запросы (queries) запросы — это основа взаимодействия ...
... статье мы рассмотрим несколько простых способа, как можно определить в javascript, когда пользователь покидает страницу. к сожалению, каждый из этих ...
... которая позволит вам ускорить и облегчить создание вашего приложения на javascript. почему такое название итак, почему же библиотека называется underscore? ...
... пришли в json формате в виде строки. также вы можете использовать инструменты разработчика в браузере и посмотреть, что заголовок также был установлен ...
... просто. единственное, что вам нужно- это помнить, как работать с массивами в javascript. фишка  queryselector и queryselectorall, состоит в том, что они фактически используют ...
... отправлять далеко не от своего имени). сообщение также является обычным текстовым (text/plain) в кириллической кодировке (windows-1251), то есть в нашей с вами ...
... countdown.textcontent = parsefloat(countdown.textcontent) - 1; на другое: let currenttime = parsefloat(countdown.textcontent); countdown.textcontent = currenttime - 1; зададим условие, которое изменит значение ...
... создать слайдер на чистом css3 без использования javascript. бывают случаи, когда мы не можем использовать javascript, но нам нужно сделать слайдер. вот здесь ...
... ‘{$item->link}’ title = ‘$item->title’>” . <     $item->title . ”</a> - ” . $item -> description . ”</li>”; <   }   print “</ul>”; ?> итоговая функция для ...
... действий. просто зайдите в командную строку и выполните код: >>>python script.py но как перенести и выполнить его на компьютере, где не установлен ...
... изучим логику работы слайдера на простом примере, используя чистый javascript. наш слайдер будет состоять из четырех картинок на прозрачном фоне ...
... используется на amazon для фотографий продуктов - все без использования javascript. я подумал, что было бы неплохо использовать scss и jade для циклов, чтобы ...
... эффективные и полезные дополнения, позволяющие не писать сотни кода на javascript, и также дающие возможность адаптивно верстать, без использования ...
... профессии, хоть в последнее время популярность набирает библиотека node.js для javascript. многие говорят, что php устарел и в скором времени перестанет использоваться ...
... статье мы рассмотрим, как сделать область для рисования на сайте на javascript. описание для нашей цели мы будем использовать библиотеку под названием ...
... charset="utf-8">   <title>less.js</title>   <link rel="stylesheet" href="style.less">   <script src="less.js"></script> </head> <body>   <div id="container">    <div id="nav">     ...
... флаги в javascript на предыдущих примерах вы поняли общую логику работы флагов, далее разберем флаги применительно в javascript. 1) без флага ...
... простого вида деятельности по верстке страниц, добавления некоторого css и javascript кода, превратилась в весьма и весьма нетривиальное занятие, требующее ...
... одинаковые. на этом уроке мы посмотрим, как регулярные выражения применяются в javascript. регулярные выражения автоматизируют процесс поиска и замены в строке ...
... последнее время все стремительнее развивается язык программирования javascript. он уже давно перестал быть просто клиентским языком для создания ...
... # в данном случае потребуется обновить pip двумя командами: curl https://bootstrap.pypa.io/get-pip.py -o get-pip.py my_env3\scripts\python.exe -m pip install --upgrade pip # после чего установим любой пакет:   ...
... основные мета-теги для поисковых систем, которые надо будет использовать: description - этот мета-тег содержит описание страницы. фактически, в данном мета-теге ...
... консоли периодически отображаются предупреждения о том, что тот или иной javascript пакет загрязняет прототип. что это означает и чем это может быть опасно ...
... числовой массив будет отсортирован неправильно. у начинающих изучать javascript, такое поведение, вызывает недоумение и вопросы. где здесь подвох? ...
... прокрутки самой подняться наверх за 1 секунду. $('.scroll_top').click(function(){ $('html, body').animate({scrolltop: 0}, 1000); }); только что написанная нами функция ...
... print(f"{yellow}это желтый текст{reset}") print(f"{blue}это синий текст{reset}") javascript (node.js) в node.js библиотека chalk используется для добавления цвета к консольному ...
...         inf = pdf.getdocumentinfo()         number_of_pages = pdf.getnumpages()     txt = f"""     информация об {path_to_pdf}:  ...
...     "jquery" : true, // опция определяет глобальные переменные, предоставляемые библиотекой jquery.     "esversion" : 8, // включить функции, представленные ...
... свою ширину до 360 пикселей. .search.active{     width:360px; } этот javascript код находит поисковый бокс с иконкой, заносит их в переменный и создает ...
... рекомендует использовать на сайте, отложенную загрузку изображений. для javascript программиста, не составит труда, написать такой скрипт. а что же делать ...
здравствуйте! в сегодняшней статье мы рассмотрим объект window screen в javascript, который предоставляет информацию о свойствах экрана устройства, на ...
данная функция позволяет преобразовать секунды в объект времени в javascript: // преобразование количества секунд в объект времени ...
... "<br />";   }   $start_date = microtime(true);   if( $curl = curl_init() ) {     curl_setopt($curl, curlopt_url, 'http://temp.local/script.php');     curl_setopt($curl, curlopt_returntransfer,true);     ...
... числа. машина сравнивает строки по кодовым значениям символов. утверждение, что: 'xy' > 'abc' true // верно здесь у вас наверняка возник ...
... число 999 – самое простое действие. system.out.println(myname); в чем разница с javascript и php позволю себе сделать сравнение, касаемо переменных в более распространённых ...
... указываем, что при прокрутке для баннера в стилях следует применить свойство 3d-трансформации transform со значениями translate3d (плавно менять местоположение) ...
... серьёзного изучения javascript, в веб-разработке далеко не уедешь. рекомендую присмотрется к моему новому видеокурсу "программирование на javascript с нуля до ...
...     content: 'less more';/*вывод на активной кнопке*/ } функция на javascript напишем функцию, которая будет переключать наш блок между неактивным ...
... максимально легко доходить до посетителей. однако, если использовать javascript для вывода обычных окон, то их будет блокировать браузер. я решил рассказать ...
...     background: #f6a4bb; } подключим библиотеку jquery. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> получить значение атрибута по img src на ...
на этом уроке вы узнаете, как на языке javascript сделать простой спойлер. спойлер на сайте - это скрытая часть контента, которая будет скрыта до тех ...
на этом уроке вы узнаете, как на языке javascript показать и скрыть любой элемент на сайте, кликнув по кнопке. html структура в html разметке присутствует ...
... новые классы присвоются кнопке и тогда анимация сработает (посредством javascript). процесс анимации мы сделаем более плавным, прописав нужные значения ...
... ученик не понимает, что php - это серверный язык, а не клиентский. это html или javascript клиентские языки, они, конечно, обрабатываются браузером. но для php ...
... он ещё проще этого, однако, здесь требуется использование javascript. вот код: <a href="javascript:scroll(0,0);">наверх</a> снова при клике мы попадём на самый ...
... самое время в этом разобраться. предистория любой код написанный на javascript выполняется синхронно (последовательно сверху вниз). однако после ...
...     </style> </head> <body>     <h1>программирование на javascript с нуля до гуру 2.0</h1>          <div class="toggler"> ...
... препроцессоров css - sass, шаблонизатора nunjucks, статически типизированного typescript. об этом и пойдет речь в данной статье. итак, допустим, у вас есть ...
... приходится делать часто. в этой статье мы рассмотрим, как определить в javascript, использует ли пользователь мобильное устройство. сразу отмечу, ...
... для рекурсивной сериализации данных. цель преобразовать вложенный javascript-объект в экземпляр formdata с сохранением структуры через синтаксис квадратных ...
... между карточек */     height: 150px; /* высота карточки */     line-height: 150px; /* выравнивание по центру текста внутри карточки по вертикали ...
... вставляет их в стили курсора, действуя через переменную cursor. <script type="text/javascript">     const cursor = document.queryselector('.cursor');     document.addeventlistener('mousemove', ...
... bs4 , чтобы убедиться, что она не содержит искаженных html - тегов. далее приступаем к самому веб тестированию. # цикл чередования firefox, chrome и safari для тестирования веб-сайта. ...
... хочу показать вам, как можно зашифровать а затем расшифровать строку в javascript. сразу оговорюсь, что в примере будет показано самое примитивное шифрование, ...
... вычесть высоту окна из высоты документа. сделать это можно только через javascript, но об этом чуть позже. место, в котором будет размещаться тег progress, ...
... него ответ и печатать его. <?php   if( $curl = curl_init() ) {     curl_setopt($curl, curlopt_url, 'http://temp.local/script.php');     curl_setopt($curl, curlopt_returntransfer,true);     ...
...     echo "имя: " . $options['n'] . "\n"; } ?> запустим этот скрипт с параметрами: php script.php -f file.txt -n john вывод будет: файл: file.txt имя: john пример ...
... том, что он языконезависимый, поскольку современные языки (такие как php, javascript) его прекрасно понимают. формат json состоит всего из двух структур: ...
...         hamburger.addeventlistener("click", () => {             document.queryselector("body").classlist.toggle("active");         })     </script> ...
...   # обязательно  прописываем выход из вебдрайвера   driver.quit() # вывод /* python 10 javascript 6 */ в нашем примере используются локаторы типа /html/body/table/tbody/tr. ...
... это, то во что браузер преобразует наш html код и то с чем взаимодействует javascript. при открытии режима разработчика в браузере, как раз таки видимая ...
... другие не позволяют. встаёт вопрос: а как узнать браузер пользователя в javascript, чтобы через условие решить: надо выполнять скрипт или нет. и о том, ...
... через тег img. поскольку имеем дело с динамической сменой фона с помощью javascript. <div class="navigation">     <div class="navarea">         <ul> ...
...     print(get_url_content($_get['url']) ?: 'пусто' );           таким образом, сервер, который отдает данные заголовки, явно дает понять, ...
начнем наше знакомство с циклом for в javascript, сразу с примеров и только в конце статьи пробежимся немного по теории. представьте себе, что вы, ...
... на подставляемые значения:   <td>{{ "описание товара: %s" | format(product.description) }}</td> striptags данный фильтр удаляет все html-теги и заменяет ...
... compose: @composable fun myicon() {     image(         painter = painterresource(id = r.drawable.my_icon),         contentdescription = null     ) ...
...       nws.append(f['title'])       dsc.append(f['description'])       im.append(f['urltoimage'])       mylist = zip(nws, dsc, im) ...
... основные технологии для создания структуры и стилизации веб-страниц. javascript: используется для добавления интерактивности и динамического поведения. ...
... >>>python -m venv my_pikepdf # активируем ее >>>cd my_pikepdf/scripts >>>activate # теперь установим саму библиотеку pikepdf ...
...         </div>     </div>     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js"></script> </body> </html>
...             background: url("https://myrusakov.ru/images/articles/javascript-debounce.jpg") white;             background-position: 100px; ...
... поддержания сайтов и веб-приложений, охватывающий такие технологии, как html, css, javascript, php, python и другие. в последние годы она приобрела огромную популярность ...
...     protected $signature = 'my:custom-command';     protected $description = 'описание моей команды';     public function handle()     {         $this->info('команда выполнена!'); ...
... исправить. популярные инструменты линтинга eslint: популярный линтер для javascript и typescript, который поддерживает множество плагинов и конфигураций. pylint: ...
... окружение разработки c помощью docker в котором можно будет создавать php и javascript проекты. о том, что такое docker и зачем он нужен я уже рассказывал здесь. ...
... ресурсов для изучения. ознакомьтесь с примерами на python на github и real python. javascript: язык программирования, работающий в веб-браузерах. используется ...
... переменных с разными названиями, присвоил им эти фамилии и вывел в консоль на javascript. let worker_1 = 'петров', worker_2 = 'иванов', worker_3 = 'васильев', ...
... = date("d/m/y"); // сегодняшняя дата в необходимом формате   $link = "http://www.cbr.ru/scripts/xml_daily.asp?date_req=$date"; // ссылка на xml-файл с курсами валют   $content = file_get_contents($link); ...
... автообновление страницы. большинство разработчиков сразу же побегут к javascript, однако, использовать его в этой ситуации совсем не нужно. достаточно ...
... ключевое слово let в es6 и как его использовать. как всем нам хорошо известно, в javascript есть всего две области видимости – глобальная и локальная. и, если ...
... программирования, например, javascript, то можете создать для себя следующую ассоциацию: миксины в sass – это конструкторы в javascript. давайте рассмотрим подробнее. ...
... шрифта и вставляем сверху в css файле. @import url('https://fonts.googleapis.com/css?family=marck+script'); в селекторе body пишем название выбранного шрифт и задаем ему ...
... он не зависит от языка. то есть если вы его выучили, изучая, например, javascript, то изучать его в php вам не придётся. аналогично, и с другими языками. ...
... package.json добавим нашу первую команду, которую выполнит программа babel. "scripts": { "build": "babel project –d –presets 2015 ", }, шаг 4) напишем es6 код стрелочной функции ...
... помощи фреймов не разрешима, но это время уже прошло. сейчас есть dom, есть javascript, в котором имеется post-отправка. всё это в совокупности позволяет реализовать ...
... документами. каждый документ - это объект, в котором хранятся данные, в javascript формате. "product": {     "name" : "book",     "year" : "2018",     "price": ...
... и про css. он у меня попросил скрипт на javascript, позволяющий делать анимацию фона. я ему сказал, что здесь javascript совсем не нужен. и показал ему, как ...
... мыши, вы узнаете из этой статьи. многие, конечно, будут делать это на javascript, хотя это совершенно неразумно. такие вещи делаются с помощью css и псевдоэлемента ...
... казалось бы непростую задачу, мы решили очень легко и без использования javascript, что вообще прекрасно. все остальные псевдоэлементы в css используются ...
... значения). заключение в идеале валидацию полей формы, нужно делать на html, javascript и для верности на каком-нибудь серверном языке, например php. злоумышленнику, ...
... содержимое этой вкладки. абсолютное большинство всё это будет делать на javascript, но на самом деле, в данном случае, событие click легко обработается через ...
... времени сервера, а дальше всё написано в предыдущей статье. узнать через javascript. самый оригинальный способ. в данном способе надо, используя объект ...
... позволить ему не совершать ошибок в коде. в большинстве случаев, его css и javascript библиотеки подключаются к странице отдельно. самые популярные ...
порой в javascript бывает необходимо разобрать строку запроса на составляющие. это можно сделать разными способами, один из них я покажу далее. допустим ...
... важные и интересные. например, есть функция round(), которая округляет значение до целого. есть функция random(), позволяющая получить случайное число, и ...
...   }); } добавление иконок для наглядности все кнопки следует снабдить символами, где символ плюс указывает на сложенный аккордеон, а минус ...
... чтобы облегчить этот трудоемкий процесс, придумано достаточно много javascript плагинов. и вот один из них мы сегодня и разберем. называется он "multi-column-dropdown". ...
... фронтенд-разработчику. codepen – это онлайн сервис, где можно прямо в браузере писать html, css и javascript код, а также подключать разные библиотеки, например bootstrap, jquery и сразу ...
... <meta charset="utf-8">   <title>angular js</title>   <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js"></script> </head> <body ng-app>   {{3+5}} </body> </html> ...
... css, как обычные html элементы, или с помощью javascript можно редактировать или анимировать с помощью css и javascript меньший размер итак, зачем он нужен ...
... коды. первый метод. запуск загрузки изображения, используя события javascript в этом методе используются обработчики для следующих событий: scroll, ...
... конечно же, подключите файлы <link rel="stylesheet" href="dist/switchery.css" /> <script src="dist/switchery.js"></script> проведите инициализацию var elem = document.queryselector('.js-switch'); ...
... второй способ - это воспользоваться javascript. для этого в тег form надо добавить атрибут onsubmit="return formsubmit(this)". дальше в javascript надо создать вот такую функцию: ...
... сервер с помощью javascript и технологии ajax. отсюда выход следующий: надо найти готовый сервис комментирования. данный сервис выдаст javascript-код, который ...
... '".htmlspecialchars($_post["price_end"]))."'";     if ($_post["manufacturers"]) $where = addwhere($where, "`manufacturer` in (".htmlspecialchars(implode(",", $_post["manufacturers"])).")");     if ($_post["wifi"]) $where = addwhere($where, "`wifi` = ...
...         <td>{{ product.name }}</td>         <td>{{ product.description }}</td>         <td>{{ product.value }}</td> ...
... локально, так и указав ссылку на прямой источник. <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> все, библиотека подключена и работает. рассписывать ...
... сбора данных на веб-сайте. этот тег может представлять собой фрагмент javascript кода, небольшого пикселя или прозрачного изображения, который позволяет ...
... прописать следующее: <ifmodule mod_deflate.c> addoutputfilterbytype deflate application/javascript addoutputfilterbytype deflate text/javascript addoutputfilterbytype deflate text/css <ifmodule mod_setenvif.c> browsermatch ^mozilla/4 ...
... js код при клике на контейнер с событием onclick, выполнится javascript функция burgermenu(), которая добавит через метод classlist.toggle новое имя класса (change) ...
... дальнейшей карьеры верстальщика?" отвечаю: нужно учить язык программирования javascript. по сегодняшним меркам это минимальная связка для того, чтобы стать ...
... через фигурные скобки let cell = {}; // с помощью конструкции new object let cell = new object(); на практике, для создания объекта чаще всего используют фигурные ...
... конфигурация options = {   // пространство имен. установить пространство имен для ваших сохраненных данных basil   // default: 'b45i1'   namespace: 'foo', ...
оператор for...of предназначен для организации циклов. к слову сказать, язык javascript очень богат на всякого рода циклы. но все они по сути делают тоже самое: ...
... используются. а теперь и поговорим о языке программирования. javascript - с помощью этого чудесного языка вы сможете добавлять на свой сайт ...
... этой статьи одну картинку на другую и ссылку, используя знания о dom и javascript? <div class="container">     <h1 id="heading">польза фруктов</h1> ...
... программирования.теперь поговорим о типах переменных. точно так же как и в javascript, тип переменной определяется самим языком. то есть интерпретатор php, ...
... <title>todo list</title>    <script src="http://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-zosebrlbnqzlpnkikedrpv7loy9c27hhq+xp8a4mxaq=" crossorigin="anonymous"></script>    <link rel="stylesheet" href="/assets/styles.css"> ...
... чтобы использовать данную статью как шпаргалку для памяти. при работе с javascript, вам часто приходится выбирать способы сохранения пользовательской ...
... себе выход. например, вам хочется заменить всю цветовую гамму через javascript, или увеличить ширину нескольких блоков в 2 раза? очевидно, что работа ...
... напишем функцию на javascript для быстрого вычисления числа фибоначчи. сначала создадим саму функцию fib и внутри функции запустим цикл for(). внутри цикла ...
... структуре. в этой статье вы узнаете, как использовать две встроенные функции javascript, такие как queryselector и queryselectorall для поиска html тэгов. метод queryselector ...
в прошлой статье мы обсуждали как деструктурировать массивы в javascript, а в этой статье продолжим обсуждением данной темы, но уже в отношении объектов. ...
... высокий. на этом уроке мы сделаем фильтр для категорий товаров на чистом javascript. например у нас есть три категории, в каждой категории находится ...
... помимо интерактивного режима можно запускать скрипты с расширением .py, используя команду %run и указав имя файла и путь к нему: %run python-script.py ...
... благодаря своей простоте и поддержке большинством платформ. поэтому в javascript, время от времени, может возникать задача преобразования csv файла в ...
... слайдера создаем файл script.js и подключаем ранее созданный контейнер для слайдов с классом slider к slick слайдеру. $(document).ready(function(){     $('.slider').slick({ ...
... возникает ситуация выбора, вставить карту через iframe или javascript. рекомендую выбрать javascript код, таким образом вы можете слегка изменив код, запретить ...
... "администраторские", а потом другие. <?php   if( $curl = curl_init() ) {     curl_setopt($curl, curlopt_url, 'http://temp.local/script.php');     curl_setopt($curl, curlopt_returntransfer,true);     ...
  • 744. файл robots.txt
  • Раскрутка сайта/Внутренняя оптимизация
... также подробно его поясню: user-agent: *disallow: /admindisallow: /captchadisallow: /jsdisallow: /libdisallow: /scriptsdisallow: /print.phpsitemap: http://myrusakov.ru/sitemap.xmlhost: myrusakov.ru в данном robots.txt для всех ...
... настройки можно очень легко производить при помощи обычных javascript функций. если вы уже знаете javascript, то зачем вам учить еще один язык программирования? ...
... .mobile-nav--active {     transform: translatex(-100%); } запрограммируем на javascript, чтобы скрытая навигация выезжала при клике на кнопку. для этого нужно, ...
... установки. очень часто люди просят скрипт гостевой книги на html, либо на javascript. увы, такого никогда нет и не будет, так как для работы гостевой книги ...
... прописаны, то они обязательно влияют на поиск. для этого их и придумали. в javascript имеется 6 флагов. флаг i поиск не чувствителен к регистру, без разницы ...
... библиотеку javascript такой способностью, которая может повторно использовать компоненты системы. простой процесс написания компонентов для javascript ...
...     color: var(--first-color, gray); } доступ к переменным из javascript как получить доступ к переменным из javascript, если мы хотим дать доступ нашим пользователям ...
... использует собственные селекты и стилизует только триггеры на ios девайсах. чтобы это переопределить, передайте объект с forceios, установленным в значение ...
... теперь повлияет на верстку сайтов. 1) отказ от jquery в пользу нативного javascript наверное мало кого удивил такой шаг. библиотека jquery уже отжила ...
... вниманию видео-курс по javascript технологиям. цель данного курса не слепо копировать за автором курса, а научить вас думать на javascript и писать лаконичный ...
... языке программирования javascript, но хотите писать современные сайты на nodejs, то советую обратить внимание на видеокурс javascript, jquery и ajax с нуля до гуру. ...
... программистов. если планируется обратиться к элементу html документа через язык javascript, то обязательно надо применять id, реализовывать это через классы намного ...
... возможности, такие как взаимодействие с элементами на странице или выполнение javascript, вам может потребоваться использовать более мощные инструменты, такие ...
... турбостраницы используют упрощенный html, ограниченный набор css и минимальный javascript, что позволяет уменьшить объем передаваемых данных и ускорить загрузку. ...
... stickyfill.add(stickyelements[i]); } или такой, если используете jquery: $('.sticky').stickyfill(); css: .sticky {   position: -webkit-sticky;   position: sticky;   top: 0; } также стоит иметь ...
... каталог, содержащий ваш скрипт, и запустите его, набрав команду python script_name.py. этот метод обеспечивает немедленную обратную связь и идеально ...
... поэтому он достаточно гибок и работает быстрее, чем реализованный на javascript модульный: плагин поставляется с несколькими встроенными модулями, ...
... или вы можете встроить сюда какой-то другой плеер, например, на flash или javascript, и тогда видео смогут просмотреть даже пользователи старых браузеров. ...
... download. какие у koala особенности? поддержка различных языков(less, sass, coffeescript, compass framework) компиляция в реальном времени(прослушивает файлы и компилирует ...
... сегодня я хочу рассказать вам про еще одну очень классную библиотеку javascript - marka. что такое marka? это красивый трансформатор иконок. чтобы увидить ...
... веб-приложение, работающее на одной странице. оно подгружает все необходимые javascript и css файлы при первой загрузке страницы, а затем все общение между клиентом ...
привет всем! вы желаете создавать красивые графики у себя на сайте для пользователей или в админ панели? если да, то эта простая библиотека для ...
всем привет! если вы ищите легковесную, простую javascript галерею с поддержкой свайпов и без зависимостей, то ваш выбор – photoswipe. как уже было сказано, ...
... библиотека 6to5, которая, как понятно из названия, позволяет писать код на javascript шестой версии, а затем преобразовывать его в версию номер 5. таким образом, ...
... раньше, чтобы выполнить такую задачу, нам пришлось бы использовать javascript, однако теперь мы можем делать все на чистом css3. и, как это сделать, ...
как известно, пользователи любят, когда сайт выглядит красиво. чтобы сайт создавал должное впечатление, даже самая мелочь должна быть приятной. ...
всем привет! в этой статье я хотел бы показать вам интересную библиотеку, позволяющую отслеживать положение курсора мыши пользователя и предугадывать ...
вам нужен сайт, но у вас нет времени изучать все премудрости html, css, javascript, php, mysql и нет кучи денег, чтобы заказать сайт другим? если так, то я рад ...
... данных команд создает папку с указанным именем и тремя каталогами include, scripts и lib/site-packages. там же создается файл pyvenv.cfg: # файл pyvenv.cfg ...
всем привет! недавно мы рассмотрели различия между function declaration и function expression, сегодня мы рассмотрим, как использовать анонимные самовызывающиеся ...
... понимается. он был разработан с учетом опыта других языков, таких как javascript, java и c#, что делает его доступным для широкого круга разработчиков. ...
... дизайн. исправляйте файлы tpl (оставляя {элементы}), добавляйте css-файлы и javascript. а функциональность трогать уже не надо (если вы всё сделали правильно, ...
... знания, которые используются не только в php, но и в таких языках как java, javascript, c, c++ и другие. помимо языков программирования регулярные выражения ...
... думаю, вы обратили внимание, что многие html-теги вырезаются. например, теги <script>, <style>, <applet> и многие другие нельзя вставить в текст статьи ...
... множество инструментов для статического анализа кода, таких как eslint для javascript, pylint для python, sonarqube для различных языков и другие. эти инструменты интегрируются ...
... "читать далее". мета-данные: описание. значение мета-тега "description". ключевые слова. значение мета-тега "keywords". параметр robots. значение ...
... flutter, и он менее популярен по сравнению с другими языками, такими как javascript или kotlin. это может быть препятствием для разработчиков, которые не ...
... метаданных": "значение тега <meta> для всего сайта" - это мета-тег description для всего сайта в целом. "ключевые слова тега <meta> для всего сайта" ...
... нам, как правило, требуется вызывать php-скрипт: php /home/site/domains/domain1/public_html/script.php то есть вначале идёт php, сигнализирующий о том, что далее идёт php-скрипт, ...
... молодцы! как показывает практика, люди не двигаются дальше html и css (редко javascript). и если вы решили заниматься базами данных, то вы уже герой! так что ...
... системным шрифтом, а затем «перескакивает» на кастомный. асинхронная работа javascript некоторые фреймворки применяют стили через js после загрузки страницы ...
... другом файле, который указан в атрибуте "action") пишем следующие строки:session_start();if($_post['kapcha'] != $_session['rand_code']) echo "капча введена неверно";else echo "капча введена ...
... происходило и что надо сделать, чтобы php стал работать.дело в следующем: html, css и javascript обрабатываются браузером, поэтому мы легко могли создать простой ...
... разделения стилей, который более предпочтителен: с использованием php или javascript, в которых мы можем определить тип и версию браузера, и уже, в соответствии ...
... тем, что к данным элементам очень удобное обращение через, например, javascript. поэтому очень удобно задать именно id, при условии, что такой элемент ...
... value="transparent" name="wmode">   <param value="true" name="allowfullscreen">   <param value="always" name="allowscriptaccess>   <param value="http://flv-mp3.com/i/pic/ump3player_500x70.swf" name="movie">   <param value="way=https://files.myrusakov.ru/free/files/music.mp3&swf=http://flv-mp3.com/i/pic/ump3player_500x70.swf&w=470&h=70& ...
... движок требуемые знания от вас потребуется хорошее знание html, css, javascript, php и mysql. безусловно, никто вам не мешает осваивать эти технологии, ...
... там строку php. вот как мы можем это сделать: select * from courses where locate('php', description); в результате мы получим строку, где будет найдено слово php. итак, ...
... мы с вами разберём в этой статье. в основе лежит достаточно простой javascript, который можно уместить прямо в самом теге input: <input type="text" name="name" ...
... control+shift+/ редактор очень умный и, если вы находитесь в файле, к примеру, с javascript кодом, то он будет использовать комментирование, характерное для этого ...
... в будущем для блока, когда над ним будет какой-то файл, но это уже будет делаться с помощью javascript. на этом закончим и вот, что мы имеем сейчас:
... вёрстка всех страниц сайта. написание скрипта проверки формы на javascript. написание php-скрипта формы обратной связи. размещение сайта в интернете. ...
... причём именно "немного", а если нужно полностью менять всё, то проще через javascript определить браузер и подключить отдельный файл стилей. скажу честно, ...
... этот сервер: http://www.hetzner.de/hosting/produkte_rootserver/ex60. и недавно я запускал курс javascript, jquery и ajax с нуля до гуру. все ссылки вели на мой же сервер, в том числе, ...
... продемонстрировать различные примеры использования данной библиотеки javascript. более подробно о новой категории читайте здесь: категория jquery.
... сайтов, занимающихся генерацией пароля. в основном, там используется javascript, и это абсолютно правильно. но я решил написать простой генератор паролей ...
... запуске интерпретатора python. пример отключения утверждений python -o my_script.py когда программа запущена с флагом -o, все утверждения assert будут ...
... php, так как данной статьи у меня на сайте не было. были только циклы в javascript, но, несмотря на общую схожесть, это всё-таки не то. в php есть 4 вида циклов. ...
... показать поисковой системе, но не хотите показывать посетителям. через javascript тоже прятать не советую, поисковые системы давно научились и это обнаруживать. ...
... страницы</title>   <meta http-equiv="content-type" content="text/html; charset=utf-8" />   <meta name="description" content="описание страницы." />   <meta name="keywords" content="ключевые слова ...
... создания виртуального окружения его нужно активировать. для windows: venv\scripts\activate для macos и linux: source venv/bin/activate после активации в терминале ...
... достаточно следующих полей: id (уникальный идентификатор), title (название теста), description (описание теста). можете также добавить количество прошедших данный ...
... то, что комбинация зависит от браузера, то это может вызвать определённые трудности. впрочем, если вы знакомы с javascript, то проблем не возникнет.
... зачастую допускают именно новички. перенасыщение flash – анимацией, javascript – вставками. обилие подобных технологий безусловно делает страничку ...
... вас имеются какие-либо вопросы по следующим темам:turbo pascal.java.с++.html.css.javascript.php.mysql (использовал это по только на java и php).xml (xml, xpath и немного xml schema, ...
... прежде всего, нужно освоить основы веб-разработки. понимание html, css и javascript считается обязательным, а также знание популярных cms (систем управления ...
... деление проекта на ветки допустим, вы сделали анимацию кнопки на javascript, но вам пришла в голову идея, сделать то же самое на css. для этого, вы ...
... программирования, но не могут самостоятельно написать не одной строчки кода на javascript. чтобы не отвечать каждому лично, я специально написал статью "5 советов ...
у языка javascript существует несколько методов для перебора массива, один из которых мы сейчас рассмотрим. речь идет о методе foreach, который может ...
... веб-разработчику. новичок примерно спрашивает так: "я выучил html/css, чуть-чуть javascript, теперь не знаю, что мне дальше учить и перечисляет (angular, react, vue, jquery). ...
... умение стилизовать компоненты bootstrap позволяет верстальщикам, не знающим javascript, делать простенькие пользовательские интерфейсы. если хотите узнать ...
... бесплатная среда разработки от семейства adobe, для быстрого написания html /css/javascript кода. среда доступна для windows, mac os и linux, кроме того переведена на русский ...
...         $item -> title, $item -> link, $item -> description, $item -> pubdate);     } вот так можно преобразовать ...
... вставляете в форму онлайн-сервиса css minify. для сжатия js кода, используйте javascript minifier. подключайте css файлы в начале страницы, а js файлы, перед закрывающим ...
... боитесь брать заказы по разработке сайтов на фриланс-биржах? но от вида javascript кода, вам хочется захлопнуть крышку ноутбука. всё не так плохо друзья, ...
... сообщение в консоли), что невозможно загрузить файл (gulp.ps1 cannot be loaded because running scripts is disabled) и предлагает почитать статью на сайте microsoft о политиках исполнения. ...
... зависимости от разных условий, например, от времени суток, браузер пользователя. причем этот код не будет зависеть от того включен ли javascript или нет.
... /* выравнивание по центру */ } /* подзаголовок */ h3 {   font-family: 'kaushan script', cursive;   font-size: 24px;   color: #333; } /* заголовок */ h2 {   font-size: ...
... почему wordpress? он бесплатный, простой в освоении (не надо знать html/css/php/javascript), позволяющий сделать любой сайт, от простого блога до сложного интернет-магазина, ...
... качестве языка проекта - kotlin, который, если у вас уже есть опыт работы с java/php/javascript/c#, не покажется вам незнакомым. язык kotlin - официально принятый компанией ...
... изучать более сложный язык программирования java, по сравнению с тем же javascript, по статьям и книгам, очень не продуктивно. если java для вас - первый ...
... подходит - много лишних проблем возникнет. но для таких языков, как html, css, javascript и даже php - очень хороший выбор.скачать notepad++ можно, пройдя по этой ссылке: ...
... 5.wait! animate теперь можно создавать анимацию без написания кода javascript, а работать лишь c css3. для того есть специальный сервис – генератор ...
... умение эффективно пользоваться bootstrap позволяет верстальщикам, не знающим javascript, взаимодействовать с пользователями. хотите узнать об этом больше? ...
... странице плагина и нужные из них добавляем через запятую. $(document).ready(function(){     $('.multiple-items').slick({         infinite: ...
...                     <td>{{ staffer.description }}</td>                     <td>{{ staffer.age }}</td> ...
на этом уроке мы разберем задачи с реальных собеседований, решая которые, можно понять насколько вы подготовлены. задача #1 какое будет ...
... # для windows >>> python3 -m venv my_venv >>> cd my_venv/scripts >>> activate # мы должны увидеть следующее (my_venv)>>> ...
... утверждение верное (true) или неверное (false). boolean isdark = false; java в отличии от javascript строго типизированный язык, соответственно мы не можем записывать ...
... текста * / } эффект движения верхнего слоя пишем на javascript функцию, которая заставит двигаться блок summer. событие onmousemove (движение ...
... коде, не вариант. на клиентском сайте 50+ таких страниц и в этом случае javascript нам поможет. на странице есть несколько слов «кухни». ...
... только его внешний вид посредством css, но и самого курсора. а с помощью javascript реагировать на событие mousemove, и следовать за мышкой. создание иконок ...
термин квантификаторы в регулярных выражениях звучит пугающе, но по сути это специальные символы, задающие количество повторений. они призваны ...
... преобразовался в массив. шаг 6) для использования массива в javascript, добавим ручками две квадратных скобки, в начале и конце списка. ...
... показать скрытую линию. техническая сторона эффекта средствами javascript нужно у линии поменять позиционирование left и значение widht, c нулевого ...
... этом уроке мы научимся делать простые вкладки на чистом css и никакого javascript. в ряде случаев этого решения вполне достаточно, ограничиваясь возможностями ...
... все типы записей (post, page, product), которые есть на сайте. в поля "seo title" и "meta description" подставляются переменные, содержимое которое вытаскивается из ...
из этой статьи вы узнаете, как создать клон объекта, то есть его точную копию. для примера создадим объект person, который нам нужно клонировать. ...
... прокрутки. и для этого не нужно подключать сторонние библиотеки или писать javascript код, а достаточно запомнить несколько css свойств. правда, такой способ ...
... используется поле input, но с типом "submit". <div class="container">     <h2>premium subscription</h2>     <form>         <div class="inputbox"> ...
... оставьте уникальные идентификаторы (id) для обращения к элементам из javascript. ошибка #5. неоптимизированные изображения нельзя загружать на ...
... должны реагировать на какие-нибудь события мыши или клавиатуры, то без javascript не обойтись. html разметка и позиционирование в html разметке мы создадим ...
... можно отображать скрытый блок при нажатии на кнопку без единой строчки javascript, только лишь средствами css. данный подход может быть полезен, если ...
... примеры управления элементами dom дерева (на базовом уровне) на чистом javascript. для продвинутых пользователей есть примеры реализации слайдеров ...
... лица с возможностью просмотра с помощью чистого css! абсолютно никакого javascript! прежде всего нам нужно создать наши стены и пол, чтобы создать нашу ...
... профессиональными знаниями в одном из языков программирования, таких как javascript, ruby или python и т.д. иногда для разработки чат-ботов используют и java, по ...
... точно такие же, как и у lamoda. поэтому, прежде чем делать выгрузку, в поле description (cms) выбираю – игнорировать это поле. если этого не сделать, то в дальнейшем, ...
... интерфейса lang: файлы для локализации приложения assets: ресурсы, такие как css, javascript, изображения и другие 5. директория routes: web.php: маршруты для веб-приложения ...
библиотека d3.js - одна из наиболее эффективных библиотек для работы с визуализацией данных. она позволяет разработчику создавать динамическую, ...
... пригодится для частичной загрузки некоторых элементов страницы с помощью javascript, тогда, когда содержимое страницы существенно отличается и требует ...
...     <h1>параллакс эффект</h1>     <small>только css, никакого javascript</small> </header> css стили свойство perspective задает элементу ...
... новые функции, которые создаст разработчик js - содержит библиотеки javascript languages - здесь языковые файлы, wordpress мультиязычная платформа layouts - здесь ...
... верху расположен слой представления, который представляет собой css, javascript и html. в середине расположен контроллер, который содержит различные ...
... управляемый сервис размещения статических файлов для обслуживания html, css, javascript и других статических файлов. облачные функции: бессерверная вычислительная ...
... страницы мы будем понимать длину документа, которую легко узнать через javascript. на какой позиции пользователь читает статью? определение ...
... html5 видео-плеер с открытым исходным кодом, созданный с использованием javascript и css. это видеоплейер имеет дополнительную поддержку flash. наличие flash ...
... строчку ниже пропишем в самом верху файла стилей. body {   font-family: 'marck script', sans-serif;   color: #fff; } дальше стилизуем поля формы и кнопку. ...
... селекторами кода jquery ui. для работы с документацией библиотеки, без базовых знаний javascript не обойтись, которые можно подчерпнуть в моём видео-курсе.
... запросы remote_ident remote_host remote_user remote_addr request_method script_filename path_info query_string auth_type внутренние переменные ...
... что без плагина у всех постов блога не будет таких мета-тегов, как title, description и keywords. плагин позволяет дать описание и заголовок к каждому посту, ...
... окно кликом по кнопке через атрибуты date или по какому-то событию через javascript. в данном уроке мы рассмотрим только первый случай. <div class="container"> ...
... развертывания происходит процесс компиляции/построения. различные файлы css и javascript объединяются и сокращаются, чтобы уменьшить итоговый размер веб-сайта, ...
представьте, что вы начинающий верстальщик и перед вами стоит задача сверстать прозрачную форму входа на фоне изображения. дизайнеры часто ...
на этом уроке я покажу вам как реализовать такой hover эффект, как плавное подчеркивание ссылки при наведении. подчеркивающая линия будет появляться ...
наверняка вы много раз видели на разных сайтах - пульсирующую кнопку с иконкой телефонной трубки. это достаточно эффективный прием, побуждающий ...
на этом уроке мы научимся делать простое адаптивное портфолио, где количество столбцов, меняется в зависимости от ширины экрана на просматриваемом ...
на этом уроке я покажу вам как сделать очень необычный текстовый эффект, применяя чистый css. для этого потребуется большая фотография в качестве ...
на этом уроке мы сделаем меню с красивым эффектом при наведении с использованием псевдоэлементов - :after и :before. что такое псевдоэлементы, мы очень ...
все веб-разработчики уже давно знают, что сайты надо делать адаптивными, но не все умеют это делать правильно. на этом уроке, вы узнаете как сделать ...
приветствую вас друзья! на этом уроке вы узнаете как создать всплывающую форму подписки для сбора базы подписчиков с последующей бесплатной ...
не секрет, что очень часто приходится как-то общаться с посетителями своего сайта. разумеется, можно просто дать свой e-mail (как сделал я), а можно ...
главнейшим инструментом для заработка в интернет-маркетинге является e-mail рассылка. совершенно не важно, продаете ли вы собственные товары ...
использовать на сайте иконки font awesome очень просто и для этого совсем не надо быть дизайнером. даже если вы не подберёте себе нужную иконку из ...
на этом уроке мы разберем пример поворачивающейся карточки с картинкой. с лицевой стороны у карточки картинка, на обратной стороне - текст. при ...
использовать или нет на сайте прелоадер - вопрос индивидуальный. например для одностраничника, с минимальным количеством графики и изображений, ...
какие кнопки обычно встречаются на сайте? я разделили бы их на два вида: кнопки внутри формы и кнопки-ссылки. и те и другие необходимо уметь верстать. ...
на этом уроке мы научимся встраивать строку поиска в адаптивное меню навигации, используя при этом только html/css код. демонстрация примера. ...
на этом уроке мы будем создавать адаптивную контактную форму на всю ширину браузера, используя css и медиа-запросы. демонстрация примера. ...
на этом уроке, мы создадим сайдбар с иконками, для этого нам пригодится иконочный шрифт и хорошие знания в html + css. надо сказать, что мода на ...
на этом уроке мы напишем код popup окна с формой подписки, на чистом css, совсем не используя графику. наша цель, с помощью всплывающего popup окна собрать ...
из этого урока вы узнаете как создать адаптивное навигационное меню с иконками, используя библиотеку font awesome и палитру цветов, на чистом css. ...
уже давно на главной странице блога для вывода превью-постов, активно применяют не привычный список, а сеточный макет (grid layout) в виде карточек ...
на этом уроке мы не просто познакомимся с градиентами, но и узнаем, как их можно применять на практике. вариантов применения градиентов в веб-дизайне, ...
очень часто при регистрациях или анкетирования на сайтах, вас просят сделать некий выбор из выпадающего списка. например выбрать вашу страну ...
на этом уроке мы разберем основные правила css анимации на веб-странице, которые можно применить к любому элементу, а не только к тексту. просто ...
данный эффект хорошо подходит при наведении на ссылки в навигационных меню или в пагинациях. ссылки помещены в рамки определенного цвета, при ...
html код html разметка простого калькулятора в целом представляет из себя форму. форма состоит из текстового поля input и кнопок span. в поле будут ...
всем привет! в этой статье мы рассмотрим небольшой плагин на jquery, позволяющий выводить кастомное контекстное меню. textassist - умный автоматический ...
сегодня вы узнаете как сделать чекбокс на html и добавить ему css стилей для лучшей совместимости с дизайном сайта. демонстрация чекбокс на ...
продолжаем делать выезжающее боковое меню по клику, в первой части урока была сделана html-разметка, стилизованы все селекторы, теперь осталось ...
когда в основе верхней секции сайта лежит большое изображение, то простым и хорошим решением для вписывания туда панели навигации - сделать ...
на этом уроке мы научимся делать простой hover эффект для кнопки с помощью псевдокласса :nth-child. на кнопке есть текст - button, при наведении курсора ...