web workflow

Инструменты веб разработчика - продолжение

Transcript

1. WORKFLOW Практическое руководство к тому, как максимально эффективно использовать подручные "инструменты" в ежедневном кодинге Перед изучением – обязательно ознакомиться с: http://loftblog.ru/2013/12/06/frontend-workflow-effektivnee-bystree-proshhe/
2. Найди друзей программистов в skype Желательно, более опытных чем ты начнешь прогрессировать в 10 раз быстрее "у всех гениев были великие учителя" смело задавай им вопросы и обращайся за помощью НО ДЕЛАЙ ЭТО ПРАВИЛЬНО
3. JOXI Кидай в скайп ссылки на скриншоты, а не картинки! http://joxi.ru/
4. Сложные задачи можно решать вместе с более опытными друзьями ОНЛАЙН • http://jsfiddle.net/ • http://codepen.io/
5. Слепая печать • VerseQ - https://www.dropbox.com/sh/p9i69tuea4jr4gj/AADEeL-xfED8eC9-CxeRhN24a • Онлайн http://klavogonki.ru/
6. 2 монитора это хорошо • Win + стрелочки (работает от 7 версии) • Повышаем продуктивность работы на 30% • Livereload или Livestyle (не одно и то же) • Emmet aka Zen Coding Ссылки: • http://mizage.com/divvy/ • http://loftblog.ru/2013/04/07/urok-2-sublime-text-2-livereload-divvy/ • http://loftblog.ru/2013/09/14/livestyle-ot-emmet-revolyuciya-v-web-razrabotke/ • http://loftblog.ru/2013/02/07/znakomimsya-s-emmet-ex-zen-coding/
7. Мешает скайп? Поставь ограничения на уведомления Но не пропадай на долого! Чтобы не отрываться от коллектива
8. Dropbox + YandexDisk • Dropbox + 500 mb: https://db.tt/dLUpaMn0 - идеален для установки в него локального сервера (портативной версии), а также sublime text 2 (и др.). Хранит версии файлов. • Yandex + 1000 mb: https://disk.yandex.ru/invite/?hash=AN60SIUQ - идеален для всего остального, что всегда должно быть под рукой (книги, уроки, библиотеки, плагины, да всё, что хотите...) Обязательно приглашайте в них друзей, тогда вы оба получите бонусное место бесплатно!
9. Браузеры • CHROME • FIREFOX • IE начиная с 8 версии • OPERA
10. Плагины и фишки для хрома • ColorZilla • Clear Cache • Disable cache (while DevTools is open) • Web developer • PerfectPixel • Yslow • Page Ruler • Adblock • Switcher
11. Любой редактор кода Sublime text 2 – для быстрого кодинга PHPStorm – для больших и сложных проектов
12. PHOTOSHOP CC • Режем макеты • Png – для прозрачного фона • JPEG – для всего остального • Сохраняем для web • Не забываем про спрайты
13. Картинки не тяжелее 60 – 100К
14. Сборки локального сервера • Denwer • Open server • Xampp
15. FTP • Total commander • Или прямо из IDE
16. Куда выливаем ДЗ • На свой хостинг – по желанию • На наш хостинг – обязательно • FTP: • loftblog_loftblog • loftblog123 • box.loftblog.tmweb.ru • Создаём папочку вида • http://box.loftblog.tmweb.ru/kovalchuk_dn/dz1/ • В неё заливаем домашку
17. СПАСИБО! Прокачивайте свой workflow и будьте добрее!