Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.

Для правообладателей

Обратная связь

Email: Нажмите что бы посмотреть 

Яндекс.Метрика

Презентация на тему Инструменты веб-разработчика

Содержание

Содержание презентацииИнструментарий веб-разработчикаКакие инструменты есть в распоряжении?Выжимаем максимум!Как сделать процесс разработки еще эффективней!?
ИНСТРУМЕНТЫ ВЕБ-РАЗРАБОТЧИКА Содержание презентацииИнструментарий веб-разработчикаКакие инструменты есть в распоряжении?Выжимаем максимум!Как сделать процесс разработки еще эффективней!? Что такое инструмент?Инструмент – орудие для производства каких-нибудь работ. (Толковый словарь Ожегова)Инструмент ПроблематикаЧто строим?Величина проектаFrontendBackendЧем строим?PhpMySQLJavascriptHtml / CssGit / Svn Какие инструменты есть в распоряжении?Редактор (IDE)Программное средство для работы с базами данныхСистема Редактор (IDE)Подсветка кода (php, html, css, javascript)Автодополнение кодаПроверка синтаксисаНавигатор по кодуКонтекстная документация«Горячие» клавишиОтладка (debug) Например, NetBeans«Горячие» клавишиCtrl+U U/L – в верхний/нижний регистрCtrl+Shift+Up/Down – копирование строки на КонсольАвтодополнение команд (tab)Tail логов (tail file)mc Git в консолиПодсветкаgit config color.branch autogit config color.diff autogit config color.interactive autogit Клиентская отладка/профилированиеИнспекция кодаJS-отладкаJS-профилированиеJS-консоль console.log() – отличная замена alert-ам Серверная отладкаСтарый «дедовский» способecho, var_dump, print_rСредство для отладки (Xdebug)Точки останова (breakpoints)Код по шагамЗначения переменныхУдаленная отладка Как еще повысить эффективность разработки? Инструменты не решают задачи, они лишь помогают.Рисуйте MindMaps MindMap = карта ума. Помогает разложить задачу на составляющие так, как это удобно мозгу. Вопросы? Полезные ссылки/материалыhttp://netbeans.org/features/php/http://mozilla.orghttp://git-scm.comhttp://getfirebug.com http://xdebug.org https://github.com/jokkedk/webgrindhttp://www.xmind.net «Супер-мышление» Тони и Барри Бьюзен
Слайды презентации

Слайд 2 Содержание презентации
Инструментарий веб-разработчика
Какие инструменты есть в распоряжении?
Выжимаем максимум!
Как

Содержание презентацииИнструментарий веб-разработчикаКакие инструменты есть в распоряжении?Выжимаем максимум!Как сделать процесс разработки еще эффективней!?

сделать процесс разработки еще эффективней!?

Слайд 3 Что такое инструмент?
Инструмент – орудие для производства каких-нибудь

Что такое инструмент?Инструмент – орудие для производства каких-нибудь работ. (Толковый словарь

работ. (Толковый словарь Ожегова)

Инструмент – всякого рода ручное пособие

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

Слайд 4 Проблематика
Что строим?
Величина проекта
Frontend
Backend
Чем строим?
Php
MySQL
Javascript
Html / Css
Git / Svn



ПроблематикаЧто строим?Величина проектаFrontendBackendЧем строим?PhpMySQLJavascriptHtml / CssGit / Svn

Слайд 5 Какие инструменты есть в распоряжении?
Редактор (IDE)
Программное средство для

Какие инструменты есть в распоряжении?Редактор (IDE)Программное средство для работы с базами

работы с базами данных
Система контроля версий
Консоль
Браузеры
Отладчик/Профилировщик
Бумага с ручкой
Голова :)



Слайд 6 Редактор (IDE)
Подсветка кода (php, html, css, javascript)
Автодополнение кода
Проверка

Редактор (IDE)Подсветка кода (php, html, css, javascript)Автодополнение кодаПроверка синтаксисаНавигатор по кодуКонтекстная документация«Горячие» клавишиОтладка (debug)

синтаксиса
Навигатор по коду
Контекстная документация
«Горячие» клавиши
Отладка (debug)

Слайд 7 Например, NetBeans
«Горячие» клавиши
Ctrl+U U/L – в верхний/нижний регистр
Ctrl+Shift+Up/Down

Например, NetBeans«Горячие» клавишиCtrl+U U/L – в верхний/нижний регистрCtrl+Shift+Up/Down – копирование строки

– копирование строки на строку вверх/вниз
Alt+F7 – поиск использований
…
Поддержка

фреймворков
Интеграция работы с системами контроля версий (svn, git)
Средства рефакторинга
Интеграция с БД



Слайд 8 Консоль
Автодополнение команд (tab)
Tail логов (tail file)
mc


КонсольАвтодополнение команд (tab)Tail логов (tail file)mc

Слайд 9 Git в консоли
Подсветка
git config color.branch auto
git config color.diff

Git в консолиПодсветкаgit config color.branch autogit config color.diff autogit config color.interactive

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




Слайд 10 Клиентская отладка/профилирование
Инспекция кода
JS-отладка
JS-профилирование
JS-консоль
console.log() – отличная замена alert-ам

