Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

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

752 vues

Publié le

  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

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

  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

×