Затащи меня в ад

Transcript

1. 9 кругов ада разработки Front-End Виталий Слободин @vitalliumm RND.JS 9 апреля, 2016 г.
3. 1. Язык программирования Минздрав предупреждает: весь материал воспринимается лучше под музыку W.A.S.P. – Babylon’s Burning
4. 1. Язык программирования • JavaScript • CoffeeScript • TypeScript • Dart • ClojureScript • Elm • asm.js
5. 2. JavaScript!
6. 2. JavaScript! function returnObj() { return { x: 42 }; } console.log(JSON.stringify(returnObj()));
7. 2. JavaScript! function returnObj() { return { x: 42 }; } console.log(JSON.stringify(returnObj())); => // {"x":42}
8. 2. JavaScript! function returnObj() { return { x: 42 }; } console.log(JSON.stringify(returnObj()));
9. 2. JavaScript! function returnObj() { return { x: 42 }; } console.log(JSON.stringify(returnObj())); => // undefined
10. 2. JavaScript!
11. 2. ES5 или ES6? ES6: • Исправить проблемы ES5 • Обратная совместимость • Современный синтаксис • Большие приложения • Расширение стандартной библиотеки ES5: • Проблема контекста • Области видимости переменных и функций • Функции обратного вызова
12. 3.
13. 4. Автоматизация • Grunt • Gulp • Make файлы • Webpack • Browserify • Broccoli
14. 5. Фреймворк? Библиотека? • AngularJS • Backbone • React • EmberJS • Aurelia • ExtJS • Kendo UI • Knockout • Cappuccino • MooTools • Polymer • jQuery + jQuery UI • Dojo • Agility.js • … • ТЫСЯЧИ ИХ!
15. 5. ТЫСЯЧИ ИХ!
16. 6. Тестирование
17. 6. Что выбрать? Как тестировать? • Фреймворк (библиотека) • Покрытие кода тестами • Selenium • CI сервер • чик-чик и в продакшен!
18. 7. jQuery http://youmightnotneedjquery.com/
19. 8. Node.js npm
20. 8. Проблема Azer Koçulu
21. Мы забыли как программировать http://www.haneycodes.net/npm-left-pad-have-we-forgotten-how-to-program/ module.exports = leftpad; function leftpad (str, len, ch) { str = String(str); var i = -1; if (!ch && ch !== 0) ch = ' '; len = len - str.length; while (++i < len) { str = ch + str; } return str; }
22. Мы забыли как программировать http://www.haneycodes.net/npm-left-pad-have-we-forgotten-how-to-program/ module.exports = leftpad; function leftpad (str, len, ch) { str = String(str); var i = -1; if (!ch && ch !== 0) ch = ' '; len = len - str.length; while (++i < len) { str = ch + str; } return str; } return toString.call(arr) == '[object Array]'; • Более 20,299,287 загрузок в прошлом месяце 70 зависимых пакетов • Всего 1 строчка кода
24. 9. JavaScript везде! http://stackoverflow.com/research/developer-survey-2015
25. Хватит писать приложения на Electron!
26. Выдохнули!
27. Спасибо! Время Q&A! Где и как можно меня найти? • https://vk.com/vitallium • @vitalliumm • Github: https://github.com/vitallium • Slack: @vitallium • vitaliy.slobodin@gmail.com
28. Ищем Ruby on Rails разработчика elonsoft.ru