Ответы пользователя по тегу Веб-разработка
  • Как вставить этот код js в гугл карту?

    А если бы вы нажали на кнопку: Need a bit more help? Download a simple example, там бы появился JS код с примером, который вам и нужен.
    // When the window has finished loading create our google map below
                google.maps.event.addDomListener(window, 'load', init);
            
                function init() {
                    // Basic options for a simple Google Map
                    // For more options see: https://developers.google.com/maps/documentation/javascript/reference#MapOptions
                    var mapOptions = {
                        // How zoomed in you want the map to start at (always required)
                        zoom: 11,
    
                        // The latitude and longitude to center the map (always required)
                        center: new google.maps.LatLng(40.6700, -73.9400), // New York
    
                        // How you would like to style the map. 
                        // This is where you would paste any style found on Snazzy Maps.
                        styles: [{"elementType":"labels","stylers":[{"visibility":"off"},{"color":"#f49f53"}]},{"featureType":"landscape","stylers":[{"color":"#f9ddc5"},{"lightness":-7}]},{"featureType":"road","stylers":[{"color":"#813033"},{"lightness":43}]},{"featureType":"poi.business","stylers":[{"color":"#645c20"},{"lightness":38}]},{"featureType":"water","stylers":[{"color":"#1994bf"},{"saturation":-69},{"gamma":0.99},{"lightness":43}]},{"featureType":"road.local","elementType":"geometry.fill","stylers":[{"color":"#f19f53"},{"weight":1.3},{"visibility":"on"},{"lightness":16}]},{"featureType":"poi.business"},{"featureType":"poi.park","stylers":[{"color":"#645c20"},{"lightness":39}]},{"featureType":"poi.school","stylers":[{"color":"#a95521"},{"lightness":35}]},{},{"featureType":"poi.medical","elementType":"geometry.fill","stylers":[{"color":"#813033"},{"lightness":38},{"visibility":"off"}]},{},{},{},{},{},{},{},{},{},{},{},{"elementType":"labels"},{"featureType":"poi.sports_complex","stylers":[{"color":"#9e5916"},{"lightness":32}]},{},{"featureType":"poi.government","stylers":[{"color":"#9e5916"},{"lightness":46}]},{"featureType":"transit.station","stylers":[{"visibility":"off"}]},{"featureType":"transit.line","stylers":[{"color":"#813033"},{"lightness":22}]},{"featureType":"transit","stylers":[{"lightness":38}]},{"featureType":"road.local","elementType":"geometry.stroke","stylers":[{"color":"#f19f53"},{"lightness":-10}]},{},{},{}]
                    };
    
                    // Get the HTML DOM element that will contain your map 
                    // We are using a div with id="map" seen below in the <body>
                    var mapElement = document.getElementById('map');
    
                    // Create the Google Map using our element and options defined above
                    var map = new google.maps.Map(mapElement, mapOptions);
    
                    // Let's also add a marker while we're at it
                    var marker = new google.maps.Marker({
                        position: new google.maps.LatLng(40.6700, -73.9400),
                        map: map,
                        title: 'Snazzy!'
                    });
                }


    Весь ваш код вставляется в качестве параметра styles:
    Ответ написан
  • Какие области в веб - разработке осваивать в перспективе?

    У вас каша в голове, связанная с отсутствием опыта решения задач.

    1. Ваш первый пункт вытекает из второго. Если вы умеете п. 2, то и п. 1 вы сможете научиться (быстро). Уметь только в CMS это примерно как уметь забивать гвозди только одного вида (а ведь могут потребоваться и другие гвозди).
    2. Вам нужно понимать, что есть задача, а есть инструмент. Все что вы перечисляете - это инструменты для решения задач. Какие инструменты изучать? Инструменты, которые подходят под задачи, которые вы решаете. Какие задачи вы решаете или хотите решать? Это основной вопрос.
    3. Не стоит обращать внимания на длительность уроков. Никто не начинает работать только после того, как просидит N часов за теорией и N часов за практикой. Осваиваете базу, начинаете что-то делать на реальных задачах и постепенно учитесь (не в ущерб времени и деньгам клиента конечно же).
    4. Этот пункт - продолжение третьего. Вы смотрели что такое jQuery? Вы пытались им пользоваться? Зная js, приучить себя к jquery можно за 3-4 проекта. Надо просто брать и делать, а не думать: "там по jquery уроков на 300 часов, видимо это слишком сложно для меня". Вам нужно брать и начинать.
    5. Задачи всегда бывают разные, следовательно и подбор инструментов тоже, следовательно нужно знать и jQuery и Vue.js, а не что-то одно. Не всегда же вы пилить SPA будете? Кому-то потребуется сделать простой калькулятор, чтобы человек мог его поправить потом. Будете использовать Vue, который клиент может не знать? Или все же jQuery или нативный js? Ответ очевиден.

    Опишу свою ситуацию:
    1. Начинал с HTML + CSS
    2. Начал учить JS и параллельно Jquery (никогда так не делайте, сначала js, потом jq).
    3. При набранном опыте я смог нормально освоить Vue за 1 проект (объемный).
    4. Так как иногда роюсь в PHP, освоиться в Laravel на уровне: есть проблема - знаю где посмотреть и как ее решить в случае чего, смог за 1 проект длиною в месяц.

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

    Поэтому вам нужно:
    1. Определиться с выбором области работы, судя по вашему вопросу у вас выбор между фронтом (javascript + frameworks) и беком (python, php + frameworks)
    2. Далее загуглить road map по фронту или бекенду (в зависимости от вашего выбора)
    3. Поступательно двигаться и не бояться.
    4. У вас еще хватит времени прожить счастливую и долгую жизнь.

    P.S вся эта арифметика со скоростью изучения фреймворком исключительно мой опыт, у кого-то быстрее, у кого-то медленнее. Дабы внести разъяснения, добавлю: я вполне себя спокойно ощущаю в том или ином фреймворке, однако не являюсь очень серьезным разработчиком.

    P.S.S Отвечая на главный вопрос: "Какие области в веб — разработке осваивать в перспективе?" - в перспективе нужно становиться разработчиком, у которого есть достаточно опыта в смежных областях, есть знания, помогающие решать те или иные задачи (чем сложнее задачи, тем больше ваша зп, тем вы ценнее), и постоянное развитие, так как наука продвигается, задачи и их сложность меняется, инструменты добавляются и так далее. И не забывайте, программирование это не только делать сайты или приложения, если области задач, не связанные с веб разработкой, но которые тоже интересны.
    Ответ написан
  • Как вы учитесь и ищете чужие исходники?

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

    Так из обычной html-верстки я начал влезать в js и php одновременно, но предпочтение все же отдал js, хотя и ковыряние в вордпрессе дали некоторое понимание как работает php и как стоит писать/как не стоит.

    Далее я уже не боялся брать чуть более сложные задачи (для меня тогда), просто рылся в скриптах, которые использовал (чтобы понимать почему ЭТО работает). На том же вордпрессе стал делать более грамотные темы, писать возможности кастомизации и прочее, шаг за шагом в этом разбираетесь и все.

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

    Спустя какое-то время наслышавшись всяких ES5, React, Angular, Vue, стал просто читать что это, как это, ничерта не понял, закрыл.

    Через какое-то время уровень проектов пошел такой, что я понял смысл использования того же VUE, открыл всю ту же зеленую книгу с носорогом стал вдоль и поперек ее изучать. Спустя время, документация по vue меня нисколько не пугала, я сел и стал переписывать проект, который до этого писал на javascript + jquery.

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

    В целом схема обучения проста: вы берете какую-то задачу, которую сходу не можете сделать, начинаете ее решать, пока решаете, возникает куча вопросов, вы ищете информацию, МНОГО ИНФОРМАЦИИ, так и учитесь. Я соглашусь, что пилить всякие todo листы наверное не интересно, попробуйте написать что-то интересное для себя, либо интересное с точки зрения: ВАУ Я МОГУ СДЕЛАТЬ ЭТУ ВЕЩЬ.

    Самое главное - не пытайтесь гнаться за всем подряд, не надо сидеть разбираться с гитхабом, если на вашем уровне профессионализма он вообще никак не задействован. Не надо учить React, Vue, Angular, если на вашем этапе профессионализма они вам не требуются. Не надо вникать в ООП, если для вас написание простых функций уже является сложностью. Делайте постепенно и не гонитесь ни за чем.
    Ответ написан
  • 8гб озу, i3, 256 ssd, full hd - нормально для веб разработки?

    1. В прошлом вопросе вам уже давно ответили на все. Зачем задавать новый?
    2. Вы сомневаетесь в том, хватит ли вам 8 гб для того чтобы держать открытым какой-нибудь Atom или sublimetext? Серьезно? Этого будет более чем.
    3. Вместо вопросов берите себе уже ноутбук и начинайте учить, все равно несколько месяцев вы не будете вылазить из обычного текстового редактора.
    Ответ написан
  • Где научится работать с API сайтов?

    Скорее вам нужно научиться работать с МАССИВАМИ данных, обрабатывать их так как надо.

    Апи вам отдает какие-то данные, код ответа. Следовательно вам нужно понимать какой код что значит и суметь обработать полученные данные на том ЯП, которым вы пользуетесь.

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

    Сделайте disabled input, для него пропишите стили так, чтобы поле ввода было обычным блоком (без обводки и тд), на input вешаете обработчик дабл клика, при срабатывании убираете атрибут disabled у input. Теперь его можно редактировать.

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

    1. Если курс рассчитан на нулевой уровень, то вам и не будут давать фреймворки.
    2. На фреймворках никто не помешан, на нем просто быстрее можно решать задачи, а скорость для бизнеса - все.
    3. Требования к кандидату зависят от компании, в которую вы хотите пробиться. В шарашкиных конторах от вас нужно будет не только в фулстек, но и уметь варить кофе, печь блины и жонглировать шарами перед начальником. В нормальных компаниях есть четкая градация, однако, разбираться в том, чем занимаются ваши коллеги по цеху - полезно, без этого не стать хорошим специалистом.
    4. Планировать идти на курсы не нужно, нужно идти прямо сейчас, и сразу принять тот факт, что за 2 недели вы не станете "мастером фронтенда" и не сможете получать 100k+ в месяц.
    Ответ написан
  • Как изменить стили дочернего элемента, если он перенял родительские?

    А зачем вы добавляете opacity:0.7 если вы уже фон сделали прозрачным background: rgba(0,0,0,0.5). Ну сделайте себе фон background: rgba(0,0,0,0.2)?
    UPD: вообще вы делаете какие-то лютые костыли. удалите вообще этот ваше .bg-shadow, и напишите:
    .s_about {
    position:relative;
    }
    .s_about:after {
    width:100%;
    height:100%;
    content:'';
    top:0px;
    left:0px;
    background-color: rgba(0,0,0,0.5);
    position:absolute
    }
    .s_about > * { position:relative;z-index:2;}
    Ответ написан
  • Есть ли плагин поочередного показа сообщений/уведомлений (cookie)?

    Ваше решение пишется довольно быстро, все что вам нужно:
    1. создаете массив сообщений.
    2. через setInterval (хотя скорее setTimeout, потоум что вам не нужно показывать больше одного сообщения), вы выводите сообщение по его порядковому номеру в массиве.
    3. если человек закрыл сообщение, в куки записываете ему номер закрытого сообщения из массива (например, 2).
    4. в начале фукнции вы как раз проверяете наличие кукисов. если есть выводим n+ 1 сообщение, если нет, то 1 сообщение.

    Вот в общем-то весь ваш алгоритм.
    Ответ написан
  • Как грамотно реализовать интерактивную карту?

    Для того, чтобы вы могли выбирать какие-то блоки на вашей карте торгового центра, нужно:

    1. Карта в svg формате, причем при ее рисовании, каждый отдельный выделяемый блок должен быть отдельным слоем, для того чтобы в коде он помечался каким-то ID и был обособленным элементом.
    2. Когда вы вставите вашу SVG карту (а ее обязательно надо вставлять голым кодом, а не картинкой), у вас появится возможность обращаться к вашим элементам в svg как к обычному DOM, на эти блоки вы можете повесить обработчики, задавать им выделение, делать вообще все что угодно. Самое главное чтобы в самом SVG были все эти блоки со своими ID, какими-то данными, чтобы с помощью JS можно было спокойно к ним крепиться и обрабатывать.
    Ответ написан
  • Как сделать просмотр отправленных форм на wordpress?

    При отправке формы создаете просто запись с custom_type, делаете привязку записи в пользователю, который может их просматривать (меню "Мои заявки"), статусы в виде доп. полей делаются. Ничего сложного нет, если знаете вп чуть глубже "натянуть шаблон".
    Ответ написан
  • Есть смысл делать сайт каталог на vue?

    1. Кривят мины при слове jquery только старые деды, потому что библиотека полезна и экономит много времени (особенно у новичков). Даже если эта библиотека будет объективно считаться полным дерьмом, какая вам разница если она решает ваши задачи?

    2. Раньше говорили, vue используют там, где jquery уже не хватает. Я не понимал что это значит, столкнувшись с некоторыми задачами я понял смысл этой фразы. В действительности, если вам нужно повесить пару обработчиков на кнопки, формы и тд, vue вам не нужен. Если вам, как и мне, нужно подгружать постоянно обновляемые данные, всю эту информацию выводить в разных блоках, на каждый из который вешаются свои обработчики, когда появляются какие-то динамичные элементы в приложении и вы видите что в своем js-коде вы уже ничерта не можете разобраться, потому что вы пытались каждый модуль писать в отдельном файле и совмещать их вы уже не можете, вы открываете для себя vue-компоненты, за которыми легко следить и связывать между собой.

    Сайт, что вы кинули - обычный лендос, прям обычный на все 167%. Для чего вам париться лепить компоненты в vue, если вам нужно написать 10 строк js кода? Конечно нет смысл использовать.

    В качестве примера, для чего vue подошел бы, могу сказать то, что приходилось делать мне: есть проект с криптовалютой, который выводит кучу графиков по валюте, по каждому графику можно выбирать временной интервал и получать какие-то результирующие данные по этим интервалам. Для каждого блока начинка и обработчики разные (vue-компоненты), все это хранится в одном файле, отвечающий за каждый компонент. Помимо этих блоков есть некоторый объем периодично подгружаемой информации, которая тоже имеет вид графиков, круговых диаграмм итд. Все это прекрасно работало и на голом js, но когда проект стал разрастаться - в коде было уже сложно разбираться и я пытался сам писать какой-то аналог компонентов vue, понял что горожу велосипеды, перелез на vue и все.
    Ответ написан
  • С чего начать реализовывать подобный конфигуратор?

    Slider: https://jqueryui.com/slider/
    3 кнопки под ползунком - обычные радиокнопки.

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

    Вас слишком сильно укатило в продажи. Это из той же оперы как меня просили сделать возможность у каждого зашедшего тащить номер телефона, и его авторизованный вк, и если он не оставил заявку - писать ему в вк.

    Подобную информацию от пользователя вы не сможете получить, только если он не передаст ее вам.
    Ответ написан
  • Какие проблемы решает качественный дизайн сайта?

    Любой сайт заказывается для решения нескольких задач (2-3).

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

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

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

    Грубо говоря я вам выделил 3, часто встречающихся категории задач, конечно их куда больше, они куда объемнее , и их вариаций может быть множество. Но, если для каждой категории сможете написать 5 вариантов, которые вы можете предложить и которые будут выгодны заказчику - ваша работа на этом закончена.
    Ответ написан
  • Заказчик сует доработки очень маленькими порциями, как брать оплату?

    Миллион ответов, скажу как это решаю я. Все задачи мне проставляют в Trello, причем это МОЯ настоятельная рекомендация, иначе я не выполняю (берете одну из 3х сотен причин). После подготовленного списка в Trello, я просто называю всю сумму за правки (там же в каждой карточке по отдельности можно ценник писать. а потом суммировать).

    Если же человек говорит: "у меня всего одна правка вроде как", делаю эту правку, после чего все в трелло, иначе не делается.

    легкий способ, который работает.
    Ответ написан
  • Студия дизайна и ВЕБ разработки - как правильно организовать?

    Во-первых, попахивает рекламой.

    Во-вторых, вы понимаете вообще для чего вы делаете студию?

    Расскажу свой пример и наблюдения.

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

    То есть вы пытаетесь идти задом наперед. В моем случае: у нас есть клиенты, которым нужно показывать работы, нужно, в конце концов, показывать какой-то уровень.

    Ваша ситуация: у меня нет клиентов, я делаю сайт, который не будет использоваться вообще, потому что клиентуры нет. Это основной момент, на который вам нужно обратить внимание.

    То что вы пытаетесь организовать - организовывается просто. Вам нужно искать клиентов и организовать работу между двумя-тремя людьми на удаленке. Очень много "студий" именно так и работают.
    Ответ написан