Доклад об особенностях фронтенд-разработки. Речь пойдет о специфике разработки интерфейсов в больших и маленьких компаниях и о том, что должен знать хороший фронтенд-разработчик. Вы узнаете также, как устроен процесс разработки в Яндексе и какие интерфейсные задачи мы решаем.
8. Современный веб
• Client-side — фронтенд и клиентская часть веб-приложения
• Server-side — бэкенд или серверная часть веб-приложения
• SPA — Single-Page Application
8
11. HTML5
HTML (HyperText Markup Language) отвечает за логическое
структурирование данных в вебе.
Новые API:
• Canvas
• Video/Audio API
• LocalStorage
• и так далее.
11
12. CSS3
CSS (Cascading Style Sheets) отвечает за
отображение данных в вебе.
Препроцессоры:
• SASS
• LESS
• Stylus
12
14. Фреймворки и надстройки над JavaScript
• jQuery — готовые решения для рутинных задач на
JavaScript
• Coffescript — синтаксический сахар
• Typescript — статическая типизация, полноценные
классы, модульность
14
16. Векторная графика
SVG (Scalable Vector Graphics) — язык разметки масштабируемой
векторной графики.
Canvas — элемент HTML5, предназначенный для создания
растрового двухмерного изображения при помощи скриптования,
обычно, на языке JavaScript.
16
18. 3D графика
WebGL (Web-based Graphics Library) — программная
библиотека для языка программирования JavaScript,
позволяющая создавать интерактивную 3D-графику.
18
25. Node.js
25
Node.js — Cерверная платформа, использующая
язык программирования JavaScript, основанная на
движке V8. Предназначена для создания
масштабируемых распределённых сетевых
приложений.
27. Open-source
27
• Github.com — социальная сеть для
программистов, построенная вокруг
совместной разработки.
• NPM — большое и удобное хранилище
open-source проектов на node.js
29. Стандарты
29
W3C (World Wide Web Consortium) — организация,
разрабатывающая и внедряющая технологические
стандарты
• Более 110 рекомендаций за 10 лет.
• Члены консорциума — более 350 организаций.
• 28 стран мира.
31. Документация
31
• Mozilla Developer Network — база знаний
по веб разработке от компании Mozilla
• Web Platform — open-source платформа
документации по веб разработке
32.
33. Фронтенд в Яндексе
33
• Более 300 фронтенд-разработчиков
• Четкое разделение на фронтенд и бэкенд
• Серверный JavaScript
• Широкий стек технологий
• Отвественность за продукт, а не за кусок работы
• Наши сотрудники есть в core-team некоторых
популярных фреймворков и в рабочих группах W3C
34.
35. Фронтенд
35
• Работа на стыке UI/UX дизайна и технологий
• Desktop, tablets, mobile
• Результат работы видят тысячи и миллионы
пользователей каждый день
• Молодая и быстроразвивающаяся индустрия
• Открытое open-source сообщество