Download - Selenium for Designers
![Page 1: Selenium for Designers](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557d311ad8b42a585f8b462a/html5/thumbnails/1.jpg)
SELENIUM FOR DESIGNERS
BetterSoftware.it
27/28 giugno 2011 – Firenze
![Page 2: Selenium for Designers](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557d311ad8b42a585f8b462a/html5/thumbnails/2.jpg)
ABOUT ME
#fabio_fabbrucci{
job: CTO;
company: Retina;
twitter: @Fabbrucci !important;
Mail: “[email protected]”,
}
Mi piace:
![Page 3: Selenium for Designers](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557d311ad8b42a585f8b462a/html5/thumbnails/3.jpg)
![Page 4: Selenium for Designers](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557d311ad8b42a585f8b462a/html5/thumbnails/4.jpg)
BEGIN
![Page 5: Selenium for Designers](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557d311ad8b42a585f8b462a/html5/thumbnails/5.jpg)
SCHOOL
![Page 6: Selenium for Designers](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557d311ad8b42a585f8b462a/html5/thumbnails/6.jpg)
UNIVERSITY
![Page 7: Selenium for Designers](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557d311ad8b42a585f8b462a/html5/thumbnails/7.jpg)
GEEK (AND A LITTLE BIT NERD)
![Page 8: Selenium for Designers](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557d311ad8b42a585f8b462a/html5/thumbnails/8.jpg)
TEAM
![Page 9: Selenium for Designers](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557d311ad8b42a585f8b462a/html5/thumbnails/9.jpg)
REAL TEAM
![Page 10: Selenium for Designers](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557d311ad8b42a585f8b462a/html5/thumbnails/10.jpg)
THE DESIGNER
![Page 11: Selenium for Designers](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557d311ad8b42a585f8b462a/html5/thumbnails/11.jpg)
METHOD
![Page 12: Selenium for Designers](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557d311ad8b42a585f8b462a/html5/thumbnails/12.jpg)
MY COMPANY BEGINNING
![Page 13: Selenium for Designers](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557d311ad8b42a585f8b462a/html5/thumbnails/13.jpg)
1 – PHP FRAMEWORK
![Page 14: Selenium for Designers](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557d311ad8b42a585f8b462a/html5/thumbnails/14.jpg)
2 – TEMPLATE ENGINE
![Page 15: Selenium for Designers](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557d311ad8b42a585f8b462a/html5/thumbnails/15.jpg)
PROBLEM 1 – WHO DESIGNS
FRONTEND?
![Page 16: Selenium for Designers](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557d311ad8b42a585f8b462a/html5/thumbnails/16.jpg)
PROBLEM 2 - JAVASCRIPT
![Page 17: Selenium for Designers](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557d311ad8b42a585f8b462a/html5/thumbnails/17.jpg)
PROBLEM 3 – CSS FRAMEWORK
![Page 18: Selenium for Designers](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557d311ad8b42a585f8b462a/html5/thumbnails/18.jpg)
SASS
Variables
Nesting
Mixins
Inheritance
http://sass-lang.com/
![Page 19: Selenium for Designers](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557d311ad8b42a585f8b462a/html5/thumbnails/19.jpg)
PROBLEM 4 - COMPLEXITY
![Page 20: Selenium for Designers](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557d311ad8b42a585f8b462a/html5/thumbnails/20.jpg)
PATH DEVELOPER
Problem solving and mathematics
Logic
Procedural programming
OOP
Testing
Standard
…
![Page 21: Selenium for Designers](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557d311ad8b42a585f8b462a/html5/thumbnails/21.jpg)
PATH DESIGNER
Drawing
Basic Tools
Theory
Adobe
UX
IA
…
![Page 22: Selenium for Designers](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557d311ad8b42a585f8b462a/html5/thumbnails/22.jpg)
PATH DISTANCE
![Page 23: Selenium for Designers](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557d311ad8b42a585f8b462a/html5/thumbnails/23.jpg)
SO WHO DEVELOP FRONTEND?
![Page 24: Selenium for Designers](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557d311ad8b42a585f8b462a/html5/thumbnails/24.jpg)
DEVIGNER
![Page 25: Selenium for Designers](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557d311ad8b42a585f8b462a/html5/thumbnails/25.jpg)
DESIGNER
![Page 26: Selenium for Designers](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557d311ad8b42a585f8b462a/html5/thumbnails/26.jpg)
WHAT CAN A DEVELOPER TEACH
TO A DESIGNER
![Page 27: Selenium for Designers](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557d311ad8b42a585f8b462a/html5/thumbnails/27.jpg)
PROGRAMMING BASICS
Variables
Functions
DRY
![Page 28: Selenium for Designers](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557d311ad8b42a585f8b462a/html5/thumbnails/28.jpg)
NEW TEAM
![Page 29: Selenium for Designers](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557d311ad8b42a585f8b462a/html5/thumbnails/29.jpg)
SELENIUM FOR DESIGNERS
Comunication
Deploy
Integrity
![Page 30: Selenium for Designers](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557d311ad8b42a585f8b462a/html5/thumbnails/30.jpg)
SELENIUM FOR COMMUNICATION
Path to design
Exceptions
Errors
Sample data entry
Login
Register
![Page 31: Selenium for Designers](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557d311ad8b42a585f8b462a/html5/thumbnails/31.jpg)
ISSUE TRACKING
![Page 32: Selenium for Designers](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557d311ad8b42a585f8b462a/html5/thumbnails/32.jpg)
![Page 33: Selenium for Designers](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557d311ad8b42a585f8b462a/html5/thumbnails/33.jpg)
SELENIUM FOR DEPLOY AND INTEGRITY
Requirements:
XAMPP machine
Phpunit (3.5.x)
Imagemagick
Selenium
Plugin IDE firefox
Remote control
https://github.com/fabiofabbrucci/SeleniumForDesign
ers
![Page 34: Selenium for Designers](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557d311ad8b42a585f8b462a/html5/thumbnails/34.jpg)
SELENIUM FOR DEPLOY
Checklist di deploy
Run script save images
Todo:
Interaction (form, sessions)
Pro
Easy to check
Less mistakes of attention
![Page 35: Selenium for Designers](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557d311ad8b42a585f8b462a/html5/thumbnails/35.jpg)
SELENIUM FOR INTEGRITY
CSS modify
“Non straripamento del css”
![Page 36: Selenium for Designers](https://reader034.vdocuments.mx/reader034/viewer/2022052506/557d311ad8b42a585f8b462a/html5/thumbnails/36.jpg)
THANK YOU
@Fabbrucci