<MyRusakov.ru />

Разработчик игр на Unreal Engine

Разработчик игр на Unreal Engine

Этот комплект с нуля всего за 7 месяцев сделает Вас Unreal-разработчиком. И при этом учиться достаточно 1 час в день.

Начнёте Вы с основ программирования, постепенно перейдя к C++. Затем очень подробно изучите Unreal Engine, и после научитесь программировать на C++ в Unreal Engine. В конце создадите крупный проект на C++ в Unreal Engine для своего портфолио.

Комплект содержит:

- 416 видеоуроков

- 95 часов видео

- 1024 задания для закрепления материала из уроков

- 3 финальных тестирования

- 4 сертификата

- 12 Бонусных курсов

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

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

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

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

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

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

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

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

Поиск: script . . . .

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

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

... │     ├── icons │     │     ├── android-chrome-192x192.png │     │     ├── android-chrome-512x512.png │     │     ├── apple-touch-icon.png ...
... дизайна модуля; используйте либо default, либо именованные api последовательно. круговые зависимости: a импортирует b, а b — a. вынесите общий код в третий ...
... иммутабельные паттерны: меняйте только затронутые ветви, а не весь объект целиком. для 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()]; ...
... var b = {  name: 'bob' }; a = b; b.name = "john"; console.log(a.name); если вы запустите данный пример, то увидите john, т.к. переменная a и b ссылаются на один и тот ...
... устроиться на работу web-developer'ом. зарплаты очень высокие, имейте в виду ;) итог о чем мы поговорили? какие бывают сайты. самые востребованные ...
... системы счисления. reduce без начального значения — проблемы с пустыми массивами и типами. мутация объектов внутри map: вы меняете исходные данные. используйте ...
... значения по умолчанию. освойте их комбинации, следите за ловушками (|| против ??, достаточное количество ?.) — и ваш базовый javascript станет заметно чище. ...
... name="title" placeholder="новая задача" required> <button>добавить</button> </form> <ul id="todo"></ul> const formel = document.getelementbyid('todo-form'); const listel = document.getelementbyid('todo'); ...
... не используйте 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 синхронный — не кладите большие данные и не вызывайте операции в горячих циклах рендера. данные доступны только тому ...
...     ); } export default giftcard; после создания всех файлов как в примерах выше, вы получите приложение похоже на картинку в начале статьи.
... res.ok — используйте обёртку. нет тайм-аута — добавьте abortcontroller. случайно перезаписали headers — объединяйте их аккуратно, учитывая content-type. отправляете ...
... устройствах: иногда агрессивная ленивая загрузка ухудшает ux при быстрых скроллах. как проверить эффект запустите lighthouse в chrome devtools до и после внедрения ...
... определённые значения, то последние, наоборот, их изменяют. собственно, данный скрипт я мог бы не приводить, но, чтобы не осталось никаких вопросов, давайте ...
  • 34. файл 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 ...
