• Как проверить, что знаешь на базовом уровне JavaScript?

    @JSmitty
    Хотите задачку? Ловите.

    Сделать на JS светофор основной (3 цвета) и связанный пешеходный (2 цвета) с кнопкой по запросу пешеходного перехода:
    1) основной включен на зеленый, пешеходный на красный
    2) по нажатию на запрос, через не менее чем 5 секунд на 5 секунд показывается желтый на основном, затем основной - красный, пешеходный зеленый на 15 секунд. После пешеходный на красный, основной сразу на зеленый.
    3) минимальное время зеленого на основном - 60 секунд. Если кнопка запроса перехода нажата ранее 60 секунд с момента включения зеленого - пункт 2 срабатывает через 60 секунд с момента включения зеленого.
    4) после нажатия запроса и до включения зеленого на основном светофоре, кнопка запроса игнорируется.

    Часть задачи - сделать отображение светофоров, и кнопку. Кнопка всегда доступна к нажатию (не ставим атрибут disabled). Другая часть - реализовать асинхронную логику. По возможности на чистом JS (не прибегая к библиотекам).
    Ответ написан
    7 комментариев
  • Обучение английскому по скайпу?

    @Levhav
    Возьмусь за разработку проектов любой сложности.
    Я общался с репетитором из Колумбии по скайпу всего за 200 руб за 60 минут это не дорого и эффективнее чем звонить кому попало так как он ещё и грамматику объясняет.
    Ответ написан
    7 комментариев
  • Стоит ли идти в институт ради фронтенда?

    @McBernar
    1. Образование в области компьютерных наук нужно прежде всего для общего развития. Алгоритмы, структуры данных, разные языки программирования, паттерны проектирования, математика, статистика — все это вам постепенно расскажут в ВУЗе. Самому тоже можно все это узнать, только знания будут, скорее всего, не систематизированы. Если вы действительно хотите связать свою жизнь с разработкой — идите учиться. Главное, чтобы ВУЗ хороший был.
    Лично я очень жалею, что выбрал гуманитарный ВУЗ. Сейчас бы, конечно, сделал все по-другому.

    2. Диплом нужен только если соберетесь работать в Европе или Штатах. В РФ он нужен для галочки.
    Ответ написан
    3 комментария
  • Как понимать такое объявление переменных: var = var = false?

    rockon404
    @rockon404
    Frontend Developer
    Все верно для объявления через запятую. Во втором варианте производится только присваивание и работать без явного объявления оно будет только в старом режиме.

    Лучше объявлять переменные так:
    var someVar2 = false;
    var someVar3 = false;
    var speed = 10;
    var baseSpeed = 10;

    так проще вносить изменения в код и меньше шансов допустить ошибку вроде этой:
    var someVar2 = false,
      someVar3 = false;
      speed = 10,
      baseSpeed  = 10;

    или этой:
    var someVar2 = false,
      someVar3 = false,
      speed = 10,
      baseSpeed  = 10,
    Ответ написан
    3 комментария
  • Как Вы учите JavaScript, и похожие на него языки (ООП)?

    rockon404
    @rockon404
    Frontend Developer
    Берете современный учебник, изучаете от корки до корки и получаете хорошие, структуированые знания о спецификации, ее особенностях и приемах использования.
    Лезть при отсутствии знаний, как таковых, и наугад учить конкретные методы, подход неэффективный. Таким можно заниматься, когда уже получили хорошую базу или в процессе ее изучения.
    Ответ написан
    Комментировать
  • Как (и возможно ли) дотянуться до Junior JavaScript Developer в кратчайшие сроки?

    iCoderXXI
    @iCoderXXI
    React.JS/FrontEnd engineer
    Во первых: совершенству нет предела.
    Во вторых: невозможно объять необъятное и впихнуть невпихуемое.
    В третьих: как ты не крутись, а технологии развиваются быстрее, поэтому отставание неминуемо, как следствие приходится всегда чем-то жертвовать ради чего-то более важного.

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

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

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

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

    Меня на программирование пропёрло весьма рано, лет в 14-15. Я ощущал собственное безграничное могущество, послушная железяка выполняла любое моё повеление, любой мой каприз, при условии, что он правильно сформулирован. Если железка не делала что нужно, или делала что не нужно, то это всегда была моя вина, это значило что я прокосячился. Подобное осознание настигло меня весьма скоропалительно, после чего мозг начал усиленно дисциплинироваться, и количество лютых фейлов пошло на убыль.

    Коммерческая разработка - это, примерно, от 70% времени/сил на дебаг и фиксы, потому что мало где процессы поставлены грамотно. По хорошему до сего дня (а мне под 40) я только одну команду видел, где процессы прям вообще очень хорошо поставлены и мне посчастливилось какое-то время с ними поработать. За эти несколько месяцев я подрос на целую голову. Самостоятельно достичь сходных результатов было бы весьма затруднительно.

    Сам я сменил стек совсем недавно, начал в конце 15 года, и процесс продолжается до сих пор. Сменил я по одной простой причине - во всех моих прежних проектах большая часть логики с бэка уехала на фронт, и прекраснейший jQuery перестал справляться чуть более чем полностью. Он, по прежнему, хорош, но задачи, которые приходится решать, требуют совершенно других подходов. Для себя я выбрал React, но в целом на рынке имеются альтернативы. По моим данным очень большим спросом пользуется Angular 2+.

    Когда говорят о фронтенд разработке, постоянно говорят о технологиях, стеке, но почти никто не упоминает, что не стеком единым... Существенная часть разработки - это, для начала, понять задачу и построить у себя в голове модель. Заказчики бывают разные, от очень толковых, до очень безтолковых. Соотношение первых ко вторым примерно 1% и всё остальное... Т.е. в большинстве случаев тебе скажут минимум, своеобразно, плюс ты это поймёшь по своему. Потом, по ходу пьесы, в самые неподходящие моменты, начнут всплывать подробности, которые: забыли упомянуть; ну это же очевидно, ты же профи; мы сами не знали, это только выяснилось; ну это же мелочи, мы думаем тебе это будет не сложно; а ты не спрашивал; и т.п....

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

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

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

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

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

    Даже если тебе попадается практически идеальный проект, внезапно оказывается, что твоя оперативная память это 5-7+-2 объекта, а удерживать в голове одновременно нужно сотни...

    Зачем я все это рассказываю? Затем, что это реальность, которая для джунов не делает исключений.

    Термин "фигак-фигак и в продакшен" встречается повсеместно, т.к. ресурсы (деньги, время, кадры) практически всегда весьма жестко ограничены и ничего ты с этим не поделаешь.

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

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

    Теперь относительно того что делать - если в бэкграунде нет сильных скиллов по алгоритмике и структурам данных (олимпиады по программированию, универский курс информатики), то прям очень сильно рекомендую прокачать. Будучи наставником на нескольких курсах фронтенда я постоянно встречают студентов, которые "вроде бы" знают язык, но затрудняются скомпоновать пару циклов с условиями, вот буквально просто виснут на неопределенное время, причем без результата. Лично я рекомендую кодварс. Своих студентов я прокачиваю именно там. Достаточно прорешать 30-40 задачек, чтобы базовые скиллы ушли на уровень рефлексов и перестали парить мозг. Правда желательно решать это все с наставником.

    Косвенный бонус тут будет в том, что ты привыкнешь решать задачи на JavaScript. Я когда менял стек, поначалу мыслил на PHP, и подобный финт на кодварс позволил мне переформатировать мышление на JS. Вот мой профиль на кодварс как пруф: https://www.codewars.com/users/iCoderXXI

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

    Понять надо настолько глубоко, чтобы легко и просто, с юморком, рассказывать это любой первой встречной бабушке, да так, чтобы та всё поняла... Это вот прям залог успеха в JS, потому что все остальное держится на этих двух китах. В ютубе имеется курс Зоракса (Zorax) и JavaScript Weird Parts, оба про то же самое, первый на русском, второй на инглише. Кантор, безусловно, крут, но эти двое объясняют попроще и понятнее (имхо).

    После этого прокачиваемся в использовании встроенных методов JS, таких как map, reduce, includes, replace и пр. (на том же кодварс)

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

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

    Потом уже заостряемся на API форм, DOM, AJAX (fetch/axios), вебсокетах, Localstorage и пр.

    И вот только теперь можно переключаться на фреймворки. Проще всего освоить Vue (по слухам), наибольшим спросом пользуются React и Angular, для общего развития так же неплохо бы немного послушать про Ember.JS.

    React только на первый взгляд выглядит простым, на самом деле это только view-библиотека, а в любом нормальном SPA есть много чего еще кроме view, поэтому React всегда идет в компании Redux, Router, и еще целой толпы всего, что тоже придется осваивать, не только с точки зрения API, но и с точки зрения философии (а нахрена оно вообще сдалось?)

    Перед походами на собесы очень желательно иметь портфолио из нескольких готовых проектов, вылизанных стилистически.

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

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

    Еще вроде большие компании вроде Яндекса устраивают летнее обучение, с последующим трудоустройством лучших кандидатов, но это не точно.

    Оптимистичный прогноз - 6-12 месяцев плотного фигачинга и ты в тренде.
    Ответ написан
    7 комментариев
  • Можно ли на JS узнать высоту всех блоков и скрыть те, высота которых меньше определенного числа?

    KickeRocK
    @KickeRocK
    FrontFinish
    var arr1 = document.querySelectorAll("div.calend__dayitem");
    arr1.forEach(function(element) {
      if(element.clientHeight<20){
        element.style.display = 'none';
      }
    });
    Ответ написан
    Комментировать
  • Как можно сделать движение плавным в css animation(keyframes)?

    0xD34F
    @0xD34F Куратор тега CSS
    нужно вращать сначала медленно, потом быстро, потом опять медленно

    Так?

    Ну и вообще - вам стоит почитать про временные функции.
    Ответ написан
    2 комментария
  • Как исправить просадки FPS при скролле блока с position fixed/absolute?

    coolswood
    @coolswood
    https://coolswood.github.io
    Поможет свойство will-change. Оно позволяет браузеру подготовиться к нагрузке
    https://developer.mozilla.org/ru/docs/Web/CSS/will...
    Ответ написан
    3 комментария
  • Ругается на функцию LocalStorage внутри вызова другой функции. Как обойти?

    yarkov
    @yarkov Куратор тега JavaScript
    Помог ответ? Отметь решением.
    localStorage
    Ответ написан
    Комментировать
  • Первый опыт в верстке: что не так?

    iamd503
    @iamd503
    Верстальщик
    Попробуйте не использовать бутстрап, новички почему то, как только начинают верстать - используют его. От туда можно взять сетку. А так вроде норм всё
    Ответ написан
    4 комментария
  • Как вывести значение переменной из js в div?

    Bags85
    @Bags85
    frontend-developer
    https://learn.javascript.ru - Вам сюда, с самого начала... ответ на вопрос не изменит ситуации в целом
    Ответ написан
    Комментировать
  • Как (и возможно ли) дотянуться до Junior JavaScript Developer в кратчайшие сроки?

    @Finch_85
    1. Писать JS код ежедневно. Ну кроме выходного может. Хотя бы чуть чуть, но надо ежедневно что-то новое делать. Начни (ничего что на ТЫ?) что-то делать свое - плагин какой-нибудь, либо веб приложение.
    2. Уроки могу посоветовать от Codedojo. (есть на торрентах, если надо адрес кину в ВК). Подписка там 500 р/месяц с доступом на все уроки.
    3. Надо хорошо освоить базу по JS (ES6 конечно)

    Вот примерные вопросы для собеседования - посмотреть (кроме React конечно)
    Еще один списочек. Здесь уже набор тестовых заданий. Можешь посмотреть что примерно дают в качестве тестового задания - посмотреть
    Ответ написан
    6 комментариев
  • Можно ли подключить свой js скрипт в дебагере в Chrome?

    Vlad_IT
    @Vlad_IT Куратор тега JavaScript
    Front-end разработчик
    Вы имеете ввиду, чтобы на любую страницу (или заданную) встраивался скрипт? Качайте расширение custom script, например вот это https://chrome.google.com/webstore/detail/custom-j... и вставляйте в него код.
    Ответ написан
    2 комментария
  • Почему возвращает 4 вместо 19 (длина самого длинного слова в предложении)?

    @Yadalay
    Php, Mysql, Html, Css, Js/Jquery/Ajax, Laravel
    Потому что сортировка идёт не так, как Вам нужно. Работает так, что 4 будет после 10, так как сортировка идёт по алфавиту (элементы являются строками, а не числами). В таком случае 10 будет до 4.
    Ответ написан
    Комментировать
  • Wordpress на UpWork - реально ли начать в 2018 году?

    coderisimo
    @coderisimo
    Имхо, на Upwork WP одна из доминирующих технологий. Заказов МОРЕ.

    М О Р Е !!!!!!

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

    Резюме - именно для спецов WP на апворке раздолье.
    З.Ы. Только не хватайте любой заказ. Оцените заказчика. Это сэкономит время, деньги и главное - НЕРВЫ.
    Удачи.
    Ответ написан
    7 комментариев
  • Как разобрать объект?

    const newArray = Object.keys(checkboxGroup) // Превращаем объект в массив ключей checkboxGroup
         .filter(name => checkboxGroup[name].checked === true) // Создаем новый массив из ключей, в котором будут только те, для которых у объекта - checked есть истина
         .map(name => checkboxGroup[name].value); // Создаем новый массив из свойств value
    Ответ написан
  • Полезно ли изучать React/Redux, если хочешь работать с VueJS?

    bingo347
    @bingo347 Куратор тега JavaScript
    Crazy on performance...
    Начать следует с JS и встроенного в браузер api
    Фреймворк/библиотека - лишь инструмент, который лишь решает определенный круг массовых задач. Без знания основ, настанет момент, когда у библиотеки не будет готового решения/плагина - и Ваша работа встанет из-за этого.
    Имея же хотя бы базовые принципы, как библиотека/фреймворк работают внутри, изучить его станет гораздо более простым делом.

    По сабжу:
    Зная React+Redux освоить Vue+Vuex - дело 2-3 дней
    Работая с Vue возвращаться на React уже не хочется
    Выводы делайте сами
    Ответ написан
    2 комментария
  • Как изменить var в js?

    Stalker_RED
    @Stalker_RED
    Сейчас вы при каждом клике делаете var valStage = 1
    Вынесите это в самую первую строчку.
    var valStage = 0 // изначально 0, при клике увеличится же
    $('.calk-section__btns .link-next').click(function(){
        var spanStage = '.calk-section__stages span'
        if($(spanStage).hasClass('active')){
            /* это убираем
            var valStage = 1
            valStage = ++valStage
            вместо него пишем: */
            valStage++
    
            var newsStage = '.calk-section__stages span[name='+valStage+']'
            console.log(valStage+' '+newsStage)
            $(spanStage).removeClass('active')
            $(newsStage).addClass('active')
        }
    })
    Ответ написан
    Комментировать
  • Где ошибка в коде?

    @Codebaker
    Всё умею, всё могу!
    1) prompt возвращает строки, сравнение с числами - некорректно
    2) в блоках с if ()... вы постоянно сравниваете с константами, хотя чуть ранее объявили их "смысловую нагрузку"

    Соответственно, лучше будет сделать так:

    1) var trouble = parseInt(prompt('What is wrong?'))
    2) if (trouble == cabel) {...
    ...
    else if (trouble == router) { ...
    ...
    else if (trouble == computer) { ....
    Ответ написан
    2 комментария