<MyRusakov.ru />

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Поиск: script . . . .

Что искали: script . . . .

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

... │     ├── icons │     │     ├── android-chrome-192x192.png │     │     ├── android-chrome-512x512.png │     │     ├── apple-touch-icon.png ...
... дизайна модуля; используйте либо default, либо именованные api последовательно. круговые зависимости: a импортирует b, а b — a. вынесите общий код в третий ...
... предсказуемая итерация. set: уникальные значения, быстрые проверки наличия, операции над множествами. weakmap/weakset: связывание данных с жизненным циклом ...
... иммутабельные паттерны: меняйте только затронутые ветви, а не весь объект целиком. для state-менеджмента рассмотрите immer: он создаёт неизменяемые копии с структурным ...
... формируются корректно. простейший путь — вызывать скрипт через subprocess. import subprocess, sys result = subprocess.run([sys.executable, "hello.py", "-h"], capture_output=true, text=true) assert ...
... если заголовок не нужен — возможно, достаточно <div>. путаница article/section. самодостаточный контент — <article>, тематическая группа — <section>. ...
... верхнеуровневые зависимости в requirements.in pip-compile requirements.in # генерирует requirements.txt с пинами pip-sync # приводит окружение к requirements.txt это помогает ...
... явно. стрелка: this берётся снаружи, своего нет. dom-обработчики: this — элемент (для обычной функции), используйте event.currenttarget. мини-практика: безопасный ...
...     let days = ['воскресенье', 'понедельник', 'вторник', 'среда', 'четверг', 'пятница', 'суббота'];     let day = days[d.getday()];     let date = d.getdate();     let month = months[d.getmonth()]; ...
... .track{background:#22c55e} :host([checked]) .thumb{left:20px} </style> <div class='track' role='switch' aria-checked='false' tabindex='0'> <div class='thumb'></div> </div>`; this._track = root.queryselector('.track'); ...
... var b = {  name: 'bob' }; a = b; b.name = "john"; console.log(a.name); если вы запустите данный пример, то увидите john, т.к. переменная a и b ссылаются на один и тот ...
... системы счисления. reduce без начального значения — проблемы с пустыми массивами и типами. мутация объектов внутри map: вы меняете исходные данные. используйте ...
... устроиться на работу web-developer'ом. зарплаты очень высокие, имейте в виду ;) итог о чем мы поговорили? какие бывают сайты. самые востребованные ...
... значения по умолчанию. освойте их комбинации, следите за ловушками (|| против ??, достаточное количество ?.) — и ваш базовый javascript станет заметно чище. ...
... name="title" placeholder="новая задача" required> <button>добавить</button> </form> <ul id="todo"></ul> const formel = document.getelementbyid('todo-form'); const listel = document.getelementbyid('todo'); ...
... <meta name="theme-color" content="#0ea5e9"> <!-- производительность --> <link rel="preconnect" href="https://cdn.example.com" crossorigin> <link rel="dns-prefetch" href="//cdn.example.com"> <link rel="preload" ...
... или фиксированные размеры, используйте poster соответствующего разрешения. слишком тяжёлые файлы — перекодируйте с разумным битрейтом, удалите ...
... не используйте role="dialog" — он встроен нативно, браузер сам объявит роль и модальность. фокус: showmodal() автоматически ставит фокус внутрь. добавьте ...
... "отправить">  </form></div></body></html>как видите, опять ничего сложного. как видите, создать свой сайт - это совсем не сложно. единственная проблема, ...
...         android:usescleartexttraffic="true"         android:theme="@style/theme.rssappdemo">         <!--               окно, которое будет отображать html страницу во встроенном браузере ...
... программу и бесплатные уроки: прокачать основы javascript на практическом курсе «с нуля до гуру 2.0». курс помогает выстроить правильные привычки и ...
... await maplimit(ids, 2, load); // максимум 2 одновременные задачи чеклист лучших практик независимые задачи запускайте через promise.all — это быстрее. добавляйте ...
... постановки — 2, и потом 4 (таймер, добавленный из микрозадачи). небольшое отличие в node.js в node.js есть ещё process.nexttick — спец. очередь, выполняется раньше ...
...     background: linear-gradient(180deg,#2f2f2f,#3f3f3f);     box-shadow: inset -8px 0 8px rgba(0,0,0,0.15),     inset 0 -8px 8px rgba(0,0,0,0.25),     0 0 0 2px rgba(0,0,0,0.75),     10px ...
... форма:" + "\n" + bad;    alert(bad);    return false;  }  return true;}в данном скрипте мы сначала получаем все данные, нуждающиеся в проверке, и записываем ...
...     // if timer is running simply return from it     if (this.running) {         return;     }     this.running = true; ...
... node.js. другой путь - использовать такие сервисы, как pusher или beaconpush и их api. заключение websockets очень легки в использовании, очень быстры, надежны ...
... себя большее количество локализаций (разные языки). <script src="node_modules/moment/min/moment-with-locales.min.js"></script> указав нужный язык, библиотека выдаст ...
... практического курса: прокачать вёрстку на курсе «вёрстка сайта с нуля 2.0» — от основ html/css до адаптивов, сборки и типичных паттернов на реальных ...
... лучших практик json в python для файлов: json.load/json.dump и encoding="utf-8". для строк: json.loads/json.dumps. для продакшена: compact json (separators), для ревью — indent и sort_keys. русский текст: ...
... используете ли вы чистый javascript или сторонние библиотеки, такие как hammer.js или swiper.js, обработка свайпов может значительно повысить удобство использования ...
... type="module">    import { something } from './somewhere.js';    // ...   </script> модули парсятся только один раз, независимо от того, сколько раз они используются ...
... web storage. объём ограничен, api синхронный — не кладите большие данные и не вызывайте операции в горячих циклах рендера. данные доступны только тому ...
... без javascript. используйте их для faq, спойлеров и документации, стилизуйте маркер, добавляйте аккуратную анимацию и помните о доступности. такой ...
...     ); } export default giftcard; после создания всех файлов как в примерах выше, вы получите приложение похоже на картинку в начале статьи.
... имитируйте списки с помощью <br> или последовательностей символов «-», «•». если по крайней нужде верстаете «список на div», добавьте роли: role="list" ...
... res.ok — используйте обёртку. нет тайм-аута — добавьте abortcontroller. случайно перезаписали headers — объединяйте их аккуратно, учитывая content-type. отправляете ...
... устройствах: иногда агрессивная ленивая загрузка ухудшает ux при быстрых скроллах. как проверить эффект запустите lighthouse в chrome devtools до и после внедрения ...
... определённые значения, то последние, наоборот, их изменяют. собственно, данный скрипт я мог бы не приводить, но, чтобы не осталось никаких вопросов, давайте ...
  • 40. файл robots.txt
  • Раскрутка сайта/Внутренняя оптимизация
