1

(6 відповідей, залишених у HTML та CSS)

FakiNyan написав:

так вам треба зробити position: absolute; для before та after, а потім використати left: (-ширина before) для before, та right: (-ширина after) для after, і ще зробіть position: relative для контейнеру

Все працює. Дуже дякую, гарного вечора Вам  :)

2

(6 відповідей, залишених у HTML та CSS)

FakiNyan написав:

я б спробував додати before та after до контейнера з текстом, а в них вже показувати потрібну частину бекграунду.

Спробував зробити таким чином, але проблема в тому, що before & after спрацьовують всередині контейнера з текстом, а потрібно, щоб вони були ззовні цього контейнера, дякую

3

(6 відповідей, залишених у HTML та CSS)

Ну мені потрібно, щоб текст при любій ширині був всередині листочку, той що на фоні

4

(6 відповідей, залишених у HTML та CSS)

Доброго часу доби, яким чином можна задати такий фон, щоб він був responsive і вміст відображався всередині як сторінка?

Дякую за увагу.

Дякую, реалізував наступним чином:

Прихований текст
$('#foo').on('keyup',function(e){
        elm=$(this);
        time=(new Date()).getTime();
        delay=500;

        elm.attr({'keyup':time});
        elm.off('keydown');
        elm.off('keypress');
        elm.on('keydown',function(e){$(this).attr({'keyup':time});});
        elm.on('keypress',function(e){$(this).attr({'keyup':time});});

        setTimeout(function(){
            oldtime=parseFloat(elm.attr('keyup'));
            if (oldtime<=(new Date()).getTime()-delay & oldtime>0 & elm.attr('keyup')!='' & typeof elm.attr('keyup')!=='undefined'){
                value = $( "#foo" ).val();
                if (value) {
                    function too() {
                     ...
                    }
                }
                elm.removeAttr('keyup');
            }
        },delay);
    });

Яким чином можна реалізувати затримку перед виконанням ф-ції без утворення черги, тобто якщо я натисну клавішу декілька разів підряд, функція виконається лише при останньому натиску.

$('#foo').keyup(function(){
        function too() {
             ...
        }
});

7

(9 відповідей, залишених у Шукаю роботу)

iovchynnikov написав:

Готуйтеся до питань щодо "Skilled in project management", бо скілед в менеджменті джун це, як мінімум, - не типово. Якщо це правда і готові до таких питань, можна й на перший рядок виставити.

як краще компонувати технології

Від того що їх відкомпонуєте, технологій більше не стане :) У Вас досить непогано написано.

Надсилайте як маєте, паралельно для бекенду вчіть nodejs (+babel,webpack etc) як знаєте js. Зараз це "модно".

PS:Що таке React Essential?

Дякую) React Essential це типу знаю лише основи. Насправді є невеликі знання node i socket.io та написаний невеличкий проект (чат тет-а-тет): lfyou.com.ua але я рахую цього поки недостатньо, щоб вписувати у CV.

8

(9 відповідей, залишених у Шукаю роботу)

ping написав:

думаю , що  Personal qualities одними і тими ж реченнями вже приїлися рекрутерам.

як там у Львові, недавня буря біди не наробила?

Дякую, спробую трохи імпровізувати. А я не застав її та ніби не чув нічого страшного. Ось інше діло, це "буря" з веб розробників, яка за літо "розбила" всі вакансії у Львові на позицію джуна  :(

9

(9 відповідей, залишених у Шукаю роботу)

ping написав:

а на яку позицію Ви цілитеся? фронт, бек, все відразу?

Надсилаю його на позицію Web dev (тобто все відразу), або частіше на Frontend dev. Як на мене чистого фронт чи бекенду немає.

Хто що може порадити, враховуючи власний досвід при написанні CV, як краще компонувати технології. Ось що в мене виходить (Web dev, Frontend Dev):

Прихований текст

SKILLS:

Front-end: HTML5, CSS3, Pug, Sass, Gulp, Bootstrap 3, jQuery, Javascript, React Essential.
Back-end: PHP.
CMS: Wordpress, Opencart.
Data persistence: MySQL.
Version control system: Git.


Personal qualities:

High learning ability.
The desire to learn new technologies and to use them in practice.
Proactive and self-motivated team member.
Skilled in project management, multi-tasking and prioritizing competing deadlines.

Можливо якось перекомпонувати Back- та Front-end, один лиш php "ріденько виглядає". Передивився я CV колег на сайтах пошуку роботи, підглядати в них не варіант, там люди в 2к17 вписують досвід роботи з Word, Excel, Powerpoint  :)

