What is Frontend Developer need to know, to be a professional.

1. Campaign
proposal
Верстка.
Зачем?
Почему?
потому что
Hack‘n’Tell

2. Front-end разработка
— это создание клиентской части сайта.
Front-end разработчик занимается версткой
шаблона сайта и созданием пользовательского
интерфейса.
“
Hack‘n’Tell

3. Из чего состоит
клиентская часть сайта?

5. Немного истории
1993 HTML
1995 JavaScript
1996 CSS
2006 jQuery
2010 BackboneJS
2011 Bootstrap

6. Почему разработчики
открещиваются от HTML и CSS?
Основные причины:
1. Пришли во фронтенд из мира
бэкендадесктопас улицы
2. Считают, что Bootstrap’a достаточно
3. Верстка – это вообще изи
4. Ленивые мудаки чудаки
5. Редко разрабатывают сложные интерфейсы, работая
преимущественно с логикой на клиенте
Hack‘n’Tell

7. Ваша логика может быть бесконечно прекрасна, но
какой в этом толк, если пользователь не может
нажать на кнопку?
1. Повышается читаемость кода.
2. Ваши интерфейсы становятся
доступными, производительными и с
3. Дизайнеры становятся вашими друзьями.
4. SEO начинает приносить пользу.
Чем полезно уметь в верстку Hack‘n’Tell

8. !JS
Все, что вы можете сделать
без использования JS’a
должно быть сделано БЕЗ
использования JS’a.
“
Hack‘n’Tell

9. /html5 & css3/gi
Form Validation: Basic Text
STAR WARS AT-AT Walker
Parallel park - pure css
CSS-only Coffee App Concept
CSS3 Working Clock

10. Современный HTML и CSS
HTML5
• Больше семантики
• Больше функционала
• Больше API
• Регулярные выражения
• Меньше рамок и условностей
• IE8 мертв
• FLASH мертв
CSS3
• Анимация
• Плавные переходы
• Градиенты
• Медиа-выражения
• Больше селекторов
• Вычисляемые значения
• Новые единицы
Hack‘n’Tell