SlideShare a Scribd company logo
GOOD FRONT END -
BAD FRONT END.
<p>или что отличает хорошего и плохого
front end разработчика</p>
INTRODUCTION...
- кто я?
- front-end vs VERSTALSHIK
- немного по теме
ДЛЯ ТЕХ - КТО НЕ ВКУРСЕ =)
t
119
1970 - ARPAnet
1971 - @
1972 - FIRST MAIL CLIENT
1983 TCP/IP
1990 http://info.cern.ch/
Good front end -  bad  front-end (Vladimir Gutorov)
Good front end -  bad  front-end (Vladimir Gutorov)
1994 CSS
1996
Good front end -  bad  front-end (Vladimir Gutorov)
FRONT END
ВОПРОСЫ:
- Про скилы...
- Как стать лучше
- Роль FrontEnd в процесе разработки и
как подружится с backend dev… ?
- В чем сила?
ПРО СКИЛЫ...
HTML
GIT
jQuery
JS
LESS/SAAS
CSS
AJAX
GRUNT
WebGL
NODE JS
ANGULAR
TWITTER BOOTSTRAP
PHOTOSHOP
PIXEL PERFECT
МОТИВАЦИЯ
ГИБКОСТЬ
ВЫ и ВАШИ ЦЕЛИ
Как стать лучше...
?
??
Good front end -  bad  front-end (Vladimir Gutorov)
? ??
Good front end -  bad  front-end (Vladimir Gutorov)
Good front end -  bad  front-end (Vladimir Gutorov)
Роль FrontEnd в процесе
разработки
Good front end -  bad  front-end (Vladimir Gutorov)
проект
дизайн
front end
back end
дизайнер
Front End
разработчик
Back End
разработчик
FRONTEND
process
+ + + = HAPPY
BACKEND
https://c9.io/
Good front end -  bad  front-end (Vladimir Gutorov)
Good front end -  bad  front-end (Vladimir Gutorov)
Good front end -  bad  front-end (Vladimir Gutorov)
Good front end -  bad  front-end (Vladimir Gutorov)
>_<
а теперь время магии....
Good front end -  bad  front-end (Vladimir Gutorov)
https://github.com/LumoSpark/cloud9-wp/tree/frontend
1
2
3
4
6
5
https://github.com/LumoSpark/cloud9-wp/tree/frontend
Cloud 9
1) https://c9.io/
2) https://community.c9.io/?_ga=1.215652951.1515587168.1457940211
Grunt JS
3) http://gruntjs.com/
Less
4) http://lesscss.org/
Wordpress
5) https://wordpress.org/
Git
6) https://git-scm.com/
Linux command line
7) http://www.comptechdoc.org/os/linux/usersguide/linux_ugbasics.html
8) http://linuxcommand.org/learning_the_shell.php
https://github.com/LumoSpark

More Related Content

PPS
На пути к сайту
Annely Nurkaliyeva
 
PDF
Как мы адаптировали более 150 сайтов по технологии Dynamically-served JavaScr...
Ontico
 
PPTX
Большие проблемы маленьких устройств
Alexander Kalouguine
 
PDF
Встреча "Front-end: на старт, внимание, разработка!", Сергей Пузанков
GoIT
 
PDF
Фреймворки: недалёкое прошлое и ближайшее будущее
Yandex
 
PPTX
js tools
Oleg Sizonov
 
PDF
Роман Комаров "CSS-препроцессоры: из каменного века — в будущее"
Yandex
 
PDF
Лучший frontend-фреймворк, и почему вы его не хотите
CodeFest
 
На пути к сайту
Annely Nurkaliyeva
 
Как мы адаптировали более 150 сайтов по технологии Dynamically-served JavaScr...
Ontico
 
Большие проблемы маленьких устройств
Alexander Kalouguine
 
Встреча "Front-end: на старт, внимание, разработка!", Сергей Пузанков
GoIT
 
Фреймворки: недалёкое прошлое и ближайшее будущее
Yandex
 
js tools
Oleg Sizonov
 
Роман Комаров "CSS-препроцессоры: из каменного века — в будущее"
Yandex
 
Лучший frontend-фреймворк, и почему вы его не хотите
CodeFest
 

Viewers also liked (7)

PPT
«Путь от инди-разработчика до гейм-дизайнера в студии»
Stfalcon Meetups
 
PDF
LESS, SASS, HAML: 4 буквы, изменившие frontend development
Konstantin Kudryashov
 
PDF
Пользовательские свойства как основа архитектуры CSS / Павел Ловцевич (LOVATA)
Ontico
 
PPTX
Разработка Web-приложений на Angular JS. Архитектурные семинары Softengi
Softengi
 
PPTX
Анимация БВШД 2016
Igor Silkin
 
PDF
reveal.js 3.0.0
Hakim El Hattab
 
PDF
DDA portfolio
Маша Комар
 
«Путь от инди-разработчика до гейм-дизайнера в студии»
Stfalcon Meetups
 
LESS, SASS, HAML: 4 буквы, изменившие frontend development
Konstantin Kudryashov
 
Пользовательские свойства как основа архитектуры CSS / Павел Ловцевич (LOVATA)
Ontico
 
Разработка Web-приложений на Angular JS. Архитектурные семинары Softengi
Softengi
 
Анимация БВШД 2016
Igor Silkin
 
reveal.js 3.0.0
Hakim El Hattab
 
DDA portfolio
Маша Комар
 
Ad

Similar to Good front end - bad front-end (Vladimir Gutorov) (20)

