<MyRusakov.ru />

Профессия Web-разработчик

Профессия Web-разработчик

Этот комплект за 8 месяцев превратит Вас в Web-разработчика с нуля. Учиться достаточно 1 час в день.

Начнёте Вы с HTML, CSS и вёрстки сайтов. Потом перейдёте к программированию и JavaScript. Затем изучите PHP, MySQL, SQL, Python. Изучите Web-фреймворки Laravel и Django. Создадите 5 своих сайтов для портфолио.

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

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

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

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

- 5 финальных тестов

- 7 сертификатов

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

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

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

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

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

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

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

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

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

Поиск: script . . . .

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

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

... │     ├── 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()]; ...
... .track{background:#22c55e} :host([checked]) .thumb{left:20px} </style> <div class='track' role='switch' aria-checked='false' tabindex='0'> <div class='thumb'></div> </div>`; this._track = root.queryselector('.track'); ...
... системы счисления. reduce без начального значения — проблемы с пустыми массивами и типами. мутация объектов внутри map: вы меняете исходные данные. используйте ...
... устроиться на работу web-developer'ом. зарплаты очень высокие, имейте в виду ;) итог о чем мы поговорили? какие бывают сайты. самые востребованные ...
... var b = {  name: 'bob' }; a = b; b.name = "john"; console.log(a.name); если вы запустите данный пример, то увидите john, т.к. переменная a и b ссылаются на один и тот ...
... значения по умолчанию. освойте их комбинации, следите за ловушками (|| против ??, достаточное количество ?.) — и ваш базовый javascript станет заметно чище. ...
... name="title" placeholder="новая задача" required> <button>добавить</button> </form> <ul id="todo"></ul> const formel = document.getelementbyid('todo-form'); const listel = document.getelementbyid('todo'); ...
... <meta name="theme-color" content="#0ea5e9"> <!-- производительность --> <link rel="preconnect" href="https://cdn.example.com" crossorigin> <link rel="dns-prefetch" href="//cdn.example.com"> <link rel="preload" ...
... не используйте role="dialog" — он встроен нативно, браузер сам объявит роль и модальность. фокус: showmodal() автоматически ставит фокус внутрь. добавьте ...
... "отправить">  </form></div></body></html>как видите, опять ничего сложного. как видите, создать свой сайт - это совсем не сложно. единственная проблема, ...
...         android:usescleartexttraffic="true"         android:theme="@style/theme.rssappdemo">         <!--               окно, которое будет отображать html страницу во встроенном браузере ...
... программу и бесплатные уроки: прокачать основы javascript на практическом курсе «с нуля до гуру 2.0». курс помогает выстроить правильные привычки и ...
... постановки — 2, и потом 4 (таймер, добавленный из микрозадачи). небольшое отличие в node.js в node.js есть ещё process.nexttick — спец. очередь, выполняется раньше ...
... await maplimit(ids, 2, load); // максимум 2 одновременные задачи чеклист лучших практик независимые задачи запускайте через promise.all — это быстрее. добавляйте ...
...     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 очень легки в использовании, очень быстры, надежны ...
... практического курса: прокачать вёрстку на курсе «вёрстка сайта с нуля 2.0» — от основ html/css до адаптивов, сборки и типичных паттернов на реальных ...
... себя большее количество локализаций (разные языки). <script src="node_modules/moment/min/moment-with-locales.min.js"></script> указав нужный язык, библиотека выдаст ...
... лучших практик 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; после создания всех файлов как в примерах выше, вы получите приложение похоже на картинку в начале статьи.
... имитируйте списки с помощью <br> или последовательностей символов «-», «•». если по крайней нужде верстаете «список на div», добавьте роли: role="list" ...
... res.ok — используйте обёртку. нет тайм-аута — добавьте abortcontroller. случайно перезаписали headers — объединяйте их аккуратно, учитывая content-type. отправляете ...
... устройствах: иногда агрессивная ленивая загрузка ухудшает ux при быстрых скроллах. как проверить эффект запустите lighthouse в chrome devtools до и после внедрения ...
... определённые значения, то последние, наоборот, их изменяют. собственно, данный скрипт я мог бы не приводить, но, чтобы не осталось никаких вопросов, давайте ...
  • 37. файл 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 ...
...   mode: 'cors' // включаем режим cors })   .then(response => response.json())   .then(data => console.log(data))   .catch(error => console.error('error:', error)); если сервер ...
... полезно будет потренироваться в выводе разного текста, разными цветами.увидимся в следующей статье!с уважением, михаил русаков. p.s. бесплатный ...
... получилось некрасивое замыкание линий. теперь добавим свойство 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> ...
... человеку сообщение о том, откуда он пришёл (например, с поисковой системы). если свойство referrer оказалось пустым (то есть человек непосредственно ...
... близкий к нативным приложениям. service workers управляют кэшированием ресурсов и обработкой сетевых запросов, что позволяет ускорить работу приложений ...
... console.log(`идет гулять`);    }   }   let bingo = new dog();   bingo.walk(); // идет гулять чтобы вызвать метод базового класса в производном классе, нужно использовать ...
...     ├───footer     ├───header     │       header.css     │       header.js     │     ├───productcard ...
...       { 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-форма без перезагрузки страницы, я подробно об этом рассказываю, ниже и приведу слегка измененный код, именно под нашу форму с одним ...
...     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 = 'перетащите файлы сюда';      ...
... прописали bootstrap классы чисто для красоты и чтобы не тратить время на написание собственных css стилей. стили заданы только для контейнера. отодвинем ...
... если тип фильтрации - "запрет", то содержимое этого поля не имеет значения. атрибуты для фильтра. то же самое, что и "теги для фильтра", только здесь ...
... 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") найти тег внутри другого тега - альтернативный вариант: ...
... образом, у нас и меняется изображение. надеюсь, что понятно объяснил.остальные свойства объекта image в javascript используется достаточно редко, поэтому ...
... src="video.mp4#t=,5" controls></video> в примере выше видео начнется с самого начала и будет идти до 5-ой секунды. возможность встраивать видео в html появилась ...
...             }         }         // добавление обработчика события для бокового меню ...
...             // удаляем обработчик             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; ...
... date(i).toisostring().substr(0, 10)); осталось вывести наши данные на странице. out.innerhtml += (new date(i).toisostring().substr(0, 10) + '<br>'); сработало! мы получили ...
... регулярное выражение для сопоставления и замены строк: formatteddate = format.replace(/mm|dd|yy|yyy/gi, matched => map[matched]); полная функция выглядит следующим ...
... cryptography api имеет хорошую поддержку в современных браузерах, хотя в некоторых нужно ставить префиксы. оригинал: http://thenewcode.com/82/recipes-for-randomness-in-javascript
... описано в документации. давайте разберём построчно, что конкретно они делают. демонстрация работы таймера обратного отсчёта таймер обратного ...
... оператора new анонимный класс в javascript es6 подобно функциям, классы также могут иметь форму выражений. выражение класса не требует идентификатора ...
... вывести в любом месте на странице. elem.append – добавляет элемент после последнего его дочернего элемента; elem.prepend – добавляет элемент перед первым ...
...   $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>"); ...
... и прошедшее время после начала выполнения скрипта. также заметьте, что функция func() требует параметр. этот параметр передаётся в методе setinterval() ...
... world!</h1>     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>     <script type="text/javascript" src="materialize/js/materialize.min.js"></script> </body> ...
... объект будет перекрашиваться как "грузовой автомобиль" или как "легковой автомобиль". ведь мы можем, например, потребовать в качестве параметра ...
...     for (let field of form) {         const {name} = field;         if (name) {             const ...
... увидите, как работает гамбургер меню на css вывод оба варианта рабочие. меню на js, скажем так – правильное, с точки зрения использования кода. ...
... пользователь начинает взаимодействовать с формой. .form-container input[type=text]:focus, .form-container input[type=password]:focus {     background-color: #ddd;     .. } создаем ...
... значение ключа и в зависимости от результата возвращает булевое значение. если проверяемый ключ содержится в коллекции, то возвращается true. ...
... переменные с числами в десятичной системе исчисления. int a = 4; int b = 7; преобразуем эти числа в двоичный код (состоящий только из нулей и единиц), ...
... видоизменять html-блоки. vue.js содержит очень подробную документацию, которая может ускорить процесс обучения разработчиков и сэкономить много времени ...
... 'red'; }); узнаем координаты мыши при клике по блоку. <div>узнать координаты</div> <script> let div = document.queryselector('div'); div.addeventlistener('click', ...
... демонстрация вам того, что далеко не всегда нужно прибегать к плагинам. подобный слайдер изображений можно было сделать и с помощью плагина, ...
... статическим методом, поскольку он не зависит от какого-либо экземпляра класса animal. es6 упростил задачу создания статических, используя ключевое слово static ...
... случайно введет, число 10.5 или 10d, то функция сама обрежет до целого числа. нам нужны числа, а не строки.необходимо создать ещё одну переменную. назовем ...
... программировании. 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 сервера и учетных данных перед запуском скрипта, замените следующие параметры ...
... get_header('empty'); ?> практический пример стандартный вид страницы с хедером. контактная страница, без хедера. заключение точно такие же ...
... обратится к итератору можно через встроенный в js стандартный ключ symbol.iterator. для перебора не итерируемых объектов, можно создать свой итератор. ...
... хотите глубже освоить javascript? рекомендую курс "программирование на javascript с нуля до гуру 2.0", где вы найдёте ещё больше полезных техник и приёмов!
...     images[i].style.display = 'none';     i = i - 1;     if(i < 0){         i = images.length - 1;     }     images[i].style.display = 'block'; ...
... прозрачность .menu-icon.menu-icon-active .menu-icon-line {     background-color: transparent; } // поворот верхней линии на 45 градусов .menu-icon.menu-icon-active .menu-icon-line::before {     transform: ...
... нужному контексту данных. мини-практика: debounce на замыканиях debounce откладывает вызов функции, пока пользователь продолжает ввод. замыкание ...
...             // вызываем печать нового окна             printwindow.print();         }         // функция для перемешивания массива ...
... хотя бы из этого видеокурса "создание и продвижение лендинга под ключ".обратите внимание, как привлекательно анимирована сама продающая страница ...
... slider, подключаем ссылки на slick.css, slick.js и библиотеку jquery к html документу. кроме того, у вас уже должны быть созданы и подключены ваши собственные файлы ...
... $("#form").submit(function() { отвечает за отправку данных в php обработчик через метод ajax. собираем все данные из нашей формы и при помощи функции serialize преобразуем ...
...     padding-left: 6px;     transition: all 0.4s 0.7s ease; } атрибут placeholder выводит текст белого цвета "поиск" в текстовом поле формы, который исчезает, как ...
... }); метод slidedown() появление элемента, за счет увеличения его высоты. <button class="slidedown">показать(slidedown)</button> $(".slidedown").click(function(){     $("#test").slidedown(); ...
...     <div id="myelement"></div>     <script>         const element = document.getelementbyid('myelement');         let position = 0; ...
...         # задержка времени для избежания ошибок         time.sleep(0.2)     except:         # если искомое изображение не найдено, ...
...         for (var i = 0; i < numcols; i++) {             tmprow[tmprow.length] = formatdata(options.header[i]);         }     } else { ...
... на других сайтах, где он будет применяться, просто поменяется контент. никаких долгих загрузок и прочего, всё быстро и гладко. это помогает в ...
... внутренностей программы (переменных, функций, методов), называется инкапсуляцией. в ооп это означает, что объект хранит свое состояние в приватном порядке ...
... если поле оставить пустым (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-й месяц после создания (если, конечно, не потратиться на рекламу). я скажу более того, если вы через полгода будете зарабатывать хотя бы ...
...             // добавляем в текст страницы содержимое базового шаблона             app.html(taskstable.content);             let tasks = $('#tasks'); ...
... (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";   ...
...         item.classlist.remove('hide')     }   }) } как скрыть карточку? создадим в css класс hide. .hide {     display: none; /* скрывает элемент */ } пример фильтра ...
...                 new product("iphone 15", 1400.99),                 new product("samsung s12", 1200.99), ...
... далеко не от своего имени). сообщение также является обычным текстовым (text/plain) в кириллической кодировке (windows-1251), то есть в нашей с вами родной кодировке, ...
... возможности библиотеки fancybox, начинающий верстальщик уже можно легко брать заказы на верстку с реализацией всевозможных галерей и модальных окон.
... onclick="show('reactjs')"><ion-icon name="logo-react"></ion-icon> reactjs</div> функция находит все пункты меню. <script>     function show(a){         document.queryselector('.text2').value ...
... ctx.stroke(); пример рисования фигуры сердце let canvas = document.getelementbyid('curve'); let ctx = canvas.getcontext('2d'); ctx.beginpath(); ctx.fillstyle="red"; // цвет ...
... $(document).ready(function() для того, чтобы скрипт начинал работать, только после того, как вся структура dom всех элементов загрузилась и была готова. находим ...
... создайте все файлы в некоторой директории с указанным содержимым. затем выполните следующие команды: $ npm install # установит необходимые пакеты ...
... касается и названия самого объекта pathobj, в обоих случаях оно должно совпадать. в противном случае анимация не сработает. добавить html / css код например, ...
...       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 ========== #" ...
... }); весь код и визуальные примеры всех вариантов с разными параметрами виджета jquery datapicker, есть на сайте jqueryui.com. jquery ui datepicker - localize calendar по ...
...         try {             await this.transaction(storename, 'readwrite', (store) => store.delete(key));             console.log('data deleted'); ...
...   const cache = await caches.open('myrusakov-cache');   const cachedresponse = await cache.match(url);   if (cachedresponse) {     // если ответ найден в кэше, возвращаем его ...
... сверху на видимую область сайта эффект затемнения (когда видна только форма). conditions. совсем не обязательно показывать форму на главной странице, ...
... всегда отправляйте header('content-type: application/json; charset=utf-8'). двойное кодирование. нельзя передавать в json_encode уже закодированную строку json — получите строки ...
...                 l.geojson(route, { color: 'blue' }).addto(map);             })             .catch(error => console.error('ошибка загрузки маршрута:', error)); ...
... теперь можно без проблем, вызвать метод sayhello в контексте другого объекта. код функции стал более универсальным. let user2 = {     name: ...
... выполнения. при необходимости модули загружаются с использованием методов ajax. эти системы помогают, но могут несоизмеримо усложниться для более крупных ...
...   <!-- 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> ...
... так: <header class="header"></header> <footer class="footer"></footer> ошибка #8. перегружают код лишними дивами новички иногда злоупотребляют лишними ...
... прототип (класс) быстро вносить изменения в тысячи аккаунтов пользователей. создадим нового пользователя fantomas. передадим в метод create объект user, ...
... скроллбара включим возможность перетаскивания ползунка у скроллбара. <!-- добавление скроллбара в html код --> <div class="swiper-scrollbar"></div> ...
... меняется.давайте сейчас сделаем простейший пример с использованием метода tostring(), чтобы вы поняли, как он вообще работает. а в следующих статьях я вам ...
... объекта 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; } ...
... разобраны далеко не все возможности по работе с элементами на jquery. более подробно по работе с выборкой элементов на jquery я рассказывал здесь.
... уже и передаётся дальше.и напоследок хочется сказать, что это простейший вариант создания собственного объекта в javascript. не забывайте, что свойствами ...
... принимает значение обещания. onrejected – вызывается, когда обещание не выполнено. в качестве первого аргумента в него передается причина отказа. ...
... готовым сниппетом. на странице плагина есть список более 130 сниппетов. давайте попробуем добавить метод append к элементу. между тегами <script></script>, ...
... encoding="utf-8"?> <root>     <age>35</age>     <name>anton</name> </root> глубокое копирование объектов при помощи json можно ...
... значение обеспечивает адаптивность. остальные свойства - чисто оформление. * {     margin: 0;     padding: 0;   } section {     color: ...
... будет включен в новую строку. end index - извлечь символы до этого индекса, но не включая его. отрицательный индекс -1 вернет копию строки кроме последнего ...
...     if (shift) error.innertext = 'у вас включен capslock'     if (!capslock) error.innertext = '' }) если вам интересно создавать сайты, используя только ...
...     box-sizing: border-box;     font-family: "segoe ui light", sans-serif; } .container {     height: 100%;     display: grid;     grid-template-columns: 200px 3fr; ...
...     width: 60%; } .content .tabcontent {     width: 70%;     display: flex;     padding: 10px;     transition: 0.3s;     border: ...
... dom парсер: parser = new domparser(); преобразование текстовой строки в объект. xmldoc = parser.parsefromstring(text,"text/xml"); вывод на странице значение тега name, между ...
... 'число больше 10'; } } заключение в самом простом варианте, отрабатывает условие if, если оно верно, в противном случае, ничего не произойдет. ...
...       const xa = x1 + dx;       const ya = y1 + dy;       const xb = x1 + 2 * dx;       const yb = y1 + 2 * dy; ...
... привязанные только к одной конкретной роли. у объекта user есть метод getlessons() с какой-то базовой функциональностью. но у разных групп пользователей ...
...                 let line = '';                 const lines = [];                 for (let i = 0; i < words.length; i++) { ...
... является laravel, по которому у меня есть видеокурс система "laravel от а до я". курс научит вас создавать профессиональные сайты и веб-приложения быстро ...
... придумываем название функции, получаем тег nav по id и присваиваем его переменной x. в нужном месте, мы просто пропишем x, вместо длиной записи. дальше создадим ...
... первого ползунка (75) и обращение - ui.values[1] к значению второго ползунка (300). slide: function (event, ui) {   $("#amount").val("$" + ui.values[0] + " - $" + ui.values[1]);   } чтобы ...
... меня все готово, посмотреть как работает эффект параллакс можно здесь. выглядит просто супер, особенно учитывая то, с какой легкостью мы этого ...
... углов*/     background: #f9f9f9;/*цвет секции*/     overflow: hidden; } .container .servicebox .icon {     position: absolute;/*абсолютное позиционирование*/ ...
... сходства с макетом добавляем собственные классы, к стандартным классам bootstrap. /* карусель */ /* фон подложка под слайды */ .bg-item{   background: url(../images/bg.png) ...
... события, производимые пользователем и менять css свойства прямо на ходу. во взаимодействии с пользователем и заключается вся сила языка javascript. ...
... передаем в переменную вывод результата в окне: каждый раз при обновлении браузера, мы будем получать случайные числа от 1 до 1000. округление ...
... проходе, выводить в консоль по одному свойству, пока они не закончатся. for(let key in box){     console.log(key + " " + "-" + " " + box[key]); } запустим аналогичный ...
... function(event) {   if (event.target == modal) {     modal.style.display = "none";   } } свободное владение языком javascript, делает создание web-страниц – не скучным ...
... теге span с id="summaresult" с помощью метода text(), передав в параметре результат сложения. $('#summaresult').text(summa); однако, если не все поля будут заполнены, ...
... срабатываем событие ondragleave, где мы возвращаем всё в исходное положение. когда человек "бросает" файл в наш блок, то срабатывает событие ondrop. там ...
... наоборот при уменьшении значения у правила left, слайдер будет двигаться влево относительно розовой рамки. сейчас мы своими ручками в панели разработчика ...
... заказчик видимо тоже не слишком глубоко продумывает технические детали сайта. либо меню находится под шапкой сайта, а здесь нужен другой подход. ...
... вы можете освоить ajax, для ускорения работы сайта и обмена данными, довольно важно. существует огромное количество плагинов, библиотек и дополнений ...
... до я, поскольку ее числовой код (1105) больше, чем код последней буквы я (1103). букву ё нужно всегда специально добавлять к диапазону. let regex = /[^а-яё]/; ...
... интерфейсы, то смело переходите по этой ссылке и смотрите мой видеокурс по javascript. это то, что вам не хватает для развития и продвижения вперед.
... использовать при создании сайта или использовать только в самом крайнем случае. а, вообще, рекомендую вам ознакомиться с основами 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: ...
... false); ctx.stroke(); ctx.fill(); наложение окружностей ничто не мешает накладывать окружности или дуги друг на друга, просто манипулируя ...
... но что-то должно их переключать и это что-то будет реализовано на библиотеки jquery. сначала ставим ссылку на библиотеку и запускаем функцию, которая ...
... setinterval(updatecounter, 1000); если после данного урока вас заинтересовал язык javascript, то переходите по ссылке на мой видеокурс. посмотрите демо на codepen
... мы хотим оставить:var num = 931.1256;document.write(num.tofixed(3));в результате вы увидите: "931.126", то есть округлённое число до трёх знаков после запятой.вот и все свойства ...
...     "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) ...
... файла header.php после подключения стилей пропишем подключение jquery и custom. <script src="public/js/jquery.js"></script> <script src="public/js/custom.js"></script> теперь ...
... декораторы нельзя применять к переменным вне классов. декораторы не работают с обычными функциями. использование требует поддержки со стороны окружения ...
... справляетесь с версткой (не паритесь), но хотели бы верстать ещё быстрее. в противном случае, стоит сначала поучиться верстке, на моём видеокурсе. ...
... использования blob и file обработка файлов на клиенте: javascript позволяет работать с файлами прямо на стороне клиента без необходимости отправлять ...
... отображения карты. в качестве центра карты указываем полученные координаты. добавление метки с помощью ymaps.placemark создаём метку с информацией о вашем ...
... исправить каждый файл tpl. дальше создайте класс, который будет работать с файлами-шаблонами. в задачу этого класса будет входить работа с основными ...
... callback функции. функция callto внутри себя будет принимать какое-то имя и callback. мы вызываем callback внутри этой функции. при вызове функции со звонком, передадим ...
... который вызовет этот стиль:<ul id = "header">  <li>    <a href = "http://myrusakov.ru">текст с размером 150%</a>  </li></ul>думаю, что и здесь вопросов ...
... быстро загружаются, это просто факт, в истине которого можно не сомневаться. они больше проводят времени на таких сайтах, не боясь открывать все новые ...
...   $('.bx-slider').bxslider({     mode: 'vertical',     speed: 600   });   });   </script> теперь слайды показываются в вертикальном режиме ...
... координаты мыши внутри объекта определяются свойством события 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); }) } вот, что получилось в результате.
... бешеную популярность, отчасти из-за возможности гибкого получения элемента по его селектору, передав в параметрах такую конструкцию ('div.contact ...
... запомним этот класс, в дальнейшем он свяжет форму с модальным окном. вставляем следующий код в текстовый виджет сайдбара.  <a class="button" ...
... имеет имени и вместо имени вставляется инструкция (код javascript), что делает эта функция. buttonelem.addeventlistener('click', function() {     buttonelem.textcontent ...
... для всех параграфов на странице сss свойству color установлено значения cyan. $(document).ready(function () {   $("p").css("color", "cyan"); }); результат несколько ...
... проверяем: была ли отправлена форма (существует ли переданное значение "log"). если существует, значит, форма была отправлена и начинаем проверять полученные ...
... значение false, отключает показ иконок. $( "#accordion" ).accordion({     icons: false }); с библиотекой jquery, вы можете легко и быстро создавать пользовательские ...
...   const passwordtext = passwordfield.textcontent;   // создаем временный элемент ввода   const tempinput = document.createelement("input");   tempinput.value = passwordtext; ...
...         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: ...
... делаем прозрачной. ведь она должна появиться только при наведении на ссылку. .link-up a::after {   transform: translatey(-8px) translatex(7px);   opacity: 0;   border-color: ...
... противоположное значение. здесь 0 преобразовался в false и вернул его антипод: true. благодаря этой способности, двойное отрицание может использоваться, ...
... ограничим область для клика мышкой, класс show служит чисто оформительским целям. почему мы заранее не внесли span в разметку? тогда пришлось для каждого ...
... сторона карточки с подушками почему-то оказалась с текстом задом наперёд. зададим свойство ниже для обеих сторон карточки - front и back, то есть ...
... контент. - og:video, og:audio — ссылки на мультимедиа для интеграции видео или аудио. 1. статья <meta property="og:type" content="article" /> <meta property="og:title" content="как использовать open graph для seo" /> ...
... некоторыми своими отличиями. ооп это наука о том, как делать правильную архитектуру. прототипное наследование в javascript является его визитной карточкой. ...
... не существует, будет выполнен метод catch() и будет напечатано 'товар с id 123 и id 456 не найдены' также, так как после вызова then у нас идет вызов ...
... самым быстрым. вы можете использовать его, если вас устраивает изменение массива. если вы не хотите изменять массив, то используйте метод slice().
... программирования, но не могут самостоятельно написать не одной строчки кода на javascript. чтобы не отвечать каждому лично, я специально написал статью "5 советов ...
... #d6d5d5;   color: #000; } шаг 3) добавить javascript код <script> // получить видео c конкретным id var video = document.getelementbyid("myvideo"); // получить кнопку var btn ...
... переменной, но уже добавив свойство textcontent. посмотрим, что теперь изменится. // javascript const textexample = document.queryselector('.text-example'); console.log(textexample.textcontent); ...
... для того, чтобы не происходило разрыва строки. кавычки снаружи и внутри должны быть разные. p.outerhtml = '<div id="text_change">замена всего</div>'; ...
... в фоновом режиме, порядок загрузки скриптов и их выполнение сохранится. первым загрузится скрипт, который выше расположен на странице, независимо ...
... пробелы на концах.     "curly" : true, // фигурные кавычки обязательны для каждого нового блока или области.     "strict" : true, // обязательно ...
... ключевое слово this (этот). class bicycle {   constructor(brand, color, price) {     this.brand = brand;     this.color = color;     this.price = price;   } } ...
... установки переменной окружения type t устанавливает mime тип ответа разрешается использовать несколько флагов для правила, например, [l, ...
... приоритетный порядок   // default: `['local', 'cookie', 'session', 'memory']`   storages: ['cookie', 'local']   // хранилище. установите значение по умолчанию ...
... картинка будет загружена и когда картинка загрузится, то мы что-нибудь сделаем. запишем объект класса promise в переменную promise. стрелочная функция принимает ...
... интерактивность на сайты. именно поэтому javascript один из немногих языков, который появился без поддержки модулей. но по мере усложнения проектов, javascript не стоял ...
... например, только через 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> ...
... результате злоумышленник авторизован под чужими данными, не зная даже пароля. а сессию украсть не получится, так как все параметры хранятся на сервере, ...
... delete window.b; // в обоих режимах свойство b удаляется.   delete math.pi; // в нестрогом режиме он возвращает false, поскольку pi   предварительно определен. ...
... умолчанию метод sort() сортирует элементы по алфавиту, как строку. let cars = ["mazda", "opel", "audi", "honda"]; cars.sort(); document.getelementbyid("demo_sort").innerhtml = cars; в параграфе ...
... уйдет в спам. еще очень важно разделять подписчиков на разные списки. например те, кто был подписан на обучающие статьи по программированию ...
... значения перед возвращением. предположим, вас интересует только первый и третий элементы, возвращаемые функцией returnarr(), вы можете игнорировать ...
... применена анимация с именем - animate (придумать самим) с эффектом пульсации. пульсация будет происходить линейно с длительности 1.5 секунды с бесконечным ...
... операции: && - логическое и и || - логическое или. давайте напишем такое условие:if ((x <= 5) && (x >= 0)) {//блок операторов}данное условие (сложное условие) ...
... снизить прозрачность. мы выбрали значение 60% компиляция в css сейчас у нас всё прекрасно работает, но заливать файлы на сервер в таком виде не ...
... (key === 'email') {     return undefined;    }    return value;   }   const userstr = json.stringify(user, replacer);   // "{"id":003,"name":"борис"}" пример с передачей ...
...       <h1>myrusakov!</h1>     </div>     <script src="./script.js" charset="utf-8"></script>   </body> </html> ''') ...
... другая опция автообновления, то есть все ваши изменения в коде будут автоматически обновляться в браузере. при вводе кода скрипт автоматически ...
... прохождение видеокурса по javascript? на полное прохождение курса вместе с бонусами и выполнение всех упражнений необходимо примерно 30-35 часов.
... посредством css3-кода не так просто. к счастью существует отличный инструмент - генератор градиента. css gradient generator имеет интерфейс как у photoshop, создает кросс-браузерный ...
... этого создаём ещё один файл, в котором пишем такой код:<?php  require_once "myclass.php";  $myobj = new myclass(15, 17);  echo "<br />";  echo $myobj->x;  echo "<br />";  ...
...     <!-- 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> ...
... отобразится на сайте, при ширине окна меньше 816 пикселей. подключаем к html файлу библиотеку jquery и javascript файл. <script src="https://code.jquery.com/jquery-3.3.1.js"></script> ...
... 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;  ...
...     для устройств с размером экрана меньше 800px     отображаем гамбургер меню  */ @media screen and (max-width: 800px) {     .navbar {         padding: 0 .1rem; ...
... хорошо подходит округлым фигурам (круг, овал), на сайтах это обычно кнопки. итак, у нас линейный градиент (linear-gradient), тянущийся снизу вверх (to top), ...
... эффект при наведении на событие мышью он никак не влияет, но так интереснее. при наведении курсора на иконку меняется цвет фона. .box select option:hover { ...
... ], //форматирование величин в donut-графике formatter: function (y, data) { return y + 'шт.' }, // название атрибута с данными по оси x xkey: 'label', // название ...
... мы будем работать с этой переменной, чтобы не писать повторяющийся код. function toggletype() {     let input = this.closest('.inputs').queryselector('.password'); ...
... различные операции. по сути, отсутствие поддержки многопоточности в js, компенсируется моделью событийного цикла - event loop. javascript - это главный ...
... цикле. пример на javascript в javascript event loop встроен в сам язык и используется вместе с обещаниями и колбэками. вот простой пример: console.log('начало'); ...
... очень сложный. и так оно и есть, но если рассмотреть его по базовым элементам, то ничего сложного нет. есть обычная форма и поле hidden, куда сохраняется ...
... совпадения в начале строки, а символ «$» ищет совпадения в конце строки. шаблон «/^\d\d/gm» находит двузначные цифры в начале каждой строки. ...
... str.match(/делу/gi) ); // делу,делу (найдены 2 совпадения) флаг m многострочный режим якорей влияет только на поведение символов ^ $. символ ^ ищет совпадения ...
... наверх, которая появляется, когда пользователь прокрутил страницу вниз. этот элемент улучшит навигацию по сайту, особенно на страницах с длинным ...
... объект с классом text и через свойство classname присвоить ему новый класс. //javascript let headerelement = document.queryselector('.text'); headerelement.classname = "supertext"; ...
... окружность рисуется с помощью метода arc(), в который передаются аргументы. ctx.linewidth = 5; // толщина линии // x,y,radius,startangle,endangle,anticlockwise ctx.arc(200,200,75,0, ...
... в результате, мы видим ( и поисковики тоже это видят) тысячи сайтов с абсолютно одинаковым контентом, ведь названия и описания из xml-файла для ...
... непосредственному участнику данного процесса, к консоли отладчика браузера chrome. если свойство complete вернуло true, значит все картинки загрузились. ...
... для пользователей, безопасность и простоту интеграции для разработчиков. используя telegram webapp и добавив ссылку на ваш сайт в url вашего telegram-бота, ...
... true, 4.5, "some string", true);в примере создаётся массив из 7-ми значений, которые могут быть считаны или перезаписаны. встаёт вопрос: как обратиться к элементу ...
... работы создам специальное портфолио для вакансии контент-менеджер. уберу не нужные навыки - bootstrap, jquery. добавлю нужные навыки – seo, photoshop. ...
...     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> ...
...   template: `<p>пользователь: {{ name }}</p>`, }) export class appcomponent {   name: string;   constructor(private userservice: userservice) {     this.name = this.userservice.getusername(); ...
... цикл будет работать, то есть выведутся числа от 10 до 30 с шагом 5 (10, 15, 20, 25). for (let i=10; i<30; i=i+5) { console.log(i); } сделаем проверку самым простым способом ...
... рассмотрели, как реализовать линейный поиск и алгоритм двоичного поиска. алгоритм линейного поиска проще и не требует отсортированного массива. ...
... buycoffee возвращает объект promise, представляющий процесс приобретения кофе. а функция resolve сигнализирует успешное завершение, оно получает в качестве ...
... нажать ctrl+c или ctrl+d под linux. теперь займемся автоматизацией компиляции. создадим папку и файл. mkdir coffee cd coffee touch main.coffee откроем папку с файлом ...
...     "presets": [     "es2015",     "react", ] babel позволяет разработчикам писать современный js код и не думать о кроссбраузерности.
... animations.pause(); }); ifvisible.on("focus", function() {   // возвращаем все анимации   animations.resume(); }); ifvisible.js может также обрабатывать активность и неактивность ...
... cdn нам не нужно скачивать все необходимые файлы, а нужен только интернет. на этом сегодня все, мы рассмотрели, как установить bootstrap 4. спасибо за ...
... первым аргументом массива литералов является пустая строка. строка ‘ яблок стоят ’, которая находится между первым и вторым блоками выражений. ...
... плеер полностью настраивается и поддерживает ряд пользовательских тем. он также обладает встроенным прикладным интерфейсом. он имеет множество ...
... востребованный в веб-разработке и к счастью наиболее простой для новичка. с его помощью программисты делают сайты динамичными и «живыми». мой видеокурс ...
...     </table> {% endblock %} как вы можете видеть файл index.html расширяет main_layout.html и добавляет в него блок content, который содержит таблицу ...
... всё число целиком. let regex = /\d+/; let str = '065327894'; let result = str.match(regex); console.log(result); //065327894 ленивый квантификатор в диапазоне от 1-го до бесконечности, ...
... используйте его в своих проектах для улучшения пользовательского опыта и предоставления дополнительной информации о содержимом страницы.
... меньше, чем 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 востребован, ...
... взять свой первый заказ на фрилансе. в этом видео-курсе, я делюсь всеми своими секретами по успешному заработку на создании сайтов под заказ.
... call() и apply() эти методы также доступны через свойство function.prototype, т.е. могут вызываться у любой функции. вот как они применяются: var pad = { ...
... при прокрутке страницы вниз, будут подгружаться новые посты. как это работает? javascript по протоколу http посылает запрос на сервер. на сервере php ...
... до правой границы области рисования, то возвращается в исходную позицию. если не очищать холст, то квадраты начнут воспроизводиться и заполнять ...
... образом мы мы научились создавать списки в c#, перебирать их поэлементно, а также использовали наиболее полезные методы для взаимодействия с ними.
... условия как и циклы, twig поддерживает тег условия –if, elseif, if not и else. это вполне стандартные конструкции, которые аналогичны конструкциям ...
... продвинутые возможности для работы с данными, включая индексы, транзакции, запросы по диапазону и т.д. это позволяет эффективно хранить и извлекать ...
... свойства, но их использование крайне редкое. как правило, хватает и этих трёх. кстати, на картинке к этой статье указаны ещё несколько других свойств.
... время для решения типовых задач, а на фрилансе 90% заказов - типовые задачи. не слушайте никого, изучайте jquery в рамках моего видеокурса. для заказчика ...
... внешний вид курсора меняется сам по себе, без привязки к самим иконкам. он пока не двигается за мышкой. ul li:hover a{     color: #b71c1c; } ...
... безопасной альтернативой eval() является использование конструктора function. этот метод требует осторожности, но считается безопаснее, чем прямое ...
... посмотрите на codepen, что у нас получилось в итоге. изучайте javascript на моем видеокурсе, ведь без этого языка невозможно заниматься вебразработкой.
... за привязку обработчиков на события mouseover и mouseout. $(function () {   $("div").hover(onin, onout); }); // функция которая отработает при наведении курсора на ...
... разумеется такой возможности нет. есть еще одно важное отличие, оно касается программистов. если планируется обратиться к элементу html документа ...
... реализуется это с помощью редиректа с задержкой:<script language = 'javascript'>  var delay = 5000;  settimeout("document.location.href='http://b.ru'", delay);</script><p>у нашего сайта ...
... подставляться вместо фигурных скобок со значением name. и ещё один пример <input type="checkbox" ng-model="showmytext"> <div ng-show="showmytext">текст, который появится сразу ...
... </ul> </div> укажите нужные пути для картинок с разных ракурсов в атрибуте data-img-src. также, не забудьте подключить css файл. .turntable { margin: 0px; ...
...         else element.innertext =  value.trim();     } } filleditables('.editable'); tagcontentchanger('.editable', (element) => {     localstorage.setitem(element.dataset.name,element.innertext); ...
... теге body достаточно просто создать div с каким-нибудь классом или id, а внутри него сделать обычные radio кнопки с id. чтобы наш скрипт заработал, в теге ...
... вопрос: я хочу стать frontend-разработчикам, но не знаю с чего начать. здесь так всего много, что с ума можно сойти. фреймворки приходят и уходят, ...
... # файл утилиты командной строки, для взаимодействия с проектом из командной строки     manage.py     # рабочая папка проекта     mysite/         # файла для создания из папки mysite,  пакета python ...
... результату. return(a+b); если программа дошла до return, то функция перестает выполняться и возвращает результат. способы объявления функции js в javascript ...
... хотите стать профессионалом, тогда вам стоит ознакомиться с моим курсом. желаю удачи во всех ваших работах! не забывайте оставлять отзывы ...
... <b>петр</b>. файл file4.txt здравствуйте! меня зовут <b>федя</b>. запускаем скрипт c:/> python script.py таким ...
... поисковой оптимизации. и вот с помощью request_uri мы можем определить: с index.php или нет был вызван скрипт. и можем сделать редирект с index.php (если он присутствовал ...
... останется 'далить' преобразовать строку в число в js предусмотрено автоматическое преобразование типов данных. если браузер видит, что мы ...
...         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. ...
... происходит через метод fetch, получаем данные не в виде текста, а в формате json. // получим кнопку по селектору const btn = document.queryselector('#btn'); // занесем ...
... что я поставил фигурные скобки, так как в блоке уже два оператора (два echo). также обратите внимание, что если вы используете двойные кавычки ("), то ...
... поэтому он не блокирует другие задачи, запущенные в том же потоке в браузере. вот рабочий пример этого подхода: смотрите код ленивой загрузки изображений ...
... - если поставите "да", то тогда ссылки в тексте собщений будут активными. это удобно для пользователей, но ваша гостевая книга будет хорошим местом ...
... echo $yellow . "это желтый текст" . $reset . php_eol; echo $blue . "это синий текст" . $reset . php_eol; эти примеры помогут начать печатать цветной текст ...
... лоадеров и много другого мега полезного во фронтенд-разработке. html dom https://htmldom.dev данный ресурс содержит все возможные примеры управления ...
... проходе, тоже самое проделываем с последним элементом. таким образом, в переменную sum перекочевали все элементы массива. когда наше условие ...
... и вытаскиваем его тогда, когда происходит клик по кнопке со стрелочкой, просто добавив нужный класс. на этом у меня все! спасибо за внимание!
... headers.set('content-type', 'application/json'); // удаляем заголовок headers.delete('x-my-own-header'); // укороченный вариант let headers = new headers({ ...
... перехватывать сетевые запросы и выбирать, брать ли данные из кэша или из сети. это помогает ускорить загрузку и сэкономить. предварительное кэширование: ...
... под шапкой, таким образом мы визуально отделяем шапку сайта от контента. высоту шапки height предпочтительно задавать не в пикселях, а в относительных ...
... градусов, но в противоположном направлении по отношению друг к другу, пересекаясь по середине, образуя крестик, а средняя полоска масштабируется ...
... реализация всплывающей формы на чекбоксах, костыльное. поэтому без серьёзного изучения javascript, в веб-разработке далеко не уедешь. рекомендую присмотрется ...
... просто. итак, на этом все. надеюсь, вам понравился плагин. лично мне он очень понравился и я обязательно реализую его в своих новых проектах. удачи!
... координаты блока */     new_x = delta_x + x;     new_y = delta_y + y;     block.style.top = new_y + "px";     block.style.left = new_x + "px";   } </script> как видите, это ...
... полной загрузки документа – его надо поместить в конец разметки страницы. в общем-то, это все, что нам нужно для создания индикатора прогресса ...
... которому большинство из программистов привыкло, как не было, так и нет. стоит ли использовать такой синтаксис? решать вам! а у меня на этом все. ...
... разрешено, то загружаем файл       echo '1';     } else echo 'invalid file type.'; // выводим ошибку   } ?> код я прокомментировал, поэтому, думаю, что ...
...   <h1 style ="color:white"> get the latest news on our website   </h1>   </div>   <div class="container">   {% for new, des, i in mylist %} ...
...     console.log('start'); }); dragend событие dragend возникает в момент отпускания элемента. elem.addeventlistener('dragend', function() {     console.log('end'); }); ...
... с папками: async function openfolder() {   const dirhandle = await window.showdirectorypicker();   for await (const [name, handle] of dirhandle.entries()) { ...
... появится иконка. как по клику по иконке вызвать меню, читайте здесь или здесь. @media screen and (max-width: 960px) {     .topnav {         display: ...
... работы с данными. сделали копию и делайте с данными, что угодно: перебирайте их в массиве, склеивайте или объединяйте, без риска для оригинала.
... поэтому для ускорения загрузки сайта, применяют отложенную загрузку шрифтов. смысл в том, чтобы браузер, начал показывать текст, как можно быстрее ...
...         var x = 10;     }     console.log(x); // 10 (доступна внутри всей функции) } // использование let ...
... как и render, rendertostring вызовит исключение, если не сможет спарсить выражение. вы можете настроить автоматическую отрисовку. как это сделать, почитайте ...
... скрывается через свойство display: none. if (item.innerhtml.tolowercase().indexof(filter) > -1) {     item.style.display = ''; } else {     item.style.display = 'none'; ...
... странице, она всегда будет оставаться сверху экрана, благодаря нулевым top и left. nav {     position: fixed;     top: 0;     left: 0;     width: ...
... пользователю достаточно лишь открыть страницу, браузер загрузит изображение, добавив к нему закодированную строку с cookie пользователя. таким образом, если ...
...         <a href="#" onmouseenter="imgslider('img1.jpg')">home</a>     </li>     <li>         <a href="#" onmouseenter="imgslider('img2.jpg')">about</a> ...
... если (if) x<0, то таймер остановиться cleartimeout() и выскочит alert "стоп таймер и пуск ракеты!", в противном случае (else) из переменной timer, вызовется функция ...
... будет перемещать мышь без остановки какое-то время, этот цикл повторится десятки раз. множество запланированных и немедленно отмененных тайм-аутов. ...
...     dots.style.display = "none";     btntext.innerhtml = "показать меньше";     moretext.style.display = "inline"; } } условный оператор if-else, работает по ...
...         opacity: 1;     }     60%,99%     {         opacity: 1;     }     100%     {         transform: ...
... цикле for. попытка использовать ключевое слово const для объявления переменной в стандартном цикле for приведет к ошибке typeerror, как показано ниже. ...
... строку с разделителем в виде перехода на новую строку   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: ...
...     // window.environment_dev - настраиваемое свойство, которому может быть присвоено значение true где-либо еще для целей отладки и тестирования     if (window.environment_dev) {         alert('клиентская ошибка: ' + stack); ...
... повторите эту логику, чтобы сконвертировать миллисекунды в минуты, часы и дни. выведите данные таймера, как многоразовый объект когда часы, минуты ...
... $options = getopt("f:n:", ["file:", "name:"]); if (isset($options['f'])) {     echo "файл: " . $options['f'] . "\n"; } elseif (isset($options['file'])) {     echo "файл: " . $options['file'] . "\n"; ...
... преимущества удобства внесения изменений остались, а фреймы ушли. и вторая задача, где постоянно встречаются фреймы - это динамически обновляющиеся ...
...    }   }, false); </script> у нас есть какая-то ссылка, при клике по которой мы просим пользователя разрешить показ уведомлений. если он ответит ...
...     // десятичное в шестнадцатеричное     convertnumber.dec2hex = number => convertnumber(number)(10)(16);           ...
... bootstrap. <button type="button" class="close" data-dismiss="modal" aria-label="close">     <span aria-hidden="true">×</span> </button> если внешний вид бутстраповского крестика ...
... работают open source проекты, создаваемые большим сообществом программистов. вот так работает и система контроля версий git, а использует её социальная ...
... первый взгляд, так оно и есть, пока не начнешь перелопачивать эту тонну. в процессе поиска, окажется, что статья уже устарела, ведь wordpress очень ...
... <a href="yandex.ru" id="link">нажми!</a>   <script>    function myfunc() {     alert('событие, которое не сработает.');    }    var link = document.getelementbyid('link'); ...
... коллекции) и присвоим каждому из них через свойство innerhtml, с нужным словом. let homenodes = document.getelementsbyclassname('home');     for (let i = 0; i < homenodes.length; ...
... окна с бесполезной информацией и множество баннеров применять не стоит. итог сегодня мы узнали основные ошибки в продвижении своего ...
... иконка гамбургера готова, но при клике по ней ничего не происходит, поскольку мы не написали ещё функцию. js код при клике на контейнер с событием ...
... бесконечная анимация как-то оправдана, на элементе с призывом к действию. 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; } для полей ввода, ...
...                 // очищаем содержимое поля ввода и снимаем фокус при нажатии клавиши delete                 inputelement.value = '';                 inputelement.blur(); ...
... сообщение на email: $to?',   to: 'html', // href/html   success: function() {    $('a.advanced').css('color','#3c3');   },   fail: function() {    $('a.advanced').css('color','#f66'); ...
... элемента на странице. после того, как у вас все готово, нужно запустить скрипт. для этого просто вызовите метод start(), как показано в коде выше. вот и все. ...
...                          // если запрошенный путь соответствует какому-либо              // маршруту, смотрим есть ли маршруты ...
...     background-size: cover; / * масштабирование с сохранением пропорций * / } .calendar{     position: relative; / * относительное позиционирование * /     width: ...
...             chat.scrolltop = chat.scrollheight;         };         sendbutton.onclick = function() {             const message = messageinput.value; ...
... http://raphaeljs.com/ и http://modernizr.com/ и скачайте эти две библиотеки. в html документе подключите модернизр <script src="modernizr.js"></script> после этого перейдите на ...
...     font-family: calibri, 'trebuchet ms', sans-serif; } .hidden {     display: none; // скрывает текст } javascript код по событию клика по кнопке, у текстового ...
... программировать на javascript – это входной билет в мир frontend-разработки, все остальные 9 навыков обнуляются, если нет js навыка, react идет паровозиком за js. без js, ...
... нарисуем треугольник ctx.beginpath(); ctx.fillstyle = "red"; // меняем цвет на красный ctx.moveto(10,10); ctx.lineto(70,30); ctx.lineto(30,50); // идём с предыдущего значения координат(70,30) ...
...     border: 2px solid var(--modal-color); } необъявленная переменная если по какой-то причине переменная недоступна, тогда при вызове переменной ...
... не будет тратить драгоценное время для поиска фавиконки, поскольку вы указали, где находятся фавиконки на вашем сайте. не стоит сильно заморачиваться ...
... # цикл чередования firefox, chrome и safari для тестирования веб-сайта. webbie_url = r' https://myrusakov.ru/ '  for i in [firefox, chrome, safari]:      i.get(webbie_url)  ...
... невидимым и зададим ему стили. <input type="text" name="" id="searchinput" placeholder="search"> .search .input{     position: relative;     width: 300px;     height: ...
... скажет: постой, я не знаю переменную pincode и не дам тебе положить туда число. pincode = 2654477; // это ошибка вот такой вариант уже рабочий - объявляй ...
... прописать его в свойствах кнопки через атрибут - data-target="#firstmodal" и data-toggle="modal". проверяем, созданное нами модальное окно, при нажатие на кнопку, оно ...
... localmachine unrestricted проверяем версию gulp, если после ввода gulp -v, вы видите cli version: 2.2.0, значит установка прошла успешно. существенное дополнение если ...
...     terms = form.queryselector('[name="terms"]'), //получаем поле terms     plan = form.queryselector('[name="plan"]'); //получаем поле plan создадим объект, в ...
... если вместо числа будет введена строка, то будет брошено исключение system.formatexception, сигнализирующее о том, что введенное значение некорректно. ...
... json with open('data.json', 'r', encoding='utf-8') as file:     data = json.load(file) print("имя:", data["name"]) print("возраст:", data["age"]) 3. парсинг json-списка иногда ...
... кавычки. данный способ является самым простым из всех используемых. мы просто создаем строку с html внутри js файла и присваиваем ее константе. далее ...
... может отправить через форму какой-нибудь вредоносный код и навредить сайту. намного безопаснее делать валидацию на стороне сервера, например на ...
...         $('.scroll_top').removeclass('active');     } }); не забудьте подключить библиотеку jquery. демонстрация примера заключение если вы уже изучили html/css и не знаете ...
...     <!-- don't use this in production: -->     <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>     <link rel="stylesheet" href="floatingbutton.css"> ...
... для позиционирования по горизонтали, установим для курсора x координату. для вертикального позиционирования установим y координату. теперь новый ...
...       });     </script>   </body> </html> в примере выше мы используем атрибут data-bs-theme для применения стилей в зависимости ...
... позволяют создавать, обновлять или удалять информацию. пример мутации: mutation {   adduser(name: "john doe", email: "john@example.com") { ...
... очередь необходимо использовать метод tostring() для преобразования их в строки. var app = document.queryselector('#app'); // получение даты var date = new date('july 4, ...
...   return window.getcomputedstyle ? getcomputedstyle(element) : element.currentstyle; } использование аналогичное var styles = getstyle(div1); alert(styles.background); итак, сегодня мы узнали, как работать ...
... селектор для нестандартного поиска в документе и окрасили его в зеленый цвет. a[href*="ananas"] {     color: greenyellow; } метод queryselectorall ищет ...
... <head>   <meta charset="utf-8">   <title>test</title>   <link rel="stylesheet" href="css/normalize.css">   <link rel="stylesheet" href="css/main.css">   <link rel="stylesheet" href="css/app.css"> ...
... <button id="btn" value="submit"> <script> function hello1() {     alert('hello vova!'); } function hello2() {     alert('hello alex!'); } btn.onclick = function() { alert("hello"); ...
... итоги деструктуризация позволяет лаконично доставать значения из массива или объекта и менять их местами, поддерживает вложенность и ...
... контейнером, чтобы иметь больше контроля над позиционированием кнопок. временно обозначим контейнер желтым цветом для наглядности. .filter { ...
...    // для проверки возможности аутентификации пользователя    .then(authenstatus)    // если аутентификация прошла успешно, вызывать функцию ...
...     <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> ...
... сенсорное событие, которое сработает при касании пальца по розовому элементу. на большинстве десктопных устройствах нет сенсорных дисплеев и мышка ...
... fetch('https://api.github.com/users/fabpot') .then(response => response.json()) // преобразуем ответ в json .then(data => {   console.log(data) // выводим в консоль результат выполнения response.json() ...
... значение будет отправлено при отправке формы. вот таким нехитрым образом делается абсолютно любая стилизация select на javascript. если использовать jquery, ...
...     '(\\#[-a-z\\d_]*)?$','i');                            // проверка хэша     // сама проверка     return !!urlpattern.test(urlstring); ...
... переменная q не определена. преимущества строгого режима строгий режим изменяет ранее терпимый «плохой синтаксис» на ошибки. в случае ...
... позиции. const regex = /\d\d\d\d/; const str = 'новый 2021 год станет годом перемен во всем.'; const result = str.match(regex); console.log(result); символьный класс - не число: ...
... следующее: <script>   var button = document.getelementbyid('button'),       xmlhttp = new xmlhttprequest();   button.addeventlistener('click', function() {    var name = document.getelementbyid('name').value.replace(/]+>/g,''), ...
... // добавляем элемент в массив q.push(5); // получаем длину очереди console.log(q.length); // 5 // пока длина массива не равна нулю ...
... кнопка, приличный блок (pop-up окно) и пока что, бесполезный блок с затемнением. осталось написать только небольшой кусок кода - и всё прекрасно! ...
... заголовка и удалить у него класс spoiler-body, чтобы блок с контентом стал видимым. метод nextelementsibling возвращает следующий элемент. элемент, по которому был ...
...     top: 10%;     left: 20%; } фиксируем ширину меню на 200 пикселях. width: 200px; мы дошли до пунктов меню списка. убираем маркеры у пунктов ...
... любой другой скрипт на странице: у него есть доступ ко всем данным жертвы. и этот скрипт может делать все, что может делать любой другой скрипт ...
... php artisan route:list — отображает список всех маршрутов. создание собственных команд artisan laravel также позволяет создавать собственные команды artisan, ...
... синтаксиса es6, сделает и так лаконичную запись метода foreach, ещё более лаконичной. cars.foreach(element => console.log(element)); заключение к счастью или к сожалению, ...
... чтобы освободить все ресурсы. # закрыть подключение к базе conn.close() заключение: таким образом мы узнали, как экспортировать данные ...
... const updatep3 = text => p3.textcontent = text; // создаем класса объекта наблюдения const subject = new subject(); // добавляем наши действия в список наблюдателей ...
... навигации прячется за левым краем браузера. @media (max-width: 767px){     .navigation     {         left: -60px;     } ...
... каждому элементу строки можно обратиться по его индексу (порядковому номеру). когда мы обращаемся к первому элементу строки, через её индекс, то действительно ...
... находится ли уже какой-либо элемент страницы в полноэкранном режиме или нет. если да, то мы используем метод document.exitfullscreen() для выхода из полноэкранного ...
... необязательных параметров, полный список которых можно посмотреть здесь: http://cyber.law.harvard.edu/rss/rss.html. также обратите внимание, что весь код xml-документа должен ...
... скопируйте код из index.php скрипта в файл со страницей обратной связи (feedback.php). теперь вы можете делать всё, что пожелаете нужным между тегами <html> ...
...             }             currentindex = (currentindex + direction + slides.length) % slides.length;             showslide(currentindex); ...
... настройки facebook включаем возможность добавления на сайт метаданных open graph. open graph отвечает за то, какой контент будет отдаваться в социальные сети ...
...     // в качестве данных для загрузки из ссылки устанавливаем данные из формы     a.href = window.url.createobjecturl(         new blob([data], { type }) ...
... (5, 0.2)? быстрый взгляд на логику функции скажет вам, что она не может обрабатывать дробные показатели, но по закону математики, возможно возведение ...
... со свойствами. что же эти свойства значат? url - адрес сервера, куда отправятся данные type - метод запроса. по-умолчанию get datatype - тип данных, которые ...
... обучения программированию является видеокурс. представляю вашему вниманию свой новый видеокурс: «программирование на javascript с нуля до гуру 2.0».
...     });     // отключение щелчка по правой кнопке     $("body").on("contextmenu",function(e){       return fals     });   }); </script> ...
... элементам задача 4: изменить цвет только у второго параграфа при клике. здесь, мы конкретно обращаемся, через нумерованный индекс (число в ...
... продвинутого: d3 допускает различные инструменты для создания графики. это базовая структурированная таблица или хорошо проанализированная ...
... наших манипуляций. const btn = document.queryselector('.btn'),     elem = document.queryselector('.box'); // изначальная позиция квадрата let pos = 0; requestanimationframe ...
... выполняет деление, и выбрасывает исключение, если мы пытаемся делить на 0. в первом случае у нас всё сработает, во втором же мы получим исключение, ...
... чтобы решить эту проблему, нам нужно использовать метод pushstate: history.pushstate(null, null, 'hello'); теперь, если мы нажмем на кнопку "назад", ...
... очень важно знать любому, кто занимается созданием сайтов, используя пакет denwer (да и другие пакеты тоже).полный курс по php и mysql: http://srs.myrusakov.ru/php
... какого-то отдельного таба, где внутри мы можем писать что угодно. чтобы добавить новый таб, добавьте div с id и ссылку, которая будет ссылаться на этот ...
... fa-map-marker" aria-hidden="true"></i></span>     <span class="info">ленинский пр. 25, г. москва</span>   </li>   <li>     <span class="icon"><i ...
...   </div> </div> <div class="column">   <div class="card">     <img src="dog.jpg" alt="dog">   <div class="card-content">     <a href="#">     <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> ...
... выйти за пределы сайдбара, но в тоже время не обрежет его, а перенесет ниже. .sidebar {   height: 100%;   width: 180px;   position: fixed;   z-index: 1; // ...
... третьим параметром идёт анонимная функция, принимающая данные от сервера. в теле функции мы, как и в прошлой статье, вставили полученный результат ...
... что хотелось написать о создании и инициализации переменных в языке javascript. теперь поговорим о выводе переменных в окно браузера. выводить их можно, ...
... запустим функцию outnum первым параметром мы передаем целевое число, на котором анимация закончится. вторым параметром - элемент, где выводить ...
... + "\n"; demo += "boolean bool = " + bool + "\n"; demo += "char c = " + c + "\n"; demo += "string str = " + str + "\n"; system.out.println(demo); преобразование строки в число любое число, заключенное ...
... страницы использовались функции getelementbyid , getelementsbytagname и getelementsbyclassname. и, несмотря на то, что вы все еще можете видеть эти функции в старых книгах, ...
... web-программисты повседневно используют данный фреймворк в своей работе. по статистике, на данный момент, около 18 миллионов сайтов сделаны при ...
... создание анимации теперь заставим наш текст вращаться вокруг изображения. @keyframes animate {     0%     {         transform: ...
... стрелочную функцию, которая обратно поменяет у popup значение block на none (невидимое). close.addeventlistener('click', () => {     popup.style.display = "none"; }) ...
...   # обязательно  прописываем выход из вебдрайвера   driver.quit() # вывод /* python 10 javascript 6 */ в нашем примере используются локаторы типа /html/body/table/tbody/tr. ...
... анимации задаем начальный координаты x,y для пчелы относительно холста. каждые 30 секунд с помощью метода setinterval запускаем функцию, которая очищает ...
... важный язык, поэтому его необходимо знать любому профессиональному web-разработчику, а поможет вам изучить его курс: javascript, jquery и ajax с нуля до гуру.
... придумаем то же своё - "добавьте свои виджеты" 'description' => esc_html__( 'добавьте свои виджеты.', 'my_theme' ), остальные четыре настройки ...
... например, в папку "flowplayer". далее вы должны в теге <head> страницы, на которую будет добавлено видео, написать следующую строку: <script type="text/javascript" src="flowplayer/flowplayer-3.2.2.min.js"></script> ...
... запроса и выводом результата проблем возникнуть не должно. если это не так или в данном скрипте не всё понятно, то вам тогда однозначно нужно сначала ...
... название constчасто пишут в верхнем регистре, как-бы подчеркивая её постоянство. const alfa = 99; заключение рекомендую, начинающим изучать javascript, применять ...
... пользователем города и нажатии клавиши enter выводятся данные о погоде из api openweathermap. включение компонента: далее включим компонент weatherapp в корневой компонент ...
... только когда тип – браузер пример: 'http://example.com' imgpath string ./jquery.devicemock/img/ путь ...
... php файлов описание файлов темы wordpress вся разработка ведется в functions.php, но когда у вас много кода, то вы физически не можете его разместить ...
... none; } #canvas {   display: none; } и, конечно же, двигатель нашей задумки - javascript. (function() {   var video = document.getelementbyid('video'),    canvas = document.getelementbyid('canvas'), ...
... на макете активный индикатор слайдера покрашен в более темный цвет. заглянем в инструменты разработчика, чтобы посмотреть, какие ещё есть ...
... обработка потоков данных в реальном времени. давайте рассмотрим простой пример на языке программирования 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), ...
... 2-х страниц с абсолютно одинаковым или практически одинаковым контентом. редирект на странице. этого поисковые системы очень не любят, и такую ...
... = 1; i <= ndays; i++) {    document.write("<td width=30>");    if (i == thisday)      document.write("<span style = 'color: red;'>")    document.write(i);    ...
...     border-radius: 4px; /* закругленные края */ } временно, на момент выполнения скриншота, была выставлена widht: 100px, чтобы показать скрытую линию. техническая ...
... убираем подчеркивание ссылок } изначально все вкладки нужно спрятать. .tab__box {     position: relative; // относительное позиционирование ...
... отметить, что разработку таких приложений стоит вести достаточно аккуратно. все дело в том, что если будут утечки памяти, например, то приложение может ...
... #1 - вводимые пользователем символы записываются в переменную text. #2 - браузер разбивает вводимые символы на соответствующий код и определяет ...
... основании этих метаданных и информации о вашей компании, представленной в google my business, google может сформировать блок информации (в правой части ...
... return super.shift();    }    peek() {     return !this.empty() ? this[0] : undefined;    }    empty() {     return this.length === 0;    }   }   var ...
... части. все, что нас окружает, находится в пропорциях "золотого сечения". леонардо пизанский в одной из своих задач решил посчитать, сколько пар ...
... `<li>${tag}</li>`).join('n      ')}    </ul> </footer> </article>`; в следующей статье мы продолжим обсуждение шаблонных строк в javascript.
... метод onendcallback(), который сработает тогда, когда счетчик закончит отсчет. к примеру, можно отсылать письма подписчикам. думаю, каждый найдет применение ...
... пользователя не число, а строку, и мы её должны сравнивать с другими строками. если введёно что-то другое (не "1", не "2" и не "3"), то выводится "вы ввели ...
... устройствах с ширина экранов, которых меньше 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) ...
... либо двойным кликом). это легко можно заметить по адресу в адресной строке. там будет что-то наподобие: file:///z:\home\mysite.local\www\script.php. а правильно запускать ...
... список, если потребуется, всегда можно будет посмотреть в справочнике. а более подробно выборка элементов с помощью jquery разобрана в этом курсе.
... свойству top формулу случайно созданной ширины квадрата square.style.left = math.random() * innerwidth + "px"; // вывод квадратов в секции section.appendchild(square); // метод вызывается ...
... обновления состояния игры или визуализации в реальном времени без блокировки пользовательского интерфейса. это позволяет создавать более интерактивные ...
... внутри фрейма. указываете размеры карты подходящие под структуру вашего сайта. при выборе статического варианта, карта вставляется на сайт как ...
... $text));   } } откроем нашу базу данных mvc и создадим таблицу data с 2 полями. id int 11 primary_key auto_increment text varchar 255 проверим, все должно работать. введите ...
... еще несколько анимаций @-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); ...
... всегда носить второе устройство только для проверки личности пользователя. однако, к счастью, мобильные устройства быстро стали популярным элементом ...
... загрузке страницы. если введенный пароль совпадает с предварительно заданным, модальное окно закрывается, и пользователь получает доступ к содержимому ...
...         // проверяем наличие собственного свойства у объекта         if (obj.hasownproperty(prop)) {             // помещаем в новый объект специальный примитивный тип javascript symbol ...
... файла, указав ваши пути до них: <link rel="stylesheet" href="css/main.css"> <script src="libs/particles/particles.min.js"></script> <script src="js/main.js"></script> 3) создадим на html ...
... событие клика и узнает, по какому именно элементу, кликнул пользователь, чтобы добавить ему указанный класс. добавить класс элементу в javascript ...
... нужно полностью менять всё, то проще через javascript определить браузер и подключить отдельный файл стилей. скажу честно, я с такой задачей не сталкивался, ...
... браузера, запомните, на какой ширине экрана, поля формы начнут ломаться. в нашем случае с формой, это будет цифра 680 пикселей. теперь для всех ...
...     background-color: #eec321; } при наведении курсора, делаем цвет фона немного темнее. .container:hover input ~ .checkmark {     background-color: #ccc678; } для отмеченного ...
...     width: 350px;/*ширина контейнера*/     height: 70px;/*высота контейнера*/ } .navigation ul{     position: absolute;/*абсолютное позиционирование*/     top: ...
...                     <td>{{ staffer.name }}</td>                     <td>{{ staffer.description }}</td>                     <td>{{ staffer.age }}</td> ...
...                 $servername = sprintf("%s/%s.%s", files_storage_path, md5($clientname), $extension);                 $uploaderrorcode = $_files['profileimage']['error']; ...
... сайт</a> <a rel="external" href="http://myrusakov.ru">как создать свой сайт</a> <a rel="external" href="http://myrusakov.ru">как создать свой сайт</a> <script type="text/javascript">   externallinks(); ...
... javascript. начните с простых команд, и постепенно углубляйтесь в изучение языка. постоянная практика и эксперименты помогут вам стать более уверенными ...
... всё, что нужно знать для создания анимации на своих сайтах с помощью jquery. как видите, библиотека jquery позволяет всё это делать необычайно просто. ...
... заносит в переменную eraser. этим eraser пользователь орудует, как стирательной резинкой. методы offsetx и offsety возвращают отслеживаемые координаты, которые ...
... запустилась, мы при загрузке документа (событие load и обработчик onload) вызываем функцию starttime(). вот такой классический алгоритм реализации таймера.это был ...
... тестирование результатов php-скрипта, мы проверяем и его производительность. поэтому после выполнения всех тестов мы узнаем, насколько быстро работает ...
... const uniquedata = removeduplicatesbykey(data, "id"); console.log(uniquedata); таким образом, выбор метода удаления дупликатов объектов в массиве средствами javascript зависит от требований ...
...     zoomer.style.backgroundposition = x + "% " + y +"%"; } вот так можно реализовать увеличение изображения, как при просмотре лупой, на чистом javascript.
... переменной obj присваиваем текущий объект html-страницы, находящийся в массиве all. дальше с помощью оператора instanceof мы проверяем принадлежность ...
... очень понимаю, почему возникает такое количество вопросов по этому моменту. видно, очень непонятно пишут авторы многих учебных пособий. поэтому, ...
...             <div class="sidebar-menu">                 <ul>                     <li><a href="#">link 1</a></li> ...
...         name, ext = os.path.splitext(fn)         output_fn = f"{name}-{pdf_index_new}.pdf"         # сохранение файла         new_pdf_files[pdf_index_new].save(output_fn) ...
... типов веб-ресурсов, особенно тех, где важна скорость доступа к контенту. это могут быть новостные порталы, блоги, интернет-магазины и другие сайты, ...
... для пользователя. благодаря событиям , вы можете реагировать на действия пользователя, обновлять интерфейс или запускать другие процессы.
... внешний вид ссылок на страницы и их состояния (активная/неактивная). javascript: мы используем javascript для добавления функциональности пагинации. ...
...             taskinput.addeventlistener("keyup", function (event) {                 if (event.key === "enter") { ...
...     flex-direction: column;     margin-top: 100px;/*отступ сверху*/ } footer .wave{     position: absolute;/*абсолютное позиционирование*/     top: ...
...     // пока значение не найдено или индекс меньше длины массива     while(!found && index < list.length)     {       // если значение найдено ...
... возможность получить контроль над медиаконтентом на вашем сайте. такой подход позволяет гибко адаптировать плеер под дизайн проекта и расширять его функционал ...
... поля ввода (input) позиционирует два блока div относительно родителя section. section div {     position: relative; } в макете поля ввода нарисованы ...
... больше про разные библиотеки, 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); ...
... // устанавливаем ширину видео в пикселях video.width = 320; // в пикселях // получаем элемент с id &#039;box&#039; const box = document.getelementbyid(&#039;box&#039;); ...
...     transform: translatey(15px);     width: 15px;     left: 15px;     transition-delay: 0s; } состояние полосок для класса active ...
... }); добавьте data-scroll атрибут в html-элемент, который вы хотите анимировать. <div data-scroll></div> когда вы прокручиваете страницу и элемент становится ...
... которые должны быть выбраны. вот такой очень простой в использовании, но полезный плагин для библиотеки jquery. спасибо за внимание и до встречи!
... файл index.html с одной текстовой областью и тремя кнопками, как показано ниже. идентификатор текстовой области может быть любым — в этом примере мы ...
...         <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); таким образом, объект, ...
...     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-код без экранирования, это может привести к выполнению вредоносного кода и угрозам безопасности. ...
... нему 2 раза</span> <div id="block"></div> <script type="text/javascript">   $("span#add").bind("click", function() {     $("#block").append("<span>добавленный блок</span>"); ...
... просто скопировать приведённый код, заменить way и вставить к себе на сайт.если вы хотите узнать больше по html, то посмотрите мой бесплатный курс ...
... содержащие атрибут href $('[class][ type="button"]'); // выбрать все элементы, которые содержат // два атрибута class и type="button" фильтры элементов форм $(':input'); ...
... принципа. и таким образом, мы сможем определить примерную позицию чтения. допуская что, пользователь начинает чтение с начала документа и будет ...
... sql, то он будет использовать другое, характерное для sql, комментирование. переключение между файлами нажмите cmd+p, чтобы открыть панель перехода, ...
... alt = 'изображение 1b' />           <img src = 'images/javascript/space_3.jpg' width = '100' style="display: none;" alt = 'изображение 1c' />         ...
...       pixelart += '\n'; // добавляем перенос строки каждые 10 пикселей (можно изменить)     }   });   console.log(pixelart); // здесь можно использовать полученные данные, например, отправить на сервер или сохранить в файл ...
... фоном, без рамок, с отступами для названий городов и плавным переходом. 3) поменяем цвет фона при наведении на кнопки button:hover. 4) зададим цвет фона ...
...     border-bottom: 1px solid #44c09d;     transform: scaley(2);     transition: .5s; } почему мы не можем просто нарисовать эти линии в html-разметке, а ...
... долгосрочный опрос для достижения приложения, работающего в реальном времени. итак, мы рассмотрели возможные способы реализации данного функционала. ...
... element. создадим цикл for, который будет добавлять свойство rotate для каждой буквы с новым значением градуса поворота, рассчитанного по формуле. если ...
... можно применять, если известна высота блока и текст занимает одну строчку. значение выставляется путем подбора. line-height: 80px; остальные, чисто ...
...     color: white;     .arrow {      background: url("/carousel-arrow-light.png") 50% 50% / 20px no-repeat;     }    }    @media (max-width: 480px) {     ...
... ширину. это когда, два знака "++", увеличивают значение переменной width на 1. } else {   width++; здесь мы уточняем, что ширина, указанная в стилях ...
... имен, а также сохраняют ваши функции импортируемыми и экспортируемыми. пример реализуемого модуля показан ниже: const options = {  username: 'michail', ...
...             // получаем изображение в формате data url             var imageurl = canvas.todataurl(); ...
... ставить маркеры, рисовать маршруты, выводить различную информацию (например, те же пробки) и многое другое. как всё это подключается, написано в api.
... когда где необходимо обрезать изображения перед их загрузкой на сервер. кстати, с помощью javascript можно создавать современные и функциональные ...
... заданному url и возвращает содержимое страницы. она настраивает заголовки запроса, чтобы имитировать браузер, обрабатывает возможные ошибки и генерирует ...
... initiate chart display   chart.draw();   }); </script> более подробную информацию вы можете получить в разделе документация. думаю, вы точно найдете применение ...
... где он уже будет выводиться */ ?> всё, круг замкнулся, и чат заработал. как видите, сделать чат достаточно сложно и нужно обладать большим багажом ...
...         let sortedfruits = sortbycount(fruits);         console.log(fruits);         console.log(sortedfruits);     </script> </body> </html>
... дописываются префиксы, если нужно вот такая простая, но полезная библиотека shine.js. устанавливайте и пользуйтесь на здоровье! спасибо за внимание и удачи! ...
... локальной в том случае, если переменная с таким именем не была объявлена раньше. outer = 10 func = ->   outer = 10   inner = 10   return в результате получим следующее: ...
... вертикальное меню. для этого вставим jquery код в отдельный javascript файл или между тегами script в html файл. $(document).ready(function(){   $('.sidenav').sidenav(); }); ...
... лишь тогда, когда дойдет до нее в коде, поэтому пример выше не сработает. однако, если написать вызов функции ниже, то все будет работать. зачем ...
... взаимодействие с элементами на странице или выполнение javascript, вам может потребоваться использовать более мощные инструменты, такие как selenium webdriver.
... with open('output.json', 'w', encoding='utf-8') as f:     f.write(json_data) # закройте соединение conn.close() объяснение сценарий ...
... </script> </body> </html> как видите, у нас есть просто пустой div с классом .share. для него я применил стили, чтобы просто отодвинуть его от края страницы. ...
...    console.log(bar);   }   foo(); // 10   foo(undefined); // 10   foo(20); //20 в первом вызове функции мы не передавали никаких аргументов функции foo(), поэтому ...
... статье мы перейдём к другой группе настроек сайта на joomla - "настройки системы", поэтому подпишитесь на обновления, чтобы не пропустить эту статью.
... плагина также есть методы // получить экземпляр плагина var instance = $("#yourelement").data("vide"); // получить видео элемент заднего фона instance.getvideoobject(); // изменение ...
... с объектной моделью документа (dom), для взаимодействия с пользователем. javascript добавляет на сайт интерактивность, такую ​​как переходы ...
...         }         const rootelement = document.getelementbyid('root');         // читаем вакансии из файла и отображаем в элементе root ...
...         <img id="modal-image">       </div>     </div>     <script>         // получаем элементы модального окна и изображения ...
... заголовок. 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> вот и все. красивый ...
... браузер, затем создаем нужный объект, передаем параметры и в конце закидываем видео в наш блок. итак, сегодня вы узнали, как сделать онлайн-трансляцию ...
... { // ждём ответа от сервера       if (xmlhttp.readystate == 4) { // ответ пришёл         if(xmlhttp.status == 200) { // сервер вернул код 200 (что ...
... document.getelementbyid("style").href = "css/night.css"; // если сейчас ночь, то меняем файл стилей </script> код очень простой. по умолчанию подключается дневной файл стилей. ...
... alert(getcookie("firstname")); // убеждаемся, что ничего не осталось </script> вот такую простейшую библиотеку вы можете использовать при работе с cookie через javascript.
... если вам нужно, то вы можете с легкостью изменить все, что пожелаете, в .css файле. api очень легок. там есть только свойство duration, которое обозначает ...
... интернете, вы не ждете, когда он загрузится полностью, а сразу начинаете просмотр, по мере которого видео загружается до конца. это работает именно ...
...                     block.innerhtml = block.innerhtml + "<div>случайный текст или еще, что то</div>";                 }             });              ...
... # home = c:\users\узи\appdata\local\programs\python\python38-32 # include-system-site-packages = false # version = 3.8.5 первая строка указывает каталог из которого запускался python. ...
... %edit # — запускает внешний редактор; таким образом мы познакомились основами ipython и получили представление о работе с магическими командами.
... делают ее отличным выбором для выполнения асинхронных http-запросов в python. заключение таким образом, мы рассмотрели пример использования библиотеки ...
... так: 777..tostring(); для преобразования числа к строке, существуют также методы parseint и parsefloat. parseint('100px', 10) // получим число 100, остальное будет ...
... 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 < ...
... атрибут type в значение text <input type="text"> 4. инициализируйте скрипт <script>   $('input').datedropper(); </script> вот и все! теперь вы можете добавлять ...
... время, в течении которого произойдет анимация. на живом примере, вы можете увидеть, как при клике на ссылку, вас плавно перебрасывает в нужное ...
... их в переменную, в метод then можно передать только один первый аргумент. для того, чтобы что-то сделать в случае ошибки, вы можете использовать ...
...     // удаляем значение по ключу     delete(key) {         localstorage.removeitem(this.dbprefix + key);     }     // количество строк данных в бд ...
...     font-size: 16px;     color: #111;     font-weight: 300;     transition: 0.5s; / * плавный переход * /     pointer-events: none; } на картинке ниже, ...
... вас. вам же нужно только подключить ее и написать что-то вроде этого: is.chrome(); // вернет true, если это браузер chrome, и false в ином случае is.array(); // массив ...
... заранее подгружаем данные, когда курсор входит в поле красного кружка. это позволит значительно повысить скорость, ведь, когда пользователь ...
... 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> ...
... ссылок     font-size: 22px; // размер шрифта } .mobile-nav__link:hover {     color: #ff0800e7; // цвет ссылок при наведении } подготовим активный класс ...
... # кнопка для вывода результата button = tk.button(root, text="показать выбор", command=get_selection) button.pack(pady=20) # запуск окна root.mainloop() объяснение кода создание окна: ...
... различных текстовых редакторов (например, notepad++), что активно эксплуатируется. в общем, регулярные выражения надо знать не только программистам, но ...
... </select>   </div> </form> при изменении значения в select со странами делается запрос на сервер, отправляя при этом id выбранной страны. сервер ...
... дальше постарайтесь этот алгоритм применить на практике самостоятельно. ведь не секрет, что придумать алгоритм гораздо тяжелее, чем его реализовать, ...
... default(), sections(), gradient(), flash(). попробуйте каждую и посмотрите, что изменится. в конце стоит сказать, что размер полоски, ее положение и прочее вы можете ...
... защита от людей, которым не терпится скопировать ваш исходный код, чуть-чуть подкорректировать и вставить к себе. такие люди потерпят неудачу.
... нас есть блок div с id=progress, который и является нашим прогресс баром. дальше в теге script отбираем наш блок и вызываем у него метод progressbar, куда передаем ...
... приняло свой окончательный вид, перед тем, как будет применен hover эффект. псевдо-линия для подчеркивания создается с помощью псевдоэлемента ...
... --> ${oldcar[key]}`);   }   // make --> tesla   // model --> s вы также можете использовать for…in для итерации по индексам перебираемого объекта, например ...
...       if (window.opera) delta = -delta; // дополнительно для opera     }     else if (event.detail) { // для gecko       delta = -event.detail / 3;     ...
... прелоада, когда страница загрузится, вы можете узнать из моего видео-курса. html/css код создания прелоада: see the pen animation preloader css by porsake (@porsake) on codepen. ...
... # шаблон извлекается из каталога templates # методом get_template template = env.get_template('showlang.txt') output = template.render(languages=languages) print(output) в файл ...
... запускаем функцию. функция каждый раз фиксирует новые координаты мыши и вставляет их в стили курсора, действуя через переменную cursor. <script type="text/javascript"> ...
... команду: pyinstaller --onedir --onefile  --name=snake --noconsole "c:/script/snake.py" ''' в команде используются  следующие опции ...
... получать от него ответ и печатать его. <?php   if( $curl = curl_init() ) {     curl_setopt($curl, curlopt_url, 'http://temp.local/script.php');     curl_setopt($curl, curlopt_returntransfer,true); ...
... function expression. повторюсь, мы рассмотрели все это только для того, чтобы вы поняли, как работают модули, которые мы будем рассматривать в будущих статьях. ...
...         // читаем текстовый файл         reader.readastext(file);     } } вот можно прочитать ...
...         восходящие на вершину начинают с подножия горы.",         "конфуций"     ],     [ ...
... уже сегодня — и вы обнаружите, что создание сайтов под заказ может стать не только увлекательным делом, но и источником стабильного дохода.
... либо открываем буфер, куда будем помещать всю выходную информацию скрипта. теперь создадим файл write_cache.php, который будет заниматься записью в файл ...
...       // при успешном копировании, выводим в консоль скопированный текст       clip.on("success", function(e) {         console.log(e.text); ...
...                     y: {                         beginatzero: true ...
... и создавать логический беспорядок, полный сложных взаимозависимостей. монолитное развертывание часто неизбежно, что означает, что из-за ...
... его удаления. let list = [1, 2, 3, 4, 5]; let elementtoremove = 3; let index = list.indexof(elementtoremove); if (index !== -1) {   list.splice(index, 1); // удаляет элемент со значением 3 в количестве 1 штуки ...
... подписаться на рассылку и закрыть окно или сразу закрыть окно, не оставляя своего е-майла. кроме того, вы научитесь отправлять форму ajax методом.
... bg. дальше будем отслеживать в браузере событие scroll и запускать функцию, когда оно произойдет. функция должна сделать две вещи: добавить в header ...
... <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 может значительно улучшить пользовательский опыт, позволяя избавиться от мешающих элементов. этот пример демонстрирует ...
... указанного адреса } очень легкий в использовании и позволяющий делать интересные вещи плагин. используйте на здоровье и спасибо за внимание!
... фреймворком redux теория. здесь вы узнаете, что такое redux, как он работает и где применяется react практика. это огромный раздел, где вы сами, используя ...
... "закрыть", кликнув по которому, окно будет закрыто. это единственное место, где используется javascript. я могу сказать, что данное всплывающее окно ...
... увеличится, и уместить контент на небольших экранах станет значительно проще. таким образом, вы теперь знаете всю необходимую теорию по адаптивной ...
... динамическим контекстом пример динамического создания функции в alert окне предлагается посетителю ввести свой вес. если введенный вес меньше ...
... используется. о возможных значениях этого мета-тега мы поговорим чуть ниже. теперь давайте приведу пример использования мета-тегов для поисковых ...
... необходимой теоретической информации, содержит много практических примеров и упражнений. за более подробной информацией, переходите прямо сейчас!
...     <!-- подключаем библиотеку -->     <script src="http://cosmic.mearie.org/2011/01/qrjs/qr.js"></script>     <script>         /** ...
... var nextsibling = firstchild.nextsibling; var prevsibling = firstchild.previoussibling; // находим следующий и предыдущий соседние элементы типа элемента ...
... обратного вызова или вы можете указать эти настройки в объекте инициализации. примеры смотрите на оффициальном сайте. спасибо за внимание и удачи! ...
...             return total + order.price;         }, 0);         console.log("общая сумма:", totalprice); // output: общая сумма: 700 ...
... давайте с вами дополним нашу функцию, сказав "спасибо!" нашему пользователю.function checkname(name) {  try {    if (name.length < 3) throw "имя слишком короткое";    ...
... этого уже более, чем достаточно, чтобы успешно использовать данный плагин. подробнее вы можете почитать все на том же официальном сайте по ссылке ...
... вызовов метода fetch     // первый элемент массива содержит данные первого вызова, второй – второго соответственно     var profinfo = result[0].profiledata ...
... соответствует языку программирования вашего проекта и вашим потребностям. настройка правил: настройте правила линтинга в соответствии с требованиями ...
... то скрипт будет работать неправильно, ведь 0 в логическом выражении - false. как исправить? просто добавьте знак вопроса в конце(без пробела!). model ...
... link определяет состояние непосещённой ссылки. visited определяет состояние посещённой ссылки. это не все псевдоэлементы, ...
...         </div>     </div>     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js"></script> </body> </html> ...
... регулярное выражение. регулярное выражение не пропускает пароли, не соответствующие требованиям (недопустимые значения). заключение в идеале валидацию ...
... </html> вот такая форма у нас будет, где мы сможем добавлять новые пункты. пока что пункты записаны вручную, но потом мы сделаем, чтобы они добавлялись ...
... следующим образом: from tkinter import *   window = tk()   window.title("мое приложение") window.geometry('350x200')   lbl = label(window, text="метка") ...
... момент написания статьи, безопаснее использовать свойство position: fixed для фиксирования элемента в нужном месте страницы. однако следует помнить, что ...
... программирование на python с нуля до гуру таким образом, при помощи python и его встроенного модуля os мы минимизируем ручной труд при создании сложного проекта.
... иконки, которые вам нужны, чтобы не перегружать сайт, и получить готовый .css файл, ну, и, конечно же, ссылку на репозиторий в github. довольно интересная ...
... начала создадим виртуальное окружение с venv для python 3.6 и выше. и в терминале введем: # для windows >>> python3 -m venv my_venv >>> cd my_venv/scripts ...
... открывающие и закрывающие квадратные скобки с кавычками и массив готов. регулярные выражения - это мега полезная вещь в программировании, ...
... сотен. в общем, функция round() очень полезная и используется достаточно часто.теперь рассмотрим функцию извлечения квадратного корня - sqrt():<?php  ...
...         <option value="5">выбор 2.2</option>         <option value="6">выбор 2.3</option>       </select>     </div> ...
... чтобы повесить несколько событий, также не лучшая затея. <a href="" class="link">нажмите</a> <script> $('.link').on('click', function() {   $('.box').addclass('animated ...
... разбираться в чужом коде - это дело не простое, и многие с этим не справляются. однако, фреймворки во многом упрощают работу, и если вы не нацелены на ...
... это ещё и объект. и синоним данной функции и объекта является jquery. это означает, что $ можно везде заменить на jquery, и работать будет всё так же.
... думать, где ошибка в коде, хотя ошибка исключительно в подключении jquery. итак, для проверки jquery можно использовать следующий код: <script type="text/javascript"> ...
... .bags {     background-color: #182f0f; } наша верстка полностью готова, на следующем уроке вдохнем жизнь в эту конструкцию с помощью языка javascript. ...
... мы будем писать код. а вот, собственно, и он $(document).ready(function() {   $('time.timeago').timeago(); }); вот так просто вы можете использовать этот плагин, ...
... 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> сразу отмечу, что данный скрипт будет работать ...
... большинство движков и платформ страдают от низкой производительности dom. чтобы справиться с этим, facebook представил концепцию virtual dom. это виртуальное ...
... <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> вам доступны следующие ...
... разобраны, что существенно влияет на скорость обработки всей страницы. помещение тега script в конец тела документа является наиболее оптимальным ...
... измерения и изучения поведения пользователей, взаимодействующих с приложением. прогнозы: сервис машинного обучения, который позволяет разработчикам ...
... функцию htmlspecialchars(), за исключением отдельных случаев. данная функция избавит вас от заливки в базу html-кода. чтобы понять важность функции htmlspecialchars() ...
... которой вы сейчас находитесь, используя свойство глобального объекта __dirname. console.log(__dirname); если вы также хотите получить имя файла, в котором исполняется ...
... образом, как мы получаем доступ к элементу из массива - например string[index]. не используйте индекс, превышающий длину строки (используйте метод string.length, ...
... интерактивных документов, содержащих код, визуализации и пояснительный текст. вы можете запускать скрипты python в ячейках блокнотов jupyter, что позволяет ...
... // папка в которую будут складываться отсортированные файлы 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 позволяет этого не делать, но всё же я настоятельно ...
... скачивание пакетов библиотек их настройка - очень утомительна и чревата ошибками, поэтому используются так называемые пакетные менеджерв, которые ...
... означает, что у вас может быть только одна функция с определенным именем. запуск create function дважды вызовет, error 1304 даже если одна и та же функция ...
... этом курсе как раз это сделано. посмотреть презентацию, ознакомиться с полным описанием курса и заказать курс "javascript, jquery и ajax с нуля до гуру" ...
... 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> все, библиотека подключена ...
... мы внутри нашей лямбда-функции используем глобальную переменную high_val. чтобы это было возможным, мы должны после слова function и параметров в круглых ...
... возвращает новый промис. внутри промиса выполняется асинхронная операция. выполнение промиса: метод then используется для обработки успешного выполнения ...
...                 header('access-control-max-age: 1000');                 header('access-control-allow-headers: content-type, authorization, x-requested-with'); ...
... файл добавлен в папку drawable, вы можете использовать его в коде следующим образом: в jetpack compose: @composable fun myicon() {     image(         painter ...
...    transform: 'scale(1)'   },   layout: 'samesize',   selector: '.filtr-container',   setupcontrols: true } более подробные инструкции и описание каждого ...
...     parser = argparse.argumentparser(description='конвертация json файла в csv с использованием указанного json пути.')     parser.add_argument('json_file', help='путь к входному json файлу') ...
... наведении */ } в качестве дополнения на ползунок можно повесить картинку. ::-webkit-scrollbar-thumb {     background: #e47e7e url(mouse.png) no-repeat top;     background-size: ...
... более простое и элегантное решение: <script type="text/javascript">   var block = document.getelementbyid("block");   block.scrolltop = block.scrollheight; </script> здесь прокрутка уйдёт ...
... что у вас есть какой-нибудь javascript, выполняющийся на стороне клиента(frontend), и он может создать какой-нибудь запрос. например, у вас есть api. вы можете ...
...   body { margin: 0; font-family: sans-serif; }   header { background: #f4f4f4; padding: 1em; } </style> 4. избегайте асинхронной подгрузки css без нужды не используйте media="print" ...
... имеющие практическое значение для осуществления разговора с пользователем. здесь в качестве эффективных баз данных можно использовать mongodb, mysql, ...
...     { id: 2, value: 'значение 2' },     { id: 10, value: 'значение 10' }, ]; // создаем новый массив из элементов которого исключен  объект с указанным индексом ...
... актера с компонентом static mesh и выводит сообщение "hello, world!" при запуске игры. шаг 4: компиляция и запуск сохраните изменения в скрипте. запустите ...
... </head> <body>   <a href="yandex.ru" id="link">нажми!</a>   <script>    function myfunc(e) {     e.returnvalue = false;     alert('событие, которое не сработает'); ...
... абсолютно любые формы. также не забывайте, что перед отправкой надо целиком проверить ещё раз всю форму. делается это через onsubmit у тега form. и всегда ...
... # для  активации среды:  my_env\scripts\activate.bat # для деактивации виртуального окружения используйте следующую команду: my_env\scripts\deactivate.bat ...
...     .map(value => string.fromcharcode(value)) // каждое число в массиве преобразуется в соответствующий символ     .join('') // преобразуем массив в строку таким образом, ...
...     if (now_no_active >= no_active_delay) { // проверяем не превышен ли "предел активности" пользователя       alert("пользователь не активен"); ...
... } rain(); важно! для работы скрипта требуется локальный сервер или веб-сервер. без этого условия эффект не будет работать в браузере.
... существуют другие элементы, которые могут быть похожи на данный селектор. смотря на html из нашего предыдущего примера, если мы хотим получить доступ ...
...             mediarecorder.stop();         })     }) }); вот таким образом можно сделать простой диктофон в javascript.
... заголовков, таких как x-xss-protection, может предотвратить выполнение некоторых xss-атак. заключение xss-атаки представляют серьёзную угрозу для безопасности ...
... распространённую проблему сериализации вложенных данных для передачи через formdata. её можно адаптировать под различные требования проекта, включая специальные ...
... если же javascript отключён, то весь тег script будет проигнорирован. однако, дальше идёт тег noscript. данный тег содержит элементы, которые будут показаны ...
... способ? всё потому, что javascript - это клиентский язык, который показывает время на компьютере пользователя, а не на сервере. поэтому мы отправляем ...
... напрямую. вместо этого рекомендуется использовать подготовленные выражения. пример 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); здесь достаточно много настроек, описывать которые ...
... }); </script> устанавливать опции вы можете как через атрибуты data, так и с помощью json. найти все параметры вы сможете на github в разделе options. понятно, ...
...         # подтверждаем изменения         connection.commit()         print("данные успешно добавлены в базу данных.") ...
... от внешней области видимости, а весь публичный интерфейс, который будет доступен извне, поместить в возвращаемый модулем объект publicinterface.
... 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); // делаем контур графической плоскости ...
... // выберите целевой узел для наблюдения const targetnode = document.getelementbyid('targetelement'); // настройте наблюдателя для отслеживания определенных типов мутаций ...
... {    charno = 0;    timerid = settimeout("showline()", 3000);  }}function gotourl() {  location.href = urlline;}</script>код html (вставлять между тегами <body onload = "startshow()"> и </body>):<form ...
... в блок. данный способ является классическим, который постоянно используется для создания динамических эффектов без использования javascript, думаю, ...
... заменим ключевое слово var на let, то увидим ошибку, что такой переменной нет. if(true) {   let map = 17; } console.log(map); происходит это потому, что теперь переменная ...
... сервере, необходимо в .htaccess прописать следующее: <ifmodule mod_deflate.c> addoutputfilterbytype deflate application/javascript addoutputfilterbytype deflate text/javascript addoutputfilterbytype deflate text/css <ifmodule ...
... переключение с браузера на другое приложение на мобильном устройстве и т.д. это лучший, из указанных выше, способ отправить небольшие данные для ...
... </body> </html> таким образом, при наведении указателя на карточку, шторки отодвинутся и будет отображено внутреннее содержимое карточки.
... itemclass - класс для пунктов меню idprefix - назначить в качестве id для пунктов. например, 'item-' = #item-1, #item-2, #item-3... duration - продолжительность анимации ...
... отступ слева 200 пикселей   margin-right: 200px; // отступ справа 200 пикселей } .clear {   clear: both; // отменяем позиционирование (влияние float) } эту структуру ...
... уже, поняв его работу, разобраться в данном алгоритме не составит никакого труда. вот таким нехитрым образом делается исчезающий текст в input.
... document.changecolorbutton.but.style.background;  document.changecolorbutton.but.style.background = "red";}function mouseout() {  document.changecolorbutton.but.style.background = default_color;}</script>код html (вставлять между тегами ...
... родителя */   background-color: #f38181;/* цвет черты */ } /* параграф с текстом */ .section_text {   font-size: 15px;   color: #999;   font-family: 'roboto', sans-serif; ...
... возможность работать с объектами так, как будто они являются массивами. таким образом, мы можем использовать интерфейс arrayaccess для организации ...
... 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.
... содержит точку входа в приложение и статические ресурсы, доступные в сети. 9. директория vendor: хранит зависимости, установленные через менеджер ...
... отличием. условие выхода проверяется после выполнения итерации, а не до. таким образом, данный цикл будет выполняться всегда хотя бы 1 раз. и вот ...
... информацией, которую вы и выводите. таким образом, вам надо будет только обновить страницу со скриптом, чтобы сразу увидеть нужную вам информацию.
... сайта. написание скрипта проверки формы на javascript. написание php-скрипта формы обратной связи. размещение сайта в интернете. вот сайт, который ...
... анализатор будет более толерантным установите обработчик события document.addeventlistener("whistle", function() {   alert("пользователь свистит!"); }, false) при желании ...
... jquery. также jquery стоит использовать, если вы делаете на странице анимацию. это достаточно сложный процесс, и красивую анимацию вы будете делать ...
...          n_str = [],          len = str.length;               str = str.replace(/[ъь]+/g, '').replace(/й/g, 'i'); ...
... api. <!doctype html> <html lang="en"> <head>   <meta charset="utf-8">   <title>как определить, активен ли пользователь?</title> </head> <body>   <script> ...
...     background-color: transparent;     /* цвет индикатора */     color: red;   } для blink/webkit/firefox нам необходимо использовать вендорские псевдо ...
... // вставляем в элемент текст li.innerhtml = ("<strong>mysite</strong>") // выбираем заголовок к которому подключим новый элемент ...
... использовать вам - это использовать type="submit" и задавать внешний вид кнопки через css. например, это можно сделать так: input[type="submit"] {   background: url("images/button.png") ...
... с xml-документами с использованием php. ещё раз повторяю, что всё, что будет там разбираться подходит и для javascript, а также для работы не только с xml, ...
... сбрасываем значение прогресса конечно, у этой библиотеки есть несколько опций. piecon.setoptions({   color: '#ff0084', // цвет круговой диаграммы   background: '#bbb', ...
... все. мы рассмотрели, что такое v8 engine и зачем он нужен в платформе nodejs, а в следующей статье поговорим про глобальный объект. спасибо за внимание!
... ячейки равной 70 пикселям и зацикливаем ее 8 раз, чтобы отрисовать содержимое. таким образом, мы нарисовали шахматную доску при помощи canvas и html5.
...         'author'        => 'автор',          'category_id'   => 'категория',          'section_id'    => 'раздел',  ...
... официального сайта, распакуйте его и подключите нужные файлы: <script src="notification-logger.js"></script> теперь проициниализируйте скрипт: logger.init(); var a ...
... нам, как разработчикам, важно не это, а то, как от этой атаки защититься. давайте об этом и поговорим. как защититься от xss? чтобы защититься от ...
... данные, которые должны быть отправлены на сервер с последующими запросами. срок экспирации различающийся, в зависимости от типа и продолжительности ...
... нуля, но также вы можете использовать те числа, которые вам необходимы. таким образом, typescript - это статически типизированный язык, что способствует ...
... 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, ...
... в языках программирования, советую обратить внимание на курс создание и раскрутка сайта от а до я. а у меня на этом все. спасибо за внимание!
... увидеть, как работают подсказки от плагина. в современном мире мире веб-разработки, уже невозможно обойтись без библиотек и фреймворков на ...
... зависимость от dart: dart — это язык программирования, который используется в flutter, и он менее популярен по сравнению с другими языками, такими как ...
... зависимости от разных условий, например, от времени суток, браузер пользователя. причем этот код не будет зависеть от того включен ли javascript или нет.
... <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> ...
...     background: #4973ff;/*цвет контейнера*/     box-shadow: inset 0 0 50px rgba(0,0,0,.5);/*тень*/     transition: 0.5s;/*плавность анимации*/ } рисуем ...
... удобная форма, и вам останется лишь указать самые элементарные данные. применений у cron великое множество. например, я использую его для рассылки ...
... находится в сессии (данное значение было записано при генерации капчи). если значения не совпадают, то делаем вывод, что капча введена неправильно, ...
... вам потребуется, это знание основ работы в командной строке(терминале). заключение итак, сегодня мы узнали, что такое nodejs, какие знания нам потребуются ...
...     // при щелчке на кнопку остановить - посылаем сообщение о необходимости остановки     stop_button.addeventlistener("click", () => {         controller.abort(); ...
... следующий код: var stickyelements = document.getelementsbyclassname('sticky'); for (var i = stickyelements.length - 1; i >= 0; i--) {   stickyfill.add(stickyelements[i]); } или такой, если используете ...
... // uncaught typeerror: параметр 0 должен иметь тип number dosomework([], (times) => {     console.log(times) }) вот таким образом мы можем проверить типы ...
... вставлять тегом button, лучше сразу вставлять тегом a с каким-нибудь классом или id. поскольку эта кнопка будет куда-то все равно ссылаться. <a class="btn" href="#">learn ...
... блочную область видимости. на этом все, а в следующей статье мы поговорим об использовании ключевого слова const с объектными литералами в javascript.
... необходимо помещать в область cdata, но очень мало, кто об этом знает. вот так будет валидный javascript: <script type="text/javascript"> //<![cdata[   document.write("текст<br ...
... нажатии на комбинацию ctrl + v, если в системном буфере обмена первый объект является изображением, то он будет вставлен и отображен на странице.
...     settimeout("dowave(\"" + text + "\", " + (n + 1) + ")", 50);   } </script> код html (вставлять между тегами <body onload="dowave('myrusakov.ru', 1)"> и </body>): <div id="wave"></div>
... контента, а также сделали ещё и поле сверху. таким образом, кликнув по названию вкладки, мы кликаем и по контенту тоже, поэтому после клика мы можем ...
... сбора информации о поведении посетителей или добавления функций на сайт. какие проблемы могут создавать веб-теги? цель использования ...
... отменили стандартное поведение браузера   alert("какой-то текст"); } events.add(link, 'click', myfunc); // привязали событие events.remove(link, 'click', myfunc); // удалили ...
... разобрались, что такое gulp, зачем он нужен, а также произвели его установку. в следующих же статьях мы создадим проект, где настроим правильное рабочее ...
... запущена с оптимизацией. это делается с помощью флага -o при запуске интерпретатора python. пример отключения утверждений python -o my_script.py когда программа ...
...                 // устанавливаем новые размеры для элемента canvas                 canvas.width = newwidth;                 canvas.height = newheight; ...
... присутствует индикатор загрузки, а также анимации увеличения картинки. также есть классная вещь: картинки показываются сразу пользователю ...
... "&"     );     for ($i = 0; $i < $length; $i++)       $password .= $arr[mt_rand(0, count($arr) - 1)]; // берём случайный элемент из массива     return ...
... упрощает работу с асинхронными операциями и улучшает читаемость кода. преимущества использования dart: универсальность: dart подходит для ...
...         // устанавливаем обработчики изображений на кнопки         const nextbutton = document.queryselector("#next"); ...
... bgcolor:"#2ecc71", //hex, rgb или rgba цвета imagepath:"yourpath/customizedimage.gif" // если вы хотите, то можете установить свою картинку }); </script> вот и все! спасибо за внимание!
... <td>       <script type = 'text/javascript'>         document.write("<img id = 'rotatorbutton' src = '" + array[0] + "' alt = 'ротатор изображений с кнопками' ...
... переключателей, сколько захотите, до тех пор, пока они имеют один и тот же класс. var elems = array.prototype.slice.call(document.queryselectorall('.js-switch')); elems.foreach(function(html) {   ...
... быть окружены и круглыми скобками.   ({firstname, lastname}) = person; если вы не используете круглые скобки, движок javascript интерпретирует левую часть ...
... широкие карьерные перспективы итог курс «профессиональная web-разработка. дизайн, код и автоматизация» — это системное обучение, ориентированное ...
... на ссылку, php-скрипт динамически формирует excel-таблицу и отправляет ее на загрузку в браузер. пользователю лишь остается открыть файл.
... поможет сохранить порядок в рабочей среде! для желающих больше понять основы языка, рекомендую видеокурс программирование на python с нуля до гуру.
...     производитель: {inf.producer}     предмет: {inf.subject}     заглавие: {inf.title}     количество страниц: {number_of_pages}     """ ...
... нужные префиксы. если вы хотите почитать про это подробнее, то вы можете сделать это в документации. а у меня на этом все. спасибо за внимание!
... если вам что-то не понятно, то советую обратить внимание на видеокурс javascript, jquery и ajax с нуля до гуру. а у меня на этом все. спасибо за внимание!
... просто начинающие познавать действительно важные и, в общем-то, сложные вещи. удачи вам в этом! удачи и успеха в новом году! ваш покорный слуга, ...
... true поставить false, то вместо ассоциативного массива будет возвращён object. далее в этом примере мы преобразовали ассоциативный массив обратно ...
... можно выполнять скрипты для обладателей браузеров netscape");надеюсь, что я ответил на ваш вопрос: "как узнать имя и версию браузера в javascript".удачи!
... которая дальше уже печатается в окне браузера.я уверен, что здесь настолько всё прозрачно, что разбирать это глубоко большого смысла не имеет.
...     }     return dict; } вызываем так: var params = convertqueryparamstoobject(document.location.search) console.log(params.key) вот так просто можно преобразовать строку ...
... комментарии вконтакте. как видите, и на html-сайт можно подключить комментирование. однако, помните, что все комментарии будут храниться на сторонних сервисах. ...
...         controlpluskey('z', () => console.log('нажаты клавиши cntrl + z'));         controlpluskey('f', () => console.log('нажаты клавиши cntrl + f')); ...
... </style> </head> <body>   <div>заголовок</div>   <p>некоторый текст...</p>   <div>подвал</div> </body> </html> переменные в css объявляются ...
... ? 2 : keys[math.min(mod%10, 5)]; document.getelementbyid("life_site").innerhtml = life + " " + suffix[suffix_key]; } //]]> этот сайт существует уже: lifesite(); код javascript (вставлять между тегами ...
... let blue = setupcolors('синий'); // настроили базовую функцию blue('красный')('белый') blue('желтый')('прозрачный') blue('белый')('оранжевый') как видно из примера выше, ...
... исключением), его поддерживают в достаточно высокой степени, поэтому с воспроизведением звуков и музыки через тег audio проблем не возникнет.
... начинать показ кнопки "наверх"   var delay = 1000; // задержка прокрутки   $(document).ready(function() {     $(window).scroll(function () { // при прокрутке попадаем в эту функцию ...
...     );   }; </script> теперь при нажатии кнопок "мне нравится" будет выскакивать окно с текстом "был нажат лайк". разумеется, вместо этого ...
... [true/false]     //-->   </script>   <script type="text/javascript" src="http://radiopotok.ru/f/script/ca1604d7521508d4dda674072908d725.js" charset="utf-8"></script> </div> данный код вы ...
... str_replace() можно легко сделать в javascript, и никаких функций по 50 строк создавать не нужно, что я тоже видел несколько раз, пока искал чужое решение.
... один способ, он ещё проще этого, однако, здесь требуется использование javascript. вот код: <a href="javascript:scroll(0,0);">наверх</a> снова при клике мы попадём ...
... $.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> ...
... document.getelementbyid(id).style.display = "block";   }   function hidelinkimage(id) {     document.getelementbyid(id).style.display = "none";   } </script> код html (вставлять между тегами <body> и </body>): ...
...         };         // при щелчке на кнопку отправки формы         // отправляем форму на сервер ...
...     return out.touppercase(); // возвращаем строку в верхнем регистре } таким образом, вот так просто можно преобразовать строку из одного представления (hex) в ...
... обратите внимание, что я реализовал классический способ счётчика объектов. это получилось лишь благодаря тому, что поле count является статическим, ...
... обратного вызова будет самостоятельным элементом, к которому применена сила. pressure.set('#element', {   start: function(){    // this вызван в начале   }, ...
...           <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> ...
... и размер. класс .dragover будет применяться в будущем для блока, когда над ним будет какой-то файл, но это уже будет делаться с помощью javascript. на этом ...
... найти документацию по ее использованию. по сути, все, что вам нужно, это подключить ее на страницу <script src="prototype.s2.min.js"></script> найти подробную ...
... про то, как писать их самостоятельно, то обратите внимание на видеокурс javascript, jquery и ajax с нуля до гуру. а у меня на этом все. спасибо за внимание!
... элементу в этом массиве и изменить его. теперь вы уже точно знаете, что такое глобальные переменные в php и сможете с ними работать, если потребуется.
... // проходимся по ним foreach($files as $file)  {     // если файл - . или .. - пропускаем     if($file->isdot())          continue; ...
... /* выводим курсы валют */       if ($el->nodename == "name") echo $el->nodevalue." - ";       elseif ($el->nodename == "value") echo $el->nodevalue." рублей<br />"; ...
... посмотрите пример на codepen если вам не хватает знаний для лучшего восприятия этого урока, то посмотрите мой видеокурс "верстка сайта с нуля 2.0".
... образом, чтобы представленный в самом начале кусок кода сработал вызывать его необходимо следующим образом: ['1','2','3'].map( ...
... всегда есть возможность использовать javascript, а такое действие, как регулярное автоматическое обновление страницы, достаточно часто используется.
... это ой как далеко не полный список функций, связанных только со строками. а ведь есть и другие функции, не менее важные и интересные. например, ...
... строками. пустая строка создаёт "мигание".   var delay = 300; //задержка в миллисекундах   function textrotator(i) {     var p = document.getelementbyid("textrotator");     ...
... type="text"></div> </div> создайте экземпляр floatl, добавив его в dom var element = document.queryselectorall('js-floatl')[0]; // модульный подход var floatl = require('float'); new ...
... тегами <head> и </head>):<script language="javascript">startdate = new date();clockstart = startdate.gettime();function initstopwatch() {  var thistime = new date();   return (thistime.gettime() - clockstart)/1000; }function getsecs() ...
...     </p>   </form> </body> </html> вот так уже реализуется настраиваемое автообновление, и опять же мы обошлись лишь одним html и php.
... "scrolling()"> и </body>):<form name="scrollingbutton">  <input type="button" style = "width:400px" name = "but" value="m" onclick = "gotourl()"></form>c уважением, михаил русаков и сайт http://myrusakov.ru.
... mouseover() {  for (i = 0; i < 15; i++)    settimeout ('document.blinkbutton.button.style.background = "#'+arrcolor[i]+'0'+arrcolor[i]+'f31";', i * 50);}</script>код html (вставлять между тегами <body> и ...
...  [0] => c:\demo\path\script.php // первый аргумент путь к файлу   [1] => hello  [2] => world ) заметьте, что файл myscript.bat должен лежать в такой папке на пк, которая прописана в path, в противном ...
... сообществу, где можно задать вопросы и обсудить сложности с единомышленниками. учебный процесс построен таким образом, чтобы теория сразу закреплялась ...
...         const post_content = document.queryselector('#formatted_input_value');         // когда редактируется блок, его содержимое попадает в скрытое поле         editor.addeventlistener('input', () => { ...
... [...range(0,10)] // вывод // array(11) [ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 ] вот так просто можно реализовать функции из php ...
... выпадающий список. если вы хотите научиться разбираться во всем сами, узнать подробнее о jquery и jquery ui, то советую приобрести курс javascript, jquery и ajax с ...
... 1052,    y: 356,    text: 'duwey'   } ]; вот и все! примеры и работу с api вы можете посмотреть на официальном сайте. спасибо за внимание!
... unless, и это будет абсолютно то же самое. условие if может заменять тернарный оператор, который отсутствует в coffeescript action = if mode is "idle" then "sleep" else "wander" ...
... обработку данного события. вы можете поставить операторы условия, чтобы выяснить, какая именно клавиша была нажата и выполнять те или иные действия. ...
... и </head>):<script language = "javascript">var bigsize = "300"; //размер большой картинкиvar smallsize = "150"; //размер маленькой картинкиfunction changesizeimage(im) {  if(im.height == bigsize) ...
...   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-кодом, и у вас получится анимированный фон на странице.
... заинтересовались, то вот вам еще один и второй сайты разработчика, где вы сможете найти больше информации по использованию и красочных примеров. удачи!
...    top: -16em;    left:-10em;    transform: translatez(-10em);   }   .leftwall {    left:-20em;    transform: rotatey(-90deg); } .rightwall {    transform: rotatey(90deg); ...
...         $item -> title, $item -> link, $item -> description, $item -> pubdate);     } вот так можно преобразовать xml в объект в php.
... используются на практике. например, такой тип функций используется для реализации паттерна модуль. итак, на этом все. спасибо за внимание и удачи!
... код html (вставлять между тегами <body> и </body>): <div>  <img src = 'images/javascript/foto4.jpg' alt = 'фотография' width = '200' onclick = 'openimagewindow(this.src);' /> </div>
...         500: 'internal server error'     }     return status_descriptions.get(status_code, 'unknown status code') # использование status = get_status_description(404)  # результат: "not found" ...
... earn_second = earn_month / (30 * 24 * 3600);     cur_earn += earn_second * delay / 1000;     document.getelementbyid('earn').innerhtml = cur_earn.tofixed(5);   }   function updateearn() {     earn_month ...
...           return true;         }         else {           alert("нажмите ctrl-d для добавления ...
... 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 с нуля до гуру. удачи!
... возможности языка, не беспокоясь о том, что что-то не будет работать в браузерах. итак, сайт данной библиотеки вы можете найти, перейдя по ссылке 6to5.org ...
... плагин поддерживает все типы html5 видео форматов, таких как mp4, webm, ogg и другие. присутствует умная интеграция пользовательских html5 видео плееров установка ...
... не правда ли? итак, это все, что можно рассказать про эту маленькую, но очень полезуню библиотеку javascript - timesheet.js. спасибо за внимание и удачи!
... http://myrusakov.ru", который будет при вызове скрипта делать редирект на http://myrusakov.ru. в будущих статьях мы познакомимся с другими заголовками, которые отправляются ...
... document.getelementbyid("rotator");     image.src = array[i];     i++;     if (i == array.length) i = 0;     settimeout("imagerotator(" + i + ")", delay);   } </script> код html (вставлять ...
... основные функции javascript, приоритеты операции и другие базовые темы, которые обязан знать каждый, кто пишет скрипты на javascript. обратите внимание, ...
... ягоды код javascript (вставлять между тегами <head> и </head>): <script type="text/javascript">   function tree(target) {     var ul = target.parentnode.getelementsbytagname("ul").item(0); ...
...     '3, название3, значение3, дата3\n' )); в результате будет получен двумерный массив, к которому затем можно применять другие преобразования.
... категории 3 код javascript (вставлять между тегами <head> и </head>):<script type="text/javascript">   function showorhide(cb, cat) {     cb = document.getelementbyid(cb);     ...
... ассоциативных массивов, их изменение, а также полный перебор через цикл for. лично я использовал ассоциативные массивы в javascript лишь однажды, но знать ...
  • 914. png в ie6
  • JavaScript/JavaScript Основы
... в голове документа (внутри тега head): <!--[if lt ie 7]>   <script type = 'text/javascript' src = 'js/pnghack.js'></script> <![endif]--> таким образом, все браузеры ie, младше ...
... тегами <head> и </head>): <script type="text/javascript">   function digitalwatch() {     var date = new date();     var hours = date.gethours();     var minutes = date.getminutes(); ...
...     document.getelementbyid(id).innerhtml = text.substring(0, i);     i++;     if (i > text.length) i = 0;     settimeout("animatetext('" + id + "','" + text + "'," + i + ")", 100);   }</script> ...
... помимо этого, вы получите 3 бесплатных бонуса! создание темы для wordpress. пройдя данный бонус, вы будете уметь адаптировать любую верстку под движок ...
...             return true         }     }     return false } var ages  = [10,12,31,14,15,63,17,88] console.log(ages.has(88)) вот таким ...
... браузерах на официальной странице плагина вы можете посмотреть демо или скачать плагин. а у меня на этом все. спасибо за внимание и удачи!
...     }     imagewave.innerhtml = out;   }   function doimagewave(count, n) {     sizeimagecycle(count, n);     if (n > count) n = 0;     settimeout("doimagewave(\"" + count ...
... select * from courses where locate('php', description); в результате мы получим строку, где будет найдено слово php. итак, на этом все. спасибо за внимание и удачных ...
... понимания кода), то увидите, как при загрузке страницы сработают функции b() и c(). вот таким простым способом, можно запустить несколько функций в onload, ...
... то, что комбинация зависит от браузера, то это может вызвать определённые трудности. впрочем, если вы знакомы с javascript, то проблем не возникнет.
... клике по ссылке с помощью javascript. разумеется, вы можете это переделать под клик по изображению, по блоку и так далее. результат: // кликните здесь ...
... данной категории будет, во-первых, дать основные представления по jquery, а также продемонстрировать различные примеры использования данной библиотеки ...
... // object { hours: 2, minutes: 0, seconds: 35 } вот так можно преобразовать секунды времени в понятный человеку формат в javascript.