• Какие курсы, книги и видео по изучению JQuery посоветуете новичку?

    Однозначно вот этот учебник. Я сам раньше много с чего начинал, но именно благодаря книге Антона Шевчука я смог сразу начать что-то делать, и делать это более менее, осмысленно, понимая как можно оптимизировать код и как вообще работает библиотека.
    Ответ написан
    Комментировать
  • Как ускорить вёрстку?

    @taki154
    Для быстрой и оперативной верстки использую gulp с плагинами и препроцессорными плюшками:

    - jade (сейчас больше известен как pug) - html-шаблонизатор, синтаксис простой и понятный, поддерживает циклы, инклюды, примеси, переменные, условия и пр. использую как препроцессор и из него генерирую статичные страницы, верстаю в нем.
    - less - тут даже говорить нечего, любой css-препроцессор для разработки и скорости при умелом использовании подойдет лучше писанины на нативном css;
    - далее, до кучи всякие автопрефиксеры, минификаторы, лайврелоды, браузерсинк и прочее.

    ВАЖНО:
    если вы никогда не работали в среде npm, для легкого и понятного старта вы можете воспользоваться сервисом quenchjs.com, который сделает всю грязную работу за вас. Там есть конфигуратор, выбираете что надо и качаете архив. Ставите себе node.js, и дальше в папке, куда распаковали архив из командной строки- npm install. После того, как все пакеты будут установлены, перезапускаете в этой же папке терминал и пишите волшебную команду "gulp". И будет вам счастье. Это если совсем в двух словах. Поверьте, все это перевернет ваш опыт верстальщика и поднимет скиллы на новый уровень! Дерзайте! :)
    Ответ написан
    2 комментария
  • Как ускорить вёрстку?

    @architawr
    "Ok, Google" и все твои проблемы решены
    1) SASS и сетку для него(типа bootstrap)
    2) GULP для компиляции , а также его LiveReload и AutoPrefixer, и BrowserSync с его локальным сервером, и Bower (закачка либ)
    3) GIT
    4) Emmet
    5) BEM (БЭМ)
    6) Используйте gist от github
    Ну и прямые руки
    Ответ написан
    16 комментариев
  • Какие библиотеки, плагины и прочее для верстки вы используете в своих проектах?

    SergGrbanoff
    @SergGrbanoff
    UX/UI Desinger, Front-End Developer
    Фреймворки, библиотеки и плагины для верстки сайта.

    1. Bootstrap - самый популярный HTML, CSS, и JS фреймворк в мире для разработки отзывчивых, mobile-first проектов в вебе.

    2. slick - Адаптивный слайдер для сайта

    3. Owl Carousel 2 - красивый, отзывчивый карусельный слайдер

    4. Fotorama - плагин для создания галереи на сайте

    5. MagnificPopup - плагин для создания модальных окон

    6. FancyBox - построениe всплывающих окон

    7. Mmenu - мобильное меню


    8. bxSlider - отзывчивый jQuery-слайдер для контента


    9. Fullscreen Slit Slider - слайдер с интересной анимацией

    10. parallax.js - эффект Parallax

    Первая 10-ка
    Ответ написан
    Комментировать
  • Переход из 1С в web-разработчики (PHP ) в 35 лет. С чего начать и реально ли?

    Epsiloncool
    @Epsiloncool
    Программер, веб-девелопер, гейм-девелопер
    Спасибо людям, настрочили довольно много постов поддержки, а я всё-таки настрочу ещё один))

    Насчёт веба - очень хорошая и интересная область деятельности. Единственное только не рекомендую надолго зависать в битриксе. Почему? Потому что его применение ограничивается РФ и прилежащими республиками. А чтобы хорошо зарабатывать в вебдеве, тебе придётся выходить за границы и писать для клиентов США и Европы. Если, конечно, хочешь преодолеть барьер в 2к долларов. Когда я ушёл из вебдева, я зарабатывал 4-5к в месяц, работая с клиентами из Мексики. Возможно это даже меньше, чем можно было. Но не суть.

    Мне уже за 35 давно и в прошлом году я кардинально поменял поле своей деятельности, фактически полностью уйдя из веба в геймдев. Не бойся ничего менять в своей жизни. Ужас - это не когда мало денег, ужас - это когда ты занимаешься чем-то неинтересным и бессмысленным, каждый день, по чужой воле.

    С чего лучше начать? Поглощай информацию. Пиши свои проекты. Влейся в небольшую команду (именно небольшую, где с тобой будет кто-то общаться и помогать), которая делает веб-проекты.

    Удачи!
    Ответ написан
    2 комментария
  • Переход из 1С в web-разработчики (PHP ) в 35 лет. С чего начать и реально ли?

    zualex
    @zualex
    Senior Software Engineer
    Возраст не помеха.
    Уже сейчас можешь пробовать устроиться на работу, бывают кампании, которые сами занимаются обучением сотрудников.
    Но пока ищешь работу вот план:

    Но не останавливайся в развитии, в этом тебе поможет Карта развития веб-разработчика
    Ответ написан
    Комментировать
  • Как правильно сверстать бэкграунд с фигурой-разделителем?

    serjikz
    @serjikz
    web-developer
    Можно сделать с помощью svg, только нужно будет перерисовать немного - рисуем синий полностью, зелёный полностью и красного часть (как на скрине 5 блок), это всё в куче экспортируем в svg и ставим фоном, а красный потом просто цветом задать. Просто вопрос в том, что конкретно будет в этом блоке. Если допустим просто контент на весь этот фон (неразрывный блок) - можно всё вообще экспортировать в svg, если же стыки блоков где-то есть - то уже по ситуации смотреть естественно и соответственно ситуации вырезать.
    Ответ написан
    1 комментарий
  • Как сделать фильтр на JS?

    Immortal_pony
    @Immortal_pony Куратор тега JavaScript
    Для начала select'у присвоить какое-то имя а в value каждого option'а прописать класс необходимого div'а:
    <select name="doctors">
        <option disabled selected>Все специальности</option>
        <option value="pediatric-dentist">Детский стамотолог</option>
        <option value="surgeon">Хирург</option>
    </select>


    Не забудьте и div'ам его прописать.
    <div class="item">
        <div class="doctor surgeon">
            <!-- Дальнейший код карточки -->
        </div>
    </div>


    Потом написать обработчик, который будет отслеживать изменения выпадающего списка и показывать соответствующие блоки.
    $('[name="doctor"]').on('change', function() { 
        var selector = '.' + $(this).val();
        var chosenItems = $(selector).closest('.item');
    
        // Сокрытие всех блоков
        $('.item').hide();
    
        // Показ выбранных блоков
        chosenItems.show();
    });


    Не заметил, что в тэгах нет JQuery. На всякий случай продублирую на чистом JS
    var toggle = document.querySelector('[name="doctors"]');
    
    toggle.addEventListener('change', function() { 
        var chosenClass = this[this.selectedIndex].value;
        var items = document.querySelectorAll('.item');
    
        Array.prototype.forEach.call(items, function(item) {
            var child = item.children[0];
            var childClasses = child.className.split(' ');
    
            if (childClasses.indexOf(chosenClass) === -1) {
                item.style.display='none';
            } else {
                item.style.display='block';
            }
        });
    });


    Пример: https://jsfiddle.net/t3hy7mjr/2/
    Ответ написан
    3 комментария
  • Актуально ли обучение по книге php 5 в подлиннике(1 издание)?

    Henryh
    @Henryh
    Веб-программист
    Да, конечно. PHP5 вполне актуален, а значит и книга будет нормальной. Для уверенности можете сверяться с php.net/manual/ru/

    А вобще изменения в язык вносятся почти каждый день, за всем по книге не уследить только через прессрелизы. А базису вы и по книге о php3 смогли бы научиться (но не желательно :) ).
    Ответ написан
    Комментировать
  • Как уйти с распутья технологий?

    @0x131315
    Стратегию уже подсказали: найти любую работу, чтобы кушать, и тем самым выиграть время на изучение чего-то, что поможет зарабатывать больше, и тем самым выиграть еще больше времени, и в конце концов изучить то, благодаря чему будешь работать не на зарплату, а на удовлетворение.

    Что касается языка - на первое время следует сосредоточится на чем-то популярном, попсовом, где больше всего вакансий, где проще найти работу. На зарплаты пока внимания обращать смысла нет - это лишь первый шаг, потом все-равно зарплаты станут больше, и скорее всего сменишь сферу деятельности, в соответствии со своими вкусами и желаниями.
    Но чтобы получить время на изучение языка, требуется источник дохода - любая работа, которая позволит кушать, платить за квартиру, одежду, оборудование и услуги.

    А так по моему важнее не инструмент, а умение им пользоваться. Начинать следует с алгоритмов, а язык использовать как инструмент.
    Хотя откладывать изучение языка тоже нельзя - практика важнее теории. Так что в комплексе - постигай алгоритмы на практике, по мере необходимости, и запоминай их.

    Т.е. глобально нет смысла учить конкретный язык ради изучения языка - выучить любой язык не проблема, и это можно сделать прямо по ходу решения задачи. Я за свою жизнь пользовался целой кучей языков, и все они так или иначе, но похожи друг на друга, проблем с их изучением никогда не было. Так что выучить новый язык - не проблема.

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

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

    Также упрощает задачу стандартизация подходов к решению задач, парадигм - большинство из них уже формализованы, и описаны. Например всем известное ООП, модульное программирование, конечные автоматы, и т.п. Описано более двух десятков таких моделей, их следует по возможности освоить. И не стесняться комбинировать.

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

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

    Но все-равно, даже программисту нужен опыт. Не важно что он отвязан от языков - он все-таки привязан к одному языку, информации, и должен уметь с ней обращаться.
    Опыт экономит время и усилия - там, где сперва требовалось неделю гуглить и пробовать, потом, с опытом, все делаешь за час, просто уже понимая что, как, когда и зачем.

    Опыт нарабатывается практикой - тут нет ничего нового: просто берешь себе задачу по вкусу, и решаешь.
    Не можешь сам генерировать задачи - ищешь годный внешний генератор: форумы проблемных пользователей, имиджборды, конкурсы, аукционы программистов (это где работают фрилансеры). Также хорошо идет создание своего проекта или участие в разработке чужого - развитие любого проекта всегда порождает множество задач, которые нужно кому-то решать, а это отличный генератор.
    В общем ищешь реальных заказчиков, или берешься за незначительные заказы, или работаешь ради альтруизма, решая то, что тебя не просили - есть всякие гитхабы и багтрекеры.

    Главное найти задачу и решить ее. Начинаешь с простых, и постепенно усложняешь. Параллельно, прямо по ходу решения, изучаешь алгоритмы, и нарабатываешь опыт. Со временем начнешь щелкать задачи быстро и между делом, как семечки, те, которые по первости у тебя отнимали недели, а то и месяцы.

    Недоведение решений до конца - следствие неверного подхода: либо берешь задачи, к которым еще не готов, слишком сложные, либо не имеешь возможности работать - у тебя нет условий для решения задачи: времени, места и внимания. Либо просто тебе это реально не нужно - тебя и так все устраивает, и планов на будущее нет.

    С третьим - придешь, когда поймешь, что тебе это нужно. Из-под палки не учатся.

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

    С первым все просто: не можешь что-то решить - отложи, и спустись на ступеньку ниже по шкале сложности.
    Есть такой психологический феномен: от решенных задач ты получаешь удовлетворение, силы и мотивацию двигаться вперед, от нерешенных - негатив, апатию, потерю воли и мотивации.
    Причем мозг устроен так, что запоминается лишь негатив. Поэтому крайне важно решать задачи, и не допускать незавершенных задач. Отложи, но не забрасывай.
    Нерешенная задача - это как психологический запой, нечто вроде депрессии: одна нерешенная задача тянет за собой другую нерешенную задачу, и так быстро уходишь на дно, теряя мотивацию и веру в себя. Замкнутый круг. Ты находишься именно в нем.

    Разрывать такие круги можно лишь одним способом - рутиной: медленным, последовательным и целенаправленным натиском, движением в одну сторону. Грубо говоря перестаешь жить эмоциями и импульсами, вырабатываешь продуманную программу развития, и действуешь по ней, строго, как робот, до тех пор, пока не начнешь получать положительный отклик от работы, пока не придет желание двигаться дальше - это вернулись воля, мотивация и вера в себя.

    Чтобы вернуть веру в себя, нужно стать победителем. Победители всегда побеждают - в этом и суть. Необходимо начать побеждать, любой ценой: нужно брать такие задачи, которые точно сможешь решить, какими бы простыми они не были. Можешь вернуться к азам, началу, детскому уровню сложности, если потребуется - главное чтобы задачи начали решаться, не важно какие и как. Пока не уверен, что готов двигаться дальше - удерживаешь уровень, каким бы низким и зазорным он не был. Важно обмануть мозг, а не показать класс всему миру, иначе обратно утонешь.

    Сложность задачи не особо влияет на мотивацию, а вот факт решения/нерешения - влияет сильно. Не решил - значит не осилил, не осилил - значит не достоин, не достоин - значит иди ко дну и не рыпайся. Это как импотенция: импотент - значит не мужик, не мужик - значит никто, ничего не достоин и об тебя можно ноги вытирать. Подсознание портит всю малину, так что не следует давать ему шанса - лучше решить задачу попроще, чем не решить по сложнее.
    Ответ написан
    7 комментариев
  • Где и какие есть актуальные ресурсы для front-end?

    Ronnie_Gardocki
    @Ronnie_Gardocki
    Я у мамы фронтендщик.
    1) tympanus.net/codrops (как указали в другом ответе)
    2) habrahabr.ru/posts/frontend - нувыпоняли.
    3) Подписаться и еженедельно читать фронт-енд дайджесты (ну или просто зайти на сайт и читать там выпуски):
    a) javascriptweekly.com
    b) css-weekly.com
    c) tympanus.net/codrops/collective
    d) habrahabr.ru/company/zfort - у них самые большие дайджесты, там до кучи еще и дизайн/новости/крутые сайты и прочее.
    (соответственно ссылки во всех этих дайджестах часто повторяются, так что не пугайтесь объемам)
    4) codepen.io - тут смотрите код, вдохновляетесь чужими работами и пилите свои.
    5) Лезете в твиттер, подписываетесь на крутых разработчиков, там тоже проскакивает много годноты.
    Ответ написан
    Комментировать