Good front end - bad front-end (Vladimir Gutorov)
Transcript of Good front end - bad front-end (Vladimir Gutorov)
![Page 1: Good front end - bad front-end (Vladimir Gutorov)](https://reader033.fdocuments.net/reader033/viewer/2022051007/587e5f481a28ab2a538b5a13/html5/thumbnails/1.jpg)
GOOD FRONT END - BAD FRONT END.<p>или что отличает хорошего и плохого front end разработчика</p>
![Page 2: Good front end - bad front-end (Vladimir Gutorov)](https://reader033.fdocuments.net/reader033/viewer/2022051007/587e5f481a28ab2a538b5a13/html5/thumbnails/2.jpg)
INTRODUCTION...- кто я?- front-end vs VERSTALSHIK- немного по теме
![Page 3: Good front end - bad front-end (Vladimir Gutorov)](https://reader033.fdocuments.net/reader033/viewer/2022051007/587e5f481a28ab2a538b5a13/html5/thumbnails/3.jpg)
ДЛЯ ТЕХ - КТО НЕ ВКУРСЕ =)t1191970 - ARPAnet1971 - @1972 - FIRST MAIL CLIENT1983 TCP/IP1990 http://info.cern.ch/
![Page 4: Good front end - bad front-end (Vladimir Gutorov)](https://reader033.fdocuments.net/reader033/viewer/2022051007/587e5f481a28ab2a538b5a13/html5/thumbnails/4.jpg)
![Page 5: Good front end - bad front-end (Vladimir Gutorov)](https://reader033.fdocuments.net/reader033/viewer/2022051007/587e5f481a28ab2a538b5a13/html5/thumbnails/5.jpg)
![Page 6: Good front end - bad front-end (Vladimir Gutorov)](https://reader033.fdocuments.net/reader033/viewer/2022051007/587e5f481a28ab2a538b5a13/html5/thumbnails/6.jpg)
1994 CSS
![Page 7: Good front end - bad front-end (Vladimir Gutorov)](https://reader033.fdocuments.net/reader033/viewer/2022051007/587e5f481a28ab2a538b5a13/html5/thumbnails/7.jpg)
1996
![Page 8: Good front end - bad front-end (Vladimir Gutorov)](https://reader033.fdocuments.net/reader033/viewer/2022051007/587e5f481a28ab2a538b5a13/html5/thumbnails/8.jpg)
![Page 9: Good front end - bad front-end (Vladimir Gutorov)](https://reader033.fdocuments.net/reader033/viewer/2022051007/587e5f481a28ab2a538b5a13/html5/thumbnails/9.jpg)
FRONT END
![Page 10: Good front end - bad front-end (Vladimir Gutorov)](https://reader033.fdocuments.net/reader033/viewer/2022051007/587e5f481a28ab2a538b5a13/html5/thumbnails/10.jpg)
ВОПРОСЫ:- Про скилы...
- Как стать лучше
- Роль FrontEnd в процесе разработки икак подружится с backend dev… ?
- В чем сила?
![Page 11: Good front end - bad front-end (Vladimir Gutorov)](https://reader033.fdocuments.net/reader033/viewer/2022051007/587e5f481a28ab2a538b5a13/html5/thumbnails/11.jpg)
ПРО СКИЛЫ...
![Page 12: Good front end - bad front-end (Vladimir Gutorov)](https://reader033.fdocuments.net/reader033/viewer/2022051007/587e5f481a28ab2a538b5a13/html5/thumbnails/12.jpg)
HTML
GIT
jQuery
JS
LESS/SAAS
CSS
AJAX
GRUNT
WebGL
NODE JS
ANGULAR
TWITTER BOOTSTRAP
PHOTOSHOP
PIXEL PERFECT
![Page 13: Good front end - bad front-end (Vladimir Gutorov)](https://reader033.fdocuments.net/reader033/viewer/2022051007/587e5f481a28ab2a538b5a13/html5/thumbnails/13.jpg)
МОТИВАЦИЯ
![Page 14: Good front end - bad front-end (Vladimir Gutorov)](https://reader033.fdocuments.net/reader033/viewer/2022051007/587e5f481a28ab2a538b5a13/html5/thumbnails/14.jpg)
ГИБКОСТЬ
![Page 15: Good front end - bad front-end (Vladimir Gutorov)](https://reader033.fdocuments.net/reader033/viewer/2022051007/587e5f481a28ab2a538b5a13/html5/thumbnails/15.jpg)
ВЫ и ВАШИ ЦЕЛИ
![Page 16: Good front end - bad front-end (Vladimir Gutorov)](https://reader033.fdocuments.net/reader033/viewer/2022051007/587e5f481a28ab2a538b5a13/html5/thumbnails/16.jpg)
Как стать лучше...
![Page 17: Good front end - bad front-end (Vladimir Gutorov)](https://reader033.fdocuments.net/reader033/viewer/2022051007/587e5f481a28ab2a538b5a13/html5/thumbnails/17.jpg)
???
![Page 18: Good front end - bad front-end (Vladimir Gutorov)](https://reader033.fdocuments.net/reader033/viewer/2022051007/587e5f481a28ab2a538b5a13/html5/thumbnails/18.jpg)
![Page 19: Good front end - bad front-end (Vladimir Gutorov)](https://reader033.fdocuments.net/reader033/viewer/2022051007/587e5f481a28ab2a538b5a13/html5/thumbnails/19.jpg)
? ??
![Page 20: Good front end - bad front-end (Vladimir Gutorov)](https://reader033.fdocuments.net/reader033/viewer/2022051007/587e5f481a28ab2a538b5a13/html5/thumbnails/20.jpg)
![Page 21: Good front end - bad front-end (Vladimir Gutorov)](https://reader033.fdocuments.net/reader033/viewer/2022051007/587e5f481a28ab2a538b5a13/html5/thumbnails/21.jpg)
![Page 22: Good front end - bad front-end (Vladimir Gutorov)](https://reader033.fdocuments.net/reader033/viewer/2022051007/587e5f481a28ab2a538b5a13/html5/thumbnails/22.jpg)
Роль FrontEnd в процесе разработки
![Page 23: Good front end - bad front-end (Vladimir Gutorov)](https://reader033.fdocuments.net/reader033/viewer/2022051007/587e5f481a28ab2a538b5a13/html5/thumbnails/23.jpg)
![Page 24: Good front end - bad front-end (Vladimir Gutorov)](https://reader033.fdocuments.net/reader033/viewer/2022051007/587e5f481a28ab2a538b5a13/html5/thumbnails/24.jpg)
проект
дизайн
front end
back end
![Page 25: Good front end - bad front-end (Vladimir Gutorov)](https://reader033.fdocuments.net/reader033/viewer/2022051007/587e5f481a28ab2a538b5a13/html5/thumbnails/25.jpg)
дизайнер Front Endразработчик
Back Endразработчик
![Page 26: Good front end - bad front-end (Vladimir Gutorov)](https://reader033.fdocuments.net/reader033/viewer/2022051007/587e5f481a28ab2a538b5a13/html5/thumbnails/26.jpg)
FRONTENDprocess + + + = HAPPY
BACKEND
![Page 27: Good front end - bad front-end (Vladimir Gutorov)](https://reader033.fdocuments.net/reader033/viewer/2022051007/587e5f481a28ab2a538b5a13/html5/thumbnails/27.jpg)
https://c9.io/
![Page 28: Good front end - bad front-end (Vladimir Gutorov)](https://reader033.fdocuments.net/reader033/viewer/2022051007/587e5f481a28ab2a538b5a13/html5/thumbnails/28.jpg)
![Page 29: Good front end - bad front-end (Vladimir Gutorov)](https://reader033.fdocuments.net/reader033/viewer/2022051007/587e5f481a28ab2a538b5a13/html5/thumbnails/29.jpg)
![Page 30: Good front end - bad front-end (Vladimir Gutorov)](https://reader033.fdocuments.net/reader033/viewer/2022051007/587e5f481a28ab2a538b5a13/html5/thumbnails/30.jpg)
![Page 31: Good front end - bad front-end (Vladimir Gutorov)](https://reader033.fdocuments.net/reader033/viewer/2022051007/587e5f481a28ab2a538b5a13/html5/thumbnails/31.jpg)
![Page 32: Good front end - bad front-end (Vladimir Gutorov)](https://reader033.fdocuments.net/reader033/viewer/2022051007/587e5f481a28ab2a538b5a13/html5/thumbnails/32.jpg)
>_<
![Page 33: Good front end - bad front-end (Vladimir Gutorov)](https://reader033.fdocuments.net/reader033/viewer/2022051007/587e5f481a28ab2a538b5a13/html5/thumbnails/33.jpg)
а теперь время магии....
![Page 34: Good front end - bad front-end (Vladimir Gutorov)](https://reader033.fdocuments.net/reader033/viewer/2022051007/587e5f481a28ab2a538b5a13/html5/thumbnails/34.jpg)
![Page 35: Good front end - bad front-end (Vladimir Gutorov)](https://reader033.fdocuments.net/reader033/viewer/2022051007/587e5f481a28ab2a538b5a13/html5/thumbnails/35.jpg)
https://github.com/LumoSpark/cloud9-wp/tree/frontend
![Page 36: Good front end - bad front-end (Vladimir Gutorov)](https://reader033.fdocuments.net/reader033/viewer/2022051007/587e5f481a28ab2a538b5a13/html5/thumbnails/36.jpg)
1
2
3
4
6
5
![Page 37: Good front end - bad front-end (Vladimir Gutorov)](https://reader033.fdocuments.net/reader033/viewer/2022051007/587e5f481a28ab2a538b5a13/html5/thumbnails/37.jpg)
https://github.com/LumoSpark/cloud9-wp/tree/frontend
![Page 38: Good front end - bad front-end (Vladimir Gutorov)](https://reader033.fdocuments.net/reader033/viewer/2022051007/587e5f481a28ab2a538b5a13/html5/thumbnails/38.jpg)
Cloud 91) https://c9.io/2) https://community.c9.io/?_ga=1.215652951.1515587168.1457940211
Grunt JS3) http://gruntjs.com/
Less 4) http://lesscss.org/
Wordpress5) https://wordpress.org/
Git6) https://git-scm.com/
Linux command line7) http://www.comptechdoc.org/os/linux/usersguide/linux_ugbasics.html8) http://linuxcommand.org/learning_the_shell.php
![Page 39: Good front end - bad front-end (Vladimir Gutorov)](https://reader033.fdocuments.net/reader033/viewer/2022051007/587e5f481a28ab2a538b5a13/html5/thumbnails/39.jpg)
https://github.com/LumoSpark