(in active job search)

11

(1 відповідей, залишених у Web-сервери)

Доброго дня, цікавить питання, чи можливо запустити .ехе процес на windows сервері шляхом скрипту на php або ж python? Дякую за увагу

12

(0 відповідей, залишених у JavaScript, TypeScript, ECMAScript)

Доброго дня. При міграції socket.io з версії 0.9 на 1+ виникає помилка:
    io.configure is not a function
Як я зрозумів, припинили підтримку даної ф-ції, яким чином можна замінити її та успішно мігрувати на версію 1 та новіше? Ось сама функція:

io.configure('production', function(){
    // io.set('origins', 'localhost:80');
    io.set('log level', 1);
    io.enable('browser client minification');
    io.enable('browser client etag');
    io.enable('browser client gzip');
});

Дякую за увагу.

13

(2 відповідей, залишених у JavaScript, TypeScript, ECMAScript)

Спробуйте запустити цей код, якщо запрацює, проблема в підключенні бібліотек

Прихований текст
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Hello World!</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.0/react.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.0/react-dom.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.6.15/browser.js"></script>
</head>
<body>
    <div id='game'></div>

    <script type="text/babel">
        var WindowGame = React.createClass({
        render: function()
        {
            return (
                <div>
                    <h1> Hello world!!!</h1>
                </div>
            );
        }
        });



        ReactDOM.render(
        <WindowGame />,
        document.getElementById("game")
        );
    </script>
</body>
</html>

Доброго часу доби, почав по трохи розбиратись з socket.IO і Node.js на прикладі анонімного "random one to one" чату. Зараз з'єднання користувачів здійснюється рандомно, як можна переробити, щоб з'єднання здійснювлось в залежності від статі користувача. Щоб з'єднувало хлопців з дівчатами та навпаки? Прикріпив архів з чатом та ось кусок коду, що відповідає за з'єднання, додавання та видалення користувачів:

Прихований текст
function userHandler(){

    var userAvailable = [];
    var self = this;
    
    // storing available users
    this.addUser = function(id){
        self.removeSelf(id); //remove same user if already exist
        userAvailable.push(id);
    };

    // remove partner from queue
    var removePartner = function(id){
        userAvailable.splice(id,1);
    };

    // remove self from queue
    this.removeSelf = function(id){
        for(key in userAvailable){
            if(userAvailable[key] === id)
                userAvailable.splice(key,1);
        }
    };
    
    // Selecting random partner
    var selectPartner = function(socketId, fn){
        var queue = userAvailable;
        if (queue.length > 1){
            var key = Math.round(Math.random() * (queue.length - 1));
            if(queue[key] == socketId){
              return selectPartner(socketId,fn);
            } else {
               fn(queue[key],key);
            }
        }
    };
    this.makeChat = function(socketId,fn){
        selectPartner(socketId, function(partner,pid){
            removePartner(pid);
            self.removeSelf(socketId);
            fn(partner);
        });
    };
}
module.exports = new userHandler;

Було б чудово, якби хтось міг би запропонувати свою реалізацію або підкаже, як реалізувати це :)

15

(5 відповідей, залишених у Пропоную роботу)

Надіслав CV на пошту три дні тому, так і не отримав відповіді, хоча в темі вказано, що розглянуть особисто кожного кандидата. Тому залишається чекати та сподіватись, а раптом  :)

16

(3 відповідей, залишених у JavaScript, TypeScript, ECMAScript)

VTrim написав:
Bygryn написав:

Написав аналог на php:

$smail = array(":-)", ":-|");
$grafic = array("<img src='smail/big_grin.png' align='middle'>",
 "<img src='smail/crazy.png' align='middle'>");
$newtext = str_replace($smail, $grafic, $text);

Потрібно замінити це схожою функцією на js

http://javascript.ru/php/str_replace

Спасибі, кому цікаво, ось результат:

Прихований текст
function str_replace ( search, replace, subject ) {
    if(!(replace instanceof Array)){
        replace=new Array(replace);
        if(search instanceof Array){
            while(search.length>replace.length){
                replace[replace.length]=replace[0];
            }
        }
    }

    if(!(search instanceof Array))search=new Array(search);
    while(search.length>replace.length){
        replace[replace.length]='';
    }

    if(subject instanceof Array){
        for(k in subject){
            subject[k]=str_replace(search,replace,subject[k]);
        }
        return subject;
    }

    for(var k=0; k<search.length; k++){
        var i = subject.indexOf(search[k]);
        while(i>-1){
            subject = subject.replace(search[k], replace[k]);
            i = subject.indexOf(search[k],i);
        }
    }

    return subject;
}

function emoji(text) {
    var urlRegex =[":-)", "8-P"];
    var smile = ["<img src='smail/big_grin.png' alt='' align='middle'>", "<img src='smail/crazy.png' alt='' align='middle'>"];
    return str_replace(urlRegex, smile, text);
}

17

(3 відповідей, залишених у JavaScript, TypeScript, ECMAScript)

Написав аналог на php:

$smail = array(":-)", ":-|");
$grafic = array("<img src='smail/big_grin.png' align='middle'>",
 "<img src='smail/crazy.png' align='middle'>");
$newtext = str_replace($smail, $grafic, $text);

Потрібно замінити це схожою функцією на js

Привіт всім. Є функція, яка повертає значення лише останнього replace, як виправити, щоб спрацьовували два replace і більше, якщо додати ще в майбутньому? Дякую за увагу

function emoji(text) {
    var urlRegex =[/:-\)/g, /8-P/g];
    var smile = ["<img src='smail/big_grin.png' alt='' align='middle'>", "<img src='smail/crazy.png' alt='' align='middle'>"];
    return text.replace(urlRegex[0], smile[0]) && text.replace(urlRegex[1], smile[1]);
}

Вивчаю React. Вирішив створити додаток, який функціонує таким чином: В поле вводу вводиться текст. Знизу надпис, який відображає “Hello, <введений текст>!”. Текст повинен мінятися по мірі вводу. Якщо в поле нічого не введено, то повинно бути написано “Hello, stranger!”.
Виникло питання, Як в компоненті відобразити поле displayedName стану?
Ось код:

Прихований текст
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Hello World</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="http://cdnjs.cloudflare.com/ajax/libs/react/0.14.0/react.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/react/0.14.0/react-dom.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/babel-core/5.6.15/browser.js"></script>
</head>
<body>
    <header>
        <div class="container">
            <img class="rc-img" src="images/react.svg" alt="react logo">
            <h1>Hello World</h1>
        </div>
    </header>
    <div class="container" id="content"></div>

    <script type="text/babel">
    var NAME = 'Stranger';

    var HelloWorld = React.createClass({
        getInitialState: function() {
            return {
                displayedName: NAME
            };
        },

        handleNameChange: function(event) {
            var displayedName = event.target.value;
        this.setState({
         displayedName: displayedName
        });
        },
        render: function() {
            return (
                <div>
                    <input type="text" className="search-field" onChange={this.handleNameChange} />
                     <p>Hello, {}!</p>
                </div>
                );
        }
    });

    ReactDOM.render(
        <HelloWorld />,
        document.getElementById("content")
    );
    </script>
</body>
</html>

Дякую за увагу, можливо хтось теж вчить або вже знає React  :)

20

(25 відповідей, залишених у JavaScript, TypeScript, ECMAScript)

iovchynnikov написав:
Bygryn написав:
iovchynnikov написав:

А не думали зробити на WebSockets + NodeJS? Буде справжній реал-тайм чат без усілякої магії з "демонами" php....
https://gist.github.com/martinsik/2031681

Чесно кажучи, це була перша думка, але не розумію, як на NodeJS зробити так, щоб 2-ох користувачів рандомно з'єднувало у приватний чат. Можливо маєте ідею?

Створіть масив ідентифікаторів сокетів (var users = []) і "реєструйте"/"дереєструйте" їх при підключенні/роз'єднані (users.push(socket_id)/users = users.filter(id => id !== disconnected_socket_id);).
Коли треба з'єднати, достатньо дістати 2 випадкових користувачів (http://stackoverflow.com/questions/9719 … from-array) і потім вже працювати з їхніми сокетами.

PS: Не пам'ятаю на певно чи є у ноді така абстракція як айді сокета. Можливо я помиляюся, тож доведеться просто з сокетами напрямую працювати.

Спасибі