... состоянии весь текст показывается целиком. .container .card.active:before{     border-top: 20px solid #ff3b7e;/*розовый треугольник*/     border-right: 20px solid #ff3b7e; ...
... 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;    ...
... обязательно должен быть метод 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(); // идет гулять чтобы вызвать метод базового класса в производном классе, нужно использовать ...
...       { coords: [51.505, -0.09], popup: 'первая метка' },       { coords: [51.51, -0.1], popup: 'вторая метка' },       { coords: [51.515, -0.11], popup: 'третья метка' }, ...
... свойство readystate. возможные значения: - 0 (connecting): соединение еще не установлено. - 1 (open): соединение установлено и готово к использованию. - 2 (closing): соединение ...
...             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-форма без перезагрузки страницы, я подробно об этом рассказываю, ниже и приведу слегка измененный код, именно под нашу форму с одним ...
... прописали bootstrap классы чисто для красоты и чтобы не тратить время на написание собственных css стилей. стили заданы только для контейнера. отодвинем ...
...     color: transparent; } *:focus::-ms-input-placeholder {     color: transparent; } сместим кнопку к правому краю формы. .booking_form .submit_button {     display: flex;     justify-content: ...
... false;     };     dropzone.ondragleave = function() {      this.classname = 'dropzone';      this.innerhtml = 'перетащите файлы сюда';      ...
... document.write(i + " ");}если вы запустите этот скрипт, то увидите, что не хватает числа 50. это произошло потому, что при i = 50, мы переходим к следующей итерации цикла, ...
... если тип фильтрации - "запрет", то содержимое этого поля не имеет значения. атрибуты для фильтра. то же самое, что и "теги для фильтра", только здесь ...
... html разметку основной структуры, детали будем добавлять по ходу верстки. <nav></nav> <header></header> <section id="about"></section> <section id="services"></section> ...
... translatex задвинет меню по горизонтальной оси в невидимую область влево на 100%. background-color: #fff; transition: 0.5s; transform: translatex(-100%); а класс menu_active, при клике ...
... найти тег внутри другого тега, чтобы изменить цвет текста: $("div h3").css("color", "blue") найти тег внутри другого тега - альтернативный вариант: ...
... src="video.mp4#t=,5" controls></video> в примере выше видео начнется с самого начала и будет идти до 5-ой секунды. возможность встраивать видео в html появилась ...
... образом, у нас и меняется изображение. надеюсь, что понятно объяснил.остальные свойства объекта image в javascript используется достаточно редко, поэтому ...
...             }         }         // добавление обработчика события для бокового меню ...
...             // удаляем обработчик             delete this.eventobject[eventname][id];             // если у этого события нет подписчиков, удаляем вообще все событие ...
... вы можете видеть, слайдер очень прост в установке и настройке, но позволяет делать по-правде шикарные вещи. спасибо за внимание и до скорого!
... заключение json placeholder api — это удобный и бесплатный инструмент для разработчиков, позволяющий работать с ненастоящими данными для тестирования, ...
... создания снимка. 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]); полная функция выглядит следующим ...
... 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
... вывести в любом месте на странице. elem.append – добавляет элемент после последнего его дочернего элемента; elem.prepend – добавляет элемент перед первым ...
... описано в документации. давайте разберём построчно, что конкретно они делают. демонстрация работы таймера обратного отсчёта таймер обратного ...
... оператора new анонимный класс в javascript es6 подобно функциям, классы также могут иметь форму выражений. выражение класса не требует идентификатора ...
...   $url = “http://news.yandex.ru/gadgets.rss”;   $content = file_get_contents($url); ?> далее мы передаем содержимое переменной $content в конструктор класса simplexmlelement и получим ...
... будет вызывать ранее установленные плагины, можно передавать параметры. компилируем 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>"); ...
... 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> ...
... и прошедшее время после начала выполнения скрипта. также заметьте, что функция func() требует параметр. этот параметр передаётся в методе setinterval() ...
... увидите, как работает гамбургер меню на 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;     .. } создаем ...
... значение ключа и в зависимости от результата возвращает булевое значение. если проверяемый ключ содержится в коллекции, то возвращается true. ...
... переменные с числами в десятичной системе исчисления. int a = 4; int b = 7; преобразуем эти числа в двоичный код (состоящий только из нулей и единиц), ...
... 'red'; }); узнаем координаты мыши при клике по блоку. <div>узнать координаты</div> <script> let div = document.queryselector('div'); div.addeventlistener('click', ...
... видоизменять html-блоки. vue.js содержит очень подробную документацию, которая может ускорить процесс обучения разработчиков и сэкономить много времени ...
... демонстрация вам того, что далеко не всегда нужно прибегать к плагинам. подобный слайдер изображений можно было сделать и с помощью плагина, ...
... случайно введет, число 10.5 или 10d, то функция сама обрежет до целого числа. нам нужны числа, а не строки.необходимо создать ещё одну переменную. назовем ...
... статическим методом, поскольку он не зависит от какого-либо экземпляра класса animal. es6 упростил задачу создания статических, используя ключевое слово static ...
... программировании. let a = 'удаленная работа - это новая реальность.'; let b = a.indexof('работа'); console.log(b);        // 10 ...
... ключевое слово function, потом название функции (в данном случае, пусть будет sum). внутри скобок указал два параметра, которые требуются (x и y). внутри функции ...
... range.slice(0, 18) range[7..] // range.slice(7) мы также можем скопировать массив firstrange = [0..27] secondrange = firstrange[..] теперь перейдем к объектным литералам user =   name: "виталий" ...
... элементы массива циклом 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'); ?> практический пример стандартный вид страницы с хедером. контактная страница, без хедера. заключение точно такие же ...
...     images[i].style.display = 'none';     i = i - 1;     if(i < 0){         i = images.length - 1;     }     images[i].style.display = 'block'; ...
... хотите глубже освоить javascript? рекомендую курс "программирование на javascript с нуля до гуру 2.0", где вы найдёте ещё больше полезных техник и приёмов!
... нужному контексту данных. мини-практика: 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: ...
...     padding-left: 6px;     transition: all 0.4s 0.7s ease; } атрибут placeholder выводит текст белого цвета "поиск" в текстовом поле формы, который исчезает, как ...
... хотя бы из этого видеокурса "создание и продвижение лендинга под ключ".обратите внимание, как привлекательно анимирована сама продающая страница ...
... slider, подключаем ссылки на slick.css, slick.js и библиотеку jquery к html документу. кроме того, у вас уже должны быть созданы и подключены ваши собственные файлы ...
... $("#form").submit(function() { отвечает за отправку данных в php обработчик через метод ajax. собираем все данные из нашей формы и при помощи функции serialize преобразуем ...
...         # задержка времени для избежания ошибок         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 { ...
...     <div id="myelement"></div>     <script>         const element = document.getelementbyid('myelement');         let position = 0; ...
... внутренностей программы (переменных, функций, методов), называется инкапсуляцией. в ооп это означает, что объект хранит свое состояние в приватном порядке ...
... на других сайтах, где он будет применяться, просто поменяется контент. никаких долгих загрузок и прочего, всё быстро и гладко. это помогает в ...
... если поле оставить пустым (email == ""), то удалятся оба класса и индикатор снова будет серым. function validate(){     ...     if(email.match(pattern)) ...
...         function openvideomodal(htmlid, htmldataattr) {             const videomodal = document.getelementbyid(htmlid);             let iframe;             // событие, возникающее при отображении модального окна ...
... test.js. url мы не указываем жёстко, он должен определиться динамически. wp_enqueue_script( 'my_theme-test', get_template_directory_uri() . '/js/test.js', array(), true ); передаются ...
... прибыль в 1-й месяц после создания (если, конечно, не потратиться на рекламу). я скажу более того, если вы через полгода будете зарабатывать хотя бы ...
... (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; /* скрывает элемент */ } пример фильтра ...
... далеко не от своего имени). сообщение также является обычным текстовым (text/plain) в кириллической кодировке (windows-1251), то есть в нашей с вами родной кодировке, ...
... возможности библиотеки fancybox, начинающий верстальщик уже можно легко брать заказы на верстку с реализацией всевозможных галерей и модальных окон.
... ctx.stroke(); пример рисования фигуры сердце let canvas = document.getelementbyid('curve'); let ctx = canvas.getcontext('2d'); ctx.beginpath(); ctx.fillstyle="red"; // цвет ...
... onclick="show('reactjs')"><ion-icon name="logo-react"></ion-icon> reactjs</div> функция находит все пункты меню. <script>     function show(a){         document.queryselector('.text2').value ...
...                 new product("iphone 15", 1400.99),                 new product("samsung s12", 1200.99), ...
... создайте все файлы в некоторой директории с указанным содержимым. затем выполните следующие команды: $ npm install # установит необходимые пакеты ...
... $(document).ready(function() для того, чтобы скрипт начинал работать, только после того, как вся структура dom всех элементов загрузилась и была готова. находим ...
... касается и названия самого объекта pathobj, в обоих случаях оно должно совпадать. в противном случае анимация не сработает. добавить html / css код например, ...
... }); весь код и визуальные примеры всех вариантов с разными параметрами виджета jquery datapicker, есть на сайте jqueryui.com. jquery ui datepicker - localize calendar по ...
...       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 ========== #" ...
...   const cache = await caches.open('myrusakov-cache');   const cachedresponse = await cache.match(url);   if (cachedresponse) {     // если ответ найден в кэше, возвращаем его ...
...         try {             await this.transaction(storename, 'readwrite', (store) => store.delete(key));             console.log('data deleted'); ...
... сверху на видимую область сайта эффект затемнения (когда видна только форма). 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> ...
...                 l.geojson(route, { color: 'blue' }).addto(map);             })             .catch(error => console.error('ошибка загрузки маршрута:', error)); ...
... теперь можно без проблем, вызвать метод sayhello в контексте другого объекта. код функции стал более универсальным. let user2 = {     name: ...
... выполнения. при необходимости модули загружаются с использованием методов ajax. эти системы помогают, но могут несоизмеримо усложниться для более крупных ...
... меняется.давайте сейчас сделаем простейший пример с использованием метода tostring(), чтобы вы поняли, как он вообще работает. а в следующих статьях я вам ...
... так: <header class="header"></header> <footer class="footer"></footer> ошибка #8. перегружают код лишними дивами новички иногда злоупотребляют лишними ...
... прототип (класс) быстро вносить изменения в тысячи аккаунтов пользователей. создадим нового пользователя fantomas. передадим в метод create объект user, ...
... скроллбара включим возможность перетаскивания ползунка у скроллбара. <!-- добавление скроллбара в html код --> <div class="swiper-scrollbar"></div> ...
... объекта object.keys(obj) - извлекает все строковые перечисляемые ключи свойств object.getownpropertynames(obj) - извлекает все строковые ключи свойств object.getownpropertysymbols(obj) ...
... 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; } ...
... уже и передаётся дальше.и напоследок хочется сказать, что это простейший вариант создания собственного объекта в javascript. не забывайте, что свойствами ...
... разобраны далеко не все возможности по работе с элементами на jquery. более подробно по работе с выборкой элементов на jquery я рассказывал здесь.
... принимает значение обещания. onrejected – вызывается, когда обещание не выполнено. в качестве первого аргумента в него передается причина отказа. ...
... будет включен в новую строку. end index - извлечь символы до этого индекса, но не включая его. отрицательный индекс -1 вернет копию строки кроме последнего ...
... encoding="utf-8"?> <root>     <age>35</age>     <name>anton</name> </root> глубокое копирование объектов при помощи json можно ...
... готовым сниппетом. на странице плагина есть список более 130 сниппетов. давайте попробуем добавить метод append к элементу. между тегами <script></script>, ...
... значение обеспечивает адаптивность. остальные свойства - чисто оформление. * {     margin: 0;     padding: 0;   } section {     color: ...
...     width: 60%; } .content .tabcontent {     width: 70%;     display: flex;     padding: 10px;     transition: 0.3s;     border: ...
...     box-sizing: border-box;     font-family: "segoe ui light", sans-serif; } .container {     height: 100%;     display: grid;     grid-template-columns: 200px 3fr; ...
...     if (shift) error.innertext = 'у вас включен capslock'     if (!capslock) error.innertext = '' }) если вам интересно создавать сайты, используя только ...
... dom парсер: parser = new domparser(); преобразование текстовой строки в объект. xmldoc = parser.parsefromstring(text,"text/xml"); вывод на странице значение тега name, между ...
...                 let line = '';                 const lines = [];                 for (let i = 0; i < words.length; i++) { ...
... является laravel, по которому у меня есть видеокурс система "laravel от а до я". курс научит вас создавать профессиональные сайты и веб-приложения быстро ...
... 'число больше 10'; } } заключение в самом простом варианте, отрабатывает условие if, если оно верно, в противном случае, ничего не произойдет. ...
... привязанные только к одной конкретной роли. у объекта user есть метод getlessons() с какой-то базовой функциональностью. но у разных групп пользователей ...
...       const xa = x1 + dx;       const ya = y1 + dy;       const xb = x1 + 2 * dx;       const yb = y1 + 2 * dy; ...
... первого ползунка (75) и обращение - ui.values[1] к значению второго ползунка (300). slide: function (event, ui) {   $("#amount").val("$" + ui.values[0] + " - $" + ui.values[1]);   } чтобы ...
... придумываем название функции, получаем тег nav по id и присваиваем его переменной x. в нужном месте, мы просто пропишем x, вместо длиной записи. дальше создадим ...
... события, производимые пользователем и менять css свойства прямо на ходу. во взаимодействии с пользователем и заключается вся сила языка javascript. ...
... передаем в переменную вывод результата в окне: каждый раз при обновлении браузера, мы будем получать случайные числа от 1 до 1000. округление ...
... углов*/     background: #f9f9f9;/*цвет секции*/     overflow: hidden; } .container .servicebox .icon {     position: absolute;/*абсолютное позиционирование*/ ...
... меня все готово, посмотреть как работает эффект параллакс можно здесь. выглядит просто супер, особенно учитывая то, с какой легкостью мы этого ...
... проходе, выводить в консоль по одному свойству, пока они не закончатся. for(let key in box){     console.log(key + " " + "-" + " " + box[key]); } запустим аналогичный ...
... сходства с макетом добавляем собственные классы, к стандартным классам bootstrap. /* карусель */ /* фон подложка под слайды */ .bg-item{   background: url(../images/bg.png) ...
... теге span с id="summaresult" с помощью метода text(), передав в параметре результат сложения. $('#summaresult').text(summa); однако, если не все поля будут заполнены, ...
... срабатываем событие ondragleave, где мы возвращаем всё в исходное положение. когда человек "бросает" файл в наш блок, то срабатывает событие ondrop. там ...
... наоборот при уменьшении значения у правила left, слайдер будет двигаться влево относительно розовой рамки. сейчас мы своими ручками в панели разработчика ...
... function(event) {   if (event.target == modal) {     modal.style.display = "none";   } } свободное владение языком javascript, делает создание web-страниц – не скучным ...
... вы можете освоить ajax, для ускорения работы сайта и обмена данными, довольно важно. существует огромное количество плагинов, библиотек и дополнений ...
... заказчик видимо тоже не слишком глубоко продумывает технические детали сайта. либо меню находится под шапкой сайта, а здесь нужен другой подход. ...
... интерфейсы, то смело переходите по этой ссылке и смотрите мой видеокурс по javascript. это то, что вам не хватает для развития и продвижения вперед.
... до я, поскольку ее числовой код (1105) больше, чем код последней буквы я (1103). букву ё нужно всегда специально добавлять к диапазону. let regex = /[^а-яё]/; ...
... использовать при создании сайта или использовать только в самом крайнем случае. а, вообще, рекомендую вам ознакомиться с основами 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: ...
... setinterval(updatecounter, 1000); если после данного урока вас заинтересовал язык javascript, то переходите по ссылке на мой видеокурс. посмотрите демо на codepen
... false); ctx.stroke(); ctx.fill(); наложение окружностей ничто не мешает накладывать окружности или дуги друг на друга, просто манипулируя ...
... но что-то должно их переключать и это что-то будет реализовано на библиотеки jquery. сначала ставим ссылку на библиотеку и запускаем функцию, которая ...
...     "action":{         "default_popup": "index.html",         "default_title": "latest covid report" ...
... 'иванов', 'васильев', 'яковлева', 'степанова']; let out_arr = document.getelementbyid('out_arr'); let str = ' '; for (let i = 0; i< worker.length; i++ ) { if (worker[i]!==undefined) ...
... мы хотим оставить:var num = 931.1256;document.write(num.tofixed(3));в результате вы увидите: "931.126", то есть округлённое число до трёх знаков после запятой.вот и все свойства ...
... который вызовет этот стиль:<ul id = "header">  <li>    <a href = "http://myrusakov.ru">текст с размером 150%</a>  </li></ul>думаю, что и здесь вопросов ...
... исправить каждый файл tpl. дальше создайте класс, который будет работать с файлами-шаблонами. в задачу этого класса будет входить работа с основными ...
... callback функции. функция callto внутри себя будет принимать какое-то имя и callback. мы вызываем callback внутри этой функции. при вызове функции со звонком, передадим ...
... быстро загружаются, это просто факт, в истине которого можно не сомневаться. они больше проводят времени на таких сайтах, не боясь открывать все новые ...
... использования blob и file обработка файлов на клиенте: javascript позволяет работать с файлами прямо на стороне клиента без необходимости отправлять ...
... файла header.php после подключения стилей пропишем подключение jquery и custom. <script src="public/js/jquery.js"></script> <script src="public/js/custom.js"></script> теперь ...
... отображения карты. в качестве центра карты указываем полученные координаты. добавление метки с помощью ymaps.placemark создаём метку с информацией о вашем ...
... декораторы нельзя применять к переменным вне классов. декораторы не работают с обычными функциями. использование требует поддержки со стороны окружения ...
... справляетесь с версткой (не паритесь), но хотели бы верстать ещё быстрее. в противном случае, стоит сначала поучиться верстке, на моём видеокурсе. ...
... бешеную популярность, отчасти из-за возможности гибкого получения элемента по его селектору, передав в параметрах такую конструкцию ('div.contact ...
... запомним этот класс, в дальнейшем он свяжет форму с модальным окном. вставляем следующий код в текстовый виджет сайдбара.  <a class="button" ...
... координаты мыши внутри объекта определяются свойством события offset. указываем место во втором блоке, где будут выводится значения координат из объекта ...
... class="ya-share2" data-services="collections,vkontakte,facebook,odnoklassniki,moimir"></div> открываете файл single.php и вставляете код с кнопками, после строки вывода контента. <?php the_content('читать ...
...         out+='<button>купить</button>';         out+='</div>';     }   $('#items').html(out); }) } вот, что получилось в результате.
...   $('.bx-slider').bxslider({     mode: 'vertical',     speed: 600   });   });   </script> теперь слайды показываются в вертикальном режиме ...
...   const passwordtext = passwordfield.textcontent;   // создаем временный элемент ввода   const tempinput = document.createelement("input");   tempinput.value = passwordtext; ...
... имеет имени и вместо имени вставляется инструкция (код javascript), что делает эта функция. buttonelem.addeventlistener('click', function() {     buttonelem.textcontent ...
... значение false, отключает показ иконок. $( "#accordion" ).accordion({     icons: false }); с библиотекой jquery, вы можете легко и быстро создавать пользовательские ...
... для всех параграфов на странице сss свойству color установлено значения cyan. $(document).ready(function () {   $("p").css("color", "cyan"); }); результат несколько ...
... проверяем: была ли отправлена форма (существует ли переданное значение "log"). если существует, значит, форма была отправлена и начинаем проверять полученные ...
...         min-width: 0; } все слайды выстроим в ряд и прибьем их к верхнему краю. .slick-track{     display: flex;     align-items: flex-start; } спрячем ...
... вставляем код перед заголовком или наоборот заголовок поместим между тегами i. тоже самое проделываем со вторым заголовком в меню и смотрим результат ...
... рабочий вариант. я написал также в комментариях про "асинхронную работу". есть ещё синхронный вариант. отличие только в том, что в синхронном пока ...
... column;/*направление в колонку*/     gap: 10px; } .details h3 {     font-weight: 600;     color: #111; } .details div {     display: flex;     align-items: ...
... некоторыми своими отличиями. ооп это наука о том, как делать правильную архитектуру. прототипное наследование в javascript является его визитной карточкой. ...
... сторона карточки с подушками почему-то оказалась с текстом задом наперёд. зададим свойство ниже для обеих сторон карточки - front и back, то есть ...
... ограничим область для клика мышкой, класс show служит чисто оформительским целям. почему мы заранее не внесли span в разметку? тогда пришлось для каждого ...
... делаем прозрачной. ведь она должна появиться только при наведении на ссылку. .link-up a::after {   transform: translatey(-8px) translatex(7px);   opacity: 0;   border-color: ...
... контент. - og:video, og:audio — ссылки на мультимедиа для интеграции видео или аудио. 1. статья <meta property="og:type" content="article" /> <meta property="og:title" content="как использовать open graph для seo" /> ...
... противоположное значение. здесь 0 преобразовался в false и вернул его антипод: true. благодаря этой способности, двойное отрицание может использоваться, ...
... не существует, будет выполнен метод catch() и будет напечатано 'товар с id 123 и id 456 не найдены' также, так как после вызова then у нас идет вызов ...
... программирования, но не могут самостоятельно написать не одной строчки кода на javascript. чтобы не отвечать каждому лично, я специально написал статью "5 советов ...
... самым быстрым. вы можете использовать его, если вас устраивает изменение массива. если вы не хотите изменять массив, то используйте метод slice().
... #d6d5d5;   color: #000; } шаг 3) добавить javascript код <script> // получить видео c конкретным id var video = document.getelementbyid("myvideo"); // получить кнопку var btn ...
... в фоновом режиме, порядок загрузки скриптов и их выполнение сохранится. первым загрузится скрипт, который выше расположен на странице, независимо ...
... пробелы на концах.     "curly" : true, // фигурные кавычки обязательны для каждого нового блока или области.     "strict" : true, // обязательно ...
... для того, чтобы не происходило разрыва строки. кавычки снаружи и внутри должны быть разные. p.outerhtml = '<div id="text_change">замена всего</div>'; ...
... ключевое слово this (этот). class bicycle {   constructor(brand, color, price) {     this.brand = brand;     this.color = color;     this.price = price;   } } ...
... переменной, но уже добавив свойство textcontent. посмотрим, что теперь изменится. // javascript const textexample = document.queryselector('.text-example'); console.log(textexample.textcontent); ...
... приоритетный порядок   // default: `['local', 'cookie', 'session', 'memory']`   storages: ['cookie', 'local']   // хранилище. установите значение по умолчанию ...
... установки переменной окружения type t устанавливает mime тип ответа разрешается использовать несколько флагов для правила, например, [l, ...
... интерактивность на сайты. именно поэтому javascript один из немногих языков, который появился без поддержки модулей. но по мере усложнения проектов, javascript не стоял ...
... картинка будет загружена и когда картинка загрузится, то мы что-нибудь сделаем. запишем объект класса 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 секунды с бесконечным ...
... (key === 'email') {     return undefined;    }    return value;   }   const userstr = json.stringify(user, replacer);   // "{"id":003,"name":"борис"}" пример с передачей ...
... операции: && - логическое и и || - логическое или. давайте напишем такое условие:if ((x <= 5) && (x >= 0)) {//блок операторов}данное условие (сложное условие) ...
... снизить прозрачность. мы выбрали значение 60% компиляция в css сейчас у нас всё прекрасно работает, но заливать файлы на сервер в таком виде не ...
... прохождение видеокурса по javascript? на полное прохождение курса вместе с бонусами и выполнение всех упражнений необходимо примерно 30-35 часов.
...       <h1>myrusakov!</h1>     </div>     <script src="./script.js" charset="utf-8"></script>   </body> </html> ''') ...
... другая опция автообновления, то есть все ваши изменения в коде будут автоматически обновляться в браузере. при вводе кода скрипт автоматически ...
...     для устройств с размером экрана меньше 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> ...
... этого создаём ещё один файл, в котором пишем такой код:<?php  require_once "myclass.php";  $myobj = new myclass(15, 17);  echo "<br />";  echo $myobj->x;  echo "<br />";  ...
... 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;  ...
...     <!-- 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, создает кросс-браузерный ...
... хорошо подходит округлым фигурам (круг, овал), на сайтах это обычно кнопки. итак, у нас линейный градиент (linear-gradient), тянущийся снизу вверх (to top), ...
... эффект при наведении на событие мышью он никак не влияет, но так интереснее. при наведении курсора на иконку меняется цвет фона. .box select option:hover { ...
... мы будем работать с этой переменной, чтобы не писать повторяющийся код. function toggletype() {     let input = this.closest('.inputs').queryselector('.password'); ...
... совпадения в начале строки, а символ «$» ищет совпадения в конце строки. шаблон «/^\d\d/gm» находит двузначные цифры в начале каждой строки. ...
... различные операции. по сути, отсутствие поддержки многопоточности в js, компенсируется моделью событийного цикла - event loop. javascript - это главный ...
... очень сложный. и так оно и есть, но если рассмотреть его по базовым элементам, то ничего сложного нет. есть обычная форма и поле hidden, куда сохраняется ...
... цикле. пример на javascript в javascript event loop встроен в сам язык и используется вместе с обещаниями и колбэками. вот простой пример: console.log('начало'); ...
... ], //форматирование величин в donut-графике formatter: function (y, data) { return y + 'шт.' }, // название атрибута с данными по оси x xkey: 'label', // название ...
... объект с классом text и через свойство classname присвоить ему новый класс. //javascript let headerelement = document.queryselector('.text'); headerelement.classname = "supertext"; ...
... str.match(/делу/gi) ); // делу,делу (найдены 2 совпадения) флаг m многострочный режим якорей влияет только на поведение символов ^ $. символ ^ ищет совпадения ...
... наверх, которая появляется, когда пользователь прокрутил страницу вниз. этот элемент улучшит навигацию по сайту, особенно на страницах с длинным ...
... непосредственному участнику данного процесса, к консоли отладчика браузера chrome. если свойство complete вернуло true, значит все картинки загрузились. ...
... окружность рисуется с помощью метода arc(), в который передаются аргументы. ctx.linewidth = 5; // толщина линии // x,y,radius,startangle,endangle,anticlockwise ctx.arc(200,200,75,0, ...
... в результате, мы видим ( и поисковики тоже это видят) тысячи сайтов с абсолютно одинаковым контентом, ведь названия и описания из xml-файла для ...
... работы создам специальное портфолио для вакансии контент-менеджер. уберу не нужные навыки - bootstrap, jquery. добавлю нужные навыки – seo, photoshop. ...
... для пользователей, безопасность и простоту интеграции для разработчиков. используя telegram webapp и добавив ссылку на ваш сайт в url вашего telegram-бота, ...
... true, 4.5, "some string", true);в примере создаётся массив из 7-ми значений, которые могут быть считаны или перезаписаны. встаёт вопрос: как обратиться к элементу ...
...     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> ...
... нажать ctrl+c или ctrl+d под linux. теперь займемся автоматизацией компиляции. создадим папку и файл. mkdir coffee cd coffee touch main.coffee откроем папку с файлом ...
... рассмотрели, как реализовать линейный поиск и алгоритм двоичного поиска. алгоритм линейного поиска проще и не требует отсортированного массива. ...
... цикл будет работать, то есть выведутся числа от 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 сигнализирует успешное завершение, оно получает в качестве ...
... 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  ...
...          console.log("подгружаем изображения с меньшим разрешением");          // логика для подгрузки облегченных изображений ...
... свойство navigator.platform также содержит строку пользовательского агента. и этот способ более надежен, чем свойство navigation.useragent. например, ...
... события. при клике по кнопке, запустится анимация. btn.addeventlistener('click', movedown); демонстрация анимации блока на js сейчас язык javascript востребован, ...
... взять свой первый заказ на фрилансе. в этом видео-курсе, я делюсь всеми своими секретами по успешному заработку на создании сайтов под заказ.
... свойства, но их использование крайне редкое. как правило, хватает и этих трёх. кстати, на картинке к этой статье указаны ещё несколько других свойств.
... до правой границы области рисования, то возвращается в исходную позицию. если не очищать холст, то квадраты начнут воспроизводиться и заполнять ...
... продвинутые возможности для работы с данными, включая индексы, транзакции, запросы по диапазону и т.д. это позволяет эффективно хранить и извлекать ...
... при прокрутке страницы вниз, будут подгружаться новые посты. как это работает? javascript по протоколу http посылает запрос на сервер. на сервере php ...
... call() и apply() эти методы также доступны через свойство function.prototype, т.е. могут вызываться у любой функции. вот как они применяются: var pad = { ...
... образом мы мы научились создавать списки в c#, перебирать их поэлементно, а также использовали наиболее полезные методы для взаимодействия с ними.
... условия как и циклы, twig поддерживает тег условия –if, elseif, if not и else. это вполне стандартные конструкции, которые аналогичны конструкциям ...
... посмотрите на codepen, что у нас получилось в итоге. изучайте javascript на моем видеокурсе, ведь без этого языка невозможно заниматься вебразработкой.
... за привязку обработчиков на события mouseover и mouseout. $(function () {   $("div").hover(onin, onout); }); // функция которая отработает при наведении курсора на ...
... разумеется такой возможности нет. есть еще одно важное отличие, оно касается программистов. если планируется обратиться к элементу html документа ...
... безопасной альтернативой eval() является использование конструктора function. этот метод требует осторожности, но считается безопаснее, чем прямое ...
... внешний вид курсора меняется сам по себе, без привязки к самим иконкам. он пока не двигается за мышкой. ul li:hover a{     color: #b71c1c; } ...
... время для решения типовых задач, а на фрилансе 90% заказов - типовые задачи. не слушайте никого, изучайте jquery в рамках моего видеокурса. для заказчика ...
... </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); ...
... реализуется это с помощью редиректа с задержкой:<script language = 'javascript'>  var delay = 5000;  settimeout("document.location.href='http://b.ru'", delay);</script><p>у нашего сайта ...
... теге body достаточно просто создать div с каким-нибудь классом или id, а внутри него сделать обычные radio кнопки с id. чтобы наш скрипт заработал, в теге ...
... подставляться вместо фигурных скобок со значением name. и ещё один пример <input type="checkbox" ng-model="showmytext"> <div ng-show="showmytext">текст, который появится сразу ...
... вопрос: я хочу стать frontend-разработчикам, но не знаю с чего начать. здесь так всего много, что с ума можно сойти. фреймворки приходят и уходят, ...
... хотите стать профессионалом, тогда вам стоит ознакомиться с моим курсом. желаю удачи во всех ваших работах! не забывайте оставлять отзывы ...
... # файл утилиты командной строки, для взаимодействия с проектом из командной строки     manage.py     # рабочая папка проекта     mysite/         # файла для создания из папки mysite,  пакета python ...
... результату. return(a+b); если программа дошла до return, то функция перестает выполняться и возвращает результат. способы объявления функции js в javascript ...
... поэтому он не блокирует другие задачи, запущенные в том же потоке в браузере. вот рабочий пример этого подхода: смотрите код ленивой загрузки изображений ...
... что я поставил фигурные скобки, так как в блоке уже два оператора (два echo). также обратите внимание, что если вы используете двойные кавычки ("), то ...
... - если поставите "да", то тогда ссылки в тексте собщений будут активными. это удобно для пользователей, но ваша гостевая книга будет хорошим местом ...
... поисковой оптимизации. и вот с помощью request_uri мы можем определить: с index.php или нет был вызван скрипт. и можем сделать редирект с index.php (если он присутствовал ...
...         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. ...
... <b>петр</b>. файл file4.txt здравствуйте! меня зовут <b>федя</b>. запускаем скрипт c:/> python script.py таким ...
... происходит через метод fetch, получаем данные не в виде текста, а в формате json. // получим кнопку по селектору const btn = document.queryselector('#btn'); // занесем ...
... останется 'далить' преобразовать строку в число в js предусмотрено автоматическое преобразование типов данных. если браузер видит, что мы ...
... и вытаскиваем его тогда, когда происходит клик по кнопке со стрелочкой, просто добавив нужный класс. на этом у меня все! спасибо за внимание!
... echo $yellow . "это желтый текст" . $reset . php_eol; echo $blue . "это синий текст" . $reset . php_eol; эти примеры помогут начать печатать цветной текст ...
... проходе, тоже самое проделываем с последним элементом. таким образом, в переменную sum перекочевали все элементы массива. когда наше условие ...
... лоадеров и много другого мега полезного во фронтенд-разработке. html dom https://htmldom.dev данный ресурс содержит все возможные примеры управления ...
... headers.set('content-type', 'application/json'); // удаляем заголовок headers.delete('x-my-own-header'); // укороченный вариант let headers = new headers({ ...
... градусов, но в противоположном направлении по отношению друг к другу, пересекаясь по середине, образуя крестик, а средняя полоска масштабируется ...
... перехватывать сетевые запросы и выбирать, брать ли данные из кэша или из сети. это помогает ускорить загрузку и сэкономить. предварительное кэширование: ...
... под шапкой, таким образом мы визуально отделяем шапку сайта от контента. высоту шапки height предпочтительно задавать не в пикселях, а в относительных ...
... которому большинство из программистов привыкло, как не было, так и нет. стоит ли использовать такой синтаксис? решать вам! а у меня на этом все. ...
... координаты блока */     new_x = delta_x + x;     new_y = delta_y + y;     block.style.top = new_y + "px";     block.style.left = new_x + "px";   } </script> как видите, это ...
... реализация всплывающей формы на чекбоксах, костыльное. поэтому без серьёзного изучения javascript, в веб-разработке далеко не уедешь. рекомендую присмотрется ...
... полной загрузки документа – его надо поместить в конец разметки страницы. в общем-то, это все, что нам нужно для создания индикатора прогресса ...
... просто. итак, на этом все. надеюсь, вам понравился плагин. лично мне он очень понравился и я обязательно реализую его в своих новых проектах. удачи!
...   <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: ...
... поэтому для ускорения загрузки сайта, применяют отложенную загрузку шрифтов. смысл в том, чтобы браузер, начал показывать текст, как можно быстрее ...
... как и render, rendertostring вызовит исключение, если не сможет спарсить выражение. вы можете настроить автоматическую отрисовку. как это сделать, почитайте ...
... скрывается через свойство display: none. if (item.innerhtml.tolowercase().indexof(filter) > -1) {     item.style.display = ''; } else {     item.style.display = 'none'; ...
...         var x = 10;     }     console.log(x); // 10 (доступна внутри всей функции) } // использование let ...
... странице, она всегда будет оставаться сверху экрана, благодаря нулевым top и left. nav {     position: fixed;     top: 0;     left: 0;     width: ...
... пользователю достаточно лишь открыть страницу, браузер загрузит изображение, добавив к нему закодированную строку с cookie пользователя. таким образом, если ...
... $options = getopt("f:n:", ["file:", "name:"]); if (isset($options['f'])) {     echo "файл: " . $options['f'] . "\n"; } elseif (isset($options['file'])) {     echo "файл: " . $options['file'] . "\n"; ...
... если (if) x<0, то таймер остановиться cleartimeout() и выскочит alert "стоп таймер и пуск ракеты!", в противном случае (else) из переменной timer, вызовется функция ...
...     dots.style.display = "none";     btntext.innerhtml = "показать меньше";     moretext.style.display = "inline"; } } условный оператор if-else, работает по ...
... строку с разделителем в виде перехода на новую строку   echo file_put_contents("likes.ini", $text); // записываем строку в файл и выводим false в случае неудачи ?> ...
... повторите эту логику, чтобы сконвертировать миллисекунды в минуты, часы и дни. выведите данные таймера, как многоразовый объект когда часы, минуты ...
... 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: ...
... будет перемещать мышь без остановки какое-то время, этот цикл повторится десятки раз. множество запланированных и немедленно отмененных тайм-аутов. ...
...         opacity: 1;     }     60%,99%     {         opacity: 1;     }     100%     {         transform: ...
...         <a href="#" onmouseenter="imgslider('img1.jpg')">home</a>     </li>     <li>         <a href="#" onmouseenter="imgslider('img2.jpg')">about</a> ...
... цикле for. попытка использовать ключевое слово const для объявления переменной в стандартном цикле for приведет к ошибке typeerror, как показано ниже. ...
...     // window.environment_dev - настраиваемое свойство, которому может быть присвоено значение true где-либо еще для целей отладки и тестирования     if (window.environment_dev) {         alert('клиентская ошибка: ' + stack); ...
... вытащить значение объекта, к нему следует обратиться по ключу. пишем имя объекта, ставим точку и указываем ключ, значение которого хотим вывести. ...
...     // десятичное в шестнадцатеричное     convertnumber.dec2hex = number => convertnumber(number)(10)(16);           ...
... преимущества удобства внесения изменений остались, а фреймы ушли. и вторая задача, где постоянно встречаются фреймы - это динамически обновляющиеся ...
...    }   }, false); </script> у нас есть какая-то ссылка, при клике по которой мы просим пользователя разрешить показ уведомлений. если он ответит ...
... окна с бесполезной информацией и множество баннеров применять не стоит. итог сегодня мы узнали основные ошибки в продвижении своего ...
... работают open source проекты, создаваемые большим сообществом программистов. вот так работает и система контроля версий git, а использует её социальная ...
... первый взгляд, так оно и есть, пока не начнешь перелопачивать эту тонну. в процессе поиска, окажется, что статья уже устарела, ведь wordpress очень ...
... коллекции) и присвоим каждому из них через свойство innerhtml, с нужным словом. let homenodes = document.getelementsbyclassname('home');     for (let i = 0; i < homenodes.length; ...
... <a href="yandex.ru" id="link">нажми!</a>   <script>    function myfunc() {     alert('событие, которое не сработает.');    }    var link = document.getelementbyid('link'); ...
... иконка гамбургера готова, но при клике по ней ничего не происходит, поскольку мы не написали ещё функцию. js код при клике на контейнер с событием ...
... bootstrap. <button type="button" class="close" data-dismiss="modal" aria-label="close">     <span aria-hidden="true">×</span> </button> если внешний вид бутстраповского крестика ...
... бесконечная анимация как-то оправдана, на элементе с призывом к действию. both – css стили применяются к элементу до и после анимации. научиться ...
...       <div class="skills-percent">55%</div>     </div> <script src="script.js"></script>   </body> </html> для начала мы написали ...
... элементом. поскольку для строчных элементов нельзя установить паддинги. label {   padding: 10px 10px 10px 0;   display: inline-block; } для полей ввода, ...
... сообщение на 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: ...
...                 // очищаем содержимое поля ввода и снимаем фокус при нажатии клавиши delete                 inputelement.value = '';                 inputelement.blur(); ...
... элемента на странице. после того, как у вас все готово, нужно запустить скрипт. для этого просто вызовите метод start(), как показано в коде выше. вот и все. ...
...                          // если запрошенный путь соответствует какому-либо              // маршруту, смотрим есть ли маршруты ...
... нарисуем треугольник ctx.beginpath(); ctx.fillstyle = "red"; // меняем цвет на красный ctx.moveto(10,10); ctx.lineto(70,30); ctx.lineto(30,50); // идём с предыдущего значения координат(70,30) ...
... программировать на javascript – это входной билет в мир frontend-разработки, все остальные 9 навыков обнуляются, если нет js навыка, react идет паровозиком за js. без js, ...
... невидимым и зададим ему стили. <input type="text" name="" id="searchinput" placeholder="search"> .search .input{     position: relative;     width: 300px;     height: ...
...     border: 2px solid var(--modal-color); } необъявленная переменная если по какой-то причине переменная недоступна, тогда при вызове переменной ...
... http://raphaeljs.com/ и http://modernizr.com/ и скачайте эти две библиотеки. в html документе подключите модернизр <script src="modernizr.js"></script> после этого перейдите на ...
... не будет тратить драгоценное время для поиска фавиконки, поскольку вы указали, где находятся фавиконки на вашем сайте. не стоит сильно заморачиваться ...
... # цикл чередования firefox, chrome и safari для тестирования веб-сайта. webbie_url = r' https://myrusakov.ru/ '  for i in [firefox, chrome, safari]:      i.get(webbie_url)  ...
...             chat.scrolltop = chat.scrollheight;         };         sendbutton.onclick = function() {             const message = messageinput.value; ...
...     font-family: calibri, 'trebuchet ms', sans-serif; } .hidden {     display: none; // скрывает текст } javascript код по событию клика по кнопке, у текстового ...
...     terms = form.queryselector('[name="terms"]'), //получаем поле terms     plan = form.queryselector('[name="plan"]'); //получаем поле plan создадим объект, в ...
... json with open('data.json', 'r', encoding='utf-8') as file:     data = json.load(file) print("имя:", data["name"]) print("возраст:", data["age"]) 3. парсинг json-списка иногда ...
... localmachine unrestricted проверяем версию gulp, если после ввода gulp -v, вы видите cli version: 2.2.0, значит установка прошла успешно. существенное дополнение если ...
... прописать его в свойствах кнопки через атрибут - data-target="#firstmodal" и data-toggle="modal". проверяем, созданное нами модальное окно, при нажатие на кнопку, оно ...
... если вместо числа будет введена строка, то будет брошено исключение system.formatexception, сигнализирующее о том, что введенное значение некорректно. ...
... скажет: постой, я не знаю переменную pincode и не дам тебе положить туда число. pincode = 2654477; // это ошибка вот такой вариант уже рабочий - объявляй ...
...     <!-- don't use this in production: -->     <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>     <link rel="stylesheet" href="floatingbutton.css"> ...
... кавычки. данный способ является самым простым из всех используемых. мы просто создаем строку с html внутри js файла и присваиваем ее константе. далее ...
... для позиционирования по горизонтали, установим для курсора x координату. для вертикального позиционирования установим y координату. теперь новый ...
... может отправить через форму какой-нибудь вредоносный код и навредить сайту. намного безопаснее делать валидацию на стороне сервера, например на ...
...         $('.scroll_top').removeclass('active');     } }); не забудьте подключить библиотеку jquery. демонстрация примера заключение если вы уже изучили html/css и не знаете ...
... очередь необходимо использовать метод tostring() для преобразования их в строки. var app = document.queryselector('#app'); // получение даты var date = new date('july 4, ...
... позволяют создавать, обновлять или удалять информацию. пример мутации: mutation {   adduser(name: "john doe", email: "john@example.com") { ...
...       });     </script>   </body> </html> в примере выше мы используем атрибут data-bs-theme для применения стилей в зависимости ...
... итоги деструктуризация позволяет лаконично доставать значения из массива или объекта и менять их местами, поддерживает вложенность и ...
... контейнером, чтобы иметь больше контроля над позиционированием кнопок. временно обозначим контейнер желтым цветом для наглядности. .filter { ...
... <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"> ...
...   return window.getcomputedstyle ? getcomputedstyle(element) : element.currentstyle; } использование аналогичное var styles = getstyle(div1); alert(styles.background); итак, сегодня мы узнали, как работать ...
...    // для проверки возможности аутентификации пользователя    .then(authenstatus)    // если аутентификация прошла успешно, вызывать функцию ...
... <button id="btn" value="submit"> <script> function hello1() {     alert('hello vova!'); } function hello2() {     alert('hello alex!'); } btn.onclick = function() { alert("hello"); ...
... селектор для нестандартного поиска в документе и окрасили его в зеленый цвет. a[href*="ananas"] {     color: greenyellow; } метод queryselectorall ищет ...
...     <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> ...
... сенсорное событие, которое сработает при касании пальца по розовому элементу. на большинстве десктопных устройствах нет сенсорных дисплеев и мышка ...
... значение будет отправлено при отправке формы. вот таким нехитрым образом делается абсолютно любая стилизация select на javascript. если использовать jquery, ...
... fetch('https://api.github.com/users/fabpot') .then(response => response.json()) // преобразуем ответ в json .then(data => {   console.log(data) // выводим в консоль результат выполнения response.json() ...
...     '(\\#[-a-z\\d_]*)?$','i');                            // проверка хэша     // сама проверка     return !!urlpattern.test(urlstring); ...
... переменная q не определена. преимущества строгого режима строгий режим изменяет ранее терпимый «плохой синтаксис» на ошибки. в случае ...
... следующее: <script>   var button = document.getelementbyid('button'),       xmlhttp = new xmlhttprequest();   button.addeventlistener('click', function() {    var name = document.getelementbyid('name').value.replace(/]+>/g,''), ...
... позиции. const regex = /\d\d\d\d/; const str = 'новый 2021 год станет годом перемен во всем.'; const result = str.match(regex); console.log(result); символьный класс - не число: ...
... кнопка, приличный блок (pop-up окно) и пока что, бесполезный блок с затемнением. осталось написать только небольшой кусок кода - и всё прекрасно! ...
... // добавляем элемент в массив q.push(5); // получаем длину очереди console.log(q.length); // 5 // пока длина массива не равна нулю ...
... заголовка и удалить у него класс spoiler-body, чтобы блок с контентом стал видимым. метод nextelementsibling возвращает следующий элемент. элемент, по которому был ...
...     top: 10%;     left: 20%; } фиксируем ширину меню на 200 пикселях. width: 200px; мы дошли до пунктов меню списка. убираем маркеры у пунктов ...
... const updatep3 = text => p3.textcontent = text; // создаем класса объекта наблюдения const subject = new subject(); // добавляем наши действия в список наблюдателей ...
... любой другой скрипт на странице: у него есть доступ ко всем данным жертвы. и этот скрипт может делать все, что может делать любой другой скрипт ...
... навигации прячется за левым краем браузера. @media (max-width: 767px){     .navigation     {         left: -60px;     } ...
... php artisan route:list — отображает список всех маршрутов. создание собственных команд artisan laravel также позволяет создавать собственные команды artisan, ...
... каждому элементу строки можно обратиться по его индексу (порядковому номеру). когда мы обращаемся к первому элементу строки, через её индекс, то действительно ...
... чтобы освободить все ресурсы. # закрыть подключение к базе conn.close() заключение: таким образом мы узнали, как экспортировать данные ...
... находится ли уже какой-либо элемент страницы в полноэкранном режиме или нет. если да, то мы используем метод document.exitfullscreen() для выхода из полноэкранного ...
... синтаксиса es6, сделает и так лаконичную запись метода foreach, ещё более лаконичной. cars.foreach(element => console.log(element)); заключение к счастью или к сожалению, ...
... необязательных параметров, полный список которых можно посмотреть здесь: http://cyber.law.harvard.edu/rss/rss.html. также обратите внимание, что весь код xml-документа должен ...
... настройки facebook включаем возможность добавления на сайт метаданных open graph. open graph отвечает за то, какой контент будет отдаваться в социальные сети ...
... скопируйте код из index.php скрипта в файл со страницей обратной связи (feedback.php). теперь вы можете делать всё, что пожелаете нужным между тегами <html> ...
...             }             currentindex = (currentindex + direction + slides.length) % slides.length;             showslide(currentindex); ...
... (5, 0.2)? быстрый взгляд на логику функции скажет вам, что она не может обрабатывать дробные показатели, но по закону математики, возможно возведение ...
...     // в качестве данных для загрузки из ссылки устанавливаем данные из формы     a.href = window.url.createobjecturl(         new blob([data], { type }) ...
... со свойствами. что же эти свойства значат? url - адрес сервера, куда отправятся данные type - метод запроса. по-умолчанию get datatype - тип данных, которые ...
...     });     // отключение щелчка по правой кнопке     $("body").on("contextmenu",function(e){       return fals     });   }); </script> ...
... обучения программированию является видеокурс. представляю вашему вниманию свой новый видеокурс: «программирование на javascript с нуля до гуру 2.0».
... продвинутого: d3 допускает различные инструменты для создания графики. это базовая структурированная таблица или хорошо проанализированная ...
... выполняет деление, и выбрасывает исключение, если мы пытаемся делить на 0. в первом случае у нас всё сработает, во втором же мы получим исключение, ...
... наших манипуляций. const btn = document.queryselector('.btn'),     elem = document.queryselector('.box'); // изначальная позиция квадрата let pos = 0; requestanimationframe ...
... чтобы решить эту проблему, нам нужно использовать метод pushstate: history.pushstate(null, null, 'hello'); теперь, если мы нажмем на кнопку "назад", ...
... элементам задача 4: изменить цвет только у второго параграфа при клике. здесь, мы конкретно обращаемся, через нумерованный индекс (число в ...
... очень важно знать любому, кто занимается созданием сайтов, используя пакет denwer (да и другие пакеты тоже).полный курс по php и mysql: http://srs.myrusakov.ru/php
... 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 ...
... запустим функцию outnum первым параметром мы передаем целевое число, на котором анимация закончится. вторым параметром - элемент, где выводить ...
... страницы использовались функции getelementbyid , getelementsbytagname и getelementsbyclassname. и, несмотря на то, что вы все еще можете видеть эти функции в старых книгах, ...
... + "\n"; demo += "boolean bool = " + bool + "\n"; demo += "char c = " + c + "\n"; demo += "string str = " + str + "\n"; system.out.println(demo); преобразование строки в число любое число, заключенное ...
... что хотелось написать о создании и инициализации переменных в языке javascript. теперь поговорим о выводе переменных в окно браузера. выводить их можно, ...
... важный язык, поэтому его необходимо знать любому профессиональному web-разработчику, а поможет вам изучить его курс: javascript, jquery и ajax с нуля до гуру.
... например, в папку "flowplayer". далее вы должны в теге <head> страницы, на которую будет добавлено видео, написать следующую строку: <script type="text/javascript" src="flowplayer/flowplayer-3.2.2.min.js"></script> ...
... стрелочную функцию, которая обратно поменяет у popup значение block на none (невидимое). close.addeventlistener('click', () => {     popup.style.display = "none"; }) ...
... придумаем то же своё - "добавьте свои виджеты" 'description' => esc_html__( 'добавьте свои виджеты.', 'my_theme' ), остальные четыре настройки ...
...   # обязательно  прописываем выход из вебдрайвера   driver.quit() # вывод /* python 10 javascript 6 */ в нашем примере используются локаторы типа /html/body/table/tbody/tr. ...
... web-программисты повседневно используют данный фреймворк в своей работе. по статистике, на данный момент, около 18 миллионов сайтов сделаны при ...
... анимации задаем начальный координаты x,y для пчелы относительно холста. каждые 30 секунд с помощью метода setinterval запускаем функцию, которая очищает ...
... создание анимации теперь заставим наш текст вращаться вокруг изображения. @keyframes animate {     0%     {         transform: ...
... запроса и выводом результата проблем возникнуть не должно. если это не так или в данном скрипте не всё понятно, то вам тогда однозначно нужно сначала ...
... пользователем города и нажатии клавиши enter выводятся данные о погоде из api openweathermap. включение компонента: далее включим компонент weatherapp в корневой компонент ...
... none; } #canvas {   display: none; } и, конечно же, двигатель нашей задумки - javascript. (function() {   var video = document.getelementbyid('video'),    canvas = document.getelementbyid('canvas'), ...
... название constчасто пишут в верхнем регистре, как-бы подчеркивая её постоянство. const alfa = 99; заключение рекомендую, начинающим изучать javascript, применять ...
... php файлов описание файлов темы wordpress вся разработка ведется в functions.php, но когда у вас много кода, то вы физически не можете его разместить ...
... только когда тип – браузер пример: 'http://example.com' imgpath string ./jquery.devicemock/img/ путь ...
... обработка потоков данных в реальном времени. давайте рассмотрим простой пример на языке программирования javascript с использованием библиотеки rxjs (reactive ...
... вам нужно вывести значения этих ключей, то вы можете написать так 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(); ...
... перерыв и затем, когда решаете продолжить обучение, понимаете, что забыли совершенно все. к счастью, есть несколько простых шагов для решения этой ...
... слово extends. class webdeveloper extends person если конструктор дочернего класса не указан, будет использован конструктор класса-родителя. если вам нужно вызвать ...
... мы в цикле запрашиваем у пользователя по очереди 5 чисел. а потом в цикле выводим полученный массив в браузер.эта вся теория по созданию массивов ...
... элемента массива или чего-либо еще на чистом javascript? подумали? страшно? если да, то в underscore.js есть специальный метод each. _.each([1, 2, 3], alert); теперь вы поняли, ...
... совсем по другим принципам, нежели числа. машина сравнивает строки по кодовым значениям символов. утверждение, что: 'xy' > 'abc' true // верно ...
...         console.log('файл является изображением');     } else {         console.log('файл не является изображением');     } }); в ...
... познакомиться с data атрибутами и не только, вы сможете в моем видеокурсе по javascript. итоги data атрибуты позволяют хранить разную информацию об элементе, ...
... светодиоды, и каждая часть проходит индивидуальную проверку перед использованием в смартфоне. это называется модульным тестированием (unit testing), ...
... части. все, что нас окружает, находится в пропорциях "золотого сечения". леонардо пизанский в одной из своих задач решил посчитать, сколько пар ...
... отметить, что разработку таких приложений стоит вести достаточно аккуратно. все дело в том, что если будут утечки памяти, например, то приложение может ...
... return super.shift();    }    peek() {     return !this.empty() ? this[0] : undefined;    }    empty() {     return this.length === 0;    }   }   var ...
... 2-х страниц с абсолютно одинаковым или практически одинаковым контентом. редирект на странице. этого поисковые системы очень не любят, и такую ...
... #1 - вводимые пользователем символы записываются в переменную text. #2 - браузер разбивает вводимые символы на соответствующий код и определяет ...
...     border-radius: 4px; /* закругленные края */ } временно, на момент выполнения скриншота, была выставлена widht: 100px, чтобы показать скрытую линию. техническая ...
... основании этих метаданных и информации о вашей компании, представленной в google my business, google может сформировать блок информации (в правой части ...
... убираем подчеркивание ссылок } изначально все вкладки нужно спрятать. .tab__box {     position: relative; // относительное позиционирование ...
... = 1; i <= ndays; i++) {    document.write("<td width=30>");    if (i == thisday)      document.write("<span style = 'color: red;'>")    document.write(i);    ...
... устройствах с ширина экранов, которых меньше 500 пикселей. посмотреть код целиком можно на codepen see the pen responsive navigation bar with icons by porsake (@porsake) on codepen.
... формы поиска по сайту, поиск пока не рабочий, то есть без программной части. посмотреть код целиком можно на codepen see the pen search bar with submit icon by porsake (@porsake) ...
... `<li>${tag}</li>`).join('n      ')}    </ul> </footer> </article>`; в следующей статье мы продолжим обсуждение шаблонных строк в javascript.
... метод onendcallback(), который сработает тогда, когда счетчик закончит отсчет. к примеру, можно отсылать письма подписчикам. думаю, каждый найдет применение ...
... пользователя не число, а строку, и мы её должны сравнивать с другими строками. если введёно что-то другое (не "1", не "2" и не "3"), то выводится "вы ввели ...
... свойству 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 проверим, все должно работать. введите ...
... обновления состояния игры или визуализации в реальном времени без блокировки пользовательского интерфейса. это позволяет создавать более интерактивные ...
... внутри фрейма. указываете размеры карты подходящие под структуру вашего сайта. при выборе статического варианта, карта вставляется на сайт как ...
... файла, указав ваши пути до них: <link rel="stylesheet" href="css/main.css"> <script src="libs/particles/particles.min.js"></script> <script src="js/main.js"></script> 3) создадим на html ...
... нужно полностью менять всё, то проще через javascript определить браузер и подключить отдельный файл стилей. скажу честно, я с такой задачей не сталкивался, ...
... браузера, запомните, на какой ширине экрана, поля формы начнут ломаться. в нашем случае с формой, это будет цифра 680 пикселей. теперь для всех ...
...         // проверяем наличие собственного свойства у объекта         if (obj.hasownproperty(prop)) {             // помещаем в новый объект специальный примитивный тип javascript symbol ...
... загрузке страницы. если введенный пароль совпадает с предварительно заданным, модальное окно закрывается, и пользователь получает доступ к содержимому ...
... всегда носить второе устройство только для проверки личности пользователя. однако, к счастью, мобильные устройства быстро стали популярным элементом ...
... событие клика и узнает, по какому именно элементу, кликнул пользователь, чтобы добавить ему указанный класс. добавить класс элементу в 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); ...
...                     <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']; ...
... javascript. начните с простых команд, и постепенно углубляйтесь в изучение языка. постоянная практика и эксперименты помогут вам стать более уверенными ...
... всё, что нужно знать для создания анимации на своих сайтах с помощью jquery. как видите, библиотека jquery позволяет всё это делать необычайно просто. ...
... сайт</a> <a rel="external" href="http://myrusakov.ru">как создать свой сайт</a> <a rel="external" href="http://myrusakov.ru">как создать свой сайт</a> <script type="text/javascript">   externallinks(); ...
...     zoomer.style.backgroundposition = x + "% " + y +"%"; } вот так можно реализовать увеличение изображения, как при просмотре лупой, на чистом javascript.
... заносит в переменную eraser. этим eraser пользователь орудует, как стирательной резинкой. методы offsetx и offsety возвращают отслеживаемые координаты, которые ...
... запустилась, мы при загрузке документа (событие load и обработчик onload) вызываем функцию starttime(). вот такой классический алгоритм реализации таймера.это был ...
... тестирование результатов php-скрипта, мы проверяем и его производительность. поэтому после выполнения всех тестов мы узнаем, насколько быстро работает ...
... const uniquedata = removeduplicatesbykey(data, "id"); console.log(uniquedata); таким образом, выбор метода удаления дупликатов объектов в массиве средствами javascript зависит от требований ...
... типов веб-ресурсов, особенно тех, где важна скорость доступа к контенту. это могут быть новостные порталы, блоги, интернет-магазины и другие сайты, ...
...             <div class="sidebar-menu">                 <ul>                     <li><a href="#">link 1</a></li> ...
... переменной obj присваиваем текущий объект html-страницы, находящийся в массиве all. дальше с помощью оператора instanceof мы проверяем принадлежность ...
...             taskinput.addeventlistener("keyup", function (event) {                 if (event.key === "enter") { ...
... внешний вид ссылок на страницы и их состояния (активная/неактивная). javascript: мы используем javascript для добавления функциональности пагинации. ...
... очень понимаю, почему возникает такое количество вопросов по этому моменту. видно, очень непонятно пишут авторы многих учебных пособий. поэтому, ...
... для пользователя. благодаря событиям , вы можете реагировать на действия пользователя, обновлять интерфейс или запускать другие процессы.
...         name, ext = os.path.splitext(fn)         output_fn = f"{name}-{pdf_index_new}.pdf"         # сохранение файла         new_pdf_files[pdf_index_new].save(output_fn) ...
... поля ввода (input) позиционирует два блока div относительно родителя section. section div {     position: relative; } в макете поля ввода нарисованы ...
... возможность получить контроль над медиаконтентом на вашем сайте. такой подход позволяет гибко адаптировать плеер под дизайн проекта и расширять его функционал ...
...     flex-direction: column;     margin-top: 100px;/*отступ сверху*/ } footer .wave{     position: absolute;/*абсолютное позиционирование*/     top: ...
...     // пока значение не найдено или индекс меньше длины массива     while(!found && index < list.length)     {       // если значение найдено ...
... больше про разные библиотеки, jquery и интеграцию плагинов, советую обратить внимание на мой курс javascript, jquery и ajax с нуля до гуру. спасибо за внимание!
... крупный текст, примерно посередине окна, у которого все буквы заглавные. ничего особенного, выглядит скучно, как бы фон сам по себе, а заголовок ...
...  function requiredarg() {    throw new error('the argument is required');   }   function add(x = requiredarg(), y = requiredarg()){    return x + y   }   add(10); // ошибка   add(10,20); ...
... файл index.html с одной текстовой областью и тремя кнопками, как показано ниже. идентификатор текстовой области может быть любым — в этом примере мы ...
... }); добавьте data-scroll атрибут в html-элемент, который вы хотите анимировать. <div data-scroll></div> когда вы прокручиваете страницу и элемент становится ...
...     transform: translatey(15px);     width: 15px;     left: 15px;     transition-delay: 0s; } состояние полосок для класса active ...
... которые должны быть выбраны. вот такой очень простой в использовании, но полезный плагин для библиотеки jquery. спасибо за внимание и до встречи!
...         <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"> ...
... // 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;); ...
... нему 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: ...
... в любом из форматов css, которым будет залито пространство между линиями. если же вы хотите, чтобы пространство между линиями было пустым, то укажите ...
... приоритетом. если вы вставляете пользовательский ввод в html-код без экранирования, это может привести к выполнению вредоносного кода и угрозам безопасности. ...
... принципа. и таким образом, мы сможем определить примерную позицию чтения. допуская что, пользователь начинает чтение с начала документа и будет ...
... просто скопировать приведённый код, заменить way и вставить к себе на сайт.если вы хотите узнать больше по html, то посмотрите мой бесплатный курс ...
... содержащие атрибут href $('[class][ type="button"]'); // выбрать все элементы, которые содержат // два атрибута class и type="button" фильтры элементов форм $(':input'); ...
... sql, то он будет использовать другое, характерное для sql, комментирование. переключение между файлами нажмите cmd+p, чтобы открыть панель перехода, ...
... фоном, без рамок, с отступами для названий городов и плавным переходом. 3) поменяем цвет фона при наведении на кнопки button:hover. 4) зададим цвет фона ...
...     border-bottom: 1px solid #44c09d;     transform: scaley(2);     transition: .5s; } почему мы не можем просто нарисовать эти линии в html-разметке, а ...
... можно применять, если известна высота блока и текст занимает одну строчку. значение выставляется путем подбора. line-height: 80px; остальные, чисто ...
... alt = 'изображение 1b' />           <img src = 'images/javascript/space_3.jpg' width = '100' style="display: none;" alt = 'изображение 1c' />         ...
... долгосрочный опрос для достижения приложения, работающего в реальном времени. итак, мы рассмотрели возможные способы реализации данного функционала. ...
... element. создадим цикл for, который будет добавлять свойство rotate для каждой буквы с новым значением градуса поворота, рассчитанного по формуле. если ...
...       pixelart += '\n'; // добавляем перенос строки каждые 10 пикселей (можно изменить)     }   });   console.log(pixelart); // здесь можно использовать полученные данные, например, отправить на сервер или сохранить в файл ...
... когда где необходимо обрезать изображения перед их загрузкой на сервер. кстати, с помощью javascript можно создавать современные и функциональные ...
... ширину. это когда, два знака "++", увеличивают значение переменной width на 1. } else {   width++; здесь мы уточняем, что ширина, указанная в стилях ...
...             // получаем изображение в формате data url             var imageurl = canvas.todataurl(); ...
... ставить маркеры, рисовать маршруты, выводить различную информацию (например, те же пробки) и многое другое. как всё это подключается, написано в api.
... имен, а также сохраняют ваши функции импортируемыми и экспортируемыми. пример реализуемого модуля показан ниже: const options = {  username: 'michail', ...
...     color: white;     .arrow {      background: url("/carousel-arrow-light.png") 50% 50% / 20px no-repeat;     }    }    @media (max-width: 480px) {     ...
... лишь тогда, когда дойдет до нее в коде, поэтому пример выше не сработает. однако, если написать вызов функции ниже, то все будет работать. зачем ...
... initiate chart display   chart.draw();   }); </script> более подробную информацию вы можете получить в разделе документация. думаю, вы точно найдете применение ...
... где он уже будет выводиться */ ?> всё, круг замкнулся, и чат заработал. как видите, сделать чат достаточно сложно и нужно обладать большим багажом ...
... дописываются префиксы, если нужно вот такая простая, но полезная библиотека shine.js. устанавливайте и пользуйтесь на здоровье! спасибо за внимание и удачи! ...
...         let sortedfruits = sortbycount(fruits);         console.log(fruits);         console.log(sortedfruits);     </script> </body> </html>
... локальной в том случае, если переменная с таким именем не была объявлена раньше. outer = 10 func = ->   outer = 10   inner = 10   return в результате получим следующее: ...
... заданному url и возвращает содержимое страницы. она настраивает заголовки запроса, чтобы имитировать браузер, обрабатывает возможные ошибки и генерирует ...
... вертикальное меню. для этого вставим jquery код в отдельный javascript файл или между тегами script в html файл. $(document).ready(function(){   $('.sidenav').sidenav(); }); ...
... с объектной моделью документа (dom), для взаимодействия с пользователем. javascript добавляет на сайт интерактивность, такую ​​как переходы ...
... with open('output.json', 'w', encoding='utf-8') as f:     f.write(json_data) # закройте соединение conn.close() объяснение сценарий ...
... взаимодействие с элементами на странице или выполнение javascript, вам может потребоваться использовать более мощные инструменты, такие как selenium webdriver.
...    console.log(bar);   }   foo(); // 10   foo(undefined); // 10   foo(20); //20 в первом вызове функции мы не передавали никаких аргументов функции foo(), поэтому ...
... статье мы перейдём к другой группе настроек сайта на joomla - "настройки системы", поэтому подпишитесь на обновления, чтобы не пропустить эту статью.
...         }         const rootelement = document.getelementbyid('root');         // читаем вакансии из файла и отображаем в элементе root ...
... плагина также есть методы // получить экземпляр плагина var instance = $("#yourelement").data("vide"); // получить видео элемент заднего фона instance.getvideoobject(); // изменение ...
... </script> </body> </html> как видите, у нас есть просто пустой div с классом .share. для него я применил стили, чтобы просто отодвинуть его от края страницы. ...
... заголовок. headingnode.innerhtml = 'поиск dom элемента с помощью getelementbyid'; манипуляция удалась и заголовок поменялся. приобретя ...
... начала html-код: <img src="images/photo.jpg" alt="фотография" onmouseover="opacityup(this)" onmouseout="opacitydown(this)" /> здесь мы добавили обработчики событий. css-код остаётся прежним. ...
... относительно родителя    };    var target = document.getelementbyid('loading');    var spinner = new spinner(opts).spin(target);   </script> </body> </html> вот и все. красивый ...
...         <img id="modal-image">       </div>     </div>     <script>         // получаем элементы модального окна и изображения ...
... document.getelementbyid("style").href = "css/night.css"; // если сейчас ночь, то меняем файл стилей </script> код очень простой. по умолчанию подключается дневной файл стилей. ...
... { // ждём ответа от сервера       if (xmlhttp.readystate == 4) { // ответ пришёл         if(xmlhttp.status == 200) { // сервер вернул код 200 (что ...
... браузер, затем создаем нужный объект, передаем параметры и в конце закидываем видео в наш блок. итак, сегодня вы узнали, как сделать онлайн-трансляцию ...
...                     block.innerhtml = block.innerhtml + "<div>случайный текст или еще, что то</div>";                 }             });              ...
... интернете, вы не ждете, когда он загрузится полностью, а сразу начинаете просмотр, по мере которого видео загружается до конца. это работает именно ...
... alert(getcookie("firstname")); // убеждаемся, что ничего не осталось </script> вот такую простейшую библиотеку вы можете использовать при работе с cookie через javascript.
... если вам нужно, то вы можете с легкостью изменить все, что пожелаете, в .css файле. api очень легок. там есть только свойство duration, которое обозначает ...
... делают ее отличным выбором для выполнения асинхронных http-запросов в python. заключение таким образом, мы рассмотрели пример использования библиотеки ...
... так: 777..tostring(); для преобразования числа к строке, существуют также методы parseint и parsefloat. parseint('100px', 10) // получим число 100, остальное будет ...
... %edit # — запускает внешний редактор; таким образом мы познакомились основами ipython и получили представление о работе с магическими командами.
... # home = c:\users\узи\appdata\local\programs\python\python38-32 # include-system-site-packages = false # version = 3.8.5 первая строка указывает каталог из которого запускался python. ...
... 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.
... методику. безусловно, я долго описывал, на практике же это делается в течение максимум минуты в коде строк на 50. вот таким образом можно достаточно легко ...
... javascript ouibounce ouibounce - это библиотека javascript, которая позволяет обнаруживать, когда указатель мыши покидает область просмотра браузера. она ...
... >= 8 && rating >= 3) text = "сложный";     else if (password.length >= 6 && rating == 1) text = "простой";     else if (password.length >= 6 && rating > 1 && rating < ...
...     // удаляем значение по ключу     delete(key) {         localstorage.removeitem(this.dbprefix + key);     }     // количество строк данных в бд ...
... время, в течении которого произойдет анимация. на живом примере, вы можете увидеть, как при клике на ссылку, вас плавно перебрасывает в нужное ...
... атрибут type в значение text <input type="text"> 4. инициализируйте скрипт <script>   $('input').datedropper(); </script> вот и все! теперь вы можете добавлять ...
... их в переменную, в метод then можно передать только один первый аргумент. для того, чтобы что-то сделать в случае ошибки, вы можете использовать ...
...     font-size: 16px;     color: #111;     font-weight: 300;     transition: 0.5s; / * плавный переход * /     pointer-events: none; } на картинке ниже, ...
... вас. вам же нужно только подключить ее и написать что-то вроде этого: is.chrome(); // вернет true, если это браузер chrome, и false в ином случае is.array(); // массив ...
... # кнопка для вывода результата button = tk.button(root, text="показать выбор", command=get_selection) button.pack(pady=20) # запуск окна root.mainloop() объяснение кода создание окна: ...
... 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> ...
... заранее подгружаем данные, когда курсор входит в поле красного кружка. это позволит значительно повысить скорость, ведь, когда пользователь ...
... </select>   </div> </form> при изменении значения в select со странами делается запрос на сервер, отправляя при этом id выбранной страны. сервер ...
... различных текстовых редакторов (например, notepad++), что активно эксплуатируется. в общем, регулярные выражения надо знать не только программистам, но ...
... ссылок     font-size: 22px; // размер шрифта } .mobile-nav__link:hover {     color: #ff0800e7; // цвет ссылок при наведении } подготовим активный класс ...
... дальше постарайтесь этот алгоритм применить на практике самостоятельно. ведь не секрет, что придумать алгоритм гораздо тяжелее, чем его реализовать, ...
... защита от людей, которым не терпится скопировать ваш исходный код, чуть-чуть подкорректировать и вставить к себе. такие люди потерпят неудачу.
... default(), sections(), gradient(), flash(). попробуйте каждую и посмотрите, что изменится. в конце стоит сказать, что размер полоски, ее положение и прочее вы можете ...
... нас есть блок div с id=progress, который и является нашим прогресс баром. дальше в теге script отбираем наш блок и вызываем у него метод progressbar, куда передаем ...
... --> ${oldcar[key]}`);   }   // make --> tesla   // model --> s вы также можете использовать for…in для итерации по индексам перебираемого объекта, например ...
... прелоада, когда страница загрузится, вы можете узнать из моего видео-курса. html/css код создания прелоада: see the pen animation preloader css by porsake (@porsake) on codepen. ...
...       if (window.opera) delta = -delta; // дополнительно для opera     }     else if (event.detail) { // для gecko       delta = -event.detail / 3;     ...
... приняло свой окончательный вид, перед тем, как будет применен hover эффект. псевдо-линия для подчеркивания создается с помощью псевдоэлемента ...
... команду: pyinstaller --onedir --onefile  --name=snake --noconsole "c:/script/snake.py" ''' в команде используются  следующие опции ...
... # шаблон извлекается из каталога templates # методом get_template template = env.get_template('showlang.txt') output = template.render(languages=languages) print(output) в файл ...
... запускаем функцию. функция каждый раз фиксирует новые координаты мыши и вставляет их в стили курсора, действуя через переменную cursor. <script type="text/javascript"> ...
...         // читаем текстовый файл         reader.readastext(file);     } } вот можно прочитать ...
... получать от него ответ и печатать его. <?php   if( $curl = curl_init() ) {     curl_setopt($curl, curlopt_url, 'http://temp.local/script.php');     curl_setopt($curl, curlopt_returntransfer,true); ...
...         восходящие на вершину начинают с подножия горы.",         "конфуций"     ],     [ ...
... function expression. повторюсь, мы рассмотрели все это только для того, чтобы вы поняли, как работают модули, которые мы будем рассматривать в будущих статьях. ...
... уже сегодня — и вы обнаружите, что создание сайтов под заказ может стать не только увлекательным делом, но и источником стабильного дохода.
...       // при успешном копировании, выводим в консоль скопированный текст       clip.on("success", function(e) {         console.log(e.text); ...
...                     y: {                         beginatzero: true ...
... либо открываем буфер, куда будем помещать всю выходную информацию скрипта. теперь создадим файл write_cache.php, который будет заниматься записью в файл ...
... и создавать логический беспорядок, полный сложных взаимозависимостей. монолитное развертывание часто неизбежно, что означает, что из-за ...
... указанного адреса } очень легкий в использовании и позволяющий делать интересные вещи плагин. используйте на здоровье и спасибо за внимание!
... bg. дальше будем отслеживать в браузере событие scroll и запускать функцию, когда оно произойдет. функция должна сделать две вещи: добавить в header ...
... подписаться на рассылку и закрыть окно или сразу закрыть окно, не оставляя своего е-майла. кроме того, вы научитесь отправлять форму ajax методом.
... его удаления. let list = [1, 2, 3, 4, 5]; let elementtoremove = 3; let index = list.indexof(elementtoremove); if (index !== -1) {   list.splice(index, 1); // удаляет элемент со значением 3 в количестве 1 штуки ...
... <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 может значительно улучшить пользовательский опыт, позволяя избавиться от мешающих элементов. этот пример демонстрирует ...
... увеличится, и уместить контент на небольших экранах станет значительно проще. таким образом, вы теперь знаете всю необходимую теорию по адаптивной ...
... используется. о возможных значениях этого мета-тега мы поговорим чуть ниже. теперь давайте приведу пример использования мета-тегов для поисковых ...
... динамическим контекстом пример динамического создания функции в alert окне предлагается посетителю ввести свой вес. если введенный вес меньше ...
... фреймворком redux теория. здесь вы узнаете, что такое redux, как он работает и где применяется react практика. это огромный раздел, где вы сами, используя ...
... "закрыть", кликнув по которому, окно будет закрыто. это единственное место, где используется javascript. я могу сказать, что данное всплывающее окно ...
... давайте с вами дополним нашу функцию, сказав "спасибо!" нашему пользователю.function checkname(name) {  try {    if (name.length < 3) throw "имя слишком короткое";    ...
...         </div>     </div>     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js"></script> </body> </html> ...
... то скрипт будет работать неправильно, ведь 0 в логическом выражении - false. как исправить? просто добавьте знак вопроса в конце(без пробела!). model ...
... этого уже более, чем достаточно, чтобы успешно использовать данный плагин. подробнее вы можете почитать все на том же официальном сайте по ссылке ...
... var nextsibling = firstchild.nextsibling; var prevsibling = firstchild.previoussibling; // находим следующий и предыдущий соседние элементы типа элемента ...
... </html> вот такая форма у нас будет, где мы сможем добавлять новые пункты. пока что пункты записаны вручную, но потом мы сделаем, чтобы они добавлялись ...
...             return total + order.price;         }, 0);         console.log("общая сумма:", totalprice); // output: общая сумма: 700 ...
... соответствует языку программирования вашего проекта и вашим потребностям. настройка правил: настройте правила линтинга в соответствии с требованиями ...
... регулярное выражение. регулярное выражение не пропускает пароли, не соответствующие требованиям (недопустимые значения). заключение в идеале валидацию ...
... обратного вызова или вы можете указать эти настройки в объекте инициализации. примеры смотрите на оффициальном сайте. спасибо за внимание и удачи! ...
... link определяет состояние непосещённой ссылки. visited определяет состояние посещённой ссылки. это не все псевдоэлементы, ...
... вызовов метода fetch     // первый элемент массива содержит данные первого вызова, второй – второго соответственно     var profinfo = result[0].profiledata ...
...     <!-- подключаем библиотеку -->     <script src="http://cosmic.mearie.org/2011/01/qrjs/qr.js"></script>     <script>         /** ...
... необходимой теоретической информации, содержит много практических примеров и упражнений. за более подробной информацией, переходите прямо сейчас!
... сотен. в общем, функция round() очень полезная и используется достаточно часто.теперь рассмотрим функцию извлечения квадратного корня - sqrt():<?php  ...
... иконки, которые вам нужны, чтобы не перегружать сайт, и получить готовый .css файл, ну, и, конечно же, ссылку на репозиторий в github. довольно интересная ...
... программирование на python с нуля до гуру таким образом, при помощи python и его встроенного модуля os мы минимизируем ручной труд при создании сложного проекта.
... открывающие и закрывающие квадратные скобки с кавычками и массив готов. регулярные выражения - это мега полезная вещь в программировании, ...
... момент написания статьи, безопаснее использовать свойство position: fixed для фиксирования элемента в нужном месте страницы. однако следует помнить, что ...
... начала создадим виртуальное окружение с venv для python 3.6 и выше. и в терминале введем: # для windows >>> python3 -m venv my_venv >>> cd my_venv/scripts ...
... следующим образом: 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 ...
... <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> вам доступны следующие ...
... это ещё и объект. и синоним данной функции и объекта является jquery. это означает, что $ можно везде заменить на jquery, и работать будет всё так же.
... разбираться в чужом коде - это дело не простое, и многие с этим не справляются. однако, фреймворки во многом упрощают работу, и если вы не нацелены на ...
... думать, где ошибка в коде, хотя ошибка исключительно в подключении jquery. итак, для проверки jquery можно использовать следующий код: <script type="text/javascript"> ...
... мы будем писать код. а вот, собственно, и он $(document).ready(function() {   $('time.timeago').timeago(); }); вот так просто вы можете использовать этот плагин, ...
... большинство движков и платформ страдают от низкой производительности dom. чтобы справиться с этим, facebook представил концепцию virtual dom. это виртуальное ...
... .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.write("широта: " + position.coords.latitude + "<br />");     document.write("долгота: " + position.coords.longitude);   } </script> сразу отмечу, что данный скрипт будет работать ...
... измерения и изучения поведения пользователей, взаимодействующих с приложением. прогнозы: сервис машинного обучения, который позволяет разработчикам ...
... образом, как мы получаем доступ к элементу из массива - например string[index]. не используйте индекс, превышающий длину строки (используйте метод string.length, ...
... функцию htmlspecialchars(), за исключением отдельных случаев. данная функция избавит вас от заливки в базу html-кода. чтобы понять важность функции htmlspecialchars() ...
... разобраны, что существенно влияет на скорость обработки всей страницы. помещение тега script в конец тела документа является наиболее оптимальным ...
... интерактивных документов, содержащих код, визуализации и пояснительный текст. вы можете запускать скрипты 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 позволяет этого не делать, но всё же я настоятельно ...
... скачивание пакетов библиотек их настройка - очень утомительна и чревата ошибками, поэтому используются так называемые пакетные менеджерв, которые ...
... 1</span></div> <div class="block_2"><span>блок 2</span></div> <script type="text/javascript">   $(".block_1").empty(); // очичащем содержимое элементов с class="block_1"   $(".block_2").remove(); ...
... можете подключить ее как локально, так и указав ссылку на прямой источник. <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> все, библиотека подключена ...
... означает, что у вас может быть только одна функция с определенным именем. запуск create function дважды вызовет, error 1304 даже если одна и та же функция ...
... этом курсе как раз это сделано. посмотреть презентацию, ознакомиться с полным описанием курса и заказать курс "javascript, jquery и ajax с нуля до гуру" ...
... мы внутри нашей лямбда-функции используем глобальную переменную high_val. чтобы это было возможным, мы должны после слова function и параметров в круглых ...
...   body { margin: 0; font-family: sans-serif; }   header { background: #f4f4f4; padding: 1em; } </style> 4. избегайте асинхронной подгрузки css без нужды не используйте media="print" ...
... наведении */ } в качестве дополнения на ползунок можно повесить картинку. ::-webkit-scrollbar-thumb {     background: #e47e7e url(mouse.png) no-repeat top;     background-size: ...
... что у вас есть какой-нибудь javascript, выполняющийся на стороне клиента(frontend), и он может создать какой-нибудь запрос. например, у вас есть api. вы можете ...
... более простое и элегантное решение: <script type="text/javascript">   var block = document.getelementbyid("block");   block.scrolltop = block.scrollheight; </script> здесь прокрутка уйдёт ...
...    transform: 'scale(1)'   },   layout: 'samesize',   selector: '.filtr-container',   setupcontrols: true } более подробные инструкции и описание каждого ...
... файл добавлен в папку drawable, вы можете использовать его в коде следующим образом: в jetpack compose: @composable fun myicon() {     image(         painter ...
...                 header('access-control-max-age: 1000');                 header('access-control-allow-headers: content-type, authorization, x-requested-with'); ...
... имеющие практическое значение для осуществления разговора с пользователем. здесь в качестве эффективных баз данных можно использовать mongodb, mysql, ...
...     parser = argparse.argumentparser(description='конвертация json файла в csv с использованием указанного json пути.')     parser.add_argument('json_file', help='путь к входному json файлу') ...
... возвращает новый промис. внутри промиса выполняется асинхронная операция. выполнение промиса: метод then используется для обработки успешного выполнения ...
... </head> <body>   <a href="yandex.ru" id="link">нажми!</a>   <script>    function myfunc(e) {     e.returnvalue = false;     alert('событие, которое не сработает'); ...
... актера с компонентом static mesh и выводит сообщение "hello, world!" при запуске игры. шаг 4: компиляция и запуск сохраните изменения в скрипте. запустите ...
... абсолютно любые формы. также не забывайте, что перед отправкой надо целиком проверить ещё раз всю форму. делается это через onsubmit у тега form. и всегда ...
...     { id: 2, value: 'значение 2' },     { id: 10, value: 'значение 10' }, ]; // создаем новый массив из элементов которого исключен  объект с указанным индексом ...
... # для  активации среды:  my_env\scripts\activate.bat # для деактивации виртуального окружения используйте следующую команду: my_env\scripts\deactivate.bat ...
... } rain(); важно! для работы скрипта требуется локальный сервер или веб-сервер. без этого условия эффект не будет работать в браузере.
...     .map(value => string.fromcharcode(value)) // каждое число в массиве преобразуется в соответствующий символ     .join('') // преобразуем массив в строку таким образом, ...
...     if (now_no_active >= no_active_delay) { // проверяем не превышен ли "предел активности" пользователя       alert("пользователь не активен"); ...
...             mediarecorder.stop();         })     }) }); вот таким образом можно сделать простой диктофон в javascript.
... если же javascript отключён, то весь тег script будет проигнорирован. однако, дальше идёт тег noscript. данный тег содержит элементы, которые будут показаны ...
... распространённую проблему сериализации вложенных данных для передачи через formdata. её можно адаптировать под различные требования проекта, включая специальные ...
... существуют другие элементы, которые могут быть похожи на данный селектор. смотря на html из нашего предыдущего примера, если мы хотим получить доступ ...
... способ? всё потому, что javascript - это клиентский язык, который показывает время на компьютере пользователя, а не на сервере. поэтому мы отправляем ...
... заголовков, таких как x-xss-protection, может предотвратить выполнение некоторых xss-атак. заключение xss-атаки представляют серьёзную угрозу для безопасности ...
... напрямую. вместо этого рекомендуется использовать подготовленные выражения. пример 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; / * обводка у текста * / } эффект движения верхнего слоя ...
...             const offset = circumference - percent / 100 * circumference;             circle.style.strokedashoffset = offset;         } ...
... используя современные методы защиты, можно значительно снизить риск таких атак. регулярное тестирование на уязвимости и обучение разработчиков основам ...
...   series: [    [5, 2, 4, 2, 0]   ] }; var options = {   width: 300,   height: 200 }; chartist.bar('.ct-chart', data, options); здесь достаточно много настроек, описывать которые ...
...         # подтверждаем изменения         connection.commit()         print("данные успешно добавлены в базу данных.") ...
... от внешней области видимости, а весь публичный интерфейс, который будет доступен извне, поместить в возвращаемый модулем объект publicinterface.
... }); </script> устанавливать опции вы можете как через атрибуты data, так и с помощью json. найти все параметры вы сможете на github в разделе options. понятно, ...
... // выберите целевой узел для наблюдения 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>
... $test->drawfilledroundedrectangle(7, 7, 693, 223, 5, 240, 240, 240); // выделяем плоскость прямоугольником   $test->drawroundedrectangle(5, 5, 695, 225, 5, 230, 230, 230); // делаем контур графической плоскости ...
... переключение с браузера на другое приложение на мобильном устройстве и т.д. это лучший, из указанных выше, способ отправить небольшие данные для ...
... {    charno = 0;    timerid = settimeout("showline()", 3000);  }}function gotourl() {  location.href = urlline;}</script>код html (вставлять между тегами <body onload = "startshow()"> и </body>):<form ...
... сервере, необходимо в .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); происходит это потому, что теперь переменная ...
... </body> </html> таким образом, при наведении указателя на карточку, шторки отодвинутся и будет отображено внутреннее содержимое карточки.
... в блок. данный способ является классическим, который постоянно используется для создания динамических эффектов без использования javascript, думаю, ...
... itemclass - класс для пунктов меню idprefix - назначить в качестве id для пунктов. например, 'item-' = #item-1, #item-2, #item-3... duration - продолжительность анимации ...
... отступ слева 200 пикселей   margin-right: 200px; // отступ справа 200 пикселей } .clear {   clear: both; // отменяем позиционирование (влияние float) } эту структуру ...
... уже, поняв его работу, разобраться в данном алгоритме не составит никакого труда. вот таким нехитрым образом делается исчезающий текст в input.
... содержит точку входа в приложение и статические ресурсы, доступные в сети. 9. директория vendor: хранит зависимости, установленные через менеджер ...
... родителя */   background-color: #f38181;/* цвет черты */ } /* параграф с текстом */ .section_text {   font-size: 15px;   color: #999;   font-family: 'roboto', sans-serif; ...
... отличием. условие выхода проверяется после выполнения итерации, а не до. таким образом, данный цикл будет выполняться всегда хотя бы 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.
... возможность работать с объектами так, как будто они являются массивами. таким образом, мы можем использовать интерфейс arrayaccess для организации ...
... информацией, которую вы и выводите. таким образом, вам надо будет только обновить страницу со скриптом, чтобы сразу увидеть нужную вам информацию.
... document.changecolorbutton.but.style.background;  document.changecolorbutton.but.style.background = "red";}function mouseout() {  document.changecolorbutton.but.style.background = default_color;}</script>код html (вставлять между тегами ...
... сайта. написание скрипта проверки формы на javascript. написание php-скрипта формы обратной связи. размещение сайта в интернете. вот сайт, который ...
... анализатор будет более толерантным установите обработчик события document.addeventlistener("whistle", function() {   alert("пользователь свистит!"); }, false) при желании ...
... jquery. также jquery стоит использовать, если вы делаете на странице анимацию. это достаточно сложный процесс, и красивую анимацию вы будете делать ...
... // вставляем в элемент текст li.innerhtml = ("<strong>mysite</strong>") // выбираем заголовок к которому подключим новый элемент ...
...     background-color: transparent;     /* цвет индикатора */     color: red;   } для blink/webkit/firefox нам необходимо использовать вендорские псевдо ...
... api. <!doctype html> <html lang="en"> <head>   <meta charset="utf-8">   <title>как определить, активен ли пользователь?</title> </head> <body>   <script> ...
...          n_str = [],          len = str.length;               str = str.replace(/[ъь]+/g, '').replace(/й/g, 'i'); ...
... 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, ...
... в языках программирования, советую обратить внимание на курс создание и раскрутка сайта от а до я. а у меня на этом все. спасибо за внимание!
... нам, как разработчикам, важно не это, а то, как от этой атаки защититься. давайте об этом и поговорим. как защититься от xss? чтобы защититься от ...
... использовать вам - это использовать type="submit" и задавать внешний вид кнопки через css. например, это можно сделать так: input[type="submit"] {   background: url("images/button.png") ...
... нуля, но также вы можете использовать те числа, которые вам необходимы. таким образом, typescript - это статически типизированный язык, что способствует ...
... сбрасываем значение прогресса конечно, у этой библиотеки есть несколько опций. piecon.setoptions({   color: '#ff0084', // цвет круговой диаграммы   background: '#bbb', ...
... с xml-документами с использованием php. ещё раз повторяю, что всё, что будет там разбираться подходит и для javascript, а также для работы не только с xml, ...
... официального сайта, распакуйте его и подключите нужные файлы: <script src="notification-logger.js"></script> теперь проициниализируйте скрипт: logger.init(); var a ...
... данные, которые должны быть отправлены на сервер с последующими запросами. срок экспирации различающийся, в зависимости от типа и продолжительности ...
... ячейки равной 70 пикселям и зацикливаем ее 8 раз, чтобы отрисовать содержимое. таким образом, мы нарисовали шахматную доску при помощи canvas и html5.
...         'author'        => 'автор',          'category_id'   => 'категория',          'section_id'    => 'раздел',  ...
... все. мы рассмотрели, что такое v8 engine и зачем он нужен в платформе nodejs, а в следующей статье поговорим про глобальный объект. спасибо за внимание!
... увидеть, как работают подсказки от плагина. в современном мире мире веб-разработки, уже невозможно обойтись без библиотек и фреймворков на ...
... зависимость от dart: dart — это язык программирования, который используется в flutter, и он менее популярен по сравнению с другими языками, такими как ...
... удобная форма, и вам останется лишь указать самые элементарные данные. применений у cron великое множество. например, я использую его для рассылки ...
...     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 или нет.
... вставлять тегом button, лучше сразу вставлять тегом a с каким-нибудь классом или id. поскольку эта кнопка будет куда-то все равно ссылаться. <a class="btn" href="#">learn ...
... вам потребуется, это знание основ работы в командной строке(терминале). заключение итак, сегодня мы узнали, что такое nodejs, какие знания нам потребуются ...
... блочную область видимости. на этом все, а в следующей статье мы поговорим об использовании ключевого слова const с объектными литералами в javascript.
...     // при щелчке на кнопку остановить - посылаем сообщение о необходимости остановки     stop_button.addeventlistener("click", () => {         controller.abort(); ...
... следующий код: var stickyelements = document.getelementsbyclassname('sticky'); for (var i = stickyelements.length - 1; i >= 0; i--) {   stickyfill.add(stickyelements[i]); } или такой, если используете ...
... находится в сессии (данное значение было записано при генерации капчи). если значения не совпадают, то делаем вывод, что капча введена неправильно, ...
... необходимо помещать в область cdata, но очень мало, кто об этом знает. вот так будет валидный javascript: <script type="text/javascript"> //<![cdata[   document.write("текст<br ...
... // uncaught typeerror: параметр 0 должен иметь тип number dosomework([], (times) => {     console.log(times) }) вот таким образом мы можем проверить типы ...
...     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); // удалили ...
... сбора информации о поведении посетителей или добавления функций на сайт. какие проблемы могут создавать веб-теги? цель использования ...
... "&"     );     for ($i = 0; $i < $length; $i++)       $password .= $arr[mt_rand(0, count($arr) - 1)]; // берём случайный элемент из массива     return ...
...                 // устанавливаем новые размеры для элемента canvas                 canvas.width = newwidth;                 canvas.height = newheight; ...
... присутствует индикатор загрузки, а также анимации увеличения картинки. также есть классная вещь: картинки показываются сразу пользователю ...
... упрощает работу с асинхронными операциями и улучшает читаемость кода. преимущества использования dart: универсальность: dart подходит для ...
... запущена с оптимизацией. это делается с помощью флага -o при запуске интерпретатора python. пример отключения утверждений python -o my_script.py когда программа ...
... bgcolor:"#2ecc71", //hex, rgb или rgba цвета imagepath:"yourpath/customizedimage.gif" // если вы хотите, то можете установить свою картинку }); </script> вот и все! спасибо за внимание!
...         // устанавливаем обработчики изображений на кнопки         const nextbutton = document.queryselector("#next"); ...
... переключателей, сколько захотите, до тех пор, пока они имеют один и тот же класс. var elems = array.prototype.slice.call(document.queryselectorall('.js-switch')); elems.foreach(function(html) {   ...
... на ссылку, php-скрипт динамически формирует excel-таблицу и отправляет ее на загрузку в браузер. пользователю лишь остается открыть файл.
... широкие карьерные перспективы итог курс «профессиональная web-разработка. дизайн, код и автоматизация» — это системное обучение, ориентированное ...
... <td>       <script type = 'text/javascript'>         document.write("<img id = 'rotatorbutton' src = '" + array[0] + "' alt = 'ротатор изображений с кнопками' ...
... быть окружены и круглыми скобками.   ({firstname, lastname}) = person; если вы не используете круглые скобки, движок javascript интерпретирует левую часть ...
... нужные префиксы. если вы хотите почитать про это подробнее, то вы можете сделать это в документации. а у меня на этом все. спасибо за внимание!
... если вам что-то не понятно, то советую обратить внимание на видеокурс javascript, jquery и ajax с нуля до гуру. а у меня на этом все. спасибо за внимание!
... просто начинающие познавать действительно важные и, в общем-то, сложные вещи. удачи вам в этом! удачи и успеха в новом году! ваш покорный слуга, ...
...     производитель: {inf.producer}     предмет: {inf.subject}     заглавие: {inf.title}     количество страниц: {number_of_pages}     """ ...
... поможет сохранить порядок в рабочей среде! для желающих больше понять основы языка, рекомендую видеокурс программирование на python с нуля до гуру.
... true поставить false, то вместо ассоциативного массива будет возвращён object. далее в этом примере мы преобразовали ассоциативный массив обратно ...
... можно выполнять скрипты для обладателей браузеров netscape");надеюсь, что я ответил на ваш вопрос: "как узнать имя и версию браузера в javascript".удачи!
...         controlpluskey('z', () => console.log('нажаты клавиши cntrl + z'));         controlpluskey('f', () => console.log('нажаты клавиши cntrl + f')); ...
... которая дальше уже печатается в окне браузера.я уверен, что здесь настолько всё прозрачно, что разбирать это глубоко большого смысла не имеет.
... комментарии вконтакте. как видите, и на html-сайт можно подключить комментирование. однако, помните, что все комментарии будут храниться на сторонних сервисах. ...
...     }     return dict; } вызываем так: var params = convertqueryparamstoobject(document.location.search) console.log(params.key) вот так просто можно преобразовать строку ...
... </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 (вставлять между тегами ...
... начинать показ кнопки "наверх"   var delay = 1000; // задержка прокрутки   $(document).ready(function() {     $(window).scroll(function () { // при прокрутке попадаем в эту функцию ...
... let blue = setupcolors('синий'); // настроили базовую функцию blue('красный')('белый') blue('желтый')('прозрачный') blue('белый')('оранжевый') как видно из примера выше, ...
... исключением), его поддерживают в достаточно высокой степени, поэтому с воспроизведением звуков и музыки через тег audio проблем не возникнет.
... один способ, он ещё проще этого, однако, здесь требуется использование javascript. вот код: <a href="javascript:scroll(0,0);">наверх</a> снова при клике мы попадём ...
... [true/false]     //-->   </script>   <script type="text/javascript" src="http://radiopotok.ru/f/script/ca1604d7521508d4dda674072908d725.js" charset="utf-8"></script> </div> данный код вы ...
... str_replace() можно легко сделать в javascript, и никаких функций по 50 строк создавать не нужно, что я тоже видел несколько раз, пока искал чужое решение.
...     );   }; </script> теперь при нажатии кнопок "мне нравится" будет выскакивать окно с текстом "был нажат лайк". разумеется, вместо этого ...
...     return out.touppercase(); // возвращаем строку в верхнем регистре } таким образом, вот так просто можно преобразовать строку из одного представления (hex) в ...
... document.getelementbyid(id).style.display = "block";   }   function hidelinkimage(id) {     document.getelementbyid(id).style.display = "none";   } </script> код html (вставлять между тегами <body> и </body>): ...
... $.fn автоматически: $(selector).enter(   { distance: 100, cord: 'center'},   function(distance, ele, event){    // какие-то действия   ) ); на официальном сайте вы ...
...       </td>       <td>         <img src = 'gallery2.jpg' width = '100' onclick = 'setbigimage(this)' alt = 'изображение 2' />       </td> ...
...         };         // при щелчке на кнопку отправки формы         // отправляем форму на сервер ...
...           <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> ...
... /* выводим курсы валют */       if ($el->nodename == "name") echo $el->nodevalue." - ";       elseif ($el->nodename == "value") echo $el->nodevalue." рублей<br />"; ...
... посмотрите пример на codepen если вам не хватает знаний для лучшего восприятия этого урока, то посмотрите мой видеокурс "верстка сайта с нуля 2.0".
... обратного вызова будет самостоятельным элементом, к которому применена сила. pressure.set('#element', {   start: function(){    // this вызван в начале   }, ...
... // проходимся по ним foreach($files as $file)  {     // если файл - . или .. - пропускаем     if($file->isdot())          continue; ...
... про то, как писать их самостоятельно, то обратите внимание на видеокурс javascript, jquery и ajax с нуля до гуру. а у меня на этом все. спасибо за внимание!
... и размер. класс .dragover будет применяться в будущем для блока, когда над ним будет какой-то файл, но это уже будет делаться с помощью javascript. на этом ...
... найти документацию по ее использованию. по сути, все, что вам нужно, это подключить ее на страницу <script src="prototype.s2.min.js"></script> найти подробную ...
... элементу в этом массиве и изменить его. теперь вы уже точно знаете, что такое глобальные переменные в php и сможете с ними работать, если потребуется.
... обратите внимание, что я реализовал классический способ счётчика объектов. это получилось лишь благодаря тому, что поле count является статическим, ...
... образом, чтобы представленный в самом начале кусок кода сработал вызывать его необходимо следующим образом: ['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() ...
... это ой как далеко не полный список функций, связанных только со строками. а ведь есть и другие функции, не менее важные и интересные. например, ...
... type="text"></div> </div> создайте экземпляр floatl, добавив его в dom var element = document.queryselectorall('js-floatl')[0]; // модульный подход var floatl = require('float'); new ...
... всегда есть возможность использовать javascript, а такое действие, как регулярное автоматическое обновление страницы, достаточно часто используется.
...         const post_content = document.queryselector('#formatted_input_value');         // когда редактируется блок, его содержимое попадает в скрытое поле         editor.addeventlistener('input', () => { ...
... сообществу, где можно задать вопросы и обсудить сложности с единомышленниками. учебный процесс построен таким образом, чтобы теория сразу закреплялась ...
... mouseover() {  for (i = 0; i < 15; i++)    settimeout ('document.blinkbutton.button.style.background = "#'+arrcolor[i]+'0'+arrcolor[i]+'f31";', i * 50);}</script>код html (вставлять между тегами <body> и ...
... "scrolling()"> и </body>):<form name="scrollingbutton">  <input type="button" style = "width:400px" name = "but" value="m" onclick = "gotourl()"></form>c уважением, михаил русаков и сайт http://myrusakov.ru.
...     </p>   </form> </body> </html> вот так уже реализуется настраиваемое автообновление, и опять же мы обошлись лишь одним html и php.
...  [0] => c:\demo\path\script.php // первый аргумент путь к файлу   [1] => hello  [2] => world ) заметьте, что файл myscript.bat должен лежать в такой папке на пк, которая прописана в path, в противном ...
... и </head>):<script language = "javascript">var bigsize = "300"; //размер большой картинкиvar smallsize = "150"; //размер маленькой картинкиfunction changesizeimage(im) {  if(im.height == bigsize) ...
... unless, и это будет абсолютно то же самое. условие if может заменять тернарный оператор, который отсутствует в coffeescript action = if mode is "idle" then "sleep" else "wander" ...
... 1052,    y: 356,    text: 'duwey'   } ]; вот и все! примеры и работу с api вы можете посмотреть на официальном сайте. спасибо за внимание!
... обработку данного события. вы можете поставить операторы условия, чтобы выяснить, какая именно клавиша была нажата и выполнять те или иные действия. ...
... [...range(0,10)] // вывод // array(11) [ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 ] вот так просто можно реализовать функции из php ...
... выпадающий список. если вы хотите научиться разбираться во всем сами, узнать подробнее о jquery и jquery ui, то советую приобрести курс javascript, jquery и ajax с ...
...   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-кодом, и у вас получится анимированный фон на странице.
...         $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); ...
... код html (вставлять между тегами <body> и </body>): <div>  <img src = 'images/javascript/foto4.jpg' alt = 'фотография' width = '200' onclick = 'openimagewindow(this.src);' /> </div>
... используются на практике. например, такой тип функций используется для реализации паттерна модуль. итак, на этом все. спасибо за внимание и удачи!
... 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 ...
...           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" ...
... object settings, копирование рисунка. если вы хотите узнать больше про canvas и научиться самому писать все на чистом javascript, обратите внимание на видеокурс ...
... как можно реализовать такую обработку закрытия вкладки: <script type="text/javascript">   window.onbeforeunload = function() {     return "что-нибудь сообщить пользователю"; ...
...     if (s < 10) s = "0" + s;     document.getelementbyid("my_timer").innerhtml = h+":"+m+":"+s;     settimeout(starttimer, 1000);   } </script> код html (вставлять между тегами ...
... необходим, а чтобы изучить его в максимально сжатые сроки с максимальным результатом вам необходим курс: javascript, jquery и ajax с нуля до гуру. удачи!
... плагин поддерживает все типы html5 видео форматов, таких как mp4, webm, ogg и другие. присутствует умная интеграция пользовательских html5 видео плееров установка ...
... возможности языка, не беспокоясь о том, что что-то не будет работать в браузерах. итак, сайт данной библиотеки вы можете найти, перейдя по ссылке 6to5.org ...
... http://myrusakov.ru", который будет при вызове скрипта делать редирект на http://myrusakov.ru. в будущих статьях мы познакомимся с другими заголовками, которые отправляются ...
... не правда ли? итак, это все, что можно рассказать про эту маленькую, но очень полезуню библиотеку javascript - timesheet.js. спасибо за внимание и удачи!
... document.getelementbyid("rotator");     image.src = array[i];     i++;     if (i == array.length) i = 0;     settimeout("imagerotator(" + i + ")", delay);   } </script> код html (вставлять ...
... ягоды код 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' )); в результате будет получен двумерный массив, к которому затем можно применять другие преобразования.
... категории 3 код javascript (вставлять между тегами <head> и </head>):<script type="text/javascript">   function showorhide(cb, cat) {     cb = document.getelementbyid(cb);     ...
... ассоциативных массивов, их изменение, а также полный перебор через цикл for. лично я использовал ассоциативные массивы в javascript лишь однажды, но знать ...
  • 910. 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> ...
...             return true         }     }     return false } var ages  = [10,12,31,14,15,63,17,88] console.log(ages.has(88)) вот таким ...
... помимо этого, вы получите 3 бесплатных бонуса! создание темы для wordpress. пройдя данный бонус, вы будете уметь адаптировать любую верстку под движок ...
... браузерах на официальной странице плагина вы можете посмотреть демо или скачать плагин. а у меня на этом все. спасибо за внимание и удачи!
...     }     imagewave.innerhtml = out;   }   function doimagewave(count, n) {     sizeimagecycle(count, n);     if (n > count) n = 0;     settimeout("doimagewave(\"" + count ...
... понимания кода), то увидите, как при загрузке страницы сработают функции b() и c(). вот таким простым способом, можно запустить несколько функций в onload, ...
... клике по ссылке с помощью javascript. разумеется, вы можете это переделать под клик по изображению, по блоку и так далее. результат: // кликните здесь ...
... то, что комбинация зависит от браузера, то это может вызвать определённые трудности. впрочем, если вы знакомы с javascript, то проблем не возникнет.
... select * from courses where locate('php', description); в результате мы получим строку, где будет найдено слово php. итак, на этом все. спасибо за внимание и удачных ...
... данной категории будет, во-первых, дать основные представления по jquery, а также продемонстрировать различные примеры использования данной библиотеки ...
... // object { hours: 2, minutes: 0, seconds: 35 } вот так можно преобразовать секунды времени в понятный человеку формат в javascript.