• Верстка еще актуальна на фрилансе?

    @kiberlain
    Всё верно "даже смысла нет изучать из-за переполнения рынка". Я полтора года просидел на фрилансе, никому не советую. Работа над хотелками заказчика может растянутся на месяц, заказчик может кинуть (и такое было, да). Есть вероятность найти адекватного менеджера (у которого целая ферма из такой вот дешёвой рабочей скотины), они ещё могут скидывать более менее регулярные заказы, но оплата будет небольшой. В офисах примерно тоже самое (если взять какой-нить город милионник, то 100 веб-студий где верстаки верстают за копейки и 5-10 топовых, где платят нормально но верстаки там сидят ровно и нет никакой текучки), но там хоть шансы получить свои гроши - повыше. Сейчас мне стыдно, что я несколько лет посвятил себя этой работе. Опозорился со своим выбором конкретно. Хотя сейчас верстаю вполне себе на уровне
    Ответ написан
    15 комментариев
  • Как в VUE JS сделать так чтоб при входе на сайт отображался только preloader пока все процессы не завершились?

    @ber_enot
    Веб-разработчик, Vue.js / Node.js
    В событие компонента mounted()
    добавить показ прелоадера, запустить методы загрузки данных
    убрать прелоадер, когда они завершатся (с помощью Promise.all)
    Читать про промисы тут - https://learn.javascript.ru/promise

    Примеры:
    один запрос:
    mounted() {
    	this.showPreloader = true
    	this.$http.get('/someUrl').then(response => {
    		// данные загружены, убираем прелоадер
    		this.showPreloader = false
    		// записываем полученные данные куда-либо
    		this.someData = response.body
    	}, response => {
    		// запрос завершился ошибкой
    		// показываем сообщение об ошибке
    		this.showPreloader = false
    		this.showError = true
    	});
    },

    Несколько запросов:
    mounted() {
    	this.showPreloader = true
    	Promise.all([
    		this.$http.get('/someUrl'),
    		this.$http.get('/someUrl2')
    	]).then(results => {
    		// данные загружены, убираем прелоадер
    		this.showPreloader = false
    	}, response => {
    		// один или несколько запросов завершились с ошибкой
    		// показываем сообщение об ошибке
    		this.showPreloader = false
    		this.showError = true
    	});
    },


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

    alexey-m-ukolov
    @alexey-m-ukolov Куратор тега JavaScript
    может не знаю какой то хак в JS, как обойтись без циклов
    Есть такой хак. Называется "правильный выбор структуры данных". Работает, кстати, не только в js.

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

    @lemme
    Frontend
    только перебором.

    [{id: 1}, {id: 2}].find(item => item.id === 1) //{id: 1}


    UPD
    Можно попробовать нормализовать данные, т.е сделать плоский объект, который будет хранить значения нужного объекта и указывать на его индекс
    const data = [
    	{ id: 1, title: 'foo', notUniqueKey: 1 },
    	{ id: 2, title: 'bar', notUniqueKey: 2 },
    	{ id: 3, title: 'baz', notUniqueKey: 1 },
    ]
    
    const flatify = (data = [], uniqueKeys = []) => {
    	const o = {}
    	
    	data.forEach((item, index) => {
    		Object
    			.keys(item)
    			.forEach(key => {
    				if (uniqueKeys.indexOf(key) !== -1) {
    					o[item[key]] = index
    				}
    			})
    	})
    	
    	return o
    }
    
    const bindings = flatify(data, ['id', 'title'])
    
    console.log(data[bindings[1]]) // по id
    console.log(data[bindings['baz']]) // по title
    Ответ написан
    1 комментарий
  • Почему в сети нет нормальных курсов по CMS Битрикс?

    sabramovskikh
    @sabramovskikh
    Как же нету то? Если вы не понимаете что там говорят, то проблема явно не в курсах...
    Вот например https://academy.1c-bitrix.ru/training/course/ можно сказать официальные курсы и вполне хорошие. Лично проходил
    Ответ написан
    5 комментариев
  • В какой последовательности читать книги по JavaScript?

    Andy94
    @Andy94
    Есть мнение , что неважно как и какой последовательности читать, можно просто читать все подряд. Главное , что твоя нейронная сеть в голове, получает сходную информацию и соответствующие связи укрепляются.
    Ответ написан
    2 комментария
  • Как оптимальней переверстать сайт, посаженный на CMS?

    @michaelromanov90
    Проект > дизайн > вёрстка > программирование.
    однако при программировании вёрстка изменяется в части аттрибутов в основном, но и сами теги могут быть добавлены.

    Если вам менять ничего нельзя - есть вариант дублировать блоки вывода. Т.е. например есть бар такой-то. Вы распечатывайте его на php дважды. 1 раз как есть ничего не меняя. 2раз в своей структуре. 2ая структура при дестопе скрыта. При изменении разрешения начинайте играться с этим делом. Даже выборкой узлов через js не брезгуя (не только через css)

    такая реализация крайне не эффективна, но если ничего не меняя в оригиналых структурах html и вёрстки, то только своими скрытыми элементами. А вообще по-хорошему, вы должны решать как делать. Вы же к врачу с напутствием и запретами не приходите. Или приходите?))
    Ответ написан
    1 комментарий
  • Как оптимальней переверстать сайт, посаженный на CMS?

    @AnneSmith
    самая ленивая
    ну так пусть сами делают, если знают лучше вас

    и как можно запретить верстать в html? в битриксе свой язык разметки?
    магазин mts - все в html сделано, или вы не умеете работать с шаблонами cms? тогда откажитесь

    других вариантов не бывает - делается статический html для всех версий и потом он интегрируется в шаблоны системы
    Ответ написан
    8 комментариев
  • Как оптимальней переверстать сайт, посаженный на CMS?

    SuperToster
    @SuperToster
    По новой верстать в HTML не разрешили.
    Послать в лес.

    И главное, просят рассчитать ориентировочное время выполнения.
    Справиться о ментальном здоровье и послать ещё дальше.

    Проект > дизайн > вёрстка > программирование. Не наоборот.
    Ответ написан
  • Какой собрать ПК для фронтендщика?

    Jump
    @Jump Куратор тега Windows
    Системный администратор со стажем.
    Процессор Intel Core i5 например 7600 или около того, цена в районе 16тыс
    Матплата недорогая - например ASUS H110M или аналогичное, цена примерно 3,5-4тыс
    Память 16гб Hinix, Kingstone и подобные , цена примерно 8-10тыс
    Блок питания на 300ватт например FSP, примерно 1,5-2тыс.
    HDD на 1-2ТБ Toshiba или WD Blue - 3-5тыс.
    SSD 250Гб от Kingstone, Toshiba, Samsung 6-10тыс.

    В итоге ценник выйдет 40-45тыс, там уж смотреть по тому что есть в нужном магазине, по их ценам и корректировать сборку.

    Процессор допустимо понизить до I3 - но частота чтобы приличная была более 3000.
    Матплату дорогую брать смысла нет, если каких-то спец требований не предъявляете, если в будущем решите прикупить скоростной SSD, возьмите плату подороже с разъемом M2.
    Блок питания - мощность 300-350ватт достаточно, нет смысла брать большую мощность, лучше меньше, но от хорошего производителя.
    HDD нужен под холодные данные - выбирайте по цене и объему, скорость не важна.
    SSD минимум 240Гб и от нормального производителя, не берите разные смартбай и прочее. Из недорогих смотрите в сторону кингстона, если подороже то самсунг. В остальные детали вникать и смотреть на скорость смысла особого нет. Очень желательно оставить 20-30Гб неразмеченными, это гарантированно избавит вас от проседаний скорости.
    Охлаждение не считал - справляется и родные интеловские кулеры, если есть претензии по тишине, посмотрите что получше, с тепловыми трубками и не сильно шустрым вентилятором.
    Ответ написан
    1 комментарий
  • Какой собрать ПК для фронтендщика?

    tema_sun
    @tema_sun
    Обязательно SSD и память от 16Гб. Остальное уже не так важно.
    Ответ написан
    Комментировать
  • Какой собрать ПК для фронтендщика?

    @ZZahar
    Если решил проблему - нажми "отметить решением"
    Процессор: AMD Ryzen 3 1200 3.1GHz/8MB , ОЗУ: Kingston DDR4-2400 16384MB PC4-19200 (Kit of 2x8) HyperX Fury Red, SSD: Kingston SSDNow A400 240GB 2.5" SATAIII TLC, HDD: Western Digital Blue 1TB, Мат.плата: MSI B350 PC Mate (sAM4, AMD B350, PCI-Ex16), блок питания: Corsair RM750i 750W (CP-9020082-EU.
    Мат плата позволяет апгрейднуть оперативку до 64. У Ryzen'а обратная совместимость.
    Вот тебе хороший ПК. Хотя я бы подумал о видеокарте.
    Ответ написан
    1 комментарий
  • Какой собрать ПК для фронтендщика?

    @kulaeff
    Front-end developer
    Имхо, я бы расставил приоритеты так (разумеется, с учетом того, что вы фронтендщик, как и я), в порядке убывания важности:
    • SSD - 128Гб минимум
    • монитор (а если бы позволял ваш бюджет, то лучше купить два или три монитора)
    • удобная клавиатура
    • память - 8Гб минимум
    • процессор - достаточно i3
    Ответ написан
    1 комментарий
  • Какую программу лучше использовать верстальщику для работы с psd?

    Zeplin всем хорош, но растровые изображения и SVG сохранять из PSD не может (из Скетча может). Так что, как вариант - все иконки и картинки сохранить из фотошопа напрямую, потом импортировать PSD в Zeplin и верстать. Zeplin расскажет о размерах, расстояниях, цветах, шрифтах, тенях и т.п.
    Ответ написан
    Комментировать
  • Расскажите о профессии верстальщик (в офисе)?

    dom1n1k
    @dom1n1k
    С версткой ситуация очень неоднозначная.

    С одной стороны, верстка обычно считается не самой престижной, не самой интеллектуальной и одной из самых низкооплачиваемых специализаций в веб-разработке.
    Но при этом действительно классных верстальщиков на рынке - единицы. Процентов наверное 90 - это кодеры херак-херак-в-продакшен, которые думают, что знание тегов html, бутстрапа, препроцессора и ещё пары подобных слов делает их верстальщиками. Когда я вижу их произведения, мне плакать хочется, потому что через весь монитор я вижу огроменный болт, который лежит поперек стараний дизайнера. Ну а чо? Примерно похоже ведь. (Среди дизайнеров тоже немало дилетантов-рукожопов, но это отдельный разговор).

    Что тут есть причина, а что следствие - сказать сложно. Наверное, взаимно.

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

    Можно ли вырваться из этого порочного круга? Думаю, что да, но это нелегко. Лучше всего искать серьезную продуктовую компанию. Скорее всего, в провинции это сделать будет нелегко.
    Ответ написан
    2 комментария
  • Расскажите о профессии верстальщик (в офисе)?

    daemonhk
    @daemonhk
    ПсиХоПат
    Идите во фронтенд, учите Angular.js и иже с ним, обычно такие спецы требуются сейчас. Хотя может и сможете найти мелкую контору, где нужен чистый верстальщик, но ситуацию в России не знаю.
    Ответ написан
    5 комментариев
  • Расскажите о профессии верстальщик (в офисе)?

    Dit81
    @Dit81
    Security researcher, pentester, internet-marketer
    Вначале работайте верстальщиком, потом уже поймете куда больше душа лежит!.. Пока не начнете работать и не поймете. Я сам начинал с верстальщика и "обслуживателя" cms )) Потом уже пошел изучать все дальше и дальше... Python, Ruby и далее. И стал предлагать в фирме именно комплексные работы и верстку макетов, и программирование...
    Ответ написан
    Комментировать
  • Расскажите о профессии верстальщик (в офисе)?

    DmitriyEntelis
    @DmitriyEntelis
    Думаю за деньги
    1. Сходите на собеседования и узнаете.

    2. Любой сферический рабочий день fulltime это 8 часов работы с перерывом на обед.
    Мест где работать приходится 40% времени исчезающе мало.

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

    4. Мой старый холиварный ответ Путь в быдлокодеры или как стать программистом с 0?
    Рост потенциально есть, но он в JS а не в верстке.

    5. Чистая верстка это тупиковый путь с точки зрения карьеры.
    Ответ написан
    2 комментария
  • Расскажите о профессии верстальщик (в офисе)?

    Условия работы диктует работодатель. Соответственно от компании к компании варьируется все: распорядок дня, процесс работы, загруженность, ЗП и т.д. Есть компании в которых верстальщики получают 10k. Есть где 80k. Но не уверен, что в Калининграде такие найдутся.
    Ответ написан
    2 комментария
  • Расскажите о профессии верстальщик (в офисе)?

    1. Верстальщики нужны только студиям
    2. Сильно зависит от студии
    3. В нормальной студии Вас просто загрузят работой по горло, если речь идет о верстке, развиваться только в личное время. Если речь идет о программировании (PHP или JS), то пока Вы работаете - Вы учитесь. Наилучший метод развития, конечно же, собственные проекты, в которых будете разбираться с новыми технологиями.
    4. За верстку больше всего заплатит Вам студия, думаю потолок для чистого верстальщика - 35000-40000 руб.
    5. Если Вы не дизайнер, то не стоит углубляться. Изучили базу HTML/CSS - идите дальше в JS/PHP

    Мир веб уже давно не строится только на визуальных составляющих. Хотите быть востребованным: научитесь читать англоязычную техническую документацию, изучайте библиотеки и фреймворки.
    Ответ написан
    1 комментарий