Клиентская отладка/профилированиеИнспекция кодаJS-отладкаJS-профилированиеJS-консоль console.log() – отличная замена alert-ам

Слайд 11 Серверная отладка
Старый «дедовский» способ
echo, var_dump, print_r

Средство для отладки

Серверная отладкаСтарый «дедовский» способecho, var_dump, print_rСредство для отладки (Xdebug)Точки останова (breakpoints)Код по шагамЗначения переменныхУдаленная отладка

(Xdebug)
Точки останова (breakpoints)
Код по шагам
Значения переменных
Удаленная отладка


Слайд 12 Как еще повысить эффективность разработки?
Инструменты не решают

Как еще повысить эффективность разработки? Инструменты не решают задачи, они лишь

задачи, они лишь помогают.
Рисуйте (Mind Map)
Планируйте свое время
Задавайте вопросы,

но прежде сделайте попытку самостоятельно разобраться
Ищите простой способ решения
Будьте в теме (читайте книги/статьи)
Получайте удовольствие от процесса, а затем - от результата

Слайд 13 MindMaps
MindMap = карта ума. Помогает разложить задачу на

MindMaps MindMap = карта ума. Помогает разложить задачу на составляющие так, как это удобно мозгу.

составляющие так, как это удобно мозгу.

Слайд 14 Вопросы
?

Вопросы?
  • Имя файла: instrumenty-veb-razrabotchika.pptx
  • Количество просмотров: 149
  • Количество скачиваний: 1
- Предыдущая Лимфомы. Классификация лимфом
Следующая - Дух предпринимательства преобразует экономику

Похожие презентации

Пищевая аллергия-причины и последствия Пищевая аллергия-причины и последствия 74
Физическое воспитание Физическое воспитание 76
Осенние фантазии проект (подготовительная группа) Осенние фантазии проект (подготовительная группа) 128
Презентация к Дню матери презентация к уроку Презентация к Дню матери презентация к уроку 84
Сетевые коммутаторы ethernet. (Лекция 2) Сетевые коммутаторы ethernet. (Лекция 2) 145
Мамочка! Милая мама моя! Мамочка! Милая мама моя! 79
Материалы семинара по теме Обучение дошкольников решению проектных задач с целью достижения планируемых результатов в соответствии с требованиями ФГОС ДО ГАОУ СПО НСО Черепановский педагогический техникумом презентация Материалы семинара по теме Обучение дошкольников решению проектных задач с целью достижения планируемых результатов в соответствии с требованиями ФГОС ДО ГАОУ СПО НСО Черепановский педагогический техникумом презентация 331
Эссе Эссе 91
Валютная система РФ Валютная система РФ 99
Проект Игры делаем мы сами, чтобы малыши играли! проект по конструированию, ручному труду (подготовительная группа) по теме Проект Игры делаем мы сами, чтобы малыши играли! проект по конструированию, ручному труду (подготовительная группа) по теме 94
Развитие мелкой моторики у детей раннего возраста через дидактические игры презентация Развитие мелкой моторики у детей раннего возраста через дидактические игры презентация 225
Водоснабжение и водоотведение с основами гидравлики Водоснабжение и водоотведение с основами гидравлики 107
Презентация внеклассного мероприятия Всемирный день охраны труда Презентация внеклассного мероприятия Всемирный день охраны труда 179
Джамбаттисто ВикоОснования новой науки об общей природе наций Джамбаттисто ВикоОснования новой науки об общей природе наций 92
Мастер-класс для педагогов ДОУ методическая разработка Мастер-класс для педагогов ДОУ методическая разработка 78
Психолого-педагогические основы профессиональной деятельности младшего воспитателя в рамах ФГОС ДО методическая разработка Психолого-педагогические основы профессиональной деятельности младшего воспитателя в рамах ФГОС ДО методическая разработка 92
Курсовая работа Курсовая работа 85
Разговор о Международном Дне Матери Разговор о Международном Дне Матери 66
Масленица пришла - детям радость принесла! презентация к уроку (средняя группа) по теме Масленица пришла - детям радость принесла! презентация к уроку (средняя группа) по теме 86
Робота з числом дев'ять Робота з числом дев'ять 72
Газета музыкального руководителя Музыка и дети №5. занимательные факты (младшая, средняя, старшая, подготовительная группа) Газета музыкального руководителя Музыка и дети №5. занимательные факты (младшая, средняя, старшая, подготовительная группа) 148
ПК 4.4. Педагогические разработки проект по теме ПК 4.4. Педагогические разработки проект по теме 65
Введение в предмет рекреационно – оздоровительные системы Введение в предмет рекреационно – оздоровительные системы 122
Подъемно-транспортное оборудование Подъемно-транспортное оборудование 100
Презентация Самый лучший папа 2016 презентация Презентация Самый лучший папа 2016 презентация 28
Предметно- развивающая среда в детском саду. презентация Предметно- развивающая среда в детском саду. презентация 103
Легочное кровотечение Легочное кровотечение 91
prezentatsiya derevya-nashi druzya prezentatsiya derevya-nashi druzya 92
Презентация ко дню матери презентация Презентация ко дню матери презентация 92
Презентация учителя математики :самопрезентация Презентация учителя математики :самопрезентация 96