Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

инструменты веб разработчика

747 views

Published on

  • Be the first to comment

  • Be the first to like this

инструменты веб разработчика

  1. 1. Инструменты веб-разработчикаФедько ИльяРазработчикilya.fedko@softline.ru
  2. 2. Содержание презентации Инструментарий веб-разработчика Какие инструменты есть в распоряжении? Выжимаем максимум! Как сделать процесс разработки еще эффективней!?
  3. 3. Что такое инструмент? Инструмент – орудие для производства каких- нибудь работ. (Толковый словарь Ожегова) Инструмент – всякого рода ручное пособие или устройство, для какой-либо работы, дела, начиная от рычага, ножа и топора, до компаса и секстана; делаясь сложным в составе и громоздким, снаряд переходить в машину. (Толковый словарь Даля)
  4. 4. Проблематика Что строим?  Величина проекта  Frontend  Backend Чем строим?  Php  MySQL  Javascript  Html / Css  Git / Svn
  5. 5. Какие инструменты есть в распоряжении? Редактор (IDE) Программное средство для работы с базами данных Система контроля версий Консоль Браузеры Отладчик/Профилировщик Бумага с ручкой Голова :)
  6. 6. Редактор (IDE) Подсветка кода (php, html, css, javascript) Автодополнение кода Проверка синтаксиса Навигатор по коду Контекстная документация Работа с удаленными файлами (FTP, SFTP) «Горячие» клавиши Отладка (debug)
  7. 7. Например, NetBeans «Горячие» клавиши  Ctrl+U U/L – в верхний/нижний регистр  Ctrl+Shift+Up/Down – копирование строки на строку вверх/вниз  Alt+F7 – поиск использований  … Поддержка фреймворков Интеграция работы с системами контроля версий (svn, git) Средства рефакторинга Интеграция с БД
  8. 8. База данных Администрирование БД Редактор запросов Просмотр содержимого БД
  9. 9. Консоль Автодополнение команд (tab) Tail логов (tail file) mc
  10. 10. Git в консоли Подсветка  git config color.branch auto  git config color.diff auto  git config color.interactive auto  git config color.status auto Автозаполнение Алиасы  git config --global alias.co checkout  git config --global alias.br branch  git config --global alias.ci commit  git config --global alias.st status
  11. 11. Клиентская отладка/профилирование Инспекция кода JS-отладка JS-профилирование JS-консоль  console.log() – отличная замена alert-ам
  12. 12. Серверная отладкаСтарый «дедовский» способ echo, var_dump, print_rСредство для отладки (Xdebug) Точки останова (breakpoints) Код по шагам Значения переменных Удаленная отладка
  13. 13. Серверное профилированиеXdebug + Webgrind
  14. 14. Как еще повысить эффективность разработки? Инструменты не решают задачи, они лишь помогают. Рисуйте (Mind Map) Планируйте свое время Задавайте вопросы, но прежде сделайте попытку самостоятельно разобраться Ищите простой способ решения Будьте в теме (читайте книги/статьи) Получайте удовольствие от процесса, а затем - от результата
  15. 15. MindMaps MindMap = карта ума. Помогает разложить задачу на составляющие так, как это удобно мозгу.
  16. 16. Резюме Узнавайте о новинках Следите за обновлениями Пробуйте-экспериментируйте Используйте возможности инструментов по максимуму и получайте удовольствие
  17. 17. Вопросы ?
  18. 18. Полезные ссылки/материалы http://netbeans.org/features/php/ http://mozilla.org http://git-scm.com http://getfirebug.com http://xdebug.org https://github.com/jokkedk/webgrind http://www.xmind.net «Супер-мышление» Тони и Барри Бьюзен
  19. 19. Контакты ilya.fedko@softline.ru

×