Антон Натаров

Решил вопрос таким образом сорс кода. поиск по адресу.

<input type="text" id="find" name="plz" onchange="address_value(this);"/>

<script type="text/javascript">
    var myMap, myPlacemark;

        function address_value(city_name)
        {
            alert(city_name.value);

            $.ajax({
                url: 'http://geocode-maps.yandex.ru/1.x/?geocode='+ city_name.value +'&format=json&results=1',        
                dataType : "json",                   
                success: function (data) { 
                    var coords = data.response.GeoObjectCollection.featureMember[0].GeoObject.Point.pos;
                    var coordMap = coords.split(' ');
                    var longitude = coordMap[0];
                    var latitude = coordMap[1];

                    function init () {
                        if(myMap){
                            myMap.destroy();
                            myMap = null;
                        }
                        myMap = new ymaps.Map("map", {
                            center: [latitude, longitude],
                            zoom: 16
                    });

                        myPlacemark1 = new ymaps.Placemark([latitude, longitude], {
                            hintContent: 'Москва!',
                            balloonContent: 'Столица России'
                        });

                        myMap.geoObjects.add(myPlacemark1);
                    }
                    ymaps.ready(init);
                }
            });
        }
</script>

<div id="map" style="width: 100%; height: 400px"></div>

Коротко
Карта развития Web Разработчика

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

Живой пример: Есть толковый фронтендер(или бекендер по JS) пишет морду сайта на JS Фреймворке. Есть гуру бэкенда пишет API сайта. В случае с фулстаком(образно) он пишет обе задачи сам, но заведомо понятно, что он пишет это дольше и не факт что по последнему слову будет сделано.

Что нужно для развития дальше:
- Читайте блоги зарубежных программистов, они делают отличные архитектуры как в самом коде, так и решения в DB.
- Фреймворки PHP и JS - чем больше их будет тем лучше. Все они ускоряют разработку. Все чаты, соц авторизации, регистрации,и прочие первоочередные задачи давно уже написаны. Вы можете концентрироваться на более важных задачах.
- ООП тут очень спорный вопрос, на определенных этапах разработки оно решает, но когда этот уровень появляется, чаще всего прибегают к другому языку программирования и переписывают проект в угоду скорости (С++, Java, Python). Понимать нужно, поскольку фреймворки построены на этих парадигмах, но самостоятельно придумывать вам гибкие решения вряд ли придется(по крайней мере до Senior-а точно).
- Не изобретайте велосипеды. Разбирайтесь в чужом коде(Этот навык очень ценен после "решить/найти решение любую задачу"). Любой магазин чаще всего будет написан в лучшем случае на фреймворке, в худшем на OpenCart, Woedpress - что просто идиотизм, это блоговая система БЛОГОВАЯ. из за тренда выкручивают яйца.
- Учить английский и работать не на СНГ, Укр или места постсоветского пространства. Искать фирмы зарубежных филиалов и работать там. Поскольку так или иначе там уже работают профессионалы и знакомы с западным рынком, европейским. Там пишутся интересные проекты и появляются интересные решения.

Вам в любом случае понадобится сервер.
1) Если знаете чуть чуть Php то можно скачать OpenServer, xxamp, и просто нажать на кнопку запустить сделать базу и подсмотреть в интернете коннект на пыхе. и практиковаться. А вообще любой гайд про Ajax в первых уроках показывают как настроить сервер

2) Поставить Node. js - в целом на ноде можно писать JS скрипты любые и смотреть как они работают. Опять же посмотреть в интернете как его установить и запустить одной командой.

Решил обойтись без поля поиска. вывел DropDown Листом в гриде

[
                'attribute' => 'category_id',
                'value' => 'category.title',
                'filter' => \common\models\Category::getParentsList()
            ],

'customer/suppliers/<id:\d+>' => 'customer/suppliers/view',

Справа точный роут, слева как должно выглядить. можно хоть так

'заказчик-поставщики-<id:\d+>' => 'customer/suppliers/view',

Но пуникод - извращение )