• Как эффективно развивать себя как разработчика?

    yurakostin
    @yurakostin
    Front-end developer
    Вставлю свои пять копеек.

    Начну как всегда, наверное издалека, уж извините.

    У меня стало довольно мало времени на то, чтобы разрабатывать дома: ребёнок, удалённость жилья от места работы и т д.
    И вот ушедшие три дня выходных я потратил на ресёрч некоторых вещей.
    Прочитал почти половину документации по Vue, запустил hello world на clojure script, ну и галопом по европам прошёл по реализациям FRP на js, остановивишь на cellx. С ней просидел весь вечер.
    И вот только после этого я ощутил то забытое чувство, когда узнаёшь что-то новое, расширяешь кругозор.

    К чему я это всё?

    Я вспомнил, что до переезда, до ребёнка, я "летел" домой и до часу-двух ночи изучал что-то новое. Читал книги/статьи/какие-либо источники, и задавал себе вопросы "А что если сделать так?", "А если применить этот метод?", "А если вызвать с этим параметром?", etc, и пробовал на все свои вопросы найти ответы.
    А также я постоянно хотел что-то "напилить". Свой сайт, какой-нибудь маленький проект. Какой-нибудь маленький плагин. Можно продолжать бесконечно..

    Самое интересное не то, что я получал какой-то интересный готовый продукт - этого почти ни разу не случилось, а то, что я повышал качество своих навыков, узнавал что-то новое, так как иногда что-то не работало, приходилось гуглить, рефакторить, использовать функции, библиотеки, фреймворки, которые ещё ни разу не использовал. Именно этот опыт на мой взгляд делает вас ценным разработчиком.

    Но - как в рекламе - и это ещё не всё.

    Ещё есть важные аспекты, которые делают из вас хорошего разработчика:
    1. Умение и можно сказать любовь читать чужой код. Читать, понимать(править?). Дело в том, что на любых проектах, особенно тех, где большая кодовая база была написана до вас, вам придётся разбираться в коде, и соответственно чтение и правка чужого кода будет занимать примерно 65-85% вашего времени.
    2. Отсутствие боязни перед чтением документации. Кто-то бежит смотреть статьи, где люди пишут свой опыт внедрения или, извините "пробования" какой-либо технологии или инструмента, и упускает огромный пласт информации, который описан в документации. Пласт, который может затянуть старт использования, но помочь вам быть абсолютно в теме того, с чем и как вы собираетесь рабоать.
    3. Третий пункт, немного связан со вторым. Вам нужно знать английский. На уровне достаточном чтобы понимать эту самую документацию. А также читать статьи зарубежных разработчиков. Ведь почти всё, что мы учим, сделано за бугром, и в связи с тем, что английский - международный язык, все более менее популярные библиотеки/фреймворки/инструменты, а точнее документация к ним, существуют на английском языке как минимум.

    Это всё, я думаю, более менее объективные пункты.. Ээмм, ну ладно, субъективно-объективные.. Ну короче вы поняли =)

    О ещё более субъективных, пожалуй, писать не буду. И так уже много букв, извините.
    Ответ написан
    Комментировать
  • Как называется процесс чтения кода браузером?

    @Mercury13
    Программист на «си с крестами» и не только
    Parsing, разбор.
    Ответ написан
    Комментировать
  • Что это за синтаксис в jquery?

    sergiks
    @sergiks Куратор тега JavaScript
    ♬♬
    Такая сигнатура, $( html, attributes) – создаёт новый HTML элемент. См. документацию.

    В вашем примере создаётся элемент кнопки <button>, внутри кнопки задаётся текст "Contact me". Эта кнопка вставляется в DOM-дерево после первого элемента <article> и на неё вешается слушатель события клика – метод show()
    Ответ написан
    Комментировать
  • Как составить регулярное выражение?

    qork
    @qork
    { background: #F00B42 }
    /\d+/g, например, даст на выходе массив из двух значений.
    Ответ написан
    2 комментария
  • Как правильно использовать Bootstrap?

    zorro76
    @zorro76
    Ответ написан
    Комментировать
  • Как сверстать такую сетку?

    Ответ написан
    Комментировать
  • Как сделать выезжающую панель без jQuery?

    In4in
    @In4in
    °•× JavaScript Developer ^_^ ו°
    Ответ написан
    Комментировать
  • Как изменить цвет темы сайта нажав на кнопку?

    IonDen
    @IonDen
    JavaScript developer. IonDen.com
    Элементарно. Создаете 2 темы, например так (лучше всего использовать препроцессоры вроде LESS/SASS/Stylus):
    .theme_1 .header {background: #000;}
    .theme_1 .button {background: #000;}
    .theme_1 .link {color: #000;}
    
    .theme_2 .header {background: #f00;}
    .theme_2 .button {background: #f00;}
    .theme_2 .link {color: #f00;}

    Далее, например на тег html вешаем класс первой темы:
    <html class='theme_1'>
       ...
    </html>

    Далее создаем кнопку переключения:
    <button class='js-switch-theme' data-name='theme_2'>Swich to theme 2</button>

    Далее на jQuery пишем следующий код:
    $(document).on('click', '.js-switch-theme', function () {
        var theme = $(this).data('name'),
              $html = $('html');
    
        $html.removeClass();
        $html.addClass(theme);
    });


    Profit!
    Ответ написан
    2 комментария
  • Как сделать чтобы картинки двигались?

    In4in
    @In4in
    °•× JavaScript Developer ^_^ ו°
    .two_fourth_last img{
       transition: transform 0.5s;
    }
    .two_fourth_last img:hover{
      transform: translateY(-50px);
    }
    Ответ написан
    Комментировать
  • Кто нибудь пробовал работать во фрилансе после работы?

    Конечно, люди разные, но я не могу. Лучше это время тратить на личные проекты (опенсорс) и на развитие (новые языки, улучшать фундаментальные знания), либо еще на какое-то хобби (у меня это музыка, например). В долгосрочной перспективе это принесет больше пользы, а качество жизни будет выше. Работать на двух работах, совмещать работу/учебу - все это либо для очень-очень организованных людей (феноменально организованных, которые могут жить четко по плану каждый день), либо для тех, кто особо-то и не вникает (а это напрямую влияет на качество скилла). Кроме того, как не пытался, предел продуктивной работы в сутки - это порядка 6 часов. Все остальное не только не приносит удовольствия, так еще и по качеству получается хуже. Лучше делать одну задачу, "быть медленнее", но делать ее реально круто.
    Ответ написан
    4 комментария
  • Генератор полей формы на JS. Как улучшить?

    DIITHiTech
    @DIITHiTech
    Fullstack javascript developer
    Как улучшить? Поизвращаемся...

    <div id="fields">Контейнер полей</div>
    
         <a onclick="fields.add('input');">Add</a>
         <a onclick="fields.remove();">Remove</a>

    var FieldSet=function(container,tagID){
                 this.fields=[];
                 this.container=(typeof container=='object')?container:document.getElementById(container);
                 var id=0;
    
                 this.add=function(type){
                     var template={input:'TextField Name : <input type = "text" name="txt_field"> -> your text field has been generated just define name',
                                 textarea:'',
                                 table_name:''}[type],
                             wrapper=document.createElement("div");
    
                     wrapper.innerHTML=template;
                     tagID&&wrapper.setAttribute("id",tagID+(id++));//можно выбросить если не надо id для полей
                     this.container.appendChild(wrapper);
                     this.fields.push(wrapper);
                     return wrapper;
                 }
    
                 this.remove=function(index){
                     this.container.removeChild(this.fields.pop());
                 }
             }
    
             var fields=new FieldSet("fields");//id или элемент контейнера для коллекции полей
    Ответ написан
    Комментировать