... страницы. и вот для того, чтобы убрать дублирование (злейший враг оптимизации), возникающее вот от таких параметров, нужно использовать директиву ...
...                     # vacancies.append(str(vacancy))                     # останавливаем запрос на 500 мс ...
...         </div>     </div>     <script src="https://www.google.com/recaptcha/api.js?hl=ru" async defer></script>     <!-- добавляем модули firebase --> ...
...           <tbody>             {newdata.map(function(user) {               return (                 <tr key={user.id}> ...
... порекомендовать данную компанию, то придётся вам это делать бесплатно, как это делаю я сейчас. на мой взгляд, это огромное их упущение. с другой стороны, ...
... отдельных присваиваний, но не стоит злоупотреблять: слишком глубокая деструктуризация может ухудшить читаемость. обмен значений переменных деструктуризация ...
... видите, настраивать достаточно много для добавления новой статьи в joomla. однако, вы, наверняка, обратили внимание на значение во многих настройках ...
... from google.cloud import speech import io def transcribe_audio(audio_file):     client = speech.speechclient()     with io.open(audio_file, "rb") as f:         content = f.read() ...
... используйте clamp() для fluid‑типографики и мягких отступов. медиа‑запросы — в em, чтобы уважать пользовательский зум. aspect-ratio вместо процентных паддингов ...
... создаст classmap, уменьшая количество файловых операций при загрузке классов. безопасность и актуальность зависимостей проверяйте уязвимости и устаревшие ...
...         hamburger.addeventlistener("click", () => {             document.queryselector("body").classlist.toggle("active");         }) ...
...         .pipe(nunjucks.compile())           // компипилируем шаблон         .pipe(rename({ extname: '.html' })) // переименовываем в html ...
... полезно будет потренироваться в выводе разного текста, разными цветами.увидимся в следующей статье!с уважением, михаил русаков. p.s. бесплатный ...
...   mode: 'cors' // включаем режим cors })   .then(response => response.json())   .then(data => console.log(data))   .catch(error => console.error('error:', error)); если сервер ...
... получилось некрасивое замыкание линий. теперь добавим свойство linecap и края треугольника красиво соединились. ctx.linecap = "round";
...           exclude: /node_modules/         }       ]     },     resolve: {       extensions: [ '.tsx', '.ts', '.js' ] ...
...             newwindow.document.write('<p>' + resume.experience + '</p>');             newwindow.document.write('<h2>навыки</h2>');             newwindow.document.write('<ul>'); ...
...             }         }         function drawtime(ctx, radius) {             let now = new date(); ...
... кастомные правила поверх нативных const email = form.email; const pass = form.password; if (email && email.validity.typemismatch) { showfielderror(email, 'введите корректный email'); e.preventdefault(); ...
... <div>регистрация на мероприятие будет закрыта через <span class="time">00:00:10</span> сек.</div> <script>     let tags = document.queryselectorall('.time');     for(let tag of tags) ...
... rel="apple-touch-icon" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest"> <meta name="theme-color" content="#0ea5e9"> svg‑favicon хорошо масштабируется, а theme-color подкрашивает ui браузера ...
... внимание пользователя и даст понять, что здесь будет что-то происходить. для этого предусмотрен класс .typed-cursor, его мы и пропишем стили по своему ...
... numbers.reduceright(function(a,b){   return a - b; }); console.log(rd); // -13 console.log(rd2); // -5 indexof() и lastindexof() методы indexof() и lastindexof() работают с массивами точно так же, как и со строками. var numb ...
... устанавливаем ее на заданные координаты (в данном случае — это центр лондона). api osrm: мы отправляем запрос к api osrm для вычисления маршрута между тремя ...
...      getcomments(count);     }, 3000);    }   </script> </body> не пугайтесь, тут все просто. в body, используя атрибут onload мы сразу вызываем нашу ...
...   font-size: 16px;   padding: 10px;   margin-top: 20px;   width: 100%; } файл script.js !(function () {   const form = document.getelementbyid("form");   const username = document.getelementbyid("username"); ...
... привлекательная подсказка, сформированная с помощью библиотеки jquery ui. внешний вид которой мы можем настроить, прописав свои стили. код ...
... src:. // папка src │   index.njk │ ├───includes │       _company_news.njk │       _footer.njk │       _header.njk │       _info_board.njk ...
... snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size);    snow[i].style.left=snow[i].posx;    snow[i].style.top=snow[i].posy;  }  movesnow();}function movesnow() {  for (i=0;i<=snowmax;i++) {    crds[i] += x_mv[i];    snow[i].posy+=snow[i].sink;    ...
... состоянии весь текст показывается целиком. .container .card.active:before{     border-top: 20px solid #ff3b7e;/*розовый треугольник*/     border-right: 20px solid #ff3b7e; ...
... обязательно должен быть метод render, который возвращает результат работы компонента. в примере ниже, мы видим, что компонент app вернул результат ...
... средствами одного css и нужно задействовать графические изображения. see the pen gradients with an image mask by porsake (@porsake) on codepen. интерактивные градиенты это ...
...                 return `<tr>${values.join('')}</tr>`;             })             searchresults.innerhtml = rows.join(''); ...
... функции, описывающей "правила сортировки".эта функция должна определять критерии, при которых один элемент больше другого. давайте, например, ...
...     devtool: 'inline-source-map', // карты кода для отладки     devserver: {         contentbase: './dist', // папка из которой будет брать контент сервер разработки ...
... экосистемы если не хочется писать свои утилиты, используйте battle-tested реализации из lodash: import debounce from 'lodash/debounce'; import throttle from 'lodash/throttle'; const oninput ...
... основах и продвинутых приёмах? рекомендую пройти практический курс «javascript с нуля до гуру 2.0» — прокачайте навыки на реальных задачах. итоги ...
... var(--card-fg); padding: var(--space-2); border-radius: var(--radius-2); box-shadow: 0 6px 18px rgb(0 0 0 / 8%); } .card--accent { border: 2px solid var(--color-accent); } производительность и поддержка css переменные ...
...       // используем название поля profile_image из html разметки для получения ссылки на загружаемый файл       const avatar = req.files.profile_image;       const filename = crypto.createhash('md5').update(avatar.name).digest('hex'); ...
... // удаление класса     input.classlist.remove('incorrect'); // удаление класса     if (input.value == input.dataset.right) {         input.classlist.add('correct'); ...
... вытащим значение атрибута src, то есть картинку из html-разметки (jquery_data_white.jpg). let srcvalue = $('.imageplace img').attr('src'); присвоим значение атрибута ...
... пользователь при первом заходе на сайт, поставит галочку "запомнить меня", то при повторных заходах, уже не нужно вводить данные в форму. обработчик ...
... entry_env_name.insert(0, "venv") entry_env_name.grid(row=1, column=1, padx=10, pady=5) # управление пакетами tk.label(root, text="название пакета:").grid(row=2, column=0, padx=10, pady=5, sticky="w") ...
... замене подстроки. метод называется replace() и принимает два параметра: подстроку, которую надо заменить, и подстроку, на которую надо заменить (заменяется ...
...     <meta charset="utf-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <meta http-equiv="x-ua-compatible" content="ie=edge">     <title>мое react приложение</title> ...
... близкий к нативным приложениям. service workers управляют кэшированием ресурсов и обработкой сетевых запросов, что позволяет ускорить работу приложений ...
... человеку сообщение о том, откуда он пришёл (например, с поисковой системы). если свойство referrer оказалось пустым (то есть человек непосредственно ...
...     ├───footer     ├───header     │       header.css     │       header.js     │     ├───productcard ...
... console.log(`идет гулять`);    }   }   let bingo = new dog();   bingo.walk(); // идет гулять чтобы вызвать метод базового класса в производном классе, нужно использовать ...
... не является. <div class='button' onclick='openmodal()'> открыть окно </div> хороший вариант: браузер сразу понимает, что это кнопка. <button class='button' type='button' ...
... свойство readystate. возможные значения: - 0 (connecting): соединение еще не установлено. - 1 (open): соединение установлено и готово к использованию. - 2 (closing): соединение ...
...       { coords: [51.505, -0.09], popup: 'первая метка' },       { coords: [51.51, -0.1], popup: 'вторая метка' },       { coords: [51.515, -0.11], popup: 'третья метка' }, ...
...             routelayer.clearlayers();             // рисуем маршрут между точками             const route = l.polyline([start, end], { color: 'blue', weight: 4 }).addto(routelayer); ...
... скролле страницы на wordpress, будет 100% работать, проверено на личном опыте. плагин анимации для wordpress – animate it сайт: https://ru.wordpress.org/plugins/animate-it ...
... статье ajax-форма без перезагрузки страницы, я подробно об этом рассказываю, ниже и приведу слегка измененный код, именно под нашу форму с одним ...
...     color: transparent; } *:focus::-ms-input-placeholder {     color: transparent; } сместим кнопку к правому краю формы. .booking_form .submit_button {     display: flex;     justify-content: ...
... прописали bootstrap классы чисто для красоты и чтобы не тратить время на написание собственных css стилей. стили заданы только для контейнера. отодвинем ...
... false;     };     dropzone.ondragleave = function() {      this.classname = 'dropzone';      this.innerhtml = 'перетащите файлы сюда';      ...
... document.write(i + " ");}если вы запустите этот скрипт, то увидите, что не хватает числа 50. это произошло потому, что при i = 50, мы переходим к следующей итерации цикла, ...
... если тип фильтрации - "запрет", то содержимое этого поля не имеет значения. атрибуты для фильтра. то же самое, что и "теги для фильтра", только здесь ...
... translatex задвинет меню по горизонтальной оси в невидимую область влево на 100%. background-color: #fff; transition: 0.5s; transform: translatex(-100%); а класс menu_active, при клике ...
... html разметку основной структуры, детали будем добавлять по ходу верстки. <nav></nav> <header></header> <section id="about"></section> <section id="services"></section> ...
... найти тег внутри другого тега, чтобы изменить цвет текста: $("div h3").css("color", "blue") найти тег внутри другого тега - альтернативный вариант: ...
...             }         }         // добавление обработчика события для бокового меню ...
... src="video.mp4#t=,5" controls></video> в примере выше видео начнется с самого начала и будет идти до 5-ой секунды. возможность встраивать видео в html появилась ...
... образом, у нас и меняется изображение. надеюсь, что понятно объяснил.остальные свойства объекта image в javascript используется достаточно редко, поэтому ...
... вы можете видеть, слайдер очень прост в установке и настройке, но позволяет делать по-правде шикарные вещи. спасибо за внимание и до скорого!
... заключение json placeholder api — это удобный и бесплатный инструмент для разработчиков, позволяющий работать с ненастоящими данными для тестирования, ...
...             // удаляем обработчик             delete this.eventobject[eventname][id];             // если у этого события нет подписчиков, удаляем вообще все событие ...
... создания снимка. const speechrecognition = window.speechrecognition || window.webkitspeechrecognition; const recognition = new speechrecognition(); recognition.lang = 'ru-ru'; recognition.interimresults = false; ...
... регулярное выражение для сопоставления и замены строк: formatteddate = format.replace(/mm|dd|yy|yyy/gi, matched => map[matched]); полная функция выглядит следующим ...
... запустит тесты самопроизвольно. 3) несколько cli-точек в одном проекте # tools/report.py import sys def main() -> int: print("генерация отчёта...") return 0 if __name__ == "__main__": ...
... date(i).toisostring().substr(0, 10)); осталось вывести наши данные на странице. out.innerhtml += (new date(i).toisostring().substr(0, 10) + '<br>'); сработало! мы получили ...
... cryptography api имеет хорошую поддержку в современных браузерах, хотя в некоторых нужно ставить префиксы. оригинал: http://thenewcode.com/82/recipes-for-randomness-in-javascript
... оператора new анонимный класс в javascript es6 подобно функциям, классы также могут иметь форму выражений. выражение класса не требует идентификатора ...
...   $url = “http://news.yandex.ru/gadgets.rss”;   $content = file_get_contents($url); ?> далее мы передаем содержимое переменной $content в конструктор класса simplexmlelement и получим ...
... описано в документации. давайте разберём построчно, что конкретно они делают. демонстрация работы таймера обратного отсчёта таймер обратного ...
... вывести в любом месте на странице. elem.append – добавляет элемент после последнего его дочернего элемента; elem.prepend – добавляет элемент перед первым ...
... будет вызывать ранее установленные плагины, можно передавать параметры. компилируем sass файлы в css расставляем префиксы в каскадном виде с ...
... сложенный аккордеон, а минус – на раскрытый. при клике на кнопку, знак плюс меняется на знак минус. это подходящий случай для применения псевдокласса ...
... начинается с 0, то мы получаем 7-ой месяц, несмотря на то, что сейчас август. let month = new date(); console.log(month.getmonth()); // 7 метод getdate() получаем число ...
... выполняющие тригономитреческие функции:var x = 0.1;document.write(math.sin(x) + "<br>"); //синус числаdocument.write(math.cos(x) + "<br>"); //косинус числаdocument.write(math.tan(x) + "<br>"); ...
... и прошедшее время после начала выполнения скрипта. также заметьте, что функция func() требует параметр. этот параметр передаётся в методе setinterval() ...
... world!</h1>     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>     <script type="text/javascript" src="materialize/js/materialize.min.js"></script> </body> ...
... увидите, как работает гамбургер меню на css вывод оба варианта рабочие. меню на js, скажем так – правильное, с точки зрения использования кода. ...
... объект будет перекрашиваться как "грузовой автомобиль" или как "легковой автомобиль". ведь мы можем, например, потребовать в качестве параметра ...
...     for (let field of form) {         const {name} = field;         if (name) {             const ...
... пользователь начинает взаимодействовать с формой. .form-container input[type=text]:focus, .form-container input[type=password]:focus {     background-color: #ddd;     .. } создаем ...
... переменные с числами в десятичной системе исчисления. int a = 4; int b = 7; преобразуем эти числа в двоичный код (состоящий только из нулей и единиц), ...
... значение ключа и в зависимости от результата возвращает булевое значение. если проверяемый ключ содержится в коллекции, то возвращается true. ...
... демонстрация вам того, что далеко не всегда нужно прибегать к плагинам. подобный слайдер изображений можно было сделать и с помощью плагина, ...
... видоизменять html-блоки. vue.js содержит очень подробную документацию, которая может ускорить процесс обучения разработчиков и сэкономить много времени ...
... 'red'; }); узнаем координаты мыши при клике по блоку. <div>узнать координаты</div> <script> let div = document.queryselector('div'); div.addeventlistener('click', ...
... случайно введет, число 10.5 или 10d, то функция сама обрежет до целого числа. нам нужны числа, а не строки.необходимо создать ещё одну переменную. назовем ...
... статическим методом, поскольку он не зависит от какого-либо экземпляра класса animal. es6 упростил задачу создания статических, используя ключевое слово static ...
... программировании. let a = 'удаленная работа - это новая реальность.'; let b = a.indexof('работа'); console.log(b);        // 10 ...
... range.slice(0, 18) range[7..] // range.slice(7) мы также можем скопировать массив firstrange = [0..27] secondrange = firstrange[..] теперь перейдем к объектным литералам user =   name: "виталий" ...
... ключевое слово function, потом название функции (в данном случае, пусть будет sum). внутри скобок указал два параметра, которые требуются (x и y). внутри функции ...
... элементы массива циклом for of for (const user of list) {     console.log(user); } список готов: задача №2 необходимо оставить в массиве с повторяющимися ...
... их обработку и передачу удобной как на стороне клиента, так и на сервере. этот объект особенно полезен для приложений, где требуется загрузка ...
... поняли, как это все работает, и вам было легче понять, как работают замыкания. а теперь перейдем непосредственно к теме статьи. как я уже говорил, объект ...
...                         title: {                             display: true, ...
... while true:     schedule.run_pending()     time.sleep(1) настройка smtp сервера и учетных данных перед запуском скрипта, замените следующие параметры ...
... обратится к итератору можно через встроенный в js стандартный ключ symbol.iterator. для перебора не итерируемых объектов, можно создать свой итератор. ...
... get_header('empty'); ?> практический пример стандартный вид страницы с хедером. контактная страница, без хедера. заключение точно такие же ...
... хотите глубже освоить javascript? рекомендую курс "программирование на javascript с нуля до гуру 2.0", где вы найдёте ещё больше полезных техник и приёмов!
...     images[i].style.display = 'none';     i = i - 1;     if(i < 0){         i = images.length - 1;     }     images[i].style.display = 'block'; ...
... нужному контексту данных. мини-практика: debounce на замыканиях debounce откладывает вызов функции, пока пользователь продолжает ввод. замыкание ...
...             // вызываем печать нового окна             printwindow.print();         }         // функция для перемешивания массива ...
... прозрачность .menu-icon.menu-icon-active .menu-icon-line {     background-color: transparent; } // поворот верхней линии на 45 градусов .menu-icon.menu-icon-active .menu-icon-line::before {     transform: ...
... хотя бы из этого видеокурса "создание и продвижение лендинга под ключ".обратите внимание, как привлекательно анимирована сама продающая страница ...
... slider, подключаем ссылки на slick.css, slick.js и библиотеку jquery к html документу. кроме того, у вас уже должны быть созданы и подключены ваши собственные файлы ...
... $("#form").submit(function() { отвечает за отправку данных в php обработчик через метод ajax. собираем все данные из нашей формы и при помощи функции serialize преобразуем ...
...     padding-left: 6px;     transition: all 0.4s 0.7s ease; } атрибут placeholder выводит текст белого цвета "поиск" в текстовом поле формы, который исчезает, как ...
...     <div id="myelement"></div>     <script>         const element = document.getelementbyid('myelement');         let position = 0; ...
...         # задержка времени для избежания ошибок         time.sleep(0.2)     except:         # если искомое изображение не найдено, ...
... }); метод slidedown() появление элемента, за счет увеличения его высоты. <button class="slidedown">показать(slidedown)</button> $(".slidedown").click(function(){     $("#test").slidedown(); ...
...         for (var i = 0; i < numcols; i++) {             tmprow[tmprow.length] = formatdata(options.header[i]);         }     } else { ...
... на других сайтах, где он будет применяться, просто поменяется контент. никаких долгих загрузок и прочего, всё быстро и гладко. это помогает в ...
... внутренностей программы (переменных, функций, методов), называется инкапсуляцией. в ооп это означает, что объект хранит свое состояние в приватном порядке ...
...         function openvideomodal(htmlid, htmldataattr) {             const videomodal = document.getelementbyid(htmlid);             let iframe;             // событие, возникающее при отображении модального окна ...
... если поле оставить пустым (email == ""), то удалятся оба класса и индикатор снова будет серым. function validate(){     ...     if(email.match(pattern)) ...
... прибыль в 1-й месяц после создания (если, конечно, не потратиться на рекламу). я скажу более того, если вы через полгода будете зарабатывать хотя бы ...
... test.js. url мы не указываем жёстко, он должен определиться динамически. wp_enqueue_script( 'my_theme-test', get_template_directory_uri() . '/js/test.js', array(), true ); передаются ...
... (block.offsetleft + block.clientwidth > clientwidth()) block.style.width = (clientwidth() - block.offsetleft) + "px";     if (block.offsettop + block.clientheight > clientheight()) block.style.height = (clientheight() - block.offsettop) + "px";   ...
...             // добавляем в текст страницы содержимое базового шаблона             app.html(taskstable.content);             let tasks = $('#tasks'); ...
...         item.classlist.remove('hide')     }   }) } как скрыть карточку? создадим в css класс hide. .hide {     display: none; /* скрывает элемент */ } пример фильтра ...
... ctx.stroke(); пример рисования фигуры сердце let canvas = document.getelementbyid('curve'); let ctx = canvas.getcontext('2d'); ctx.beginpath(); ctx.fillstyle="red"; // цвет ...
... далеко не от своего имени). сообщение также является обычным текстовым (text/plain) в кириллической кодировке (windows-1251), то есть в нашей с вами родной кодировке, ...
...                 new product("iphone 15", 1400.99),                 new product("samsung s12", 1200.99), ...
... возможности библиотеки fancybox, начинающий верстальщик уже можно легко брать заказы на верстку с реализацией всевозможных галерей и модальных окон.
... onclick="show('reactjs')"><ion-icon name="logo-react"></ion-icon> reactjs</div> функция находит все пункты меню. <script>     function show(a){         document.queryselector('.text2').value ...
... создайте все файлы в некоторой директории с указанным содержимым. затем выполните следующие команды: $ npm install # установит необходимые пакеты ...
... $(document).ready(function() для того, чтобы скрипт начинал работать, только после того, как вся структура dom всех элементов загрузилась и была готова. находим ...
...       printf "127.0.0.1\t %s\n" "$host_base"       printf "127.0.0.1\t %s.%s\n" "$hub_template" "$host_base"       printf "# =========== added by scripts/update_hosts.sh ========== #" ...
... касается и названия самого объекта pathobj, в обоих случаях оно должно совпадать. в противном случае анимация не сработает. добавить html / css код например, ...
... }); весь код и визуальные примеры всех вариантов с разными параметрами виджета jquery datapicker, есть на сайте jqueryui.com. jquery ui datepicker - localize calendar по ...
...         try {             await this.transaction(storename, 'readwrite', (store) => store.delete(key));             console.log('data deleted'); ...
...   const cache = await caches.open('myrusakov-cache');   const cachedresponse = await cache.match(url);   if (cachedresponse) {     // если ответ найден в кэше, возвращаем его ...
... всегда отправляйте header('content-type: application/json; charset=utf-8'). двойное кодирование. нельзя передавать в json_encode уже закодированную строку json — получите строки ...
... сверху на видимую область сайта эффект затемнения (когда видна только форма). conditions. совсем не обязательно показывать форму на главной странице, ...
...   <!-- add bootstrap js and jquery script links here if needed -->   <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>   <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script> ...
... выполнения. при необходимости модули загружаются с использованием методов ajax. эти системы помогают, но могут несоизмеримо усложниться для более крупных ...
...                 l.geojson(route, { color: 'blue' }).addto(map);             })             .catch(error => console.error('ошибка загрузки маршрута:', error)); ...
... теперь можно без проблем, вызвать метод sayhello в контексте другого объекта. код функции стал более универсальным. let user2 = {     name: ...
... скроллбара включим возможность перетаскивания ползунка у скроллбара. <!-- добавление скроллбара в html код --> <div class="swiper-scrollbar"></div> ...
... так: <header class="header"></header> <footer class="footer"></footer> ошибка #8. перегружают код лишними дивами новички иногда злоупотребляют лишними ...
... меняется.давайте сейчас сделаем простейший пример с использованием метода tostring(), чтобы вы поняли, как он вообще работает. а в следующих статьях я вам ...
... прототип (класс) быстро вносить изменения в тысячи аккаунтов пользователей. создадим нового пользователя fantomas. передадим в метод create объект user, ...
... 0 15px 25px #0fbcf955; } .navigation ul li:nth-child(5).active ~ .indicator{     transform: translatex(calc(70px * 4));     background: #ffa801;     box-shadow: 0 15px 25px #ffa80155; } ...
... объекта object.keys(obj) - извлекает все строковые перечисляемые ключи свойств object.getownpropertynames(obj) - извлекает все строковые ключи свойств object.getownpropertysymbols(obj) ...
... разобраны далеко не все возможности по работе с элементами на jquery. более подробно по работе с выборкой элементов на jquery я рассказывал здесь.
... уже и передаётся дальше.и напоследок хочется сказать, что это простейший вариант создания собственного объекта в javascript. не забывайте, что свойствами ...
... принимает значение обещания. onrejected – вызывается, когда обещание не выполнено. в качестве первого аргумента в него передается причина отказа. ...
... будет включен в новую строку. end index - извлечь символы до этого индекса, но не включая его. отрицательный индекс -1 вернет копию строки кроме последнего ...
... готовым сниппетом. на странице плагина есть список более 130 сниппетов. давайте попробуем добавить метод append к элементу. между тегами <script></script>, ...
... значение обеспечивает адаптивность. остальные свойства - чисто оформление. * {     margin: 0;     padding: 0;   } section {     color: ...
... encoding="utf-8"?> <root>     <age>35</age>     <name>anton</name> </root> глубокое копирование объектов при помощи json можно ...
...     if (shift) error.innertext = 'у вас включен capslock'     if (!capslock) error.innertext = '' }) если вам интересно создавать сайты, используя только ...
...     box-sizing: border-box;     font-family: "segoe ui light", sans-serif; } .container {     height: 100%;     display: grid;     grid-template-columns: 200px 3fr; ...
...     width: 60%; } .content .tabcontent {     width: 70%;     display: flex;     padding: 10px;     transition: 0.3s;     border: ...
... dom парсер: parser = new domparser(); преобразование текстовой строки в объект. xmldoc = parser.parsefromstring(text,"text/xml"); вывод на странице значение тега name, между ...
... является laravel, по которому у меня есть видеокурс система "laravel от а до я". курс научит вас создавать профессиональные сайты и веб-приложения быстро ...
...       const xa = x1 + dx;       const ya = y1 + dy;       const xb = x1 + 2 * dx;       const yb = y1 + 2 * dy; ...
...                 let line = '';                 const lines = [];                 for (let i = 0; i < words.length; i++) { ...
... 'число больше 10'; } } заключение в самом простом варианте, отрабатывает условие if, если оно верно, в противном случае, ничего не произойдет. ...
... привязанные только к одной конкретной роли. у объекта user есть метод getlessons() с какой-то базовой функциональностью. но у разных групп пользователей ...
... первого ползунка (75) и обращение - ui.values[1] к значению второго ползунка (300). slide: function (event, ui) {   $("#amount").val("$" + ui.values[0] + " - $" + ui.values[1]);   } чтобы ...
... придумываем название функции, получаем тег nav по id и присваиваем его переменной x. в нужном месте, мы просто пропишем x, вместо длиной записи. дальше создадим ...
... меня все готово, посмотреть как работает эффект параллакс можно здесь. выглядит просто супер, особенно учитывая то, с какой легкостью мы этого ...
... углов*/     background: #f9f9f9;/*цвет секции*/     overflow: hidden; } .container .servicebox .icon {     position: absolute;/*абсолютное позиционирование*/ ...
... события, производимые пользователем и менять css свойства прямо на ходу. во взаимодействии с пользователем и заключается вся сила языка javascript. ...
... сходства с макетом добавляем собственные классы, к стандартным классам bootstrap. /* карусель */ /* фон подложка под слайды */ .bg-item{   background: url(../images/bg.png) ...
... проходе, выводить в консоль по одному свойству, пока они не закончатся. for(let key in box){     console.log(key + " " + "-" + " " + box[key]); } запустим аналогичный ...
... передаем в переменную вывод результата в окне: каждый раз при обновлении браузера, мы будем получать случайные числа от 1 до 1000. округление ...
... наоборот при уменьшении значения у правила left, слайдер будет двигаться влево относительно розовой рамки. сейчас мы своими ручками в панели разработчика ...
... теге span с id="summaresult" с помощью метода text(), передав в параметре результат сложения. $('#summaresult').text(summa); однако, если не все поля будут заполнены, ...
... function(event) {   if (event.target == modal) {     modal.style.display = "none";   } } свободное владение языком javascript, делает создание web-страниц – не скучным ...
... срабатываем событие ondragleave, где мы возвращаем всё в исходное положение. когда человек "бросает" файл в наш блок, то срабатывает событие ondrop. там ...
... до я, поскольку ее числовой код (1105) больше, чем код последней буквы я (1103). букву ё нужно всегда специально добавлять к диапазону. let regex = /[^а-яё]/; ...
... интерфейсы, то смело переходите по этой ссылке и смотрите мой видеокурс по javascript. это то, что вам не хватает для развития и продвижения вперед.
... заказчик видимо тоже не слишком глубоко продумывает технические детали сайта. либо меню находится под шапкой сайта, а здесь нужен другой подход. ...
... вы можете освоить ajax, для ускорения работы сайта и обмена данными, довольно важно. существует огромное количество плагинов, библиотек и дополнений ...
... использовать при создании сайта или использовать только в самом крайнем случае. а, вообще, рекомендую вам ознакомиться с основами css, тогда у вас будет ...
... перестановку. если числа больше не переставляются, значит массив отсортирован. 6, 4, 14, 5, 144, 9, 1 // 1-ый проход 4, 6, 5, 14, 9, 1, 144 // 2-ой проход 4, 5, 6, 9, 14, 1, 144 4, ...
... изменить текст выводимых сообщение? просто запишем другое правило - messages. теперь сообщения будут выводиться те, что мы задали. messages: {   email: ...
... но что-то должно их переключать и это что-то будет реализовано на библиотеки jquery. сначала ставим ссылку на библиотеку и запускаем функцию, которая ...
... false); ctx.stroke(); ctx.fill(); наложение окружностей ничто не мешает накладывать окружности или дуги друг на друга, просто манипулируя ...
... setinterval(updatecounter, 1000); если после данного урока вас заинтересовал язык javascript, то переходите по ссылке на мой видеокурс. посмотрите демо на codepen
...     "action":{         "default_popup": "index.html",         "default_title": "latest covid report" ...
... мы хотим оставить:var num = 931.1256;document.write(num.tofixed(3));в результате вы увидите: "931.126", то есть округлённое число до трёх знаков после запятой.вот и все свойства ...
... 'иванов', 'васильев', 'яковлева', 'степанова']; let out_arr = document.getelementbyid('out_arr'); let str = ' '; for (let i = 0; i< worker.length; i++ ) { if (worker[i]!==undefined) ...
... callback функции. функция callto внутри себя будет принимать какое-то имя и callback. мы вызываем callback внутри этой функции. при вызове функции со звонком, передадим ...
... исправить каждый файл tpl. дальше создайте класс, который будет работать с файлами-шаблонами. в задачу этого класса будет входить работа с основными ...
... файла header.php после подключения стилей пропишем подключение jquery и custom. <script src="public/js/jquery.js"></script> <script src="public/js/custom.js"></script> теперь ...
... справляетесь с версткой (не паритесь), но хотели бы верстать ещё быстрее. в противном случае, стоит сначала поучиться верстке, на моём видеокурсе. ...
... декораторы нельзя применять к переменным вне классов. декораторы не работают с обычными функциями. использование требует поддержки со стороны окружения ...
... использования blob и file обработка файлов на клиенте: javascript позволяет работать с файлами прямо на стороне клиента без необходимости отправлять ...
... отображения карты. в качестве центра карты указываем полученные координаты. добавление метки с помощью ymaps.placemark создаём метку с информацией о вашем ...
... который вызовет этот стиль:<ul id = "header">  <li>    <a href = "http://myrusakov.ru">текст с размером 150%</a>  </li></ul>думаю, что и здесь вопросов ...
... быстро загружаются, это просто факт, в истине которого можно не сомневаться. они больше проводят времени на таких сайтах, не боясь открывать все новые ...
... координаты мыши внутри объекта определяются свойством события offset. указываем место во втором блоке, где будут выводится значения координат из объекта ...
...         out+='<button>купить</button>';         out+='</div>';     }   $('#items').html(out); }) } вот, что получилось в результате.
... запомним этот класс, в дальнейшем он свяжет форму с модальным окном. вставляем следующий код в текстовый виджет сайдбара.  <a class="button" ...
... бешеную популярность, отчасти из-за возможности гибкого получения элемента по его селектору, передав в параметрах такую конструкцию ('div.contact ...
... class="ya-share2" data-services="collections,vkontakte,facebook,odnoklassniki,moimir"></div> открываете файл single.php и вставляете код с кнопками, после строки вывода контента. <?php the_content('читать ...
...   $('.bx-slider').bxslider({     mode: 'vertical',     speed: 600   });   });   </script> теперь слайды показываются в вертикальном режиме ...
... значение false, отключает показ иконок. $( "#accordion" ).accordion({     icons: false }); с библиотекой jquery, вы можете легко и быстро создавать пользовательские ...
... имеет имени и вместо имени вставляется инструкция (код javascript), что делает эта функция. buttonelem.addeventlistener('click', function() {     buttonelem.textcontent ...
...   const passwordtext = passwordfield.textcontent;   // создаем временный элемент ввода   const tempinput = document.createelement("input");   tempinput.value = passwordtext; ...
... для всех параграфов на странице сss свойству color установлено значения cyan. $(document).ready(function () {   $("p").css("color", "cyan"); }); результат несколько ...
... проверяем: была ли отправлена форма (существует ли переданное значение "log"). если существует, значит, форма была отправлена и начинаем проверять полученные ...
... рабочий вариант. я написал также в комментариях про "асинхронную работу". есть ещё синхронный вариант. отличие только в том, что в синхронном пока ...
...         min-width: 0; } все слайды выстроим в ряд и прибьем их к верхнему краю. .slick-track{     display: flex;     align-items: flex-start; } спрячем ...
... column;/*направление в колонку*/     gap: 10px; } .details h3 {     font-weight: 600;     color: #111; } .details div {     display: flex;     align-items: ...
... вставляем код перед заголовком или наоборот заголовок поместим между тегами i. тоже самое проделываем со вторым заголовком в меню и смотрим результат ...
... противоположное значение. здесь 0 преобразовался в false и вернул его антипод: true. благодаря этой способности, двойное отрицание может использоваться, ...
... сторона карточки с подушками почему-то оказалась с текстом задом наперёд. зададим свойство ниже для обеих сторон карточки - front и back, то есть ...
... контент. - og:video, og:audio — ссылки на мультимедиа для интеграции видео или аудио. 1. статья <meta property="og:type" content="article" /> <meta property="og:title" content="как использовать open graph для seo" /> ...
... некоторыми своими отличиями. ооп это наука о том, как делать правильную архитектуру. прототипное наследование в javascript является его визитной карточкой. ...
... делаем прозрачной. ведь она должна появиться только при наведении на ссылку. .link-up a::after {   transform: translatey(-8px) translatex(7px);   opacity: 0;   border-color: ...
... ограничим область для клика мышкой, класс show служит чисто оформительским целям. почему мы заранее не внесли span в разметку? тогда пришлось для каждого ...
... программирования, но не могут самостоятельно написать не одной строчки кода на javascript. чтобы не отвечать каждому лично, я специально написал статью "5 советов ...
... самым быстрым. вы можете использовать его, если вас устраивает изменение массива. если вы не хотите изменять массив, то используйте метод slice().
... не существует, будет выполнен метод catch() и будет напечатано 'товар с id 123 и id 456 не найдены' также, так как после вызова then у нас идет вызов ...
... #d6d5d5;   color: #000; } шаг 3) добавить javascript код <script> // получить видео c конкретным id var video = document.getelementbyid("myvideo"); // получить кнопку var btn ...
... переменной, но уже добавив свойство textcontent. посмотрим, что теперь изменится. // javascript const textexample = document.queryselector('.text-example'); console.log(textexample.textcontent); ...
... для того, чтобы не происходило разрыва строки. кавычки снаружи и внутри должны быть разные. p.outerhtml = '<div id="text_change">замена всего</div>'; ...
... в фоновом режиме, порядок загрузки скриптов и их выполнение сохранится. первым загрузится скрипт, который выше расположен на странице, независимо ...
... ключевое слово this (этот). class bicycle {   constructor(brand, color, price) {     this.brand = brand;     this.color = color;     this.price = price;   } } ...
... пробелы на концах.     "curly" : true, // фигурные кавычки обязательны для каждого нового блока или области.     "strict" : true, // обязательно ...
... приоритетный порядок   // default: `['local', 'cookie', 'session', 'memory']`   storages: ['cookie', 'local']   // хранилище. установите значение по умолчанию ...
... интерактивность на сайты. именно поэтому javascript один из немногих языков, который появился без поддержки модулей. но по мере усложнения проектов, javascript не стоял ...
... установки переменной окружения type t устанавливает mime тип ответа разрешается использовать несколько флагов для правила, например, [l, ...
... картинка будет загружена и когда картинка загрузится, то мы что-нибудь сделаем. запишем объект класса promise в переменную promise. стрелочная функция принимает ...
... каждом обращении к нему, нам надо переписывать его в таком длинном виде. это неудобно, код в документе разрастается и становится трудночитаемым. ...
... например, только через 100 пикселей от низа, позволив ему появится полностью. offset: 100, по необходимости можно задержать начало исполнения анимации. ...
... беззащитна. так вот, для защиты глобальных переменных и были придуманы замыкания. пример замыканий замыкания делают код безопаснее, защищают ...
... упомянутые ранее, чтобы найти больше примеров кода и материалов для обучения каждого языка. удачи в вашем путешествии в мир программирования!
... только те изображения, которые попадают в область видимости пользователя. при прокрутке экрана вниз, подгружается следующий ряд с картинками. ...
... проделаем все тоже самое для кнопки prev. только мы будем уменьшать значение offset. если offset станет меньше нуля, то ему присваивается значение 750, чтобы ...
... результате злоумышленник авторизован под чужими данными, не зная даже пароля. а сессию украсть не получится, так как все параметры хранятся на сервере, ...
... number of units across. // $stepper is the number of pixels we need to shift // the image as we move from grid item to grid item. $zoom-size: $container-size * $zoom-factor; $offset: $zoom-size - $container-size; $stepper-count: $grid-root; @if $grid-root ...
...     </div>     <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>     <script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> ...
... умолчанию метод sort() сортирует элементы по алфавиту, как строку. let cars = ["mazda", "opel", "audi", "honda"]; cars.sort(); document.getelementbyid("demo_sort").innerhtml = cars; в параграфе ...
... значения перед возвращением. предположим, вас интересует только первый и третий элементы, возвращаемые функцией returnarr(), вы можете игнорировать ...
... delete window.b; // в обоих режимах свойство b удаляется.   delete math.pi; // в нестрогом режиме он возвращает false, поскольку pi   предварительно определен. ...
... уйдет в спам. еще очень важно разделять подписчиков на разные списки. например те, кто был подписан на обучающие статьи по программированию ...
... применена анимация с именем - animate (придумать самим) с эффектом пульсации. пульсация будет происходить линейно с длительности 1.5 секунды с бесконечным ...
... снизить прозрачность. мы выбрали значение 60% компиляция в css сейчас у нас всё прекрасно работает, но заливать файлы на сервер в таком виде не ...
... (key === 'email') {     return undefined;    }    return value;   }   const userstr = json.stringify(user, replacer);   // "{"id":003,"name":"борис"}" пример с передачей ...
... операции: && - логическое и и || - логическое или. давайте напишем такое условие:if ((x <= 5) && (x >= 0)) {//блок операторов}данное условие (сложное условие) ...
...       <h1>myrusakov!</h1>     </div>     <script src="./script.js" charset="utf-8"></script>   </body> </html> ''') ...
... прохождение видеокурса по javascript? на полное прохождение курса вместе с бонусами и выполнение всех упражнений необходимо примерно 30-35 часов.
... другая опция автообновления, то есть все ваши изменения в коде будут автоматически обновляться в браузере. при вводе кода скрипт автоматически ...
...     <!-- 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> ...
... посредством css3-кода не так просто. к счастью существует отличный инструмент - генератор градиента. css gradient generator имеет интерфейс как у photoshop, создает кросс-браузерный ...
... text-decoration: underline;    cursor: pointer;  }</style><script language = 'javascript'>var default_color = "white";function settempcolor(color) {  document.bgcolor = color;}function setdefaultcolor(color) {  default_color = color;  ...
... этого создаём ещё один файл, в котором пишем такой код:<?php  require_once "myclass.php";  $myobj = new myclass(15, 17);  echo "<br />";  echo $myobj->x;  echo "<br />";  ...
...     для устройств с размером экрана меньше 800px     отображаем гамбургер меню  */ @media screen and (max-width: 800px) {     .navbar {         padding: 0 .1rem; ...
... отобразится на сайте, при ширине окна меньше 816 пикселей. подключаем к html файлу библиотеку jquery и javascript файл. <script src="https://code.jquery.com/jquery-3.3.1.js"></script> ...
... хорошо подходит округлым фигурам (круг, овал), на сайтах это обычно кнопки. итак, у нас линейный градиент (linear-gradient), тянущийся снизу вверх (to top), ...
... эффект при наведении на событие мышью он никак не влияет, но так интереснее. при наведении курсора на иконку меняется цвет фона. .box select option:hover { ...
... ], //форматирование величин в donut-графике formatter: function (y, data) { return y + 'шт.' }, // название атрибута с данными по оси x xkey: 'label', // название ...
... очень сложный. и так оно и есть, но если рассмотреть его по базовым элементам, то ничего сложного нет. есть обычная форма и поле hidden, куда сохраняется ...
... совпадения в начале строки, а символ «$» ищет совпадения в конце строки. шаблон «/^\d\d/gm» находит двузначные цифры в начале каждой строки. ...
... различные операции. по сути, отсутствие поддержки многопоточности в js, компенсируется моделью событийного цикла - event loop. javascript - это главный ...
... цикле. пример на javascript в javascript event loop встроен в сам язык и используется вместе с обещаниями и колбэками. вот простой пример: console.log('начало'); ...
... мы будем работать с этой переменной, чтобы не писать повторяющийся код. function toggletype() {     let input = this.closest('.inputs').queryselector('.password'); ...
... объект с классом text и через свойство classname присвоить ему новый класс. //javascript let headerelement = document.queryselector('.text'); headerelement.classname = "supertext"; ...
... str.match(/делу/gi) ); // делу,делу (найдены 2 совпадения) флаг m многострочный режим якорей влияет только на поведение символов ^ $. символ ^ ищет совпадения ...
... наверх, которая появляется, когда пользователь прокрутил страницу вниз. этот элемент улучшит навигацию по сайту, особенно на страницах с длинным ...
... работы создам специальное портфолио для вакансии контент-менеджер. уберу не нужные навыки - bootstrap, jquery. добавлю нужные навыки – seo, photoshop. ...
... true, 4.5, "some string", true);в примере создаётся массив из 7-ми значений, которые могут быть считаны или перезаписаны. встаёт вопрос: как обратиться к элементу ...
... непосредственному участнику данного процесса, к консоли отладчика браузера chrome. если свойство complete вернуло true, значит все картинки загрузились. ...
... окружность рисуется с помощью метода arc(), в который передаются аргументы. ctx.linewidth = 5; // толщина линии // x,y,radius,startangle,endangle,anticlockwise ctx.arc(200,200,75,0, ...
... для пользователей, безопасность и простоту интеграции для разработчиков. используя telegram webapp и добавив ссылку на ваш сайт в url вашего telegram-бота, ...
... в результате, мы видим ( и поисковики тоже это видят) тысячи сайтов с абсолютно одинаковым контентом, ведь названия и описания из xml-файла для ...
...     padding-top: 140px;     text-align: center; } .content h2 {     font-size: 1.75em;     color: #fff;     margin-bottom: 10px; } .content p {     color: ...
... важному этапу – начать программирование на jquery. между тегами head подключаем библиотеку jquery. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> ...
... цикл будет работать, то есть выведутся числа от 10 до 30 с шагом 5 (10, 15, 20, 25). for (let i=10; i<30; i=i+5) { console.log(i); } сделаем проверку самым простым способом ...
...   template: `<p>пользователь: {{ name }}</p>`, }) export class appcomponent {   name: string;   constructor(private userservice: userservice) {     this.name = this.userservice.getusername(); ...
... buycoffee возвращает объект promise, представляющий процесс приобретения кофе. а функция resolve сигнализирует успешное завершение, оно получает в качестве ...
... рассмотрели, как реализовать линейный поиск и алгоритм двоичного поиска. алгоритм линейного поиска проще и не требует отсортированного массива. ...
... нажать ctrl+c или ctrl+d под linux. теперь займемся автоматизацией компиляции. создадим папку и файл. mkdir coffee cd coffee touch main.coffee откроем папку с файлом ...
... cdn нам не нужно скачивать все необходимые файлы, а нужен только интернет. на этом сегодня все, мы рассмотрели, как установить bootstrap 4. спасибо за ...
...     "presets": [     "es2015",     "react", ] babel позволяет разработчикам писать современный js код и не думать о кроссбраузерности.
... animations.pause(); }); ifvisible.on("focus", function() {   // возвращаем все анимации   animations.resume(); }); ifvisible.js может также обрабатывать активность и неактивность ...
... первым аргументом массива литералов является пустая строка. строка ‘ яблок стоят ’, которая находится между первым и вторым блоками выражений. ...
... плеер полностью настраивается и поддерживает ряд пользовательских тем. он также обладает встроенным прикладным интерфейсом. он имеет множество ...
... всё число целиком. let regex = /\d+/; let str = '065327894'; let result = str.match(regex); console.log(result); //065327894 ленивый квантификатор в диапазоне от 1-го до бесконечности, ...
... востребованный в веб-разработке и к счастью наиболее простой для новичка. с его помощью программисты делают сайты динамичными и «живыми». мой видеокурс ...
...     </table> {% endblock %} как вы можете видеть файл index.html расширяет main_layout.html и добавляет в него блок content, который содержит таблицу ...
... меньше, чем 900 пикселей, расположить по два столбца в ряд, вместо четырех. @media screen and (max-width: 900px) {   .column {     width: 50%;   } } ...
...             let appclassname = `                 container-fluid h-100                  d-flex flex-row  ...
... используйте его в своих проектах для улучшения пользовательского опыта и предоставления дополнительной информации о содержимом страницы.
... свойство navigator.platform также содержит строку пользовательского агента. и этот способ более надежен, чем свойство navigation.useragent. например, ...
...          console.log("подгружаем изображения с меньшим разрешением");          // логика для подгрузки облегченных изображений ...
... до правой границы области рисования, то возвращается в исходную позицию. если не очищать холст, то квадраты начнут воспроизводиться и заполнять ...
... образом мы мы научились создавать списки в c#, перебирать их поэлементно, а также использовали наиболее полезные методы для взаимодействия с ними.
... события. при клике по кнопке, запустится анимация. btn.addeventlistener('click', movedown); демонстрация анимации блока на js сейчас язык javascript востребован, ...
... условия как и циклы, twig поддерживает тег условия –if, elseif, if not и else. это вполне стандартные конструкции, которые аналогичны конструкциям ...
... продвинутые возможности для работы с данными, включая индексы, транзакции, запросы по диапазону и т.д. это позволяет эффективно хранить и извлекать ...
... свойства, но их использование крайне редкое. как правило, хватает и этих трёх. кстати, на картинке к этой статье указаны ещё несколько других свойств.
... call() и apply() эти методы также доступны через свойство function.prototype, т.е. могут вызываться у любой функции. вот как они применяются: var pad = { ...
... при прокрутке страницы вниз, будут подгружаться новые посты. как это работает? javascript по протоколу http посылает запрос на сервер. на сервере php ...
... взять свой первый заказ на фрилансе. в этом видео-курсе, я делюсь всеми своими секретами по успешному заработку на создании сайтов под заказ.
... посмотрите на codepen, что у нас получилось в итоге. изучайте javascript на моем видеокурсе, ведь без этого языка невозможно заниматься вебразработкой.
... за привязку обработчиков на события mouseover и mouseout. $(function () {   $("div").hover(onin, onout); }); // функция которая отработает при наведении курсора на ...
... безопасной альтернативой eval() является использование конструктора function. этот метод требует осторожности, но считается безопаснее, чем прямое ...
... внешний вид курсора меняется сам по себе, без привязки к самим иконкам. он пока не двигается за мышкой. ul li:hover a{     color: #b71c1c; } ...
... время для решения типовых задач, а на фрилансе 90% заказов - типовые задачи. не слушайте никого, изучайте jquery в рамках моего видеокурса. для заказчика ...
... разумеется такой возможности нет. есть еще одно важное отличие, оно касается программистов. если планируется обратиться к элементу html документа ...
... теге body достаточно просто создать div с каким-нибудь классом или id, а внутри него сделать обычные radio кнопки с id. чтобы наш скрипт заработал, в теге ...
... реализуется это с помощью редиректа с задержкой:<script language = 'javascript'>  var delay = 5000;  settimeout("document.location.href='http://b.ru'", delay);</script><p>у нашего сайта ...
... подставляться вместо фигурных скобок со значением name. и ещё один пример <input type="checkbox" ng-model="showmytext"> <div ng-show="showmytext">текст, который появится сразу ...
... </ul> </div> укажите нужные пути для картинок с разных ракурсов в атрибуте data-img-src. также, не забудьте подключить css файл. .turntable { margin: 0px; ...
...         else element.innertext =  value.trim();     } } filleditables('.editable'); tagcontentchanger('.editable', (element) => {     localstorage.setitem(element.dataset.name,element.innertext); ...
... результату. return(a+b); если программа дошла до return, то функция перестает выполняться и возвращает результат. способы объявления функции js в javascript ...
... вопрос: я хочу стать frontend-разработчикам, но не знаю с чего начать. здесь так всего много, что с ума можно сойти. фреймворки приходят и уходят, ...
... # файл утилиты командной строки, для взаимодействия с проектом из командной строки     manage.py     # рабочая папка проекта     mysite/         # файла для создания из папки mysite,  пакета python ...
... хотите стать профессионалом, тогда вам стоит ознакомиться с моим курсом. желаю удачи во всех ваших работах! не забывайте оставлять отзывы ...
... поэтому он не блокирует другие задачи, запущенные в том же потоке в браузере. вот рабочий пример этого подхода: смотрите код ленивой загрузки изображений ...
... что я поставил фигурные скобки, так как в блоке уже два оператора (два echo). также обратите внимание, что если вы используете двойные кавычки ("), то ...
... <b>петр</b>. файл file4.txt здравствуйте! меня зовут <b>федя</b>. запускаем скрипт c:/> python script.py таким ...
... останется 'далить' преобразовать строку в число в js предусмотрено автоматическое преобразование типов данных. если браузер видит, что мы ...
... поисковой оптимизации. и вот с помощью request_uri мы можем определить: с index.php или нет был вызван скрипт. и можем сделать редирект с index.php (если он присутствовал ...
... - если поставите "да", то тогда ссылки в тексте собщений будут активными. это удобно для пользователей, но ваша гостевая книга будет хорошим местом ...
... происходит через метод fetch, получаем данные не в виде текста, а в формате json. // получим кнопку по селектору const btn = document.queryselector('#btn'); // занесем ...
...         progress.update(len(data)) запуск скрипта: >>>python download_indicator.py https://download.virtualbox.org/virtualbox/6.1.18/virtualbox-6.1.18-142142-win.exe # расширения файлов должны оканчиваться на .exe, .pdf, etc. ...
... лоадеров и много другого мега полезного во фронтенд-разработке. html dom https://htmldom.dev данный ресурс содержит все возможные примеры управления ...
... и вытаскиваем его тогда, когда происходит клик по кнопке со стрелочкой, просто добавив нужный класс. на этом у меня все! спасибо за внимание!
... headers.set('content-type', 'application/json'); // удаляем заголовок headers.delete('x-my-own-header'); // укороченный вариант let headers = new headers({ ...
... echo $yellow . "это желтый текст" . $reset . php_eol; echo $blue . "это синий текст" . $reset . php_eol; эти примеры помогут начать печатать цветной текст ...
... проходе, тоже самое проделываем с последним элементом. таким образом, в переменную sum перекочевали все элементы массива. когда наше условие ...
... под шапкой, таким образом мы визуально отделяем шапку сайта от контента. высоту шапки height предпочтительно задавать не в пикселях, а в относительных ...
... градусов, но в противоположном направлении по отношению друг к другу, пересекаясь по середине, образуя крестик, а средняя полоска масштабируется ...
... перехватывать сетевые запросы и выбирать, брать ли данные из кэша или из сети. это помогает ускорить загрузку и сэкономить. предварительное кэширование: ...
... просто. итак, на этом все. надеюсь, вам понравился плагин. лично мне он очень понравился и я обязательно реализую его в своих новых проектах. удачи!
... полной загрузки документа – его надо поместить в конец разметки страницы. в общем-то, это все, что нам нужно для создания индикатора прогресса ...
... которому большинство из программистов привыкло, как не было, так и нет. стоит ли использовать такой синтаксис? решать вам! а у меня на этом все. ...
... реализация всплывающей формы на чекбоксах, костыльное. поэтому без серьёзного изучения javascript, в веб-разработке далеко не уедешь. рекомендую присмотрется ...
... координаты блока */     new_x = delta_x + x;     new_y = delta_y + y;     block.style.top = new_y + "px";     block.style.left = new_x + "px";   } </script> как видите, это ...
...   <h1 style ="color:white"> get the latest news on our website   </h1>   </div>   <div class="container">   {% for new, des, i in mylist %} ...
... разрешено, то загружаем файл       echo '1';     } else echo 'invalid file type.'; // выводим ошибку   } ?> код я прокомментировал, поэтому, думаю, что ...
... с папками: async function openfolder() {   const dirhandle = await window.showdirectorypicker();   for await (const [name, handle] of dirhandle.entries()) { ...
... поэтому для ускорения загрузки сайта, применяют отложенную загрузку шрифтов. смысл в том, чтобы браузер, начал показывать текст, как можно быстрее ...
...     console.log('start'); }); dragend событие dragend возникает в момент отпускания элемента. elem.addeventlistener('dragend', function() {     console.log('end'); }); ...
... появится иконка. как по клику по иконке вызвать меню, читайте здесь или здесь. @media screen and (max-width: 960px) {     .topnav {         display: ...
... работы с данными. сделали копию и делайте с данными, что угодно: перебирайте их в массиве, склеивайте или объединяйте, без риска для оригинала.
... скрывается через свойство display: none. if (item.innerhtml.tolowercase().indexof(filter) > -1) {     item.style.display = ''; } else {     item.style.display = 'none'; ...
... как и render, rendertostring вызовит исключение, если не сможет спарсить выражение. вы можете настроить автоматическую отрисовку. как это сделать, почитайте ...
... странице, она всегда будет оставаться сверху экрана, благодаря нулевым top и left. nav {     position: fixed;     top: 0;     left: 0;     width: ...
...         var x = 10;     }     console.log(x); // 10 (доступна внутри всей функции) } // использование let ...
...         opacity: 1;     }     60%,99%     {         opacity: 1;     }     100%     {         transform: ...
... строку с разделителем в виде перехода на новую строку   echo file_put_contents("likes.ini", $text); // записываем строку в файл и выводим false в случае неудачи ?> ...
... если (if) x<0, то таймер остановиться cleartimeout() и выскочит alert "стоп таймер и пуск ракеты!", в противном случае (else) из переменной timer, вызовется функция ...
...     dots.style.display = "none";     btntext.innerhtml = "показать меньше";     moretext.style.display = "inline"; } } условный оператор if-else, работает по ...
... 100%;     border: 1px solid rgba(0,0,0,0.2);     padding: 15px;     outline: none;     font-size: 18px; } #popup .content .inputbox input[type="submit"]{     max-width: ...
...         <a href="#" onmouseenter="imgslider('img1.jpg')">home</a>     </li>     <li>         <a href="#" onmouseenter="imgslider('img2.jpg')">about</a> ...
... пользователю достаточно лишь открыть страницу, браузер загрузит изображение, добавив к нему закодированную строку с cookie пользователя. таким образом, если ...
...     // window.environment_dev - настраиваемое свойство, которому может быть присвоено значение true где-либо еще для целей отладки и тестирования     if (window.environment_dev) {         alert('клиентская ошибка: ' + stack); ...
... будет перемещать мышь без остановки какое-то время, этот цикл повторится десятки раз. множество запланированных и немедленно отмененных тайм-аутов. ...
... вытащить значение объекта, к нему следует обратиться по ключу. пишем имя объекта, ставим точку и указываем ключ, значение которого хотим вывести. ...
... повторите эту логику, чтобы сконвертировать миллисекунды в минуты, часы и дни. выведите данные таймера, как многоразовый объект когда часы, минуты ...
... $options = getopt("f:n:", ["file:", "name:"]); if (isset($options['f'])) {     echo "файл: " . $options['f'] . "\n"; } elseif (isset($options['file'])) {     echo "файл: " . $options['file'] . "\n"; ...
... цикле for. попытка использовать ключевое слово const для объявления переменной в стандартном цикле for приведет к ошибке typeerror, как показано ниже. ...
... преимущества удобства внесения изменений остались, а фреймы ушли. и вторая задача, где постоянно встречаются фреймы - это динамически обновляющиеся ...
...     // десятичное в шестнадцатеричное     convertnumber.dec2hex = number => convertnumber(number)(10)(16);           ...
...    }   }, false); </script> у нас есть какая-то ссылка, при клике по которой мы просим пользователя разрешить показ уведомлений. если он ответит ...
... иконка гамбургера готова, но при клике по ней ничего не происходит, поскольку мы не написали ещё функцию. js код при клике на контейнер с событием ...
... окна с бесполезной информацией и множество баннеров применять не стоит. итог сегодня мы узнали основные ошибки в продвижении своего ...
... <a href="yandex.ru" id="link">нажми!</a>   <script>    function myfunc() {     alert('событие, которое не сработает.');    }    var link = document.getelementbyid('link'); ...
... bootstrap. <button type="button" class="close" data-dismiss="modal" aria-label="close">     <span aria-hidden="true">×</span> </button> если внешний вид бутстраповского крестика ...
... коллекции) и присвоим каждому из них через свойство innerhtml, с нужным словом. let homenodes = document.getelementsbyclassname('home');     for (let i = 0; i < homenodes.length; ...
... работают open source проекты, создаваемые большим сообществом программистов. вот так работает и система контроля версий git, а использует её социальная ...
... первый взгляд, так оно и есть, пока не начнешь перелопачивать эту тонну. в процессе поиска, окажется, что статья уже устарела, ведь wordpress очень ...
...       <div class="skills-percent">55%</div>     </div> <script src="script.js"></script>   </body> </html> для начала мы написали ...
... элементом. поскольку для строчных элементов нельзя установить паддинги. label {   padding: 10px 10px 10px 0;   display: inline-block; } для полей ввода, ...
... бесконечная анимация как-то оправдана, на элементе с призывом к действию. both – css стили применяются к элементу до и после анимации. научиться ...
...                 // очищаем содержимое поля ввода и снимаем фокус при нажатии клавиши delete                 inputelement.value = '';                 inputelement.blur(); ...
... сообщение на email: $to?',   to: 'html', // href/html   success: function() {    $('a.advanced').css('color','#3c3');   },   fail: function() {    $('a.advanced').css('color','#f66'); ...
...     background-size: cover; / * масштабирование с сохранением пропорций * / } .calendar{     position: relative; / * относительное позиционирование * /     width: ...
...                          // если запрошенный путь соответствует какому-либо              // маршруту, смотрим есть ли маршруты ...
... элемента на странице. после того, как у вас все готово, нужно запустить скрипт. для этого просто вызовите метод start(), как показано в коде выше. вот и все. ...
... нарисуем треугольник ctx.beginpath(); ctx.fillstyle = "red"; // меняем цвет на красный ctx.moveto(10,10); ctx.lineto(70,30); ctx.lineto(30,50); // идём с предыдущего значения координат(70,30) ...
... # цикл чередования firefox, chrome и safari для тестирования веб-сайта. webbie_url = r' https://myrusakov.ru/ '  for i in [firefox, chrome, safari]:      i.get(webbie_url)  ...
...     border: 2px solid var(--modal-color); } необъявленная переменная если по какой-то причине переменная недоступна, тогда при вызове переменной ...
... невидимым и зададим ему стили. <input type="text" name="" id="searchinput" placeholder="search"> .search .input{     position: relative;     width: 300px;     height: ...
...             chat.scrolltop = chat.scrollheight;         };         sendbutton.onclick = function() {             const message = messageinput.value; ...
... программировать на javascript – это входной билет в мир frontend-разработки, все остальные 9 навыков обнуляются, если нет js навыка, react идет паровозиком за js. без js, ...
... не будет тратить драгоценное время для поиска фавиконки, поскольку вы указали, где находятся фавиконки на вашем сайте. не стоит сильно заморачиваться ...
...     font-family: calibri, 'trebuchet ms', sans-serif; } .hidden {     display: none; // скрывает текст } javascript код по событию клика по кнопке, у текстового ...
... http://raphaeljs.com/ и http://modernizr.com/ и скачайте эти две библиотеки. в html документе подключите модернизр <script src="modernizr.js"></script> после этого перейдите на ...
... прописать его в свойствах кнопки через атрибут - data-target="#firstmodal" и data-toggle="modal". проверяем, созданное нами модальное окно, при нажатие на кнопку, оно ...
... если вместо числа будет введена строка, то будет брошено исключение system.formatexception, сигнализирующее о том, что введенное значение некорректно. ...
...     terms = form.queryselector('[name="terms"]'), //получаем поле terms     plan = form.queryselector('[name="plan"]'); //получаем поле plan создадим объект, в ...
... скажет: постой, я не знаю переменную pincode и не дам тебе положить туда число. pincode = 2654477; // это ошибка вот такой вариант уже рабочий - объявляй ...
... localmachine unrestricted проверяем версию gulp, если после ввода gulp -v, вы видите cli version: 2.2.0, значит установка прошла успешно. существенное дополнение если ...
... json with open('data.json', 'r', encoding='utf-8') as file:     data = json.load(file) print("имя:", data["name"]) print("возраст:", data["age"]) 3. парсинг json-списка иногда ...
... кавычки. данный способ является самым простым из всех используемых. мы просто создаем строку с html внутри js файла и присваиваем ее константе. далее ...
...         $('.scroll_top').removeclass('active');     } }); не забудьте подключить библиотеку jquery. демонстрация примера заключение если вы уже изучили html/css и не знаете ...
... может отправить через форму какой-нибудь вредоносный код и навредить сайту. намного безопаснее делать валидацию на стороне сервера, например на ...
...     <!-- don't use this in production: -->     <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>     <link rel="stylesheet" href="floatingbutton.css"> ...
... для позиционирования по горизонтали, установим для курсора x координату. для вертикального позиционирования установим y координату. теперь новый ...
... позволяют создавать, обновлять или удалять информацию. пример мутации: mutation {   adduser(name: "john doe", email: "john@example.com") { ...
...       });     </script>   </body> </html> в примере выше мы используем атрибут data-bs-theme для применения стилей в зависимости ...
... очередь необходимо использовать метод tostring() для преобразования их в строки. var app = document.queryselector('#app'); // получение даты var date = new date('july 4, ...
...    // для проверки возможности аутентификации пользователя    .then(authenstatus)    // если аутентификация прошла успешно, вызывать функцию ...
... <head>   <meta charset="utf-8">   <title>test</title>   <link rel="stylesheet" href="css/normalize.css">   <link rel="stylesheet" href="css/main.css">   <link rel="stylesheet" href="css/app.css"> ...
... <button id="btn" value="submit"> <script> function hello1() {     alert('hello vova!'); } function hello2() {     alert('hello alex!'); } btn.onclick = function() { alert("hello"); ...
...   return window.getcomputedstyle ? getcomputedstyle(element) : element.currentstyle; } использование аналогичное var styles = getstyle(div1); alert(styles.background); итак, сегодня мы узнали, как работать ...
... селектор для нестандартного поиска в документе и окрасили его в зеленый цвет. a[href*="ananas"] {     color: greenyellow; } метод queryselectorall ищет ...
... контейнером, чтобы иметь больше контроля над позиционированием кнопок. временно обозначим контейнер желтым цветом для наглядности. .filter { ...
... итоги деструктуризация позволяет лаконично доставать значения из массива или объекта и менять их местами, поддерживает вложенность и ...
...     <div class="card"><ion-icon name="square-outline"></ion-icon></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> ...
... сенсорное событие, которое сработает при касании пальца по розовому элементу. на большинстве десктопных устройствах нет сенсорных дисплеев и мышка ...
...     '(\\#[-a-z\\d_]*)?$','i');                            // проверка хэша     // сама проверка     return !!urlpattern.test(urlstring); ...
... значение будет отправлено при отправке формы. вот таким нехитрым образом делается абсолютно любая стилизация select на javascript. если использовать jquery, ...
... fetch('https://api.github.com/users/fabpot') .then(response => response.json()) // преобразуем ответ в json .then(data => {   console.log(data) // выводим в консоль результат выполнения response.json() ...
... позиции. const regex = /\d\d\d\d/; const str = 'новый 2021 год станет годом перемен во всем.'; const result = str.match(regex); console.log(result); символьный класс - не число: ...
... следующее: <script>   var button = document.getelementbyid('button'),       xmlhttp = new xmlhttprequest();   button.addeventlistener('click', function() {    var name = document.getelementbyid('name').value.replace(/]+>/g,''), ...
... переменная q не определена. преимущества строгого режима строгий режим изменяет ранее терпимый «плохой синтаксис» на ошибки. в случае ...
... кнопка, приличный блок (pop-up окно) и пока что, бесполезный блок с затемнением. осталось написать только небольшой кусок кода - и всё прекрасно! ...
... // добавляем элемент в массив q.push(5); // получаем длину очереди console.log(q.length); // 5 // пока длина массива не равна нулю ...
...     top: 10%;     left: 20%; } фиксируем ширину меню на 200 пикселях. width: 200px; мы дошли до пунктов меню списка. убираем маркеры у пунктов ...
... заголовка и удалить у него класс spoiler-body, чтобы блок с контентом стал видимым. метод nextelementsibling возвращает следующий элемент. элемент, по которому был ...
... каждому элементу строки можно обратиться по его индексу (порядковому номеру). когда мы обращаемся к первому элементу строки, через её индекс, то действительно ...
... const updatep3 = text => p3.textcontent = text; // создаем класса объекта наблюдения const subject = new subject(); // добавляем наши действия в список наблюдателей ...
... синтаксиса es6, сделает и так лаконичную запись метода foreach, ещё более лаконичной. cars.foreach(element => console.log(element)); заключение к счастью или к сожалению, ...
... навигации прячется за левым краем браузера. @media (max-width: 767px){     .navigation     {         left: -60px;     } ...
... чтобы освободить все ресурсы. # закрыть подключение к базе conn.close() заключение: таким образом мы узнали, как экспортировать данные ...
... php artisan route:list — отображает список всех маршрутов. создание собственных команд artisan laravel также позволяет создавать собственные команды artisan, ...
... находится ли уже какой-либо элемент страницы в полноэкранном режиме или нет. если да, то мы используем метод document.exitfullscreen() для выхода из полноэкранного ...
... любой другой скрипт на странице: у него есть доступ ко всем данным жертвы. и этот скрипт может делать все, что может делать любой другой скрипт ...
... настройки facebook включаем возможность добавления на сайт метаданных open graph. open graph отвечает за то, какой контент будет отдаваться в социальные сети ...
...             }             currentindex = (currentindex + direction + slides.length) % slides.length;             showslide(currentindex); ...
... скопируйте код из index.php скрипта в файл со страницей обратной связи (feedback.php). теперь вы можете делать всё, что пожелаете нужным между тегами <html> ...
... необязательных параметров, полный список которых можно посмотреть здесь: http://cyber.law.harvard.edu/rss/rss.html. также обратите внимание, что весь код xml-документа должен ...
... (5, 0.2)? быстрый взгляд на логику функции скажет вам, что она не может обрабатывать дробные показатели, но по закону математики, возможно возведение ...
...     // в качестве данных для загрузки из ссылки устанавливаем данные из формы     a.href = window.url.createobjecturl(         new blob([data], { type }) ...
... обучения программированию является видеокурс. представляю вашему вниманию свой новый видеокурс: «программирование на javascript с нуля до гуру 2.0».
...     });     // отключение щелчка по правой кнопке     $("body").on("contextmenu",function(e){       return fals     });   }); </script> ...
... со свойствами. что же эти свойства значат? url - адрес сервера, куда отправятся данные type - метод запроса. по-умолчанию get datatype - тип данных, которые ...
... чтобы решить эту проблему, нам нужно использовать метод pushstate: history.pushstate(null, null, 'hello'); теперь, если мы нажмем на кнопку "назад", ...
... выполняет деление, и выбрасывает исключение, если мы пытаемся делить на 0. в первом случае у нас всё сработает, во втором же мы получим исключение, ...
... очень важно знать любому, кто занимается созданием сайтов, используя пакет denwer (да и другие пакеты тоже).полный курс по php и mysql: http://srs.myrusakov.ru/php
... наших манипуляций. const btn = document.queryselector('.btn'),     elem = document.queryselector('.box'); // изначальная позиция квадрата let pos = 0; requestanimationframe ...
... элементам задача 4: изменить цвет только у второго параграфа при клике. здесь, мы конкретно обращаемся, через нумерованный индекс (число в ...
... продвинутого: d3 допускает различные инструменты для создания графики. это базовая структурированная таблица или хорошо проанализированная ...
... fa-map-marker" aria-hidden="true"></i></span>     <span class="info">ленинский пр. 25, г. москва</span>   </li>   <li>     <span class="icon"><i ...
... src="http://marvl.infotech.monash.edu/webcola/cola.v3.min.js"></script> установите greuler с помощью bower: bower install greuler подключите скачанный скрипт: <script src="bower_components/greuler/dist/greuler.js"></script> ...
... какого-то отдельного таба, где внутри мы можем писать что угодно. чтобы добавить новый таб, добавьте div с id и ссылку, которая будет ссылаться на этот ...
... выйти за пределы сайдбара, но в тоже время не обрежет его, а перенесет ниже. .sidebar {   height: 100%;   width: 180px;   position: fixed;   z-index: 1; // ...
...   </div> </div> <div class="column">   <div class="card">     <img src="dog.jpg" alt="dog">   <div class="card-content">     <a href="#">     <i ...
... третьим параметром идёт анонимная функция, принимающая данные от сервера. в теле функции мы, как и в прошлой статье, вставили полученный результат ...
... + "\n"; demo += "boolean bool = " + bool + "\n"; demo += "char c = " + c + "\n"; demo += "string str = " + str + "\n"; system.out.println(demo); преобразование строки в число любое число, заключенное ...
... запустим функцию outnum первым параметром мы передаем целевое число, на котором анимация закончится. вторым параметром - элемент, где выводить ...
... страницы использовались функции getelementbyid , getelementsbytagname и getelementsbyclassname. и, несмотря на то, что вы все еще можете видеть эти функции в старых книгах, ...
... что хотелось написать о создании и инициализации переменных в языке javascript. теперь поговорим о выводе переменных в окно браузера. выводить их можно, ...
... создание анимации теперь заставим наш текст вращаться вокруг изображения. @keyframes animate {     0%     {         transform: ...
... стрелочную функцию, которая обратно поменяет у popup значение block на none (невидимое). close.addeventlistener('click', () => {     popup.style.display = "none"; }) ...
... анимации задаем начальный координаты x,y для пчелы относительно холста. каждые 30 секунд с помощью метода setinterval запускаем функцию, которая очищает ...
... web-программисты повседневно используют данный фреймворк в своей работе. по статистике, на данный момент, около 18 миллионов сайтов сделаны при ...
... придумаем то же своё - "добавьте свои виджеты" 'description' => esc_html__( 'добавьте свои виджеты.', 'my_theme' ), остальные четыре настройки ...
... например, в папку "flowplayer". далее вы должны в теге <head> страницы, на которую будет добавлено видео, написать следующую строку: <script type="text/javascript" src="flowplayer/flowplayer-3.2.2.min.js"></script> ...
...   # обязательно  прописываем выход из вебдрайвера   driver.quit() # вывод /* python 10 javascript 6 */ в нашем примере используются локаторы типа /html/body/table/tbody/tr. ...
... важный язык, поэтому его необходимо знать любому профессиональному web-разработчику, а поможет вам изучить его курс: javascript, jquery и ajax с нуля до гуру.
... none; } #canvas {   display: none; } и, конечно же, двигатель нашей задумки - javascript. (function() {   var video = document.getelementbyid('video'),    canvas = document.getelementbyid('canvas'), ...
... только когда тип – браузер пример: 'http://example.com' imgpath string ./jquery.devicemock/img/ путь ...
... запроса и выводом результата проблем возникнуть не должно. если это не так или в данном скрипте не всё понятно, то вам тогда однозначно нужно сначала ...
... название constчасто пишут в верхнем регистре, как-бы подчеркивая её постоянство. const alfa = 99; заключение рекомендую, начинающим изучать javascript, применять ...
... php файлов описание файлов темы wordpress вся разработка ведется в functions.php, но когда у вас много кода, то вы физически не можете его разместить ...
... пользователем города и нажатии клавиши enter выводятся данные о погоде из api openweathermap. включение компонента: далее включим компонент weatherapp в корневой компонент ...
... вам нужно вывести значения этих ключей, то вы можете написать так console.log value for property, value of object запятая играет здесь ту же роль, что и в цикле for ...
... на макете активный индикатор слайдера покрашен в более темный цвет. заглянем в инструменты разработчика, чтобы посмотреть, какие ещё есть ...
...                 elem.value = doformat(elem.value, elem.getattribute('data-format'), elem.getattribute('data-mask'));                 if (elem.createtextrange) {                     var range = elem.createtextrange(); ...
... обработка потоков данных в реальном времени. давайте рассмотрим простой пример на языке программирования javascript с использованием библиотеки rxjs (reactive ...
... мы в цикле запрашиваем у пользователя по очереди 5 чисел. а потом в цикле выводим полученный массив в браузер.эта вся теория по созданию массивов ...
... слово extends. class webdeveloper extends person если конструктор дочернего класса не указан, будет использован конструктор класса-родителя. если вам нужно вызвать ...
... перерыв и затем, когда решаете продолжить обучение, понимаете, что забыли совершенно все. к счастью, есть несколько простых шагов для решения этой ...
... элемента массива или чего-либо еще на чистом javascript? подумали? страшно? если да, то в underscore.js есть специальный метод each. _.each([1, 2, 3], alert); теперь вы поняли, ...
... познакомиться с data атрибутами и не только, вы сможете в моем видеокурсе по javascript. итоги data атрибуты позволяют хранить разную информацию об элементе, ...
...         console.log('файл является изображением');     } else {         console.log('файл не является изображением');     } }); в ...
... совсем по другим принципам, нежели числа. машина сравнивает строки по кодовым значениям символов. утверждение, что: 'xy' > 'abc' true // верно ...
... = 1; i <= ndays; i++) {    document.write("<td width=30>");    if (i == thisday)      document.write("<span style = 'color: red;'>")    document.write(i);    ...
...     border-radius: 4px; /* закругленные края */ } временно, на момент выполнения скриншота, была выставлена widht: 100px, чтобы показать скрытую линию. техническая ...
... return super.shift();    }    peek() {     return !this.empty() ? this[0] : undefined;    }    empty() {     return this.length === 0;    }   }   var ...
... #1 - вводимые пользователем символы записываются в переменную text. #2 - браузер разбивает вводимые символы на соответствующий код и определяет ...
... убираем подчеркивание ссылок } изначально все вкладки нужно спрятать. .tab__box {     position: relative; // относительное позиционирование ...
... 2-х страниц с абсолютно одинаковым или практически одинаковым контентом. редирект на странице. этого поисковые системы очень не любят, и такую ...
... светодиоды, и каждая часть проходит индивидуальную проверку перед использованием в смартфоне. это называется модульным тестированием (unit testing), ...
... части. все, что нас окружает, находится в пропорциях "золотого сечения". леонардо пизанский в одной из своих задач решил посчитать, сколько пар ...
... отметить, что разработку таких приложений стоит вести достаточно аккуратно. все дело в том, что если будут утечки памяти, например, то приложение может ...
... основании этих метаданных и информации о вашей компании, представленной в google my business, google может сформировать блок информации (в правой части ...
... пользователя не число, а строку, и мы её должны сравнивать с другими строками. если введёно что-то другое (не "1", не "2" и не "3"), то выводится "вы ввели ...
... устройствах с ширина экранов, которых меньше 500 пикселей. посмотреть код целиком можно на codepen see the pen responsive navigation bar with icons by porsake (@porsake) on codepen.
... метод onendcallback(), который сработает тогда, когда счетчик закончит отсчет. к примеру, можно отсылать письма подписчикам. думаю, каждый найдет применение ...
... `<li>${tag}</li>`).join('n      ')}    </ul> </footer> </article>`; в следующей статье мы продолжим обсуждение шаблонных строк в javascript.
... формы поиска по сайту, поиск пока не рабочий, то есть без программной части. посмотреть код целиком можно на codepen see the pen search bar with submit icon by porsake (@porsake) ...
... свойству top формулу случайно созданной ширины квадрата square.style.left = math.random() * innerwidth + "px"; // вывод квадратов в секции section.appendchild(square); // метод вызывается ...
... список, если потребуется, всегда можно будет посмотреть в справочнике. а более подробно выборка элементов с помощью jquery разобрана в этом курсе.
... либо двойным кликом). это легко можно заметить по адресу в адресной строке. там будет что-то наподобие: file:///z:\home\mysite.local\www\script.php. а правильно запускать ...
... обновления состояния игры или визуализации в реальном времени без блокировки пользовательского интерфейса. это позволяет создавать более интерактивные ...
... $text));   } } откроем нашу базу данных mvc и создадим таблицу data с 2 полями. id int 11 primary_key auto_increment text varchar 255 проверим, все должно работать. введите ...
... внутри фрейма. указываете размеры карты подходящие под структуру вашего сайта. при выборе статического варианта, карта вставляется на сайт как ...
...         // проверяем наличие собственного свойства у объекта         if (obj.hasownproperty(prop)) {             // помещаем в новый объект специальный примитивный тип javascript symbol ...
... нужно полностью менять всё, то проще через javascript определить браузер и подключить отдельный файл стилей. скажу честно, я с такой задачей не сталкивался, ...
... всегда носить второе устройство только для проверки личности пользователя. однако, к счастью, мобильные устройства быстро стали популярным элементом ...
... файла, указав ваши пути до них: <link rel="stylesheet" href="css/main.css"> <script src="libs/particles/particles.min.js"></script> <script src="js/main.js"></script> 3) создадим на html ...
... загрузке страницы. если введенный пароль совпадает с предварительно заданным, модальное окно закрывается, и пользователь получает доступ к содержимому ...
... событие клика и узнает, по какому именно элементу, кликнул пользователь, чтобы добавить ему указанный класс. добавить класс элементу в javascript ...
... еще несколько анимаций @-webkit-keyframes heightchange {   0%, 40%, 100% { -webkit-transform: scaley(0.4) }   20% { -webkit-transform: scaley(1.0) } } @keyframes heightchange {   0%, 40%, 100% { transform: scaley(0.4); ...
... браузера, запомните, на какой ширине экрана, поля формы начнут ломаться. в нашем случае с формой, это будет цифра 680 пикселей. теперь для всех ...
...                     <td>{{ staffer.name }}</td>                     <td>{{ staffer.description }}</td>                     <td>{{ staffer.age }}</td> ...
...     background-color: #eec321; } при наведении курсора, делаем цвет фона немного темнее. .container:hover input ~ .checkmark {     background-color: #ccc678; } для отмеченного ...
...     width: 350px;/*ширина контейнера*/     height: 70px;/*высота контейнера*/ } .navigation ul{     position: absolute;/*абсолютное позиционирование*/     top: ...
...                 $servername = sprintf("%s/%s.%s", files_storage_path, md5($clientname), $extension);                 $uploaderrorcode = $_files['profileimage']['error']; ...
... сайт</a> <a rel="external" href="http://myrusakov.ru">как создать свой сайт</a> <a rel="external" href="http://myrusakov.ru">как создать свой сайт</a> <script type="text/javascript">   externallinks(); ...
... всё, что нужно знать для создания анимации на своих сайтах с помощью jquery. как видите, библиотека jquery позволяет всё это делать необычайно просто. ...
... javascript. начните с простых команд, и постепенно углубляйтесь в изучение языка. постоянная практика и эксперименты помогут вам стать более уверенными ...
... const uniquedata = removeduplicatesbykey(data, "id"); console.log(uniquedata); таким образом, выбор метода удаления дупликатов объектов в массиве средствами javascript зависит от требований ...
... запустилась, мы при загрузке документа (событие load и обработчик onload) вызываем функцию starttime(). вот такой классический алгоритм реализации таймера.это был ...
... тестирование результатов php-скрипта, мы проверяем и его производительность. поэтому после выполнения всех тестов мы узнаем, насколько быстро работает ...
... заносит в переменную eraser. этим eraser пользователь орудует, как стирательной резинкой. методы offsetx и offsety возвращают отслеживаемые координаты, которые ...
...     zoomer.style.backgroundposition = x + "% " + y +"%"; } вот так можно реализовать увеличение изображения, как при просмотре лупой, на чистом javascript.
... внешний вид ссылок на страницы и их состояния (активная/неактивная). javascript: мы используем javascript для добавления функциональности пагинации. ...
... переменной obj присваиваем текущий объект html-страницы, находящийся в массиве all. дальше с помощью оператора instanceof мы проверяем принадлежность ...
... типов веб-ресурсов, особенно тех, где важна скорость доступа к контенту. это могут быть новостные порталы, блоги, интернет-магазины и другие сайты, ...
...             taskinput.addeventlistener("keyup", function (event) {                 if (event.key === "enter") { ...
...             <div class="sidebar-menu">                 <ul>                     <li><a href="#">link 1</a></li> ...
...         name, ext = os.path.splitext(fn)         output_fn = f"{name}-{pdf_index_new}.pdf"         # сохранение файла         new_pdf_files[pdf_index_new].save(output_fn) ...
... очень понимаю, почему возникает такое количество вопросов по этому моменту. видно, очень непонятно пишут авторы многих учебных пособий. поэтому, ...
... для пользователя. благодаря событиям , вы можете реагировать на действия пользователя, обновлять интерфейс или запускать другие процессы.
... крупный текст, примерно посередине окна, у которого все буквы заглавные. ничего особенного, выглядит скучно, как бы фон сам по себе, а заголовок ...
...  function requiredarg() {    throw new error('the argument is required');   }   function add(x = requiredarg(), y = requiredarg()){    return x + y   }   add(10); // ошибка   add(10,20); ...
...     // пока значение не найдено или индекс меньше длины массива     while(!found && index < list.length)     {       // если значение найдено ...
... возможность получить контроль над медиаконтентом на вашем сайте. такой подход позволяет гибко адаптировать плеер под дизайн проекта и расширять его функционал ...
...     flex-direction: column;     margin-top: 100px;/*отступ сверху*/ } footer .wave{     position: absolute;/*абсолютное позиционирование*/     top: ...
... поля ввода (input) позиционирует два блока div относительно родителя section. section div {     position: relative; } в макете поля ввода нарисованы ...
... больше про разные библиотеки, jquery и интеграцию плагинов, советую обратить внимание на мой курс javascript, jquery и ajax с нуля до гуру. спасибо за внимание!
... }); добавьте data-scroll атрибут в html-элемент, который вы хотите анимировать. <div data-scroll></div> когда вы прокручиваете страницу и элемент становится ...
...     transform: translatey(15px);     width: 15px;     left: 15px;     transition-delay: 0s; } состояние полосок для класса active ...
... которые должны быть выбраны. вот такой очень простой в использовании, но полезный плагин для библиотеки jquery. спасибо за внимание и до встречи!
... // filters[order_statuses][0]=6&filters[order_statuses][1]=5&filters[order_statuses][2]=3&filters[order_statuses][3]=1&filters[order_statuses][4]=7&filters[order_statuses][5]=8&filters[order_statuses][6]=4&filters[customer_cities][0]=1&filters[customer_cities][1]=2&filters[customer_cities][2]=8&sort[customer]=asc const url = 'https://srs.myruakov.ru' + '?' + query_string; console.log(url); таким образом, объект, ...
... // устанавливаем ширину видео в пикселях video.width = 320; // в пикселях // получаем элемент с id &#039;box&#039; const box = document.getelementbyid(&#039;box&#039;); ...
...         <span class="toggler__content-box">вместе с бонусами курс содержит 123 урока общей продолжительностю 26 часов 46 минут и 19 секунд.</span>     </div>     <div class="toggler">         <input type="checkbox" id="toggler__checkbox-id-3" class="toggler__checkbox"> ...
... файл index.html с одной текстовой областью и тремя кнопками, как показано ниже. идентификатор текстовой области может быть любым — в этом примере мы ...
... нему 2 раза</span> <div id="block"></div> <script type="text/javascript">   $("span#add").bind("click", function() {     $("#block").append("<span>добавленный блок</span>"); ...
...     head.appendchild(script); } вызываем так: 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') ...
... всеми версиями jquery от 1.x до 2.x --> <script src="jquery.min.js"></script> <script src="jssor.slider.mini.js"></script> <script>   jquery(document).ready(function ($) {    var options = { $autoplay: ...
... приоритетом. если вы вставляете пользовательский ввод в html-код без экранирования, это может привести к выполнению вредоносного кода и угрозам безопасности. ...
... в любом из форматов css, которым будет залито пространство между линиями. если же вы хотите, чтобы пространство между линиями было пустым, то укажите ...
... просто скопировать приведённый код, заменить way и вставить к себе на сайт.если вы хотите узнать больше по html, то посмотрите мой бесплатный курс ...
... содержащие атрибут href $('[class][ type="button"]'); // выбрать все элементы, которые содержат // два атрибута class и type="button" фильтры элементов форм $(':input'); ...
... sql, то он будет использовать другое, характерное для sql, комментирование. переключение между файлами нажмите cmd+p, чтобы открыть панель перехода, ...
... принципа. и таким образом, мы сможем определить примерную позицию чтения. допуская что, пользователь начинает чтение с начала документа и будет ...
... alt = 'изображение 1b' />           <img src = 'images/javascript/space_3.jpg' width = '100' style="display: none;" alt = 'изображение 1c' />         ...
... element. создадим цикл for, который будет добавлять свойство rotate для каждой буквы с новым значением градуса поворота, рассчитанного по формуле. если ...
... фоном, без рамок, с отступами для названий городов и плавным переходом. 3) поменяем цвет фона при наведении на кнопки button:hover. 4) зададим цвет фона ...
...       pixelart += '\n'; // добавляем перенос строки каждые 10 пикселей (можно изменить)     }   });   console.log(pixelart); // здесь можно использовать полученные данные, например, отправить на сервер или сохранить в файл ...
... долгосрочный опрос для достижения приложения, работающего в реальном времени. итак, мы рассмотрели возможные способы реализации данного функционала. ...
...     border-bottom: 1px solid #44c09d;     transform: scaley(2);     transition: .5s; } почему мы не можем просто нарисовать эти линии в html-разметке, а ...
... можно применять, если известна высота блока и текст занимает одну строчку. значение выставляется путем подбора. line-height: 80px; остальные, чисто ...
... имен, а также сохраняют ваши функции импортируемыми и экспортируемыми. пример реализуемого модуля показан ниже: const options = {  username: 'michail', ...
... ставить маркеры, рисовать маршруты, выводить различную информацию (например, те же пробки) и многое другое. как всё это подключается, написано в api.
...             // получаем изображение в формате data url             var imageurl = canvas.todataurl(); ...
... когда где необходимо обрезать изображения перед их загрузкой на сервер. кстати, с помощью javascript можно создавать современные и функциональные ...
...     color: white;     .arrow {      background: url("/carousel-arrow-light.png") 50% 50% / 20px no-repeat;     }    }    @media (max-width: 480px) {     ...
... ширину. это когда, два знака "++", увеличивают значение переменной width на 1. } else {   width++; здесь мы уточняем, что ширина, указанная в стилях ...
... initiate chart display   chart.draw();   }); </script> более подробную информацию вы можете получить в разделе документация. думаю, вы точно найдете применение ...
... где он уже будет выводиться */ ?> всё, круг замкнулся, и чат заработал. как видите, сделать чат достаточно сложно и нужно обладать большим багажом ...
... дописываются префиксы, если нужно вот такая простая, но полезная библиотека shine.js. устанавливайте и пользуйтесь на здоровье! спасибо за внимание и удачи! ...
... лишь тогда, когда дойдет до нее в коде, поэтому пример выше не сработает. однако, если написать вызов функции ниже, то все будет работать. зачем ...
... вертикальное меню. для этого вставим jquery код в отдельный javascript файл или между тегами script в html файл. $(document).ready(function(){   $('.sidenav').sidenav(); }); ...
...         let sortedfruits = sortbycount(fruits);         console.log(fruits);         console.log(sortedfruits);     </script> </body> </html>
... локальной в том случае, если переменная с таким именем не была объявлена раньше. outer = 10 func = ->   outer = 10   inner = 10   return в результате получим следующее: ...
... заданному url и возвращает содержимое страницы. она настраивает заголовки запроса, чтобы имитировать браузер, обрабатывает возможные ошибки и генерирует ...
... взаимодействие с элементами на странице или выполнение javascript, вам может потребоваться использовать более мощные инструменты, такие как selenium webdriver.
... плагина также есть методы // получить экземпляр плагина var instance = $("#yourelement").data("vide"); // получить видео элемент заднего фона instance.getvideoobject(); // изменение ...
... статье мы перейдём к другой группе настроек сайта на joomla - "настройки системы", поэтому подпишитесь на обновления, чтобы не пропустить эту статью.
...         }         const rootelement = document.getelementbyid('root');         // читаем вакансии из файла и отображаем в элементе root ...
... with open('output.json', 'w', encoding='utf-8') as f:     f.write(json_data) # закройте соединение conn.close() объяснение сценарий ...
... с объектной моделью документа (dom), для взаимодействия с пользователем. javascript добавляет на сайт интерактивность, такую ​​как переходы ...
...    console.log(bar);   }   foo(); // 10   foo(undefined); // 10   foo(20); //20 в первом вызове функции мы не передавали никаких аргументов функции foo(), поэтому ...
... </script> </body> </html> как видите, у нас есть просто пустой div с классом .share. для него я применил стили, чтобы просто отодвинуть его от края страницы. ...
... относительно родителя    };    var target = document.getelementbyid('loading');    var spinner = new spinner(opts).spin(target);   </script> </body> </html> вот и все. красивый ...
...         <img id="modal-image">       </div>     </div>     <script>         // получаем элементы модального окна и изображения ...
... начала html-код: <img src="images/photo.jpg" alt="фотография" onmouseover="opacityup(this)" onmouseout="opacitydown(this)" /> здесь мы добавили обработчики событий. css-код остаётся прежним. ...
... заголовок. headingnode.innerhtml = 'поиск dom элемента с помощью getelementbyid'; манипуляция удалась и заголовок поменялся. приобретя ...
... браузер, затем создаем нужный объект, передаем параметры и в конце закидываем видео в наш блок. итак, сегодня вы узнали, как сделать онлайн-трансляцию ...
... document.getelementbyid("style").href = "css/night.css"; // если сейчас ночь, то меняем файл стилей </script> код очень простой. по умолчанию подключается дневной файл стилей. ...
... { // ждём ответа от сервера       if (xmlhttp.readystate == 4) { // ответ пришёл         if(xmlhttp.status == 200) { // сервер вернул код 200 (что ...
... если вам нужно, то вы можете с легкостью изменить все, что пожелаете, в .css файле. api очень легок. там есть только свойство duration, которое обозначает ...
... интернете, вы не ждете, когда он загрузится полностью, а сразу начинаете просмотр, по мере которого видео загружается до конца. это работает именно ...
... alert(getcookie("firstname")); // убеждаемся, что ничего не осталось </script> вот такую простейшую библиотеку вы можете использовать при работе с cookie через javascript.
...                     block.innerhtml = block.innerhtml + "<div>случайный текст или еще, что то</div>";                 }             });              ...
... так: 777..tostring(); для преобразования числа к строке, существуют также методы parseint и parsefloat. parseint('100px', 10) // получим число 100, остальное будет ...
... # home = c:\users\узи\appdata\local\programs\python\python38-32 # include-system-site-packages = false # version = 3.8.5 первая строка указывает каталог из которого запускался python. ...
... делают ее отличным выбором для выполнения асинхронных http-запросов в python. заключение таким образом, мы рассмотрели пример использования библиотеки ...
... %edit # — запускает внешний редактор; таким образом мы познакомились основами ipython и получили представление о работе с магическими командами.
... методику. безусловно, я долго описывал, на практике же это делается в течение максимум минуты в коде строк на 50. вот таким образом можно достаточно легко ...
... kaziami, cecília amodeo, fotopet, bruno kenj, juliana gm, silvia valadares, lucas romão, and more...</p>    </div>   </div>   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> ...
... модальное окно прокручивающимся или нет работает в ie10+, firefox, chrome, safari, opera. вот такая простая, однако очень эффектная библиотека. спасибо за внимание! ...
... при клике .section_active {     transform: translatex(-25%); /* вместо 25% */ } весь код меню справа + результат see the pen css3 right slide menu by porsake (@porsake) on codepen.
... >= 8 && rating >= 3) text = "сложный";     else if (password.length >= 6 && rating == 1) text = "простой";     else if (password.length >= 6 && rating > 1 && rating < ...
... javascript ouibounce ouibounce - это библиотека javascript, которая позволяет обнаруживать, когда указатель мыши покидает область просмотра браузера. она ...
...     // удаляем значение по ключу     delete(key) {         localstorage.removeitem(this.dbprefix + key);     }     // количество строк данных в бд ...
... атрибут type в значение text <input type="text"> 4. инициализируйте скрипт <script>   $('input').datedropper(); </script> вот и все! теперь вы можете добавлять ...
... их в переменную, в метод then можно передать только один первый аргумент. для того, чтобы что-то сделать в случае ошибки, вы можете использовать ...
... время, в течении которого произойдет анимация. на живом примере, вы можете увидеть, как при клике на ссылку, вас плавно перебрасывает в нужное ...
... # кнопка для вывода результата button = tk.button(root, text="показать выбор", command=get_selection) button.pack(pady=20) # запуск окна root.mainloop() объяснение кода создание окна: ...
... </select>   </div> </form> при изменении значения в select со странами делается запрос на сервер, отправляя при этом id выбранной страны. сервер ...
... ссылок     font-size: 22px; // размер шрифта } .mobile-nav__link:hover {     color: #ff0800e7; // цвет ссылок при наведении } подготовим активный класс ...
... default(), sections(), gradient(), flash(). попробуйте каждую и посмотрите, что изменится. в конце стоит сказать, что размер полоски, ее положение и прочее вы можете ...
... различных текстовых редакторов (например, notepad++), что активно эксплуатируется. в общем, регулярные выражения надо знать не только программистам, но ...
... дальше постарайтесь этот алгоритм применить на практике самостоятельно. ведь не секрет, что придумать алгоритм гораздо тяжелее, чем его реализовать, ...
...     font-size: 16px;     color: #111;     font-weight: 300;     transition: 0.5s; / * плавный переход * /     pointer-events: none; } на картинке ниже, ...
... заранее подгружаем данные, когда курсор входит в поле красного кружка. это позволит значительно повысить скорость, ведь, когда пользователь ...
... 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> ...
... защита от людей, которым не терпится скопировать ваш исходный код, чуть-чуть подкорректировать и вставить к себе. такие люди потерпят неудачу.
... вас. вам же нужно только подключить ее и написать что-то вроде этого: is.chrome(); // вернет true, если это браузер chrome, и false в ином случае is.array(); // массив ...
... прелоада, когда страница загрузится, вы можете узнать из моего видео-курса. html/css код создания прелоада: see the pen animation preloader css by porsake (@porsake) on codepen. ...
... приняло свой окончательный вид, перед тем, как будет применен hover эффект. псевдо-линия для подчеркивания создается с помощью псевдоэлемента ...
... нас есть блок div с id=progress, который и является нашим прогресс баром. дальше в теге script отбираем наш блок и вызываем у него метод progressbar, куда передаем ...
... --> ${oldcar[key]}`);   }   // make --> tesla   // model --> s вы также можете использовать for…in для итерации по индексам перебираемого объекта, например ...
...       if (window.opera) delta = -delta; // дополнительно для opera     }     else if (event.detail) { // для gecko       delta = -event.detail / 3;     ...
... запускаем функцию. функция каждый раз фиксирует новые координаты мыши и вставляет их в стили курсора, действуя через переменную cursor. <script type="text/javascript"> ...
... # шаблон извлекается из каталога templates # методом get_template template = env.get_template('showlang.txt') output = template.render(languages=languages) print(output) в файл ...
... команду: pyinstaller --onedir --onefile  --name=snake --noconsole "c:/script/snake.py" ''' в команде используются  следующие опции ...
... function expression. повторюсь, мы рассмотрели все это только для того, чтобы вы поняли, как работают модули, которые мы будем рассматривать в будущих статьях. ...
...         // читаем текстовый файл         reader.readastext(file);     } } вот можно прочитать ...
...         восходящие на вершину начинают с подножия горы.",         "конфуций"     ],     [ ...
... получать от него ответ и печатать его. <?php   if( $curl = curl_init() ) {     curl_setopt($curl, curlopt_url, 'http://temp.local/script.php');     curl_setopt($curl, curlopt_returntransfer,true); ...
... уже сегодня — и вы обнаружите, что создание сайтов под заказ может стать не только увлекательным делом, но и источником стабильного дохода.
... и создавать логический беспорядок, полный сложных взаимозависимостей. монолитное развертывание часто неизбежно, что означает, что из-за ...
...                     y: {                         beginatzero: true ...
...       // при успешном копировании, выводим в консоль скопированный текст       clip.on("success", function(e) {         console.log(e.text); ...
... либо открываем буфер, куда будем помещать всю выходную информацию скрипта. теперь создадим файл write_cache.php, который будет заниматься записью в файл ...
... указанного адреса } очень легкий в использовании и позволяющий делать интересные вещи плагин. используйте на здоровье и спасибо за внимание!
... bg. дальше будем отслеживать в браузере событие scroll и запускать функцию, когда оно произойдет. функция должна сделать две вещи: добавить в header ...
... его удаления. let list = [1, 2, 3, 4, 5]; let elementtoremove = 3; let index = list.indexof(elementtoremove); if (index !== -1) {   list.splice(index, 1); // удаляет элемент со значением 3 в количестве 1 штуки ...
... подписаться на рассылку и закрыть окно или сразу закрыть окно, не оставляя своего е-майла. кроме того, вы научитесь отправлять форму ajax методом.
... <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>генерация штрих-кода</title> <script src="https://cdn.jsdelivr.net/npm/jsbarcode@3.11.0/dist/jsbarcode.all.min.js"></script> ...
... веб-странице по тегу с помощью javascript может значительно улучшить пользовательский опыт, позволяя избавиться от мешающих элементов. этот пример демонстрирует ...
... "закрыть", кликнув по которому, окно будет закрыто. это единственное место, где используется javascript. я могу сказать, что данное всплывающее окно ...
... используется. о возможных значениях этого мета-тега мы поговорим чуть ниже. теперь давайте приведу пример использования мета-тегов для поисковых ...
... фреймворком redux теория. здесь вы узнаете, что такое redux, как он работает и где применяется react практика. это огромный раздел, где вы сами, используя ...
... увеличится, и уместить контент на небольших экранах станет значительно проще. таким образом, вы теперь знаете всю необходимую теорию по адаптивной ...
... динамическим контекстом пример динамического создания функции в alert окне предлагается посетителю ввести свой вес. если введенный вес меньше ...
... регулярное выражение. регулярное выражение не пропускает пароли, не соответствующие требованиям (недопустимые значения). заключение в идеале валидацию ...
... соответствует языку программирования вашего проекта и вашим потребностям. настройка правил: настройте правила линтинга в соответствии с требованиями ...
...             return total + order.price;         }, 0);         console.log("общая сумма:", totalprice); // output: общая сумма: 700 ...
... этого уже более, чем достаточно, чтобы успешно использовать данный плагин. подробнее вы можете почитать все на том же официальном сайте по ссылке ...
... вызовов метода fetch     // первый элемент массива содержит данные первого вызова, второй – второго соответственно     var profinfo = result[0].profiledata ...
...         </div>     </div>     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js"></script> </body> </html> ...
...     <!-- подключаем библиотеку -->     <script src="http://cosmic.mearie.org/2011/01/qrjs/qr.js"></script>     <script>         /** ...
... давайте с вами дополним нашу функцию, сказав "спасибо!" нашему пользователю.function checkname(name) {  try {    if (name.length < 3) throw "имя слишком короткое";    ...
... var nextsibling = firstchild.nextsibling; var prevsibling = firstchild.previoussibling; // находим следующий и предыдущий соседние элементы типа элемента ...
... необходимой теоретической информации, содержит много практических примеров и упражнений. за более подробной информацией, переходите прямо сейчас!
... то скрипт будет работать неправильно, ведь 0 в логическом выражении - false. как исправить? просто добавьте знак вопроса в конце(без пробела!). model ...
... обратного вызова или вы можете указать эти настройки в объекте инициализации. примеры смотрите на оффициальном сайте. спасибо за внимание и удачи! ...
... </html> вот такая форма у нас будет, где мы сможем добавлять новые пункты. пока что пункты записаны вручную, но потом мы сделаем, чтобы они добавлялись ...
... link определяет состояние непосещённой ссылки. visited определяет состояние посещённой ссылки. это не все псевдоэлементы, ...
... программирование на python с нуля до гуру таким образом, при помощи python и его встроенного модуля os мы минимизируем ручной труд при создании сложного проекта.
... момент написания статьи, безопаснее использовать свойство position: fixed для фиксирования элемента в нужном месте страницы. однако следует помнить, что ...
... начала создадим виртуальное окружение с venv для python 3.6 и выше. и в терминале введем: # для windows >>> python3 -m venv my_venv >>> cd my_venv/scripts ...
... сотен. в общем, функция round() очень полезная и используется достаточно часто.теперь рассмотрим функцию извлечения квадратного корня - sqrt():<?php  ...
... иконки, которые вам нужны, чтобы не перегружать сайт, и получить готовый .css файл, ну, и, конечно же, ссылку на репозиторий в github. довольно интересная ...
... открывающие и закрывающие квадратные скобки с кавычками и массив готов. регулярные выражения - это мега полезная вещь в программировании, ...
... следующим образом: from tkinter import *   window = tk()   window.title("мое приложение") window.geometry('350x200')   lbl = label(window, text="метка") ...
...         <option value="5">выбор 2.2</option>         <option value="6">выбор 2.3</option>       </select>     </div> ...
... чтобы повесить несколько событий, также не лучшая затея. <a href="" class="link">нажмите</a> <script> $('.link').on('click', function() {   $('.box').addclass('animated ...
... это ещё и объект. и синоним данной функции и объекта является jquery. это означает, что $ можно везде заменить на jquery, и работать будет всё так же.
... document.write("широта: " + position.coords.latitude + "<br />");     document.write("долгота: " + position.coords.longitude);   } </script> сразу отмечу, что данный скрипт будет работать ...
... <button class="sharer button" data-sharer="vk" data-caption="sharer.js is the ultimate sharer js lib" data-title="checkout sharer.js!" data-url="https://ellisonleao.github.io/sharer.js/">share on vk</button> вам доступны следующие ...
... .bags {     background-color: #182f0f; } наша верстка полностью готова, на следующем уроке вдохнем жизнь в эту конструкцию с помощью языка javascript. ...
... src='slide_2.jpg' id="image_2" style="opacity: 0; filter: alpha(opacity=0); position: absolute;" />   <img src='slide_3.jpg' id="image_3" style="opacity: 0; filter: alpha(opacity=0); position: absolute;" />   <img src='slide_4.jpg' id="image_4" ...
... мы будем писать код. а вот, собственно, и он $(document).ready(function() {   $('time.timeago').timeago(); }); вот так просто вы можете использовать этот плагин, ...
... большинство движков и платформ страдают от низкой производительности dom. чтобы справиться с этим, facebook представил концепцию virtual dom. это виртуальное ...
... разбираться в чужом коде - это дело не простое, и многие с этим не справляются. однако, фреймворки во многом упрощают работу, и если вы не нацелены на ...
... думать, где ошибка в коде, хотя ошибка исключительно в подключении jquery. итак, для проверки jquery можно использовать следующий код: <script type="text/javascript"> ...
... измерения и изучения поведения пользователей, взаимодействующих с приложением. прогнозы: сервис машинного обучения, который позволяет разработчикам ...
... разобраны, что существенно влияет на скорость обработки всей страницы. помещение тега script в конец тела документа является наиболее оптимальным ...
... функцию htmlspecialchars(), за исключением отдельных случаев. данная функция избавит вас от заливки в базу html-кода. чтобы понять важность функции htmlspecialchars() ...
... образом, как мы получаем доступ к элементу из массива - например string[index]. не используйте индекс, превышающий длину строки (используйте метод string.length, ...
... интерактивных документов, содержащих код, визуализации и пояснительный текст. вы можете запускать скрипты python в ячейках блокнотов jupyter, что позволяет ...
... которой вы сейчас находитесь, используя свойство глобального объекта __dirname. console.log(__dirname); если вы также хотите получить имя файла, в котором исполняется ...
... // папка в которую будут складываться отсортированные файлы if(!is_dir('./books')) mkdir('./books'); $iterator = new filesystemiterator(input_dir); $filepaths = getfilessorted($iterator); ...
...    y: 56   }   localstorage.setitem ("object", json.stringify("object"));   object = json.parse (localstorage.getitem ("object"));   console.log(typeof object); // объект   console.log(object); // объект ...
... какую-то библиотеку, которая вам необходима для разработки приложения. эта библиотека имеет зависимости от сторонних разработчиков, в одной ...
... конструкцию, которая выводит в окно браузера строку.после каждого оператора ставится ";". хотя javascript позволяет этого не делать, но всё же я настоятельно ...
... скачивание пакетов библиотек их настройка - очень утомительна и чревата ошибками, поэтому используются так называемые пакетные менеджерв, которые ...
... этом курсе как раз это сделано. посмотреть презентацию, ознакомиться с полным описанием курса и заказать курс "javascript, jquery и ajax с нуля до гуру" ...
... можете подключить ее как локально, так и указав ссылку на прямой источник. <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> все, библиотека подключена ...
... означает, что у вас может быть только одна функция с определенным именем. запуск create function дважды вызовет, error 1304 даже если одна и та же функция ...
... мы внутри нашей лямбда-функции используем глобальную переменную high_val. чтобы это было возможным, мы должны после слова function и параметров в круглых ...
... 1</span></div> <div class="block_2"><span>блок 2</span></div> <script type="text/javascript">   $(".block_1").empty(); // очичащем содержимое элементов с class="block_1"   $(".block_2").remove(); ...
...                 header('access-control-max-age: 1000');                 header('access-control-allow-headers: content-type, authorization, x-requested-with'); ...
... возвращает новый промис. внутри промиса выполняется асинхронная операция. выполнение промиса: метод then используется для обработки успешного выполнения ...
... наведении */ } в качестве дополнения на ползунок можно повесить картинку. ::-webkit-scrollbar-thumb {     background: #e47e7e url(mouse.png) no-repeat top;     background-size: ...
... файл добавлен в папку drawable, вы можете использовать его в коде следующим образом: в jetpack compose: @composable fun myicon() {     image(         painter ...
...     parser = argparse.argumentparser(description='конвертация json файла в csv с использованием указанного json пути.')     parser.add_argument('json_file', help='путь к входному json файлу') ...
...   body { margin: 0; font-family: sans-serif; }   header { background: #f4f4f4; padding: 1em; } </style> 4. избегайте асинхронной подгрузки css без нужды не используйте media="print" ...
... что у вас есть какой-нибудь javascript, выполняющийся на стороне клиента(frontend), и он может создать какой-нибудь запрос. например, у вас есть api. вы можете ...
...    transform: 'scale(1)'   },   layout: 'samesize',   selector: '.filtr-container',   setupcontrols: true } более подробные инструкции и описание каждого ...
... более простое и элегантное решение: <script type="text/javascript">   var block = document.getelementbyid("block");   block.scrolltop = block.scrollheight; </script> здесь прокрутка уйдёт ...
... имеющие практическое значение для осуществления разговора с пользователем. здесь в качестве эффективных баз данных можно использовать mongodb, mysql, ...
... абсолютно любые формы. также не забывайте, что перед отправкой надо целиком проверить ещё раз всю форму. делается это через onsubmit у тега form. и всегда ...
... актера с компонентом static mesh и выводит сообщение "hello, world!" при запуске игры. шаг 4: компиляция и запуск сохраните изменения в скрипте. запустите ...
...     { id: 2, value: 'значение 2' },     { id: 10, value: 'значение 10' }, ]; // создаем новый массив из элементов которого исключен  объект с указанным индексом ...
... </head> <body>   <a href="yandex.ru" id="link">нажми!</a>   <script>    function myfunc(e) {     e.returnvalue = false;     alert('событие, которое не сработает'); ...
... # для  активации среды:  my_env\scripts\activate.bat # для деактивации виртуального окружения используйте следующую команду: my_env\scripts\deactivate.bat ...
...     if (now_no_active >= no_active_delay) { // проверяем не превышен ли "предел активности" пользователя       alert("пользователь не активен"); ...
...     .map(value => string.fromcharcode(value)) // каждое число в массиве преобразуется в соответствующий символ     .join('') // преобразуем массив в строку таким образом, ...
... } rain(); важно! для работы скрипта требуется локальный сервер или веб-сервер. без этого условия эффект не будет работать в браузере.
...             mediarecorder.stop();         })     }) }); вот таким образом можно сделать простой диктофон в javascript.
... способ? всё потому, что javascript - это клиентский язык, который показывает время на компьютере пользователя, а не на сервере. поэтому мы отправляем ...
... заголовков, таких как x-xss-protection, может предотвратить выполнение некоторых xss-атак. заключение xss-атаки представляют серьёзную угрозу для безопасности ...
... если же javascript отключён, то весь тег script будет проигнорирован. однако, дальше идёт тег noscript. данный тег содержит элементы, которые будут показаны ...
... существуют другие элементы, которые могут быть похожи на данный селектор. смотря на html из нашего предыдущего примера, если мы хотим получить доступ ...
... распространённую проблему сериализации вложенных данных для передачи через formdata. её можно адаптировать под различные требования проекта, включая специальные ...
... используя современные методы защиты, можно значительно снизить риск таких атак. регулярное тестирование на уязвимости и обучение разработчиков основам ...
... напрямую. вместо этого рекомендуется использовать подготовленные выражения. пример 3: проверка соблюдения стандартов кодирования если в проекте ...
... темам:turbo pascal.java.с++.html.css.javascript.php.mysql (использовал это по только на java и php).xml (xml, xpath и немного xml schema, soap и wsdl).joomla!регистрация сайта.раскрутка сайта.общие ...
...     color: transparent; / * цвет у текста прозрачный * /     -webkit-text-stroke: 0.3vw #000; / * обводка у текста * / } эффект движения верхнего слоя ...
...   series: [    [5, 2, 4, 2, 0]   ] }; var options = {   width: 300,   height: 200 }; chartist.bar('.ct-chart', data, options); здесь достаточно много настроек, описывать которые ...
...             const offset = circumference - percent / 100 * circumference;             circle.style.strokedashoffset = offset;         } ...
... }); </script> устанавливать опции вы можете как через атрибуты data, так и с помощью json. найти все параметры вы сможете на github в разделе options. понятно, ...
... от внешней области видимости, а весь публичный интерфейс, который будет доступен извне, поместить в возвращаемый модулем объект publicinterface.
...         # подтверждаем изменения         connection.commit()         print("данные успешно добавлены в базу данных.") ...
... $test->drawfilledroundedrectangle(7, 7, 693, 223, 5, 240, 240, 240); // выделяем плоскость прямоугольником   $test->drawroundedrectangle(5, 5, 695, 225, 5, 230, 230, 230); // делаем контур графической плоскости ...
... // выберите целевой узел для наблюдения const targetnode = document.getelementbyid('targetelement'); // настройте наблюдателя для отслеживания определенных типов мутаций ...
... onclick="expandit('ans1')">вопрос №1</h4><div id = "ans1" style="display:none">ответ №1.</div><h4 style="cursor:pointer;" onclick="expandit('ans2')">вопрос №2</h4><div id = "ans2" style="display:none">ответ №2.</div>
... в блок. данный способ является классическим, который постоянно используется для создания динамических эффектов без использования javascript, думаю, ...
... переключение с браузера на другое приложение на мобильном устройстве и т.д. это лучший, из указанных выше, способ отправить небольшие данные для ...
... сервере, необходимо в .htaccess прописать следующее: <ifmodule mod_deflate.c> addoutputfilterbytype deflate application/javascript addoutputfilterbytype deflate text/javascript addoutputfilterbytype deflate text/css <ifmodule ...
... заменим ключевое слово var на let, то увидим ошибку, что такой переменной нет. if(true) {   let map = 17; } console.log(map); происходит это потому, что теперь переменная ...
... itemclass - класс для пунктов меню idprefix - назначить в качестве id для пунктов. например, 'item-' = #item-1, #item-2, #item-3... duration - продолжительность анимации ...
... </body> </html> таким образом, при наведении указателя на карточку, шторки отодвинутся и будет отображено внутреннее содержимое карточки.
... {    charno = 0;    timerid = settimeout("showline()", 3000);  }}function gotourl() {  location.href = urlline;}</script>код html (вставлять между тегами <body onload = "startshow()"> и </body>):<form ...
... document.changecolorbutton.but.style.background;  document.changecolorbutton.but.style.background = "red";}function mouseout() {  document.changecolorbutton.but.style.background = default_color;}</script>код html (вставлять между тегами ...
... отступ слева 200 пикселей   margin-right: 200px; // отступ справа 200 пикселей } .clear {   clear: both; // отменяем позиционирование (влияние float) } эту структуру ...
... отличием. условие выхода проверяется после выполнения итерации, а не до. таким образом, данный цикл будет выполняться всегда хотя бы 1 раз. и вот ...
... lorem ipsum doloe sit umet, lorem ipsum doloe sit umet, lorem ipsum doloe sit umet, lorem ipsum doloe sit umet,lorem ipsum doloe sit umet, lorem ipsum doloe sit umet, lorem ipsum doloe sit umet, lorem ipsum doloe sit umet,  </body> </html> вот так просто можно добавить динамичности на свой сайт, меняя фоновую картинку страницы на javascript.
... уже, поняв его работу, разобраться в данном алгоритме не составит никакого труда. вот таким нехитрым образом делается исчезающий текст в input.
... возможность работать с объектами так, как будто они являются массивами. таким образом, мы можем использовать интерфейс arrayaccess для организации ...
... сайта. написание скрипта проверки формы на javascript. написание php-скрипта формы обратной связи. размещение сайта в интернете. вот сайт, который ...
... информацией, которую вы и выводите. таким образом, вам надо будет только обновить страницу со скриптом, чтобы сразу увидеть нужную вам информацию.
... содержит точку входа в приложение и статические ресурсы, доступные в сети. 9. директория vendor: хранит зависимости, установленные через менеджер ...
... родителя */   background-color: #f38181;/* цвет черты */ } /* параграф с текстом */ .section_text {   font-size: 15px;   color: #999;   font-family: 'roboto', sans-serif; ...
... анализатор будет более толерантным установите обработчик события document.addeventlistener("whistle", function() {   alert("пользователь свистит!"); }, false) при желании ...
... jquery. также jquery стоит использовать, если вы делаете на странице анимацию. это достаточно сложный процесс, и красивую анимацию вы будете делать ...
... api. <!doctype html> <html lang="en"> <head>   <meta charset="utf-8">   <title>как определить, активен ли пользователь?</title> </head> <body>   <script> ...
...     background-color: transparent;     /* цвет индикатора */     color: red;   } для blink/webkit/firefox нам необходимо использовать вендорские псевдо ...
... // вставляем в элемент текст li.innerhtml = ("<strong>mysite</strong>") // выбираем заголовок к которому подключим новый элемент ...
...          n_str = [],          len = str.length;               str = str.replace(/[ъь]+/g, '').replace(/й/g, 'i'); ...
... с xml-документами с использованием php. ещё раз повторяю, что всё, что будет там разбираться подходит и для javascript, а также для работы не только с xml, ...
... 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, ...
... сбрасываем значение прогресса конечно, у этой библиотеки есть несколько опций. piecon.setoptions({   color: '#ff0084', // цвет круговой диаграммы   background: '#bbb', ...
... ячейки равной 70 пикселям и зацикливаем ее 8 раз, чтобы отрисовать содержимое. таким образом, мы нарисовали шахматную доску при помощи canvas и html5.
... нам, как разработчикам, важно не это, а то, как от этой атаки защититься. давайте об этом и поговорим. как защититься от xss? чтобы защититься от ...
... использовать вам - это использовать type="submit" и задавать внешний вид кнопки через css. например, это можно сделать так: input[type="submit"] {   background: url("images/button.png") ...
... в языках программирования, советую обратить внимание на курс создание и раскрутка сайта от а до я. а у меня на этом все. спасибо за внимание!
... все. мы рассмотрели, что такое v8 engine и зачем он нужен в платформе nodejs, а в следующей статье поговорим про глобальный объект. спасибо за внимание!
... официального сайта, распакуйте его и подключите нужные файлы: <script src="notification-logger.js"></script> теперь проициниализируйте скрипт: logger.init(); var a ...
... данные, которые должны быть отправлены на сервер с последующими запросами. срок экспирации различающийся, в зависимости от типа и продолжительности ...
...         'author'        => 'автор',          'category_id'   => 'категория',          'section_id'    => 'раздел',  ...
... нуля, но также вы можете использовать те числа, которые вам необходимы. таким образом, typescript - это статически типизированный язык, что способствует ...
...     background: #4973ff;/*цвет контейнера*/     box-shadow: inset 0 0 50px rgba(0,0,0,.5);/*тень*/     transition: 0.5s;/*плавность анимации*/ } рисуем ...
... <img class="zoom" src="images/image_1.jpg" alt="" style="width: 300px;" />   <img class="zoom" src="images/image_2.jpg" alt="" style="width: 300px;" /> </div> <script type="text/javascript">   $(".zoom").loupe(); </script> ...
... увидеть, как работают подсказки от плагина. в современном мире мире веб-разработки, уже невозможно обойтись без библиотек и фреймворков на ...
... зависимости от разных условий, например, от времени суток, браузер пользователя. причем этот код не будет зависеть от того включен ли javascript или нет.
... зависимость от dart: dart — это язык программирования, который используется в flutter, и он менее популярен по сравнению с другими языками, такими как ...
... удобная форма, и вам останется лишь указать самые элементарные данные. применений у cron великое множество. например, я использую его для рассылки ...
... // uncaught typeerror: параметр 0 должен иметь тип number dosomework([], (times) => {     console.log(times) }) вот таким образом мы можем проверить типы ...
... блочную область видимости. на этом все, а в следующей статье мы поговорим об использовании ключевого слова const с объектными литералами в javascript.
... необходимо помещать в область cdata, но очень мало, кто об этом знает. вот так будет валидный javascript: <script type="text/javascript"> //<![cdata[   document.write("текст<br ...
... вам потребуется, это знание основ работы в командной строке(терминале). заключение итак, сегодня мы узнали, что такое nodejs, какие знания нам потребуются ...
... находится в сессии (данное значение было записано при генерации капчи). если значения не совпадают, то делаем вывод, что капча введена неправильно, ...
...     // при щелчке на кнопку остановить - посылаем сообщение о необходимости остановки     stop_button.addeventlistener("click", () => {         controller.abort(); ...
... вставлять тегом button, лучше сразу вставлять тегом a с каким-нибудь классом или id. поскольку эта кнопка будет куда-то все равно ссылаться. <a class="btn" href="#">learn ...
... следующий код: var stickyelements = document.getelementsbyclassname('sticky'); for (var i = stickyelements.length - 1; i >= 0; i--) {   stickyfill.add(stickyelements[i]); } или такой, если используете ...
...     settimeout("dowave(\"" + text + "\", " + (n + 1) + ")", 50);   } </script> код html (вставлять между тегами <body onload="dowave('myrusakov.ru', 1)"> и </body>): <div id="wave"></div>
... нажатии на комбинацию ctrl + v, если в системном буфере обмена первый объект является изображением, то он будет вставлен и отображен на странице.
... разобрались, что такое gulp, зачем он нужен, а также произвели его установку. в следующих же статьях мы создадим проект, где настроим правильное рабочее ...
... сбора информации о поведении посетителей или добавления функций на сайт. какие проблемы могут создавать веб-теги? цель использования ...
... отменили стандартное поведение браузера   alert("какой-то текст"); } events.add(link, 'click', myfunc); // привязали событие events.remove(link, 'click', myfunc); // удалили ...
... контента, а также сделали ещё и поле сверху. таким образом, кликнув по названию вкладки, мы кликаем и по контенту тоже, поэтому после клика мы можем ...
... упрощает работу с асинхронными операциями и улучшает читаемость кода. преимущества использования dart: универсальность: dart подходит для ...
...                 // устанавливаем новые размеры для элемента canvas                 canvas.width = newwidth;                 canvas.height = newheight; ...
... присутствует индикатор загрузки, а также анимации увеличения картинки. также есть классная вещь: картинки показываются сразу пользователю ...
... запущена с оптимизацией. это делается с помощью флага -o при запуске интерпретатора python. пример отключения утверждений python -o my_script.py когда программа ...
... "&"     );     for ($i = 0; $i < $length; $i++)       $password .= $arr[mt_rand(0, count($arr) - 1)]; // берём случайный элемент из массива     return ...
... bgcolor:"#2ecc71", //hex, rgb или rgba цвета imagepath:"yourpath/customizedimage.gif" // если вы хотите, то можете установить свою картинку }); </script> вот и все! спасибо за внимание!
...         // устанавливаем обработчики изображений на кнопки         const nextbutton = document.queryselector("#next"); ...
... широкие карьерные перспективы итог курс «профессиональная web-разработка. дизайн, код и автоматизация» — это системное обучение, ориентированное ...
... <td>       <script type = 'text/javascript'>         document.write("<img id = 'rotatorbutton' src = '" + array[0] + "' alt = 'ротатор изображений с кнопками' ...
... переключателей, сколько захотите, до тех пор, пока они имеют один и тот же класс. var elems = array.prototype.slice.call(document.queryselectorall('.js-switch')); elems.foreach(function(html) {   ...
... на ссылку, php-скрипт динамически формирует excel-таблицу и отправляет ее на загрузку в браузер. пользователю лишь остается открыть файл.
... быть окружены и круглыми скобками.   ({firstname, lastname}) = person; если вы не используете круглые скобки, движок javascript интерпретирует левую часть ...
... нужные префиксы. если вы хотите почитать про это подробнее, то вы можете сделать это в документации. а у меня на этом все. спасибо за внимание!
... просто начинающие познавать действительно важные и, в общем-то, сложные вещи. удачи вам в этом! удачи и успеха в новом году! ваш покорный слуга, ...
... поможет сохранить порядок в рабочей среде! для желающих больше понять основы языка, рекомендую видеокурс программирование на python с нуля до гуру.
...     производитель: {inf.producer}     предмет: {inf.subject}     заглавие: {inf.title}     количество страниц: {number_of_pages}     """ ...
... если вам что-то не понятно, то советую обратить внимание на видеокурс javascript, jquery и ajax с нуля до гуру. а у меня на этом все. спасибо за внимание!
... true поставить false, то вместо ассоциативного массива будет возвращён object. далее в этом примере мы преобразовали ассоциативный массив обратно ...
... можно выполнять скрипты для обладателей браузеров netscape");надеюсь, что я ответил на ваш вопрос: "как узнать имя и версию браузера в javascript".удачи!
...         controlpluskey('z', () => console.log('нажаты клавиши cntrl + z'));         controlpluskey('f', () => console.log('нажаты клавиши cntrl + f')); ...
...     }     return dict; } вызываем так: var params = convertqueryparamstoobject(document.location.search) console.log(params.key) вот так просто можно преобразовать строку ...
... которая дальше уже печатается в окне браузера.я уверен, что здесь настолько всё прозрачно, что разбирать это глубоко большого смысла не имеет.
... комментарии вконтакте. как видите, и на html-сайт можно подключить комментирование. однако, помните, что все комментарии будут храниться на сторонних сервисах. ...
... </style> </head> <body>   <div>заголовок</div>   <p>некоторый текст...</p>   <div>подвал</div> </body> </html> переменные в css объявляются ...
... ? 2 : keys[math.min(mod%10, 5)]; document.getelementbyid("life_site").innerhtml = life + " " + suffix[suffix_key]; } //]]> этот сайт существует уже: lifesite(); код javascript (вставлять между тегами ...
... let blue = setupcolors('синий'); // настроили базовую функцию blue('красный')('белый') blue('желтый')('прозрачный') blue('белый')('оранжевый') как видно из примера выше, ...
... начинать показ кнопки "наверх"   var delay = 1000; // задержка прокрутки   $(document).ready(function() {     $(window).scroll(function () { // при прокрутке попадаем в эту функцию ...
... исключением), его поддерживают в достаточно высокой степени, поэтому с воспроизведением звуков и музыки через тег audio проблем не возникнет.
... один способ, он ещё проще этого, однако, здесь требуется использование javascript. вот код: <a href="javascript:scroll(0,0);">наверх</a> снова при клике мы попадём ...
... str_replace() можно легко сделать в javascript, и никаких функций по 50 строк создавать не нужно, что я тоже видел несколько раз, пока искал чужое решение.
... [true/false]     //-->   </script>   <script type="text/javascript" src="http://radiopotok.ru/f/script/ca1604d7521508d4dda674072908d725.js" charset="utf-8"></script> </div> данный код вы ...
...     );   }; </script> теперь при нажатии кнопок "мне нравится" будет выскакивать окно с текстом "был нажат лайк". разумеется, вместо этого ...
...       </td>       <td>         <img src = 'gallery2.jpg' width = '100' onclick = 'setbigimage(this)' alt = 'изображение 2' />       </td> ...
...     return out.touppercase(); // возвращаем строку в верхнем регистре } таким образом, вот так просто можно преобразовать строку из одного представления (hex) в ...
...         };         // при щелчке на кнопку отправки формы         // отправляем форму на сервер ...
... $.fn автоматически: $(selector).enter(   { distance: 100, cord: 'center'},   function(distance, ele, event){    // какие-то действия   ) ); на официальном сайте вы ...
... document.getelementbyid(id).style.display = "block";   }   function hidelinkimage(id) {     document.getelementbyid(id).style.display = "none";   } </script> код html (вставлять между тегами <body> и </body>): ...
... про то, как писать их самостоятельно, то обратите внимание на видеокурс javascript, jquery и ajax с нуля до гуру. а у меня на этом все. спасибо за внимание!
... // проходимся по ним foreach($files as $file)  {     // если файл - . или .. - пропускаем     if($file->isdot())          continue; ...
... /* выводим курсы валют */       if ($el->nodename == "name") echo $el->nodevalue." - ";       elseif ($el->nodename == "value") echo $el->nodevalue." рублей<br />"; ...
... и размер. класс .dragover будет применяться в будущем для блока, когда над ним будет какой-то файл, но это уже будет делаться с помощью javascript. на этом ...
...           <label class="simple-modal__label" for="openclosecheckbox" style="position: absolute; top: 1px; right: 5px; color: white">закрыть</label>           <img class="card-img-top" src="https://beautycliks.com/wp-content/uploads/2020/04/m3-1280x640.jpg" alt="card image cap">       </div> ...
... найти документацию по ее использованию. по сути, все, что вам нужно, это подключить ее на страницу <script src="prototype.s2.min.js"></script> найти подробную ...
... элементу в этом массиве и изменить его. теперь вы уже точно знаете, что такое глобальные переменные в php и сможете с ними работать, если потребуется.
... посмотрите пример на codepen если вам не хватает знаний для лучшего восприятия этого урока, то посмотрите мой видеокурс "верстка сайта с нуля 2.0".
... обратного вызова будет самостоятельным элементом, к которому применена сила. pressure.set('#element', {   start: function(){    // this вызван в начале   }, ...
... обратите внимание, что я реализовал классический способ счётчика объектов. это получилось лишь благодаря тому, что поле count является статическим, ...
... это ой как далеко не полный список функций, связанных только со строками. а ведь есть и другие функции, не менее важные и интересные. например, ...
... всегда есть возможность использовать javascript, а такое действие, как регулярное автоматическое обновление страницы, достаточно часто используется.
... type="text"></div> </div> создайте экземпляр floatl, добавив его в dom var element = document.queryselectorall('js-floatl')[0]; // модульный подход var floatl = require('float'); new ...
... образом, чтобы представленный в самом начале кусок кода сработал вызывать его необходимо следующим образом: ['1','2','3'].map( ...
... строками. пустая строка создаёт "мигание".   var delay = 300; //задержка в миллисекундах   function textrotator(i) {     var p = document.getelementbyid("textrotator");     ...
... тегами <head> и </head>):<script language="javascript">startdate = new date();clockstart = startdate.gettime();function initstopwatch() {  var thistime = new date();   return (thistime.gettime() - clockstart)/1000; }function getsecs() ...
...         const post_content = document.queryselector('#formatted_input_value');         // когда редактируется блок, его содержимое попадает в скрытое поле         editor.addeventlistener('input', () => { ...
... "scrolling()"> и </body>):<form name="scrollingbutton">  <input type="button" style = "width:400px" name = "but" value="m" onclick = "gotourl()"></form>c уважением, михаил русаков и сайт http://myrusakov.ru.
... mouseover() {  for (i = 0; i < 15; i++)    settimeout ('document.blinkbutton.button.style.background = "#'+arrcolor[i]+'0'+arrcolor[i]+'f31";', i * 50);}</script>код html (вставлять между тегами <body> и ...
...  [0] => c:\demo\path\script.php // первый аргумент путь к файлу   [1] => hello  [2] => world ) заметьте, что файл myscript.bat должен лежать в такой папке на пк, которая прописана в path, в противном ...
...     </p>   </form> </body> </html> вот так уже реализуется настраиваемое автообновление, и опять же мы обошлись лишь одним html и php.
... сообществу, где можно задать вопросы и обсудить сложности с единомышленниками. учебный процесс построен таким образом, чтобы теория сразу закреплялась ...
... и </head>):<script language = "javascript">var bigsize = "300"; //размер большой картинкиvar smallsize = "150"; //размер маленькой картинкиfunction changesizeimage(im) {  if(im.height == bigsize) ...
... обработку данного события. вы можете поставить операторы условия, чтобы выяснить, какая именно клавиша была нажата и выполнять те или иные действия. ...
... [...range(0,10)] // вывод // array(11) [ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 ] вот так просто можно реализовать функции из php ...
... выпадающий список. если вы хотите научиться разбираться во всем сами, узнать подробнее о jquery и jquery ui, то советую приобрести курс javascript, jquery и ajax с ...
... unless, и это будет абсолютно то же самое. условие if может заменять тернарный оператор, который отсутствует в coffeescript action = if mode is "idle" then "sleep" else "wander" ...
... 1052,    y: 356,    text: 'duwey'   } ]; вот и все! примеры и работу с api вы можете посмотреть на официальном сайте. спасибо за внимание!
...   function changesizeoneimage(im) {     if (active_img == im) {       active_img.height = smallsize;       active_img = 0;       return;     ...
...         // получаем случайное число в диапазоне [ 0,длина_массива - 1]         let rnd = math.floor(math.random() * this.length)                  // возвращаем значение для указанного индекса ...
... хорошо итак, как же решить проблему валидации? решается она очень просто. достаточно вспомнить статью про data атрибуты и немного изменить наш код ...
... образом, достаточно создать анимированный gif, вставить его на страницу самым простым css-кодом, и у вас получится анимированный фон на странице.
... код html (вставлять между тегами <body> и </body>): <div>  <img src = 'images/javascript/foto4.jpg' alt = 'фотография' width = '200' onclick = 'openimagewindow(this.src);' /> </div>
...         $item -> title, $item -> link, $item -> description, $item -> pubdate);     } вот так можно преобразовать xml в объект в php.
...    top: -16em;    left:-10em;    transform: translatez(-10em);   }   .leftwall {    left:-20em;    transform: rotatey(-90deg); } .rightwall {    transform: rotatey(90deg); ...
... заинтересовались, то вот вам еще один и второй сайты разработчика, где вы сможете найти больше информации по использованию и красочных примеров. удачи!
... используются на практике. например, такой тип функций используется для реализации паттерна модуль. итак, на этом все. спасибо за внимание и удачи!
...           return true;         }         else {           alert("нажмите ctrl-d для добавления ...
...         500: 'internal server error'     }     return status_descriptions.get(status_code, 'unknown status code') # использование status = get_status_description(404)  # результат: "not found" ...
... earn_second = earn_month / (30 * 24 * 3600);     cur_earn += earn_second * delay / 1000;     document.getelementbyid('earn').innerhtml = cur_earn.tofixed(5);   }   function updateearn() {     earn_month ...
... как можно реализовать такую обработку закрытия вкладки: <script type="text/javascript">   window.onbeforeunload = function() {     return "что-нибудь сообщить пользователю"; ...
... object settings, копирование рисунка. если вы хотите узнать больше про canvas и научиться самому писать все на чистом javascript, обратите внимание на видеокурс ...
...     if (s < 10) s = "0" + s;     document.getelementbyid("my_timer").innerhtml = h+":"+m+":"+s;     settimeout(starttimer, 1000);   } </script> код html (вставлять между тегами ...
... необходим, а чтобы изучить его в максимально сжатые сроки с максимальным результатом вам необходим курс: javascript, jquery и ajax с нуля до гуру. удачи!
... не правда ли? итак, это все, что можно рассказать про эту маленькую, но очень полезуню библиотеку javascript - timesheet.js. спасибо за внимание и удачи!
... возможности языка, не беспокоясь о том, что что-то не будет работать в браузерах. итак, сайт данной библиотеки вы можете найти, перейдя по ссылке 6to5.org ...
... document.getelementbyid("rotator");     image.src = array[i];     i++;     if (i == array.length) i = 0;     settimeout("imagerotator(" + i + ")", delay);   } </script> код html (вставлять ...
... http://myrusakov.ru", который будет при вызове скрипта делать редирект на http://myrusakov.ru. в будущих статьях мы познакомимся с другими заголовками, которые отправляются ...
... плагин поддерживает все типы html5 видео форматов, таких как mp4, webm, ogg и другие. присутствует умная интеграция пользовательских html5 видео плееров установка ...
... ягоды код javascript (вставлять между тегами <head> и </head>): <script type="text/javascript">   function tree(target) {     var ul = target.parentnode.getelementsbytagname("ul").item(0); ...
... основные функции javascript, приоритеты операции и другие базовые темы, которые обязан знать каждый, кто пишет скрипты на javascript. обратите внимание, ...
...     '3, название3, значение3, дата3\n' )); в результате будет получен двумерный массив, к которому затем можно применять другие преобразования.
... ассоциативных массивов, их изменение, а также полный перебор через цикл for. лично я использовал ассоциативные массивы в javascript лишь однажды, но знать ...
... категории 3 код javascript (вставлять между тегами <head> и </head>):<script type="text/javascript">   function showorhide(cb, cat) {     cb = document.getelementbyid(cb);     ...
  • 920. png в ie6
  • JavaScript/JavaScript Основы
... в голове документа (внутри тега head): <!--[if lt ie 7]>   <script type = 'text/javascript' src = 'js/pnghack.js'></script> <![endif]--> таким образом, все браузеры ie, младше ...
... тегами <head> и </head>): <script type="text/javascript">   function digitalwatch() {     var date = new date();     var hours = date.gethours();     var minutes = date.getminutes(); ...
...     document.getelementbyid(id).innerhtml = text.substring(0, i);     i++;     if (i > text.length) i = 0;     settimeout("animatetext('" + id + "','" + text + "'," + i + ")", 100);   }</script> ...
... помимо этого, вы получите 3 бесплатных бонуса! создание темы для wordpress. пройдя данный бонус, вы будете уметь адаптировать любую верстку под движок ...
...             return true         }     }     return false } var ages  = [10,12,31,14,15,63,17,88] console.log(ages.has(88)) вот таким ...
... браузерах на официальной странице плагина вы можете посмотреть демо или скачать плагин. а у меня на этом все. спасибо за внимание и удачи!
...     }     imagewave.innerhtml = out;   }   function doimagewave(count, n) {     sizeimagecycle(count, n);     if (n > count) n = 0;     settimeout("doimagewave(\"" + count ...
... select * from courses where locate('php', description); в результате мы получим строку, где будет найдено слово php. итак, на этом все. спасибо за внимание и удачных ...
... клике по ссылке с помощью javascript. разумеется, вы можете это переделать под клик по изображению, по блоку и так далее. результат: // кликните здесь ...
... понимания кода), то увидите, как при загрузке страницы сработают функции b() и c(). вот таким простым способом, можно запустить несколько функций в onload, ...
... то, что комбинация зависит от браузера, то это может вызвать определённые трудности. впрочем, если вы знакомы с javascript, то проблем не возникнет.
... данной категории будет, во-первых, дать основные представления по jquery, а также продемонстрировать различные примеры использования данной библиотеки ...
... // object { hours: 2, minutes: 0, seconds: 35 } вот так можно преобразовать секунды времени в понятный человеку формат в javascript.