Какие инструменты используют веб разработчики? Мои 3 основных инструмента для работы.

Автор Ruslana Chernenko
Какие инструменты используют веб разработчики? Мои 3 основных инструмента для работы.

Приветствую дорогие друзья.

Меня зовут сокирко. Александр последнее время меня часто спрашивают. Какими программами я пользуюсь.

Я решил записать.

Данное видео показать вам набор инструментов web-разработчик пройдёмся по программам которыми я последнее время пользуюсь и рекомендуемые вами пользоваться. Поехали на самом деле для работы для веб-разработки не слишком много инструментов я к примеру использую три основных инструмента первый — это браузер я пользуюсь Google Chrome и встроенной Developer Toolbar редактор кода PHP шторм и 3 фото для того чтобы открывать дизайн делать дизайн и верстка дизайн. Давайте начнём. Мы наверное с печки шторма чем мне нравится печки, что во-первых мне нравится его дизайн всё очень интуитивно. Понятно легко пользоваться второе не очень удобно работать всего то есть не нужно открывать отдельно терминалы новые странные терминал допустим у меня какой-то проект сейчас открыт. Да не нужно гид допишу то есть прямо здесь мне не нужна. И вот я вижу какие файлы отредактированы какие-то. Митино и так далее. То есть — это большой плюс то, что мне нравится дали мне нравится когти построена поиск можно пользоваться быстрыми клавишами. А можно тебе покажу как его найти Fanta импорт. Да допустим у нас. Мы работаем. И нам нужно найти допустим где в каком файле CSS прописан данные класс. Да мы не знаем если — это не наш кот — это чужой кот не хотим открывать каждый файл. СССР хотим найти можно воспользоваться глобальным поиском можно регулярное выражение включить и так далее можно сразу включить какие файлы CSS я буду искать вообще все печки Fight и вот он нам показывает, что он нашёл Admin CSS кликает два раза. Всё я могу здесь редактировать данные кот второе, что мне нравится в данном редакторе дали если я работаю с какой-то функцией допустим да здесь функция. Мне нужно её отредактировать быстро я нажимаю команда клику по функции вижу её перед глазами всё, что мне нужно — это тоже большой плюс в принципе — это во многих редакторах есть просто я привык работать с печкой штормом такие подсказки. Если вы этим не пользуетесь чтобы рекомендация чтобы. Вы воспользовались дали мне очень нравится, что можно использовать Flash примеру я эсэмэску пишу ноласи. Допустим мы здесь до и как он компилирует я что-то изменил. Вот она автоматически закодировал изменить настройки можно очень просто в преферанс вот сейчас вот оно включено меня показывать ошибке отключил никогда, что мне не моргали окна в принципе ничего сложно. Единственное, что конечно для для веб-разработки. Вы обязательно должны установить node.js и они нужны. Вам их нужно установить то есть без лета не будет работать терминал, но она будет работать не вы не сможете использовать Get без модов. Навител с если он не будет у вас работать это, что касается редактора есть ещё один редактор которым я пользуюсь больше как не для проекта по открыть быстренько один файл что-то изменить сохранить текст вот он саблайм текст он абсолютно бесплатный он до безобразия простой в управлении. У меня сейчас обычный текст о лете план текста если я хочу посвятить кот я выбираю допустим PHP HTML где-то был он мне подсвечивает как html-код если я у меня здесь печь пекут я. Вставляю свечи и так вот удобно то есть подсвечивается разными цветами. Я не знаю насколько. То есть у меня есть знакомые которые используют в саблайм текст все как сделать саблайм тексте. Мне как-то проще в печке шторме как-то, но всё так структурирована по мне да я привык такой. Волжскую То есть как раньше старые редакторы в принципе, что ещё сказать порядок там порядок там в принципе всё давайте рассмотрим Developer Toolbar в. Гугл Хроме на самом деле работа web-разработчик, а я бы не сказал, что сложно на самом деле если правильно использовать инструменты которые для разработки заниматься данной области очень-очень просто. Ну например вы делаете какой-то сайт и вы не знаете как как сделать какую-то, что как отцентрировать блок слева или как вставить картинку и так далее вам открыть какой-то сайт сайт конкурента. Да у которого сделана такая штука в гости мы откроем такси пресная использовать Developer Toolbar вам просто нужно поглядеть. Исходный код и всё допустим вода. Мы хотим сделать вот такой 50% таким Shadow с тенью. Да так сказать как — это делается. Просмотреть код либо на клавиатуре. Альт и и выбираем данный элемент и мы видим его CSS код тест на данном случае интересует. Как как же автор сделала такое тень вот он её сделал такое строчкой минус 15 пикселей 7 пикселей и задал свет дали зверски если нам что-то не нравится то. Свет мы можем легкостью изменить вот такой цвет до чёрный и так далее. То есть его пертурбатор облегчает работу далее. Когда Вы заходите сюда процесса responsive верстки то есть адаптивной верстки. Под мобильные приложения и так далее есть два метода принципе быстрый метод такой шаровой метод. Северстали что-то и взяли окно тяните, а таким образом, а есть более профессиональные метод опять открываем тулбар. Нажимаешь сюда и здесь выбираем нужную нам модель Nexus 5X 100% и вот мы видим как наш сайт не будет генерироваться на данной модели мобильного телефона в принципе неплохо всё отлично далее на самом деле у нас такой быстрый обзор consolida для новичков можно stiony ограниченным если вы делать чтобы на джаваскрипт вы используете вот вкладку консоль доля можете использовать консоль для оптимизации времени загрузки сайта то есть смотрите какие элементы. Какие скрипты и какие картинки грузятся дольше всего — это тоже можно делать Developer Toolbar от Google Chrome в принципе самые такие тривиальные вещи я показал вам developers далее 3 основной инструмент — это Photoshop конечно дизайна мы все делаем Фотошопе.

0 комментариев
0

Читайте также