PPTX
FrontEnd: JS + css + html
Intersog
 
PDF
DevNightDnepr 2015: «Взаимодействие менеджера и дизайнера: техническое задани...
DevGAMM Conference
 
PDF
Жесточайшая оптимизация производительности веб-страниц. Google pagespeed.
Dmitry Dudin
 
PDF
Солянка seo хитростей для работы в арбитраже
NaZapad
 
PDF
FUCK UP! Облажаться и сделать из этого вывод — #CampusKazan2016
Mario Khabibullin
 
PDF
5 правил успешной разработки приложений для бренда
Heads&Hands
 
PDF
Dmitry Menshikov "Release after the year of development: fierce debug to the ...
Fwdays
 
PDF
Дайджест вакансий, сентябрь 2013
it-park
 
PDF
Баба-Яга против! — Роман Дворнов, Ostrovok.ru
Yandex
 
PDF
Игорь Шевченко — Новая выдача Поиска для сайта - кастомные теги, CSS3 и JavaS...
Yandex
 
PDF
Баба Яга против!
Roman Dvornov
 
PPTX
Опыт разработки SEO софта на примере FastTrust и ComparseR
Александр Алаев
 
PDF
Ликбез для HR'ов в IT
Alexander Krass
 
PPTX
Pj 2013 4
Jana Pavlenkova
 
PDF
Акторы на C++: стоило ли оно того?
Yauheni Akhotnikau
 
PDF
От заката до рассвета | Максим Безуглый | Zlit Tech
Zlit
 
PDF
Cps 2014 cinesoft
CineSoft
 
PDF
Why TDD doesn't work? (Кому что мешает, или почему TDD не работает?)
Acceptic
 
PPTX
Оптимизация скорости загрузки сайта
Академия интернет-маркетинга «WebPromoExperts»
 
PPTX
Progressive Enhancement: беспрепятственное использование новейших технологий
Vladimir Agafonkin
 
FrontEnd: JS + css + html
Intersog
 
DevNightDnepr 2015: «Взаимодействие менеджера и дизайнера: техническое задани...
DevGAMM Conference
 
Жесточайшая оптимизация производительности веб-страниц. Google pagespeed.
Dmitry Dudin
 
Солянка seo хитростей для работы в арбитраже
NaZapad
 
FUCK UP! Облажаться и сделать из этого вывод — #CampusKazan2016
Mario Khabibullin
 
5 правил успешной разработки приложений для бренда
Heads&Hands
 
Dmitry Menshikov "Release after the year of development: fierce debug to the ...
Fwdays
 
Дайджест вакансий, сентябрь 2013
it-park
 
Баба-Яга против! — Роман Дворнов, Ostrovok.ru
Yandex
 
Игорь Шевченко — Новая выдача Поиска для сайта - кастомные теги, CSS3 и JavaS...
Yandex
 
Баба Яга против!
Roman Dvornov
 
Опыт разработки SEO софта на примере FastTrust и ComparseR
Александр Алаев
 
Ликбез для HR'ов в IT
Alexander Krass
 
Pj 2013 4
Jana Pavlenkova
 
Акторы на C++: стоило ли оно того?
Yauheni Akhotnikau
 
От заката до рассвета | Максим Безуглый | Zlit Tech
Zlit
 
Cps 2014 cinesoft
CineSoft
 
Why TDD doesn't work? (Кому что мешает, или почему TDD не работает?)
Acceptic
 
Оптимизация скорости загрузки сайта
Академия интернет-маркетинга «WebPromoExperts»
 
Progressive Enhancement: беспрепятственное использование новейших технологий
Vladimir Agafonkin
 
Ad

More from LumoSpark (9)

PDF
Getting started with HTTPS | LumoSpark webinar
LumoSpark
 
PDF
How to turn any dynamic website into a static site | 24.01.2018 | Artem Danil...
LumoSpark
 
PDF
Разработка статических сайтов | Artem Daniliants | LumoSpark
LumoSpark
 
PPTX
ValoStartup Meetup #9 "Как шаг за шагом написать чат-бот для Telegram на Python"
LumoSpark
 
PDF
Artem Daniliants / Банкротство - это лучшее что произошло в моей бизнес-карьере
LumoSpark
 
PDF
Going back to static html sites / Artem Daniliants / LumoSpark
LumoSpark
 
PDF
Marketing automatisation (Artem Daniliants)
LumoSpark
 
PDF
Web development automatisation for fun and profit (Artem Daniliants)
LumoSpark
 
PDF
Принципы эффективного веб-дизайна 2.0 (Artur Galustyan)
LumoSpark
 
Getting started with HTTPS | LumoSpark webinar
LumoSpark
 
How to turn any dynamic website into a static site | 24.01.2018 | Artem Danil...
LumoSpark
 
Разработка статических сайтов | Artem Daniliants | LumoSpark
LumoSpark
 
ValoStartup Meetup #9 "Как шаг за шагом написать чат-бот для Telegram на Python"
LumoSpark
 
Artem Daniliants / Банкротство - это лучшее что произошло в моей бизнес-карьере
LumoSpark
 
Going back to static html sites / Artem Daniliants / LumoSpark
LumoSpark
 
Marketing automatisation (Artem Daniliants)
LumoSpark
 
Web development automatisation for fun and profit (Artem Daniliants)
LumoSpark
 
Принципы эффективного веб-дизайна 2.0 (Artur Galustyan)
LumoSpark
 

Good front end - bad front-end (Vladimir Gutorov)